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

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

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

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../src/components/table/table.tsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport './style.scss'\r\nimport { Button, Input, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\r\nimport Tooltip from '../Tooltip/Tooltip'\r\nimport SVGLoader from '../SVGLoader/SVGLoader'\r\nimport { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'\r\nimport styles from '../MethodAccordion/MethodAccordion.module.scss'\r\nimport { useFormik } from 'formik'\r\nimport * as yup from 'yup'\r\nimport { capitalize } from '../../helpers/methodAccordion.helper'\r\n\r\nconst ParamterTable = ({\r\n  id,\r\n  headCells,\r\n  data,\r\n  isFormOpen,\r\n  setIsFormOpen,\r\n  saveNewRow,\r\n  readOnly,\r\n}) => {\r\n  const [text, setText] = useState('')\r\n  const [tooltipRef, setTooltipRef] = useState(null)\r\n  const { values, errors, setFieldValue, isValid, submitForm, resetForm } = useFormik({\r\n    initialValues: {\r\n      name: '',\r\n      in: 'Query',\r\n      schema: {\r\n        type: 'String',\r\n      },\r\n      required: true,\r\n      description: '',\r\n    },\r\n    validationSchema: yup.object().shape({\r\n      name: yup.string().required('Parameter name is required'),\r\n      in: yup.string().required('Paramter type is required'),\r\n      schema: yup.object().shape({\r\n        type: yup.string().required('Parameter schema type is required'),\r\n      }),\r\n      required: yup.boolean().optional(),\r\n      description: yup.string().optional(),\r\n    }),\r\n    onSubmit: (values) => {\r\n      saveNewRow(values)\r\n      setIsFormOpen(false)\r\n      setText('')\r\n      resetForm()\r\n    },\r\n  })\r\n  return (\r\n    <div className=\"tableSectionContainer\">\r\n      <div className=\"tableContainer\">\r\n        <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>\r\n          <thead className=\"tableHead\">\r\n            <tr>\r\n              {headCells?.map((headCell) => (\r\n                <th\r\n                  key={headCell.id}\r\n                  className={`tableHeadCell ${headCell.classes || ''}`}\r\n                  style={{ width: headCell.width, minWidth: headCell.minWidth }}\r\n                >\r\n                  <div\r\n                    className=\"headContainer\"\r\n                    data-id={`${\r\n                      typeof headCell.label === 'string'\r\n                        ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')\r\n                        : 'UNKNOWN_LABEL'\r\n                    }_COLUMN`}\r\n                  >\r\n                    {headCell.label}\r\n                  </div>\r\n                </th>\r\n              ))}\r\n            </tr>\r\n          </thead>\r\n          <tbody className=\"tableBody\" data-id=\"TABLE_BODY\">\r\n            {data?.map((row, rowIndex) => {\r\n              return (\r\n                <tr key={rowIndex} data-i={rowIndex} className={`row`}>\r\n                  {headCells?.map((headCell) => {\r\n                    const cellContent = row[headCell.id] !== '_' && (\r\n                      <div\r\n                        data-id=\"TEXT_DESCRIPTION\"\r\n                        className=\"tableData\"\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {row[headCell.id]}\r\n                      </div>\r\n                    )\r\n\r\n                    return (\r\n                      <td\r\n                        key={headCell.id}\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {cellContent}\r\n                      </td>\r\n                    )\r\n                  })}\r\n                </tr>\r\n              )\r\n            })}\r\n            {isFormOpen ? (\r\n              <tr key={''} data-i={''} className={`row`}>\r\n                <td key={'Parameter name'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <Input\r\n                      placeholder=\"paramter name\"\r\n                      size=\"large\"\r\n                      type=\"text\"\r\n                      //   errorMsg={!!errors.name && errors.name}\r\n                      onChange={(value) => {\r\n                        setFieldValue('name', value)\r\n                      }} // Pass the value directly\r\n                      value={values.name} // Bind value to the state\r\n                      disabled={readOnly}\r\n                    />\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter in'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <SelectGroupV2\r\n                      disabled={readOnly}\r\n                      value={{\r\n                        label: capitalize(values.in),\r\n                        value: capitalize(values.in),\r\n                      }}\r\n                      onChange={(item) => setFieldValue('in', item?.value?.toLowerCase())} // Updates state on selection\r\n                      options={[\r\n                        {\r\n                          list: [\r\n                            { label: 'Query', value: 'query' },\r\n                            { label: 'Header', value: 'header' },\r\n                            { label: 'Path', value: 'path' },\r\n                            { label: 'Body', value: 'body' },\r\n                          ],\r\n                        },\r\n                      ]}\r\n                      errorMsg={!!errors.in && errors.in}\r\n                      isMultiple={false}\r\n                      withSearch={false}\r\n                      clearable={false}\r\n                    />{' '}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter schema type'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <SelectGroupV2\r\n                      disabled={readOnly}\r\n                      value={{\r\n                        label: capitalize(values.schema.type),\r\n                        value: capitalize(values.schema.type),\r\n                      }}\r\n                      errorMsg={!!errors.schema && errors.schema}\r\n                      onChange={(item) => setFieldValue('schema.type', item?.value?.toLowerCase())} // Updates state on selection\r\n                      options={[\r\n                        {\r\n                          list: [\r\n                            { label: 'String', value: 'string' },\r\n                            { label: 'Integer', value: 'integer' },\r\n                            { label: 'Boolean', value: 'boolean' },\r\n                            { label: 'Object', value: 'object' },\r\n                            { label: 'Array', value: 'array' },\r\n                            { label: 'Number', value: 'number' },\r\n                          ],\r\n                        },\r\n                      ]}\r\n                      isMultiple={false}\r\n                      withSearch={false}\r\n                    />{' '}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter required'}>\r\n                  <div data-id=\"is required\" className=\"tableData\">\r\n                    {\r\n                      readOnly ?\r\n                      <>{values.required ? 'True': 'False'}</>\r\n                      :\r\n                      <Switch\r\n                      checked={values.required}\r\n                      onClick={() => {\r\n                        if (readOnly) {\r\n                          return\r\n                        }\r\n                        setFieldValue('required', !values.required)\r\n                      }}\r\n                    />\r\n                    }\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter schema desc'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <div className={styles.paramDescContainer}>\r\n                      <Tooltip\r\n                        arrowWithBorder\r\n                        placement=\"bottom-end\"\r\n                        type=\"function\"\r\n                        trigger=\"click\"\r\n                        delay={[0, 0]}\r\n                        onCreate={(instance) => setTooltipRef(instance)}\r\n                        content={\r\n                          <div className={styles.editDescTooltipContent}>\r\n                            <p className={styles.editDescTooltipContent_header}>Description</p>\r\n                            <TextArea\r\n                              value={text || values.description}\r\n                              onChange={(value) => {\r\n                                setText(value)\r\n                              }}\r\n                              disabled={readOnly}\r\n                              placeholder=\"Describe parameter...\"\r\n                            />\r\n                            {!readOnly && (\r\n                              <Button\r\n                                className={styles.editDescTooltipContent_btn}\r\n                                variant=\"outlined\"\r\n                                size=\"small\"\r\n                                onClick={() => {\r\n                                  setFieldValue('description', text)\r\n                                  tooltipRef?.hide()\r\n                                }}\r\n                              >\r\n                                Apply\r\n                              </Button>\r\n                            )}\r\n                          </div>\r\n                        }\r\n                      >\r\n                        <Button\r\n                          className={styles.editDescBtn}\r\n                          variant=\"link\"\r\n                          color=\"action\"\r\n                          endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                        >\r\n                          {readOnly ? 'View ' : 'Add '} Description\r\n                        </Button>\r\n                      </Tooltip>\r\n\r\n                      <div className={styles.paramDescContainer_separator}></div>\r\n                      {!readOnly && (\r\n                        <Button\r\n                          className={styles.deleteParamBtn}\r\n                          variant=\"link\"\r\n                          color=\"error\"\r\n                          endIcon={\r\n                            <SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />\r\n                          }\r\n                          onClick={() => {\r\n                            resetForm()\r\n                            setText('')\r\n                            setIsFormOpen(false)\r\n                          }} // Correctly delete the new row\r\n                        />\r\n                      )}\r\n\r\n                      {!readOnly && (\r\n                        <Button\r\n                          className={styles.deleteParamBtn}\r\n                          variant=\"link\"\r\n                          color=\"success\"\r\n                          disabled={!isValid}\r\n                          endIcon={<SVGLoader src={AddRow} width=\"0.125rem\" height=\"0.125rem\" />}\r\n                          onClick={() => {\r\n                            setText('')\r\n                            submitForm()\r\n                          }} // Save the new row when clicked\r\n                        />\r\n                      )}\r\n                    </div>{' '}\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            ) : (\r\n              <>\r\n                {!readOnly && (\r\n                  <tr key={'addNew'} data-i={'addNew'} className={`row`}>\r\n                    <td colSpan={5}>\r\n                      <Button\r\n                        variant=\"link\"\r\n                        color=\"primary\"\r\n                        onClick={() => {\r\n                          setIsFormOpen((prev) => !prev)\r\n                        }}\r\n                      >\r\n                        + Add Parameter\r\n                      </Button>\r\n                    </td>\r\n                  </tr>\r\n                )}\r\n              </>\r\n            )}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ParamterTable\r\n"],"names":["ParamterTable","id","headCells","data","isFormOpen","setIsFormOpen","saveNewRow","readOnly","text","setText","useState","tooltipRef","setTooltipRef","values","errors","setFieldValue","isValid","submitForm","resetForm","useFormik","initialValues","name","in","schema","type","required","description","validationSchema","yup.object","shape","yup.string","yup.boolean","optional","onSubmit","_jsx","className","_jsxs","jsxs","children","map","headCell","classes","style","width","minWidth","jsx","label","toUpperCase","replace","row","rowIndex","cellContent","Input","placeholder","size","onChange","value","disabled","SelectGroupV2","capitalize","item","_a","toLowerCase","options","list","errorMsg","isMultiple","withSearch","clearable","_Fragment","Fragment","Switch","checked","onClick","styles","paramDescContainer","Tooltip","arrowWithBorder","placement","trigger","delay","onCreate","instance","content","editDescTooltipContent","editDescTooltipContent_header","TextArea","Button","editDescTooltipContent_btn","variant","hide","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","height","paramDescContainer_separator","deleteParamBtn","DeleteIcon","AddRow","colSpan","prev"],"mappings":"ipBAWA,MAAMA,EAAgB,EACpBC,KACAC,YACAC,OACAC,aACAC,gBACAC,aACAC,eAEA,MAAOC,EAAMC,GAAWC,EAAS,KAC1BC,EAAYC,GAAiBF,EAAS,OACvCG,OAAEA,EAAMC,OAAEA,EAAMC,cAAEA,EAAaC,QAAEA,EAAOC,WAAEA,EAAUC,UAAEA,GAAcC,EAAU,CAClFC,cAAe,CACbC,KAAM,GACNC,GAAI,QACJC,OAAQ,CACNC,KAAM,UAERC,UAAU,EACVC,YAAa,IAEfC,iBAAkBC,IAAaC,MAAM,CACnCR,KAAMS,IAAaL,SAAS,8BAC5BH,GAAIQ,IAAaL,SAAS,6BAC1BF,OAAQK,IAAaC,MAAM,CACzBL,KAAMM,IAAaL,SAAS,uCAE9BA,SAAUM,IAAcC,WACxBN,YAAaI,IAAaE,aAE5BC,SAAWpB,IACTP,EAAWO,GACXR,GAAc,GACdI,EAAQ,IACRS,GAAW,IAGf,OACEgB,EAAAA,IAAK,MAAA,CAAAC,UAAU,iCACbD,MAAK,MAAA,CAAAC,UAAU,0BACbC,EAAOC,KAAA,QAAA,CAAApC,GAAIA,GAAM,GAAIkC,UAAW,qDAC9BD,EAAAA,IAAO,QAAA,CAAAC,UAAU,qBACfD,EAAAA,IACG,KAAA,CAAAI,SAAApC,eAAAA,EAAWqC,KAAKC,GACfN,EAAAA,UAEEC,UAAW,iBAAiBK,EAASC,SAAW,KAChDC,MAAO,CAAEC,MAAOH,EAASG,MAAOC,SAAUJ,EAASI,mBAEnDV,EACEW,IAAA,MAAA,CAAAV,UAAU,0BACD,GACmB,iBAAnBK,EAASM,MACZN,EAASM,MAAMC,cAAcC,QAAQ,iBAAkB,KACvD,yBAGLV,SAAAE,EAASM,SAZPN,EAASvC,UAkBtBmC,EAAAA,KAAA,QAAA,CAAOD,UAAU,YAAoB,UAAA,aAClCG,SAAA,CAAAnC,aAAI,EAAJA,EAAMoC,KAAI,CAACU,EAAKC,IAEbhB,EAA2BW,IAAA,KAAA,CAAA,SAAAK,EAAUf,UAAW,MAC7CG,SAAApC,aAAS,EAATA,EAAWqC,KAAKC,IACf,MAAMW,EAAmC,MAArBF,EAAIT,EAASvC,KAC/BiC,EAAAA,IAAA,MAAA,CAAA,UACU,mBACRC,UAAU,YACVO,MAAO,CACLC,MAAOH,EAASG,MAChBC,SAAUJ,EAASI,UAGpBN,SAAAW,EAAIT,EAASvC,MAIlB,OACEiC,EAEEW,IAAA,KAAA,CAAAH,MAAO,CACLC,MAAOH,EAASG,MAChBC,SAAUJ,EAASI,UACpBN,SAEAa,GANIX,EAASvC,GAQjB,KAzBIiD,KA8BZ9C,EACCgC,EAAAA,KAAqB,KAAA,CAAA,SAAA,GAAID,UAAW,MAAKG,SAAA,CACvCJ,EAAAA,mBACEA,EAAaW,IAAA,MAAA,CAAA,UAAA,mBAAmBV,UAAU,YAAWG,SACnDJ,EAAAA,IAACkB,EAAAA,OACCC,YAAY,gBACZC,KAAK,QACL9B,KAAK,OAEL+B,SAAWC,IACTzC,EAAc,OAAQyC,EAAM,EAE9BA,MAAO3C,EAAOQ,KACdoC,SAAUlD,OAXP,kBAgBT2B,MACE,KAAA,CAAAI,SAAAF,OAAA,MAAA,CAAA,UAAa,mBAAmBD,UAAU,YACxCG,SAAA,CAAAJ,EAAAA,IAACwB,EAAAA,cAAa,CACZD,SAAUlD,EACViD,MAAO,CACLV,MAAOa,EAAW9C,EAAOS,IACzBkC,MAAOG,EAAW9C,EAAOS,KAE3BiC,SAAWK,IAAS,IAAAC,EAAA,OAAA9C,EAAc,KAAmB,QAAb8C,EAAAD,aAAA,EAAAA,EAAMJ,aAAO,IAAAK,OAAA,EAAAA,EAAAC,cAAc,EACnEC,QAAS,CACP,CACEC,KAAM,CACJ,CAAElB,MAAO,QAASU,MAAO,SACzB,CAAEV,MAAO,SAAUU,MAAO,UAC1B,CAAEV,MAAO,OAAQU,MAAO,QACxB,CAAEV,MAAO,OAAQU,MAAO,WAI9BS,WAAYnD,EAAOQ,IAAMR,EAAOQ,GAChC4C,YAAY,EACZC,YAAY,EACZC,WAAW,IACV,QAvBE,gBA2BTlC,EAAAW,IAAA,KAAA,CAAAP,SACEF,EAAaC,KAAA,MAAA,CAAA,UAAA,mBAAmBF,UAAU,YAAWG,SAAA,CACnDJ,MAACwB,EAAaA,cAAA,CACZD,SAAUlD,EACViD,MAAO,CACLV,MAAOa,EAAW9C,EAAOU,OAAOC,MAChCgC,MAAOG,EAAW9C,EAAOU,OAAOC,OAElCyC,WAAYnD,EAAOS,QAAUT,EAAOS,OACpCgC,SAAWK,IAAS,IAAAC,EAAA,OAAA9C,EAAc,cAA0B,QAAX8C,EAAAD,eAAAA,EAAMJ,aAAK,IAAAK,OAAA,EAAAA,EAAEC,cAAc,EAC5EC,QAAS,CACP,CACEC,KAAM,CACJ,CAAElB,MAAO,SAAUU,MAAO,UAC1B,CAAEV,MAAO,UAAWU,MAAO,WAC3B,CAAEV,MAAO,UAAWU,MAAO,WAC3B,CAAEV,MAAO,SAAUU,MAAO,UAC1B,CAAEV,MAAO,QAASU,MAAO,SACzB,CAAEV,MAAO,SAAUU,MAAO,aAIhCU,YAAY,EACZC,YAAY,IACX,QAxBE,yBA4BTjC,EAAAA,IACE,KAAA,CAAAI,SAAAJ,EAAAW,IAAA,MAAA,CAAA,UAAa,cAAcV,UAAU,YAAWG,SAE5C/B,EACA2B,EAAGW,IAAAwB,EAAAC,SAAA,CAAAhC,SAAAzB,EAAOY,SAAW,OAAQ,UAE7BS,EAACW,IAAA0B,EAAMA,OACP,CAAAC,QAAS3D,EAAOY,SAChBgD,QAAS,KACHlE,GAGJQ,EAAc,YAAaF,EAAOY,SAAS,OAZ1C,sBAmBTS,EAAAA,mBACEE,EAAAA,KAAa,MAAA,CAAA,UAAA,mBAAmBD,UAAU,YACxCG,SAAA,CAAAF,EAAAC,KAAA,MAAA,CAAKF,UAAWuC,EAAOC,mBAAkBrC,SAAA,CACvCJ,MAAC0C,EAAO,CACNC,iBACA,EAAAC,UAAU,aACVtD,KAAK,WACLuD,QAAQ,QACRC,MAAO,CAAC,EAAG,GACXC,SAAWC,GAAatE,EAAcsE,GACtCC,QACE/C,EAAAA,YAAKD,UAAWuC,EAAOU,iCACrBlD,EAAAA,IAAG,IAAA,CAAAC,UAAWuC,EAAOW,8BAA8C/C,SAAA,gBACnEJ,EAAAA,IAACoD,EAAAA,SAAQ,CACP9B,MAAOhD,GAAQK,EAAOa,YACtB6B,SAAWC,IACT/C,EAAQ+C,EAAM,EAEhBC,SAAUlD,EACV8C,YAAY,2BAEZ9C,GACA2B,MAACqD,EAAAA,OAAM,CACLpD,UAAWuC,EAAOc,2BAClBC,QAAQ,WACRnC,KAAK,QACLmB,QAAS,KACP1D,EAAc,cAAeP,GAC7BG,SAAAA,EAAY+E,MAAM,EACnBpD,SAAA,aAKDA,SAGRF,EAAAA,KAACmD,EAAAA,OAAM,CACLpD,UAAWuC,EAAOiB,YAClBF,QAAQ,OACRG,MAAM,SACNC,QAAS3D,EAAAW,IAACiD,EAAU,CAAAC,IAAKC,EAAUrD,MAAM,SAASsD,OAAO,WAExD3D,SAAA,CAAA/B,EAAW,QAAU,OACf,oBAGX2B,EAAKW,IAAA,MAAA,CAAAV,UAAWuC,EAAOwB,gCACrB3F,GACA2B,MAACqD,EAAMA,OAAA,CACLpD,UAAWuC,EAAOyB,eAClBV,QAAQ,OACRG,MAAM,QACNC,QACE3D,MAAC4D,EAAS,CAACC,IAAKK,EAAYzD,MAAM,WAAWsD,OAAO,aAEtDxB,QAAS,KACPvD,IACAT,EAAQ,IACRJ,GAAc,EAAM,KAKxBE,GACA2B,EAAAA,IAACqD,EAAAA,OACC,CAAApD,UAAWuC,EAAOyB,eAClBV,QAAQ,OACRG,MAAM,UACNnC,UAAWzC,EACX6E,QAAS3D,EAAAA,IAAC4D,EAAS,CAACC,IAAKM,EAAQ1D,MAAM,WAAWsD,OAAO,aACzDxB,QAAS,KACPhE,EAAQ,IACRQ,GAAY,OAIb,QA7EF,2BA3FF,IA6KTiB,EAAAA,0BACI3B,GACA2B,EAAAA,IAA2B,KAAA,CAAA,SAAA,SAAUC,UAAW,MAC9CG,SAAAJ,MAAA,KAAA,CAAIoE,QAAS,EACXhE,SAAAJ,EAAAW,IAAC0C,EAAMA,OAAA,CACLE,QAAQ,OACRG,MAAM,UACNnB,QAAS,KACPpE,GAAekG,IAAUA,GAAK,EAIzBjE,SAAA,uBAVJ,qBAoBxB"}
+{"version":3,"file":"table.js","sources":["../../../../src/components/table/table.tsx"],"sourcesContent":["import React, { useState } from 'react'\r\nimport './style.scss'\r\nimport { Button, Input, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\r\nimport Tooltip from '../Tooltip/Tooltip'\r\nimport SVGLoader from '../SVGLoader/SVGLoader'\r\nimport { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'\r\nimport styles from '../MethodAccordion/MethodAccordion.module.scss'\r\nimport { useFormik } from 'formik'\r\nimport * as yup from 'yup'\r\nimport { capitalize } from '../../helpers/methodAccordion.helper'\r\n\r\nconst ParamterTable = ({\r\n  id,\r\n  headCells,\r\n  data,\r\n  isFormOpen,\r\n  setIsFormOpen,\r\n  saveNewRow,\r\n  readOnly,\r\n}) => {\r\n  const [text, setText] = useState('')\r\n  const [tooltipRef, setTooltipRef] = useState(null)\r\n  const { values, errors, setFieldValue, isValid, submitForm, resetForm } = useFormik({\r\n    initialValues: {\r\n      name: '',\r\n      in: 'Query',\r\n      schema: {\r\n        type: 'String',\r\n      },\r\n      required: true,\r\n      description: '',\r\n    },\r\n    validationSchema: yup.object().shape({\r\n      name: yup.string().required('Parameter name is required'),\r\n      in: yup.string().required('Paramter type is required'),\r\n      schema: yup.object().shape({\r\n        type: yup.string().required('Parameter schema type is required'),\r\n      }),\r\n      required: yup.boolean().optional(),\r\n      description: yup.string().optional(),\r\n    }),\r\n    onSubmit: (values) => {\r\n      saveNewRow(values)\r\n      setIsFormOpen(false)\r\n      setText('')\r\n      resetForm()\r\n    },\r\n  })\r\n\r\n  return (\r\n    <div className=\"tableSectionContainer\">\r\n      <div className=\"tableContainer\">\r\n        <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>\r\n          <thead className=\"tableHead\">\r\n            <tr>\r\n              {headCells?.map((headCell) => (\r\n                <th\r\n                  key={headCell.id}\r\n                  className={`tableHeadCell ${headCell.classes || ''}`}\r\n                  style={{ width: headCell.width, minWidth: headCell.minWidth }}\r\n                >\r\n                  <div\r\n                    className=\"headContainer\"\r\n                    data-id={`${\r\n                      typeof headCell.label === 'string'\r\n                        ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')\r\n                        : 'UNKNOWN_LABEL'\r\n                    }_COLUMN`}\r\n                  >\r\n                    {headCell.label}\r\n                  </div>\r\n                </th>\r\n              ))}\r\n            </tr>\r\n          </thead>\r\n          <tbody className=\"tableBody\" data-id=\"TABLE_BODY\">\r\n            {data?.map((row, rowIndex) => {\r\n              return (\r\n                <tr key={rowIndex} data-i={rowIndex} className={`row`}>\r\n                  {headCells?.map((headCell) => {\r\n                    const cellContent = row[headCell.id] !== '_' && (\r\n                      <div\r\n                        data-id=\"TEXT_DESCRIPTION\"\r\n                        className=\"tableData\"\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {row[headCell.id]}\r\n                      </div>\r\n                    )\r\n\r\n                    return (\r\n                      <td\r\n                        key={headCell.id}\r\n                        style={{\r\n                          width: headCell.width,\r\n                          minWidth: headCell.minWidth,\r\n                        }}\r\n                      >\r\n                        {cellContent}\r\n                      </td>\r\n                    )\r\n                  })}\r\n                </tr>\r\n              )\r\n            })}\r\n            {data?.length === 0 && readOnly && (\r\n              <tr className=\"fallbackTableRow\">\r\n                <td className=\"fallbackContainer\" colSpan={headCells?.length}>\r\n                  <div className=\"fallbackTextContainer\">\r\n                    <span className=\"fallbackText\"> No Data Available</span>\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            )}\r\n\r\n            {isFormOpen && !readOnly ? (\r\n              <tr className={`row`}>\r\n                <td key={'Parameter name'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <Input\r\n                      placeholder=\"Parameter name\"\r\n                      size=\"large\"\r\n                      type=\"text\"\r\n                      //   errorMsg={!!errors.name && errors.name}\r\n                      onChange={(value) => {\r\n                        setFieldValue('name', value)\r\n                      }} // Pass the value directly\r\n                      value={values.name} // Bind value to the state\r\n                      disabled={readOnly}\r\n                    />\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter in'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <SelectGroupV2\r\n                      disabled={readOnly}\r\n                      value={{\r\n                        label: capitalize(values.in),\r\n                        value: capitalize(values.in),\r\n                      }}\r\n                      onChange={(item) => setFieldValue('in', item?.value?.toLowerCase())} // Updates state on selection\r\n                      options={[\r\n                        {\r\n                          list: [\r\n                            { label: 'Query', value: 'query' },\r\n                            { label: 'Header', value: 'header' },\r\n                            { label: 'Path', value: 'path' },\r\n                            { label: 'Body', value: 'body' },\r\n                          ],\r\n                        },\r\n                      ]}\r\n                      errorMsg={!!errors.in && errors.in}\r\n                      isMultiple={false}\r\n                      withSearch={false}\r\n                      clearable={false}\r\n                    />{' '}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter schema type'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <SelectGroupV2\r\n                      disabled={readOnly}\r\n                      clearable={false}\r\n                      value={{\r\n                        label: capitalize(values.schema.type),\r\n                        value: capitalize(values.schema.type),\r\n                      }}\r\n                      errorMsg={!!errors.schema && errors.schema}\r\n                      onChange={(item) => setFieldValue('schema.type', item?.value?.toLowerCase())} // Updates state on selection\r\n                      options={[\r\n                        {\r\n                          list: [\r\n                            { label: 'String', value: 'string' },\r\n                            { label: 'Integer', value: 'integer' },\r\n                            { label: 'Boolean', value: 'boolean' },\r\n                            { label: 'Object', value: 'object' },\r\n                            { label: 'Array', value: 'array' },\r\n                            { label: 'Number', value: 'number' },\r\n                          ],\r\n                        },\r\n                      ]}\r\n                      isMultiple={false}\r\n                      withSearch={false}\r\n                    />{' '}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter required'}>\r\n                  <div data-id=\"is required\" className=\"tableData\">\r\n                    {readOnly ? (\r\n                      <>{values.required ? 'True' : 'False'}</>\r\n                    ) : (\r\n                      <Switch\r\n                        checked={values.required}\r\n                        onClick={() => {\r\n                          if (readOnly) {\r\n                            return\r\n                          }\r\n                          setFieldValue('required', !values.required)\r\n                        }}\r\n                      />\r\n                    )}\r\n                  </div>\r\n                </td>\r\n\r\n                <td key={'parameter schema desc'}>\r\n                  <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\r\n                    <div className={styles.paramDescContainer}>\r\n                      <Tooltip\r\n                        arrowWithBorder\r\n                        placement=\"bottom-end\"\r\n                        type=\"function\"\r\n                        trigger=\"click\"\r\n                        delay={[0, 0]}\r\n                        onCreate={(instance) => setTooltipRef(instance)}\r\n                        content={\r\n                          <div className={styles.editDescTooltipContent}>\r\n                            <p className={styles.editDescTooltipContent_header}>Description</p>\r\n                            <TextArea\r\n                              value={text || values.description}\r\n                              onChange={(value) => {\r\n                                setText(value)\r\n                              }}\r\n                              disabled={readOnly}\r\n                              placeholder=\"Describe parameter...\"\r\n                            />\r\n                            {!readOnly && (\r\n                              <Button\r\n                                className={styles.editDescTooltipContent_btn}\r\n                                variant=\"outlined\"\r\n                                size=\"small\"\r\n                                onClick={() => {\r\n                                  setFieldValue('description', text)\r\n                                  tooltipRef?.hide()\r\n                                }}\r\n                              >\r\n                                Apply\r\n                              </Button>\r\n                            )}\r\n                          </div>\r\n                        }\r\n                      >\r\n                        <Button\r\n                          className={styles.editDescBtn}\r\n                          variant=\"link\"\r\n                          color=\"action\"\r\n                          endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\r\n                        >\r\n                          {readOnly ? 'View ' : 'Add '} Description\r\n                        </Button>\r\n                      </Tooltip>\r\n\r\n                      <div className={styles.paramDescContainer_separator}></div>\r\n                      {!readOnly && (\r\n                        <Button\r\n                          className={styles.deleteParamBtn}\r\n                          variant=\"link\"\r\n                          color=\"error\"\r\n                          endIcon={\r\n                            <SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />\r\n                          }\r\n                          onClick={() => {\r\n                            resetForm()\r\n                            setText('')\r\n                            setIsFormOpen(false)\r\n                          }} // Correctly delete the new row\r\n                        />\r\n                      )}\r\n\r\n                      {!readOnly && (\r\n                        <Button\r\n                          className={styles.deleteParamBtn}\r\n                          variant=\"link\"\r\n                          color=\"success\"\r\n                          disabled={!isValid}\r\n                          endIcon={<SVGLoader src={AddRow} width=\"0.125rem\" height=\"0.125rem\" />}\r\n                          onClick={() => {\r\n                            setText('')\r\n                            submitForm()\r\n                          }} // Save the new row when clicked\r\n                        />\r\n                      )}\r\n                    </div>{' '}\r\n                  </div>\r\n                </td>\r\n              </tr>\r\n            ) : (\r\n              <>\r\n                {!readOnly && (\r\n                  <tr key={'addNew'} data-i={'addNew'} className={`row`}>\r\n                    <td colSpan={5}>\r\n                      <Button\r\n                        variant=\"link\"\r\n                        color=\"primary\"\r\n                        onClick={() => {\r\n                          setIsFormOpen((prev) => !prev)\r\n                        }}\r\n                      >\r\n                        + Add Parameter\r\n                      </Button>\r\n                    </td>\r\n                  </tr>\r\n                )}\r\n              </>\r\n            )}\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default ParamterTable\r\n"],"names":["ParamterTable","id","headCells","data","isFormOpen","setIsFormOpen","saveNewRow","readOnly","text","setText","useState","tooltipRef","setTooltipRef","values","errors","setFieldValue","isValid","submitForm","resetForm","useFormik","initialValues","name","in","schema","type","required","description","validationSchema","yup.object","shape","yup.string","yup.boolean","optional","onSubmit","_jsx","className","_jsxs","jsxs","children","map","headCell","classes","style","width","minWidth","jsx","label","toUpperCase","replace","row","rowIndex","cellContent","length","colSpan","Input","placeholder","size","onChange","value","disabled","SelectGroupV2","capitalize","item","_a","toLowerCase","options","list","errorMsg","isMultiple","withSearch","clearable","_Fragment","Fragment","Switch","checked","onClick","styles","paramDescContainer","Tooltip","arrowWithBorder","placement","trigger","delay","onCreate","instance","content","editDescTooltipContent","editDescTooltipContent_header","TextArea","Button","editDescTooltipContent_btn","variant","hide","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","height","paramDescContainer_separator","deleteParamBtn","DeleteIcon","AddRow","prev"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/constants/index.ts"],"sourcesContent":["export const methodColorMapping = {\r\n  get: {\r\n    label: 'Get',\r\n    color: '#3A6CD1',\r\n    order: 1,\r\n  },\r\n  post: {\r\n    label: 'Post',\r\n    color: '#3AAA35',\r\n    order: 2,\r\n  },\r\n  put: {\r\n    label: 'Put',\r\n    color: '#FAAD14',\r\n    order: 3,\r\n  },\r\n  delete: {\r\n    label: 'Delete',\r\n    color: '#DA3F3F',\r\n    order: 4,\r\n  },\r\n  patch: {\r\n    label: 'Patch',\r\n    color: '#58E2C2',\r\n    order: 5,\r\n  },\r\n  options: {\r\n    label: 'Options',\r\n    color: '#495D97',\r\n    order: 6,\r\n  },\r\n  trace: {\r\n    label: 'Trace',\r\n    color: '#FFA28F',\r\n    order: 7,\r\n  },\r\n  head: {\r\n    label: 'Head',\r\n    color: '#9461C9',\r\n    order: 8,\r\n  },\r\n}\r\n\r\nexport const tagsTableHeaders = [\r\n  {\r\n    id: 'tagName',\r\n    label: 'Tag Name',\r\n    sortable: false,\r\n    classes:'requiredParam'\r\n  },\r\n  {\r\n    id: 'description',\r\n    label: 'Description',\r\n    sortable: false,\r\n    classes:'requiredParam'\r\n  },\r\n  {\r\n    id: 'externalDocs',\r\n    label: 'External Docs',\r\n    sortable: false,\r\n    classes:'requiredParam'\r\n  }\r\n]\r\n\r\nexport const paramsTableHeaders = [\r\n  {\r\n    id: 'paramName',\r\n    label: 'Parameter Name',\r\n    sortable: false,\r\n    required: true,\r\n    classes: 'requiredParam',\r\n  },\r\n  { id: 'paramType', label: 'In', sortable: false, classes: 'requiredParam' },\r\n  { id: 'schemaType', label: 'Schema-Type', sortable: false, classes: 'requiredParam' },\r\n  { id: 'required', label: 'Required', sortable: false, classes: 'requiredParam' },\r\n  { id: 'description', label: 'Description', sortable: false },\r\n]\r\n\r\nexport const httpStatusCodes = [\r\n  // 1xx: Informational responses\r\n  100, 101, 102, 103,\r\n\r\n  // 2xx: Success\r\n  200, 201, 202, 203, 204, 205, 206, 207, 208, 226,\r\n\r\n  // 3xx: Redirection\r\n  300, 301, 302, 303, 304, 305, 306, 307, 308,\r\n\r\n  // 4xx: Client errors\r\n  400, 401, 402, 403, 404, 405, 406, 407, 408, 409, 410, 411, 412, 413, 414, 415, 416, 417, 418,\r\n  421, 422, 423, 424, 425, 426, 428, 429, 431, 451,\r\n\r\n  // 5xx: Server errors\r\n  500, 501, 502, 503, 504, 505, 506, 507, 508, 510, 511,\r\n]\r\n"],"names":["methodColorMapping","get","label","color","order","post","put","delete","patch","options","trace","head","tagsTableHeaders","id","sortable","classes","paramsTableHeaders","required","httpStatusCodes"],"mappings":"AAAa,MAAAA,EAAqB,CAChCC,IAAK,CACHC,MAAO,MACPC,MAAO,UACPC,MAAO,GAETC,KAAM,CACJH,MAAO,OACPC,MAAO,UACPC,MAAO,GAETE,IAAK,CACHJ,MAAO,MACPC,MAAO,UACPC,MAAO,GAETG,OAAQ,CACNL,MAAO,SACPC,MAAO,UACPC,MAAO,GAETI,MAAO,CACLN,MAAO,QACPC,MAAO,UACPC,MAAO,GAETK,QAAS,CACPP,MAAO,UACPC,MAAO,UACPC,MAAO,GAETM,MAAO,CACLR,MAAO,QACPC,MAAO,UACPC,MAAO,GAETO,KAAM,CACJT,MAAO,OACPC,MAAO,UACPC,MAAO,IAIEQ,EAAmB,CAC9B,CACEC,GAAI,UACJX,MAAO,WACPY,UAAU,EACVC,QAAQ,iBAEV,CACEF,GAAI,cACJX,MAAO,cACPY,UAAU,EACVC,QAAQ,iBAEV,CACEF,GAAI,eACJX,MAAO,gBACPY,UAAU,EACVC,QAAQ,kBAICC,EAAqB,CAChC,CACEH,GAAI,YACJX,MAAO,iBACPY,UAAU,EACVG,UAAU,EACVF,QAAS,iBAEX,CAAEF,GAAI,YAAaX,MAAO,KAAMY,UAAU,EAAOC,QAAS,iBAC1D,CAAEF,GAAI,aAAcX,MAAO,cAAeY,UAAU,EAAOC,QAAS,iBACpE,CAAEF,GAAI,WAAYX,MAAO,WAAYY,UAAU,EAAOC,QAAS,iBAC/D,CAAEF,GAAI,cAAeX,MAAO,cAAeY,UAAU,IAG1CI,EAAkB,CAE7B,IAAK,IAAK,IAAK,IAGf,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAG7C,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAGxC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAC1F,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAG7C,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK"}
+{"version":3,"file":"index.js","sources":["../../../src/constants/index.ts"],"sourcesContent":["export const methodColorMapping = {\r\n  get: {\r\n    label: 'Get',\r\n    color: '#3A6CD1',\r\n    order: 1,\r\n  },\r\n  post: {\r\n    label: 'Post',\r\n    color: '#3AAA35',\r\n    order: 2,\r\n  },\r\n  put: {\r\n    label: 'Put',\r\n    color: '#FAAD14',\r\n    order: 3,\r\n  },\r\n  delete: {\r\n    label: 'Delete',\r\n    color: '#DA3F3F',\r\n    order: 4,\r\n  },\r\n  patch: {\r\n    label: 'Patch',\r\n    color: '#58E2C2',\r\n    order: 5,\r\n  },\r\n  options: {\r\n    label: 'Options',\r\n    color: '#495D97',\r\n    order: 6,\r\n  },\r\n  trace: {\r\n    label: 'Trace',\r\n    color: '#FFA28F',\r\n    order: 7,\r\n  },\r\n  head: {\r\n    label: 'Head',\r\n    color: '#9461C9',\r\n    order: 8,\r\n  },\r\n}\r\n\r\nexport const tagsTableHeaders = [\r\n  {\r\n    id: 'tagName',\r\n    label: 'Tag Name',\r\n    sortable: false,\r\n    classes: 'requiredParam',\r\n  },\r\n  {\r\n    id: 'description',\r\n    label: 'Description',\r\n    sortable: false,\r\n    classes: 'requiredParam',\r\n  },\r\n  {\r\n    id: 'externalDocs',\r\n    label: 'External Docs',\r\n    sortable: false,\r\n    classes: 'requiredParam',\r\n  },\r\n]\r\n\r\nexport const paramsTableHeaders = [\r\n  {\r\n    id: 'paramName',\r\n    label: 'Parameter Name',\r\n    sortable: false,\r\n    required: true,\r\n    classes: 'requiredParam',\r\n  },\r\n  { id: 'paramType', label: 'In', sortable: false, classes: 'requiredParam' },\r\n  { id: 'schemaType', label: 'Schema-Type', sortable: false, classes: 'requiredParam' },\r\n  { id: 'required', label: 'Required', sortable: false, classes: 'requiredParam' },\r\n  { id: 'description', label: 'Description', sortable: false },\r\n]\r\n\r\nexport const httpStatusCodes = [\r\n  // 1xx: Informational responses\r\n  100, 101, 102, 103,\r\n\r\n  // 2xx: Success\r\n  200, 201, 202, 203, 204, 205, 206, 207, 208, 226,\r\n\r\n  // 3xx: Redirection\r\n  300, 301, 302, 303, 304, 305, 306, 307, 308,\r\n\r\n  // 4xx: Client errors\r\n  400, 401, 402, 403, 404, 405, 406, 407, 408, 409, 410, 411, 412, 413, 414, 415, 416, 417, 418,\r\n  421, 422, 423, 424, 425, 426, 428, 429, 431, 451,\r\n\r\n  // 5xx: Server errors\r\n  500, 501, 502, 503, 504, 505, 506, 507, 508, 510, 511,\r\n]\r\n"],"names":["methodColorMapping","get","label","color","order","post","put","delete","patch","options","trace","head","tagsTableHeaders","id","sortable","classes","paramsTableHeaders","required","httpStatusCodes"],"mappings":"AAAa,MAAAA,EAAqB,CAChCC,IAAK,CACHC,MAAO,MACPC,MAAO,UACPC,MAAO,GAETC,KAAM,CACJH,MAAO,OACPC,MAAO,UACPC,MAAO,GAETE,IAAK,CACHJ,MAAO,MACPC,MAAO,UACPC,MAAO,GAETG,OAAQ,CACNL,MAAO,SACPC,MAAO,UACPC,MAAO,GAETI,MAAO,CACLN,MAAO,QACPC,MAAO,UACPC,MAAO,GAETK,QAAS,CACPP,MAAO,UACPC,MAAO,UACPC,MAAO,GAETM,MAAO,CACLR,MAAO,QACPC,MAAO,UACPC,MAAO,GAETO,KAAM,CACJT,MAAO,OACPC,MAAO,UACPC,MAAO,IAIEQ,EAAmB,CAC9B,CACEC,GAAI,UACJX,MAAO,WACPY,UAAU,EACVC,QAAS,iBAEX,CACEF,GAAI,cACJX,MAAO,cACPY,UAAU,EACVC,QAAS,iBAEX,CACEF,GAAI,eACJX,MAAO,gBACPY,UAAU,EACVC,QAAS,kBAIAC,EAAqB,CAChC,CACEH,GAAI,YACJX,MAAO,iBACPY,UAAU,EACVG,UAAU,EACVF,QAAS,iBAEX,CAAEF,GAAI,YAAaX,MAAO,KAAMY,UAAU,EAAOC,QAAS,iBAC1D,CAAEF,GAAI,aAAcX,MAAO,cAAeY,UAAU,EAAOC,QAAS,iBACpE,CAAEF,GAAI,WAAYX,MAAO,WAAYY,UAAU,EAAOC,QAAS,iBAC/D,CAAEF,GAAI,cAAeX,MAAO,cAAeY,UAAU,IAG1CI,EAAkB,CAE7B,IAAK,IAAK,IAAK,IAGf,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAG7C,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAGxC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAC1F,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAG7C,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK"}

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

@@ -1,2 +1,2 @@
-import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";const t=e=>{var t,s,n,c,i;if(e.components&&e.components.securitySchemes){const o=null===(t=Object.keys(e.components.securitySchemes))||void 0===t?void 0:t.at(0);o&&(e.components.securitySchemes[o].type=null===(i=null===(c=null===(n=null===(s=null==e?void 0:e.components)||void 0===s?void 0:s.securitySchemes)||void 0===n?void 0:n[o])||void 0===c?void 0:c.type)||void 0===i?void 0:i.toUpperCase())}return Object.assign(Object.assign({},e),{paths:o(e.paths)})},s=e=>{var t,s,o,c,i;const r=Object.assign(Object.assign({},e),{paths:n(e.paths)});if(r.components&&r.components.securitySchemes){const e=null===(t=Object.keys(r.components.securitySchemes))||void 0===t?void 0:t.at(0);e&&(r.components.securitySchemes[e].type.toLowerCase()=="APIKEY".toLowerCase()&&(r.components.securitySchemes[e].in=r.components.securitySchemes[e].in.toUpperCase()),r.components.securitySchemes[e].type=null===(i=null===(c=null===(o=null===(s=null==r?void 0:r.components)||void 0===s?void 0:s.securitySchemes)||void 0===o?void 0:o[e])||void 0===c?void 0:c.type)||void 0===i?void 0:i.toUpperCase())}return r},o=e=>Object.entries(e).map((([e,t])=>({path:e,methods:Object.entries(t).map((([e,t])=>{var s,o,n,c,i,r;const p=Object.assign(Object.assign({},t),{type:e,tags:t.tags,responses:Object.entries(t.responses).map((([e,t])=>{var s,o,n,c,i;const r=Object.keys(t.content||{})[0];return{code:e,content:{contentType:r,schema:Object.assign(Object.assign({},null===(o=null===(s=t.content)||void 0===s?void 0:s[r])||void 0===o?void 0:o.schema),{properties:JSON.stringify(null===(i=null===(c=null===(n=t.content)||void 0===n?void 0:n[r])||void 0===c?void 0:c.schema)||void 0===i?void 0:i.properties)})}}}))});if("get"!=e.toLowerCase()){const e=Object.keys((null===(s=null==t?void 0:t.requestBody)||void 0===s?void 0:s.content)||{})[0],d=null===(n=null===(o=null==t?void 0:t.requestBody)||void 0===o?void 0:o.content)||void 0===n?void 0:n.schema,l=(null===(r=null===(i=null===(c=null==t?void 0:t.requestBody)||void 0===c?void 0:c.content)||void 0===i?void 0:i.schema)||void 0===r?void 0:r.properties)?{content:{contentType:e,schema:Object.assign(Object.assign({},d),{properties:(null==d?void 0:d.properties)?JSON.stringify(null==d?void 0:d.properties):"{}"})}}:{content:{contentType:"application/json",schema:{properties:"{}",type:"object"}}};p.requestBody=l}return p}))}))),n=t=>t.reduce(((t,{path:s,methods:o})=>(t[s]=o.reduce(((t,s)=>{var{type:o,tags:n,responses:c,requestBody:i}=s,r=e(s,["type","tags","responses","requestBody"]);t[o]=Object.assign(Object.assign({},r),{tags:n,responses:c.reduce(((e,{code:t,content:s})=>{var o;return e[t]={description:"Success",content:s.contentType?{[s.contentType]:{schema:Object.assign(Object.assign({},s.schema),{properties:JSON.parse(null===(o=null==s?void 0:s.schema)||void 0===o?void 0:o.properties)})}}:{}},e}),{})});const p="get"!==o?JSON.parse(i.content.schema.properties):{};return"get"!==o&&(t[o].requestBody={content:{[i.content.contentType]:{schema:Object.assign(Object.assign({},i.content.schema),{properties:p})}}}),t}),{}),t)),{});export{t as transformOpenApiObject,s as transformOpenApiObjectToOrigin,n as transformPathsArrayToOrigin,o as transformPathsToArray};
+import{__rest as e}from"../../node_modules/tslib/tslib.es6.js";const t=e=>{var t,s,n,c,i;if(e.components&&e.components.securitySchemes){const o=null===(t=Object.keys(e.components.securitySchemes))||void 0===t?void 0:t.at(0);o&&(e.components.securitySchemes[o].type=null===(i=null===(c=null===(n=null===(s=null==e?void 0:e.components)||void 0===s?void 0:s.securitySchemes)||void 0===n?void 0:n[o])||void 0===c?void 0:c.type)||void 0===i?void 0:i.toUpperCase())}else e.components={securitySchemes:{Public:{type:"http",scheme:"public"}}};return Object.assign(Object.assign({},e),{paths:o(e.paths)})},s=e=>{var t,s,o,c,i;const r=Object.assign(Object.assign({},e),{paths:n(e.paths)});if(r.components&&r.components.securitySchemes){const e=null===(t=Object.keys(r.components.securitySchemes))||void 0===t?void 0:t.at(0);e&&(r.components.securitySchemes[e].type.toLowerCase()=="APIKEY".toLowerCase()&&(r.components.securitySchemes[e].in=r.components.securitySchemes[e].in.toUpperCase()),r.components.securitySchemes[e].type=null===(i=null===(c=null===(o=null===(s=null==r?void 0:r.components)||void 0===s?void 0:s.securitySchemes)||void 0===o?void 0:o[e])||void 0===c?void 0:c.type)||void 0===i?void 0:i.toUpperCase())}return r},o=e=>Object.entries(e).map((([e,t])=>({path:e,methods:Object.entries(t).map((([e,t])=>{var s,o,n,c,i,r;const p=Object.assign(Object.assign({},t),{type:e,tags:t.tags,responses:Object.entries(t.responses).map((([e,t])=>{var s,o,n,c,i;const r=Object.keys(t.content||{})[0];return{code:e,content:{contentType:r,schema:Object.assign(Object.assign({},null===(o=null===(s=t.content)||void 0===s?void 0:s[r])||void 0===o?void 0:o.schema),{properties:JSON.stringify(null===(i=null===(c=null===(n=t.content)||void 0===n?void 0:n[r])||void 0===c?void 0:c.schema)||void 0===i?void 0:i.properties)})}}}))});if((null==t?void 0:t.parameters)||(p.parameters=[]),"get"!=e.toLowerCase()){const e=Object.keys((null===(s=null==t?void 0:t.requestBody)||void 0===s?void 0:s.content)||{})[0],d=null===(n=null===(o=null==t?void 0:t.requestBody)||void 0===o?void 0:o.content)||void 0===n?void 0:n.schema,l=(null===(r=null===(i=null===(c=null==t?void 0:t.requestBody)||void 0===c?void 0:c.content)||void 0===i?void 0:i.schema)||void 0===r?void 0:r.properties)?{content:{contentType:e,schema:Object.assign(Object.assign({},d),{properties:(null==d?void 0:d.properties)?JSON.stringify(null==d?void 0:d.properties):"{}"})}}:{content:{contentType:"application/json",schema:{properties:"{}",type:"object"}}};p.requestBody=l}return p}))}))),n=t=>t.reduce(((t,{path:s,methods:o})=>(t[s]=o.reduce(((t,s)=>{var{type:o,tags:n,responses:c,requestBody:i}=s,r=e(s,["type","tags","responses","requestBody"]);t[o]=Object.assign(Object.assign({},r),{tags:n,responses:c.reduce(((e,{code:t,content:s})=>{var o;return e[t]={description:"Success",content:s.contentType?{[s.contentType]:{schema:Object.assign(Object.assign({},s.schema),{properties:JSON.parse(null===(o=null==s?void 0:s.schema)||void 0===o?void 0:o.properties)})}}:{}},e}),{})});const p="get"!==o?JSON.parse(i.content.schema.properties):{};return"get"!==o&&(t[o].requestBody={content:{[i.content.contentType]:{schema:Object.assign(Object.assign({},i.content.schema),{properties:p})}}}),t}),{}),t)),{});export{t as transformOpenApiObject,s as transformOpenApiObjectToOrigin,n as transformPathsArrayToOrigin,o as transformPathsToArray};
 //# sourceMappingURL=layout.helper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.helper.js","sources":["../../../src/helpers/layout.helper.ts"],"sourcesContent":["import { TransformedPathsArray } from '@entities/layout.type'\r\nimport { OpenAPIFile, SecurityScheme } from '@entities/openApi'\r\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\r\n\r\nexport const transformOpenApiObject = (openApiJson: OpenAPIFile): TransformedOpenApi => {\r\n  if (openApiJson.components && openApiJson.components.securitySchemes) {\r\n    const authKey = Object.keys(openApiJson.components.securitySchemes)?.at(0)\r\n\r\n    if (authKey) {\r\n      openApiJson.components.securitySchemes[authKey].type =\r\n        openApiJson?.components?.securitySchemes?.[\r\n          authKey\r\n        ]?.type?.toUpperCase() as SecurityScheme['type']\r\n    }\r\n  }\r\n\r\n  return {\r\n    ...openApiJson,\r\n    paths: transformPathsToArray(openApiJson.paths),\r\n  } as TransformedOpenApi\r\n}\r\n\r\nexport const transformOpenApiObjectToOrigin = (values: TransformedOpenApi): OpenAPIFile => {\r\n  const object = {\r\n    ...values,\r\n    paths: transformPathsArrayToOrigin(values.paths),\r\n  }\r\n  if (object.components && object.components.securitySchemes) {\r\n    const authKey = Object.keys(object.components.securitySchemes)?.at(0)\r\n    if (authKey) {\r\n      if (object.components.securitySchemes[authKey].type.toLowerCase() == 'APIKEY'.toLowerCase()) {\r\n        object.components.securitySchemes[authKey].in = object.components.securitySchemes[\r\n          authKey\r\n        ].in.toUpperCase() as SecurityScheme['in']\r\n      }\r\n      object.components.securitySchemes[authKey].type = object?.components?.securitySchemes?.[\r\n        authKey\r\n      ]?.type?.toUpperCase() as SecurityScheme['type']\r\n    }\r\n  }\r\n  return object\r\n}\r\n\r\nexport const transformPathsToArray = (paths: OpenAPIFile['paths']): TransformedPathsArray | any => {\r\n  const transformedPaths = Object.entries(paths).map(([path, methods]) => ({\r\n    path,\r\n    methods: Object.entries(methods).map(([method, methodProps]) => {\r\n      const obj: any = {\r\n        ...methodProps,\r\n        type: method,\r\n        tags: methodProps.tags,\r\n        responses: Object.entries(methodProps.responses).map(([code, codeProps]) => {\r\n          const contentType = Object.keys(codeProps.content || {})[0]\r\n          return {\r\n            code,\r\n            content: {\r\n              contentType,\r\n              schema: {\r\n                ...codeProps.content?.[contentType]?.schema,\r\n                properties: JSON.stringify(codeProps.content?.[contentType]?.schema?.properties),\r\n              },\r\n            },\r\n          }\r\n        }),\r\n      }\r\n\r\n      if (method.toLowerCase() != 'get') {\r\n        const contentType = Object.keys(methodProps?.requestBody?.content || {})[0]\r\n        const reqSchema = methodProps?.requestBody?.content?.schema\r\n        const requestBodyData = methodProps?.requestBody?.content?.schema?.properties\r\n          ? {\r\n              content: {\r\n                contentType,\r\n                schema: {\r\n                  ...reqSchema,\r\n                  properties: reqSchema?.properties ? JSON.stringify(reqSchema?.properties) : '{}',\r\n                },\r\n              },\r\n            }\r\n          : {\r\n              content: {\r\n                contentType: 'application/json',\r\n                schema: {\r\n                  properties: '{}',\r\n                  type: 'object',\r\n                },\r\n              },\r\n            }\r\n\r\n        obj['requestBody'] = requestBodyData\r\n      }\r\n\r\n      return obj\r\n    }),\r\n  }))\r\n  return transformedPaths\r\n}\r\n\r\nexport const transformPathsArrayToOrigin = (paths: TransformedPathsArray): OpenAPIFile['paths'] => {\r\n  return paths.reduce((acc, { path, methods }) => {\r\n    acc[path] = methods.reduce((methodAcc, { type, tags, responses, requestBody, ...rest }) => {\r\n      // Initialize the method object\r\n      methodAcc[type] = {\r\n        ...rest,\r\n        tags,\r\n        responses: responses.reduce((respAcc, { code, content }) => {\r\n          respAcc[code] = {\r\n            description: 'Success', // Assuming this is static from the original data\r\n            content: content.contentType\r\n              ? {\r\n                  [content.contentType]: {\r\n                    schema: {\r\n                      ...(content.schema as object),\r\n                      properties: JSON.parse((content?.schema as any)?.properties as string),\r\n                    },\r\n                  },\r\n                }\r\n              : {},\r\n          }\r\n          return respAcc\r\n        }, {} as Record<string, any>),\r\n      }\r\n\r\n      const parsedRequestBodyProps =\r\n        type !== 'get' ? JSON.parse(requestBody.content.schema.properties) : {}\r\n      // Add requestBody for non-GET methods\r\n      if (type !== 'get') {\r\n        methodAcc[type].requestBody = {\r\n          content: {\r\n            [requestBody.content.contentType]: {\r\n              schema: {\r\n                ...requestBody.content.schema,\r\n                properties: parsedRequestBodyProps,\r\n              },\r\n            },\r\n          },\r\n        }\r\n      }\r\n\r\n      return methodAcc\r\n    }, {} as Record<string, any>)\r\n\r\n    return acc\r\n  }, {} as OpenAPIFile['paths'])\r\n}\r\n"],"names":["transformOpenApiObject","openApiJson","components","securitySchemes","authKey","_a","Object","keys","at","type","_e","_d","_b","_c","toUpperCase","assign","paths","transformPathsToArray","transformOpenApiObjectToOrigin","values","object","transformPathsArrayToOrigin","toLowerCase","in","entries","map","path","methods","method","methodProps","obj","tags","responses","code","codeProps","contentType","content","schema","properties","JSON","stringify","requestBody","reqSchema","requestBodyData","reduce","acc","methodAcc","rest","__rest","respAcc","description","parse","parsedRequestBodyProps"],"mappings":"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"}
+{"version":3,"file":"layout.helper.js","sources":["../../../src/helpers/layout.helper.ts"],"sourcesContent":["import { TransformedPathsArray } from '@entities/layout.type'\r\nimport { OpenAPIFile, SecurityScheme } from '@entities/openApi'\r\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\r\n\r\nexport const transformOpenApiObject = (openApiJson: OpenAPIFile): TransformedOpenApi => {\r\n  if (openApiJson.components && openApiJson.components.securitySchemes) {\r\n    const authKey = Object.keys(openApiJson.components.securitySchemes)?.at(0)\r\n    if (authKey) {\r\n      openApiJson.components.securitySchemes[authKey].type =\r\n        openApiJson?.components?.securitySchemes?.[\r\n          authKey\r\n        ]?.type?.toUpperCase() as SecurityScheme['type']\r\n    }\r\n  } else {\r\n    openApiJson.components = {\r\n      securitySchemes: {\r\n        Public: {\r\n          type: 'http',\r\n          scheme: 'public',\r\n        },\r\n      },\r\n    }\r\n  }\r\n\r\n  return {\r\n    ...openApiJson,\r\n    paths: transformPathsToArray(openApiJson.paths),\r\n  } as TransformedOpenApi\r\n}\r\n\r\nexport const transformOpenApiObjectToOrigin = (values: TransformedOpenApi): OpenAPIFile => {\r\n  const object = {\r\n    ...values,\r\n    paths: transformPathsArrayToOrigin(values.paths),\r\n  }\r\n  if (object.components && object.components.securitySchemes) {\r\n    const authKey = Object.keys(object.components.securitySchemes)?.at(0)\r\n    if (authKey) {\r\n      if (object.components.securitySchemes[authKey].type.toLowerCase() == 'APIKEY'.toLowerCase()) {\r\n        object.components.securitySchemes[authKey].in = object.components.securitySchemes[\r\n          authKey\r\n        ].in.toUpperCase() as SecurityScheme['in']\r\n      }\r\n      object.components.securitySchemes[authKey].type = object?.components?.securitySchemes?.[\r\n        authKey\r\n      ]?.type?.toUpperCase() as SecurityScheme['type']\r\n    }\r\n  }\r\n  return object\r\n}\r\n\r\nexport const transformPathsToArray = (paths: OpenAPIFile['paths']): TransformedPathsArray | any => {\r\n  const transformedPaths = Object.entries(paths).map(([path, methods]) => ({\r\n    path,\r\n    methods: Object.entries(methods).map(([method, methodProps]) => {\r\n      const obj: any = {\r\n        ...methodProps,\r\n        type: method,\r\n        tags: methodProps.tags,\r\n        responses: Object.entries(methodProps.responses).map(([code, codeProps]) => {\r\n          const contentType = Object.keys(codeProps.content || {})[0]\r\n          return {\r\n            code,\r\n            content: {\r\n              contentType,\r\n              schema: {\r\n                ...codeProps.content?.[contentType]?.schema,\r\n                properties: JSON.stringify(codeProps.content?.[contentType]?.schema?.properties),\r\n              },\r\n            },\r\n          }\r\n        }),\r\n      }\r\n      // Add parameters if it does not exist in the original JSON\r\n      if (!methodProps?.parameters) {\r\n        obj.parameters = []\r\n      }\r\n\r\n      if (method.toLowerCase() != 'get') {\r\n        const contentType = Object.keys(methodProps?.requestBody?.content || {})[0]\r\n        const reqSchema = methodProps?.requestBody?.content?.schema\r\n        const requestBodyData = methodProps?.requestBody?.content?.schema?.properties\r\n          ? {\r\n              content: {\r\n                contentType,\r\n                schema: {\r\n                  ...reqSchema,\r\n                  properties: reqSchema?.properties ? JSON.stringify(reqSchema?.properties) : '{}',\r\n                },\r\n              },\r\n            }\r\n          : {\r\n              content: {\r\n                contentType: 'application/json',\r\n                schema: {\r\n                  properties: '{}',\r\n                  type: 'object',\r\n                },\r\n              },\r\n            }\r\n\r\n        obj['requestBody'] = requestBodyData\r\n      }\r\n\r\n      return obj\r\n    }),\r\n  }))\r\n  return transformedPaths\r\n}\r\n\r\nexport const transformPathsArrayToOrigin = (paths: TransformedPathsArray): OpenAPIFile['paths'] => {\r\n  return paths.reduce((acc, { path, methods }) => {\r\n    acc[path] = methods.reduce((methodAcc, { type, tags, responses, requestBody, ...rest }) => {\r\n      // Initialize the method object\r\n      methodAcc[type] = {\r\n        ...rest,\r\n        tags,\r\n        responses: responses.reduce((respAcc, { code, content }) => {\r\n          respAcc[code] = {\r\n            description: 'Success', // Assuming this is static from the original data\r\n            content: content.contentType\r\n              ? {\r\n                  [content.contentType]: {\r\n                    schema: {\r\n                      ...(content.schema as object),\r\n                      properties: JSON.parse((content?.schema as any)?.properties as string),\r\n                    },\r\n                  },\r\n                }\r\n              : {},\r\n          }\r\n          return respAcc\r\n        }, {} as Record<string, any>),\r\n      }\r\n\r\n      const parsedRequestBodyProps =\r\n        type !== 'get' ? JSON.parse(requestBody.content.schema.properties) : {}\r\n      // Add requestBody for non-GET methods\r\n      if (type !== 'get') {\r\n        methodAcc[type].requestBody = {\r\n          content: {\r\n            [requestBody.content.contentType]: {\r\n              schema: {\r\n                ...requestBody.content.schema,\r\n                properties: parsedRequestBodyProps,\r\n              },\r\n            },\r\n          },\r\n        }\r\n      }\r\n\r\n      return methodAcc\r\n    }, {} as Record<string, any>)\r\n\r\n    return acc\r\n  }, {} as OpenAPIFile['paths'])\r\n}\r\n"],"names":["transformOpenApiObject","openApiJson","components","securitySchemes","authKey","_a","Object","keys","at","type","_e","_d","_b","_c","toUpperCase","Public","scheme","assign","paths","transformPathsToArray","transformOpenApiObjectToOrigin","values","object","transformPathsArrayToOrigin","toLowerCase","in","entries","map","path","methods","method","methodProps","obj","tags","responses","code","codeProps","contentType","content","schema","properties","JSON","stringify","parameters","requestBody","reqSchema","requestBodyData","reduce","acc","methodAcc","rest","__rest","respAcc","description","parse","parsedRequestBodyProps"],"mappings":"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"}

package/dist/src/layout/layout.js

@@ -1,2 +1,2 @@
-import{j as e}from"../../_virtual/jsx-runtime.js";import{d as o}from"../../_virtual/index.js";import t from"../components/MethodAccordion/MethodAccordion.js";import s from"./layout.module.css.js";import i from"../components/InfoForm/InfoForm.js";import r from"../components/SectionHead/SectionHead.js";import{transformOpenApiObject as a,transformOpenApiObjectToOrigin as d}from"../helpers/layout.helper.js";import n from"../components/LivePreview/LivePreview.js";import{useFormik as m,FormikProvider as l}from"../../node_modules/formik/dist/formik.esm.js";import{schemaValidation as c}from"../validator/form.scheme.js";import{methodColorMapping as p}from"../constants/index.js";const u=({openApiJson:u,handleSave:h})=>{const j=structuredClone(u),v=a(j),f=m({initialValues:structuredClone(v),validationSchema:c,validateOnMount:!0,onSubmit:(e,{validateForm:o})=>{const t=d(e);h(t),o(e)}});return e.jsxs("div",{className:s.docsLayout,children:[e.jsx(o.Alert,{className:s.apiDocAlert,color:"info",children:"Changes are saved and published for API information and each endpoint individually as you update."}),e.jsxs("div",{className:s.layoutContainer,children:[e.jsxs("div",{className:`${s.editorSide} ${s.docSide}`,children:[e.jsx(r,{className:s.editorSectionHead,text:e.jsxs("div",{className:s.editorSectionHead_content,children:["API Information",e.jsx(o.Button,{className:s.methodForm_submitBtn,size:"medium",fullWidth:!1,type:"submit",variant:"contained",color:"primary",onClick:f.submitForm,children:"Save"})]})}),e.jsx(l,{value:f,children:e.jsx(i,{})}),e.jsx(r,{className:s.editorSectionHead,text:"API Methods"}),e.jsx(l,{value:f,children:f.values.paths.map(((o,s)=>e.jsx(e.Fragment,{children:o.methods.sort((e=>p[e.type].order+p[e.type].order)).map(((i,r)=>e.jsx(t,{method:i,path:o.path,setFieldValue:(e,o)=>{const t=`paths[${s}].methods[${r}].${e}`;f.setFieldValue(t,o)}})))})))})]}),e.jsx("div",{className:`${s.livePreviewSide} ${s.docSide}`,children:v&&e.jsx(l,{value:f,children:e.jsx(n,{transformedData:v})})})]})]})};export{u as default};
+import{j as e}from"../../_virtual/jsx-runtime.js";import{d as o}from"../../_virtual/index.js";import t from"../components/MethodAccordion/MethodAccordion.js";import s from"./layout.module.css.js";import i from"../components/InfoForm/InfoForm.js";import r from"../components/SectionHead/SectionHead.js";import{transformOpenApiObject as a,transformOpenApiObjectToOrigin as d}from"../helpers/layout.helper.js";import n from"../components/LivePreview/LivePreview.js";import{useFormik as m,FormikProvider as l}from"../../node_modules/formik/dist/formik.esm.js";import{schemaValidation as c}from"../validator/form.scheme.js";import{methodColorMapping as p}from"../constants/index.js";const u=({openApiJson:u,handleSave:h})=>{const j=structuredClone(u),v=a(j),f=m({initialValues:structuredClone(v),validationSchema:c,validateOnMount:!0,onSubmit:(e,{validateForm:o})=>{const t=d(e);h(t),o(e)}});return e.jsxs("div",{className:s.docsLayout,children:[e.jsx(o.Alert,{className:s.apiDocAlert,color:"info",children:"Changes are saved and published for API information and each endpoint individually as you update."}),e.jsxs("div",{className:s.layoutContainer,children:[e.jsxs("div",{className:`${s.editorSide} ${s.docSide}`,children:[e.jsx(r,{className:s.editorSectionHead,text:e.jsxs("div",{className:s.editorSectionHead_content,children:["API Information",e.jsx(o.Button,{className:s.methodForm_submitBtn,size:"medium",fullWidth:!1,type:"submit",variant:"contained",color:"primary",onClick:f.submitForm,children:"Save"})]})}),e.jsx(l,{value:f,children:e.jsx(i,{})}),e.jsx(r,{className:s.editorSectionHead,text:"API Methods"}),e.jsx(l,{value:f,children:f.values.paths.map(((o,s)=>e.jsx(e.Fragment,{children:o.methods.sort(((e,o)=>p[e.type].order-p[o.type].order)).map(((i,r)=>e.jsx(t,{method:i,path:o.path,setFieldValue:(e,o)=>{const t=`paths[${s}].methods[${r}].${e}`;f.setFieldValue(t,o)}})))})))})]}),e.jsx("div",{className:`${s.livePreviewSide} ${s.docSide}`,children:v&&e.jsx(l,{value:f,children:e.jsx(n,{transformedData:v})})})]})]})};export{u as default};
 //# sourceMappingURL=layout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../../../src/layout/layout.tsx"],"sourcesContent":["import { JSX } from 'react'\r\nimport { Alert, Button } from 'digitinary-ui'\r\nimport MethodsAccordion from '../components/MethodAccordion/MethodAccordion'\r\nimport styles from './layout.module.css'\r\nimport InfoForm from '../components/InfoForm/InfoForm'\r\nimport SectionHead from '../components/SectionHead/SectionHead'\r\nimport { transformOpenApiObject, transformOpenApiObjectToOrigin } from '../helpers/layout.helper'\r\nimport { OpenAPIFile } from '../types/openApi'\r\nimport LivePreview from '../components/LivePreview/LivePreview'\r\nimport { FormikProvider, useFormik } from 'formik'\r\nimport { schemaValidation } from '../validator/form.scheme'\r\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\r\nimport { methodColorMapping } from '../constants/index'\r\n\r\ninterface ILayoutProps {\r\n  openApiJson?: OpenAPIFile\r\n  handleSave?: (values: unknown) => unknown\r\n}\r\n\r\nconst Layout = ({ openApiJson, handleSave }: ILayoutProps): JSX.Element => {\r\n  const clonedOpenApiJson = structuredClone(openApiJson)\r\n  const transformedOpenApi = transformOpenApiObject(clonedOpenApiJson)\r\n  const formik = useFormik<TransformedOpenApi>({\r\n    initialValues: structuredClone(transformedOpenApi),\r\n    validationSchema: schemaValidation,\r\n    validateOnMount: true,\r\n    onSubmit: (values, { validateForm }) => {\r\n      // Handle save logic\r\n      const originalOpenApiForm = transformOpenApiObjectToOrigin(values)\r\n      handleSave(originalOpenApiForm)\r\n      validateForm(values)\r\n    },\r\n  })\r\n\r\n  return (\r\n    <div className={styles.docsLayout}>\r\n      <Alert className={styles.apiDocAlert} color=\"info\">\r\n        Changes are saved and published for API information and each endpoint individually as you\r\n        update.\r\n      </Alert>\r\n      <div className={styles.layoutContainer}>\r\n        <div className={`${styles.editorSide} ${styles.docSide}`}>\r\n          <SectionHead\r\n            className={styles.editorSectionHead}\r\n            text={\r\n              <div className={styles.editorSectionHead_content}>\r\n                API Information\r\n                <Button\r\n                  className={styles.methodForm_submitBtn}\r\n                  size=\"medium\"\r\n                  fullWidth={false}\r\n                  type=\"submit\"\r\n                  variant=\"contained\"\r\n                  color=\"primary\"\r\n                  onClick={formik.submitForm}\r\n                >\r\n                  Save\r\n                </Button>\r\n              </div>\r\n            }\r\n          />\r\n          <FormikProvider value={formik}>\r\n            <InfoForm />\r\n          </FormikProvider>\r\n          <SectionHead className={styles.editorSectionHead} text=\"API Methods\" />\r\n          <FormikProvider value={formik}>\r\n            {formik.values.paths.map((path, pathIndex) => (\r\n              <>\r\n                {path.methods\r\n                  .sort(\r\n                    (method) =>\r\n                      methodColorMapping[method.type].order + methodColorMapping[method.type].order\r\n                  )\r\n                  .map((method, methodIndex) => (\r\n                    <MethodsAccordion\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                        formik.setFieldValue(h, value)\r\n                      }}\r\n                    />\r\n                  ))}\r\n              </>\r\n            ))}\r\n          </FormikProvider>\r\n        </div>\r\n        <div className={`${styles.livePreviewSide} ${styles.docSide}`}>\r\n          {transformedOpenApi && (\r\n            <FormikProvider value={formik}>\r\n              <LivePreview transformedData={transformedOpenApi} />\r\n            </FormikProvider>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["Layout","openApiJson","handleSave","clonedOpenApiJson","structuredClone","transformedOpenApi","transformOpenApiObject","formik","useFormik","initialValues","validationSchema","schemaValidation","validateOnMount","onSubmit","values","validateForm","originalOpenApiForm","transformOpenApiObjectToOrigin","_jsxs","jsxs","className","styles","docsLayout","children","_jsx","jsx","Alert","apiDocAlert","color","layoutContainer","editorSide","docSide","SectionHead","editorSectionHead","text","editorSectionHead_content","Button","methodForm_submitBtn","size","fullWidth","type","variant","onClick","submitForm","FormikProvider","value","InfoForm","paths","map","path","pathIndex","_Fragment","methods","sort","method","methodColorMapping","order","methodIndex","MethodsAccordion","setFieldValue","key","h","livePreviewSide","LivePreview","transformedData"],"mappings":"sqBAmBM,MAAAA,EAAS,EAAGC,cAAaC,iBAC7B,MAAMC,EAAoBC,gBAAgBH,GACpCI,EAAqBC,EAAuBH,GAC5CI,EAASC,EAA8B,CAC3CC,cAAeL,gBAAgBC,GAC/BK,iBAAkBC,EAClBC,iBAAiB,EACjBC,SAAU,CAACC,GAAUC,mBAEnB,MAAMC,EAAsBC,EAA+BH,GAC3DZ,EAAWc,GACXD,EAAaD,EAAO,IAIxB,OACEI,EAAAC,KAAA,MAAA,CAAKC,UAAWC,EAAOC,WACrBC,SAAA,CAAAC,EAAAC,IAACC,EAAKA,MAAC,CAAAN,UAAWC,EAAOM,YAAaC,MAAM,OAAML,SAAA,sGAIlDL,EAAAC,KAAA,MAAA,CAAKC,UAAWC,EAAOQ,0BACrBX,EAAKC,KAAA,MAAA,CAAAC,UAAW,GAAGC,EAAOS,cAAcT,EAAOU,UAASR,SAAA,CACtDC,EAAAA,IAACQ,EAAW,CACVZ,UAAWC,EAAOY,kBAClBC,KACEhB,EAAKC,KAAA,MAAA,CAAAC,UAAWC,EAAOc,0BAAyBZ,SAAA,CAAA,kBAE9CC,MAACY,EAAAA,QACChB,UAAWC,EAAOgB,qBAClBC,KAAK,SACLC,WAAW,EACXC,KAAK,SACLC,QAAQ,YACRb,MAAM,UACNc,QAASnC,EAAOoC,WAGTpB,SAAA,cAIfC,EAAAA,IAACoB,GAAeC,MAAOtC,EAAMgB,SAC3BC,MAACsB,EAAQ,MAEXtB,MAACQ,EAAW,CAACZ,UAAWC,EAAOY,kBAAmBC,KAAK,gBACvDV,MAACoB,EAAc,CAACC,MAAOtC,EACpBgB,SAAAhB,EAAOO,OAAOiC,MAAMC,KAAI,CAACC,EAAMC,IAC9B1B,EAAAA,IACG2B,EAAAA,SAAA,CAAA5B,SAAA0B,EAAKG,QACHC,MACEC,GACCC,EAAmBD,EAAOd,MAAMgB,MAAQD,EAAmBD,EAAOd,MAAMgB,QAE3ER,KAAI,CAACM,EAAQG,IACZjC,EAAAA,IAACkC,EAAgB,CACfJ,OAAQA,EACRL,KAAMA,EAAKA,KACXU,cAAe,CAACC,EAAKf,KACnB,MAAMgB,EAAI,SAASX,cAAsBO,MAAgBG,IACzDrD,EAAOoD,cAAcE,EAAGhB,EAAM,eAQ9CrB,EAAAC,IAAA,MAAA,CAAKL,UAAW,GAAGC,EAAOyC,mBAAmBzC,EAAOU,UAASR,SAC1DlB,GACCmB,MAACoB,EAAc,CAACC,MAAOtC,WACrBiB,EAAAA,IAACuC,GAAYC,gBAAiB3D,aAMzC"}
+{"version":3,"file":"layout.js","sources":["../../../src/layout/layout.tsx"],"sourcesContent":["import { JSX } from 'react'\r\nimport { Alert, Button } from 'digitinary-ui'\r\nimport MethodsAccordion from '../components/MethodAccordion/MethodAccordion'\r\nimport styles from './layout.module.css'\r\nimport InfoForm from '../components/InfoForm/InfoForm'\r\nimport SectionHead from '../components/SectionHead/SectionHead'\r\nimport { transformOpenApiObject, transformOpenApiObjectToOrigin } from '../helpers/layout.helper'\r\nimport { OpenAPIFile } from '../types/openApi'\r\nimport LivePreview from '../components/LivePreview/LivePreview'\r\nimport { FormikProvider, useFormik } from 'formik'\r\nimport { schemaValidation } from '../validator/form.scheme'\r\nimport { TransformedOpenApi } from '@entities/transformedOpenApi'\r\nimport { methodColorMapping } from '../constants/index'\r\n\r\ninterface ILayoutProps {\r\n  openApiJson?: OpenAPIFile\r\n  handleSave?: (values: unknown) => unknown\r\n}\r\n\r\nconst Layout = ({ openApiJson, handleSave }: ILayoutProps): JSX.Element => {\r\n  const clonedOpenApiJson = structuredClone(openApiJson)\r\n  const transformedOpenApi = transformOpenApiObject(clonedOpenApiJson)\r\n  const formik = useFormik<TransformedOpenApi>({\r\n    initialValues: structuredClone(transformedOpenApi),\r\n    validationSchema: schemaValidation,\r\n    validateOnMount: true,\r\n    onSubmit: (values, { validateForm }) => {\r\n      // Handle save logic\r\n      const originalOpenApiForm = transformOpenApiObjectToOrigin(values)\r\n      handleSave(originalOpenApiForm)\r\n      validateForm(values)\r\n    },\r\n  })\r\n\r\n  return (\r\n    <div className={styles.docsLayout}>\r\n      <Alert className={styles.apiDocAlert} color=\"info\">\r\n        Changes are saved and published for API information and each endpoint individually as you\r\n        update.\r\n      </Alert>\r\n      <div className={styles.layoutContainer}>\r\n        <div className={`${styles.editorSide} ${styles.docSide}`}>\r\n          <SectionHead\r\n            className={styles.editorSectionHead}\r\n            text={\r\n              <div className={styles.editorSectionHead_content}>\r\n                API Information\r\n                <Button\r\n                  className={styles.methodForm_submitBtn}\r\n                  size=\"medium\"\r\n                  fullWidth={false}\r\n                  type=\"submit\"\r\n                  variant=\"contained\"\r\n                  color=\"primary\"\r\n                  onClick={formik.submitForm}\r\n                >\r\n                  Save\r\n                </Button>\r\n              </div>\r\n            }\r\n          />\r\n          <FormikProvider value={formik}>\r\n            <InfoForm />\r\n          </FormikProvider>\r\n          <SectionHead className={styles.editorSectionHead} text=\"API Methods\" />\r\n          <FormikProvider value={formik}>\r\n            {formik.values.paths.map((path, pathIndex) => (\r\n              <>\r\n                {path.methods\r\n                  .sort(\r\n                    (a, b) => methodColorMapping[a.type].order - methodColorMapping[b.type].order\r\n                  )\r\n                  .map((method, methodIndex) => (\r\n                    <MethodsAccordion\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                        formik.setFieldValue(h, value)\r\n                      }}\r\n                    />\r\n                  ))}\r\n              </>\r\n            ))}\r\n          </FormikProvider>\r\n        </div>\r\n        <div className={`${styles.livePreviewSide} ${styles.docSide}`}>\r\n          {transformedOpenApi && (\r\n            <FormikProvider value={formik}>\r\n              <LivePreview transformedData={transformedOpenApi} />\r\n            </FormikProvider>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n"],"names":["Layout","openApiJson","handleSave","clonedOpenApiJson","structuredClone","transformedOpenApi","transformOpenApiObject","formik","useFormik","initialValues","validationSchema","schemaValidation","validateOnMount","onSubmit","values","validateForm","originalOpenApiForm","transformOpenApiObjectToOrigin","_jsxs","jsxs","className","styles","docsLayout","children","_jsx","jsx","Alert","apiDocAlert","color","layoutContainer","editorSide","docSide","SectionHead","editorSectionHead","text","editorSectionHead_content","Button","methodForm_submitBtn","size","fullWidth","type","variant","onClick","submitForm","FormikProvider","value","InfoForm","paths","map","path","pathIndex","_Fragment","methods","sort","a","b","methodColorMapping","order","method","methodIndex","MethodsAccordion","setFieldValue","key","h","livePreviewSide","LivePreview","transformedData"],"mappings":"sqBAmBM,MAAAA,EAAS,EAAGC,cAAaC,iBAC7B,MAAMC,EAAoBC,gBAAgBH,GACpCI,EAAqBC,EAAuBH,GAC5CI,EAASC,EAA8B,CAC3CC,cAAeL,gBAAgBC,GAC/BK,iBAAkBC,EAClBC,iBAAiB,EACjBC,SAAU,CAACC,GAAUC,mBAEnB,MAAMC,EAAsBC,EAA+BH,GAC3DZ,EAAWc,GACXD,EAAaD,EAAO,IAIxB,OACEI,EAAAC,KAAA,MAAA,CAAKC,UAAWC,EAAOC,WACrBC,SAAA,CAAAC,EAAAC,IAACC,EAAKA,MAAC,CAAAN,UAAWC,EAAOM,YAAaC,MAAM,OAAML,SAAA,sGAIlDL,EAAAC,KAAA,MAAA,CAAKC,UAAWC,EAAOQ,0BACrBX,EAAKC,KAAA,MAAA,CAAAC,UAAW,GAAGC,EAAOS,cAAcT,EAAOU,UAASR,SAAA,CACtDC,EAAAA,IAACQ,EAAW,CACVZ,UAAWC,EAAOY,kBAClBC,KACEhB,EAAKC,KAAA,MAAA,CAAAC,UAAWC,EAAOc,0BAAyBZ,SAAA,CAAA,kBAE9CC,MAACY,EAAAA,QACChB,UAAWC,EAAOgB,qBAClBC,KAAK,SACLC,WAAW,EACXC,KAAK,SACLC,QAAQ,YACRb,MAAM,UACNc,QAASnC,EAAOoC,WAGTpB,SAAA,cAIfC,EAAAA,IAACoB,GAAeC,MAAOtC,EAAMgB,SAC3BC,MAACsB,EAAQ,MAEXtB,MAACQ,EAAW,CAACZ,UAAWC,EAAOY,kBAAmBC,KAAK,gBACvDV,MAACoB,EAAc,CAACC,MAAOtC,EACpBgB,SAAAhB,EAAOO,OAAOiC,MAAMC,KAAI,CAACC,EAAMC,IAC9B1B,EAAAA,IACG2B,EAAAA,SAAA,CAAA5B,SAAA0B,EAAKG,QACHC,MACC,CAACC,EAAGC,IAAMC,EAAmBF,EAAEd,MAAMiB,MAAQD,EAAmBD,EAAEf,MAAMiB,QAEzET,KAAI,CAACU,EAAQC,IACZnC,EAAAA,IAACoC,EAAgB,CACfF,OAAQA,EACRT,KAAMA,EAAKA,KACXY,cAAe,CAACC,EAAKjB,KACnB,MAAMkB,EAAI,SAASb,cAAsBS,MAAgBG,IACzDvD,EAAOsD,cAAcE,EAAGlB,EAAM,eAQ9CrB,EAAAC,IAAA,MAAA,CAAKL,UAAW,GAAGC,EAAO2C,mBAAmB3C,EAAOU,UAASR,SAC1DlB,GACCmB,MAACoB,EAAc,CAACC,MAAOtC,WACrBiB,EAAAA,IAACyC,GAAYC,gBAAiB7D,aAMzC"}

package/dist/src/layout/layout.module.css.js

@@ -1,2 +1,2 @@
-import e from"../../node_modules/style-inject/dist/style-inject.es.js";var o={docsLayout:"layout-module_docsLayout__vDeK7",apiDocAlert:"layout-module_apiDocAlert__cSDp2",layoutContainer:"layout-module_layoutContainer__qBWib",editorSide:"layout-module_editorSide__hWc6O",editorSectionHead:"layout-module_editorSectionHead__chDdH",editorSectionHead_content:"layout-module_editorSectionHead_content__DQa6a",livePreviewSide:"layout-module_livePreviewSide__Q5HsZ",docSide:"layout-module_docSide__qLt4E"};e(".layout-module_docsLayout__vDeK7{display:flex;flex-direction:column;height:100vh;max-height:100%;overflow:hidden;.layout-module_apiDocAlert__cSDp2{border-radius:0}.layout-module_layoutContainer__qBWib{display:grid;grid-template-columns:60% 40%;height:100%;max-height:100%;max-width:100%;overflow:hidden;width:100%;.layout-module_editorSide__hWc6O{background-color:#fff;padding-bottom:1.25rem;.layout-module_editorSectionHead__chDdH{span{width:100%}.layout-module_editorSectionHead_content__DQa6a{align-items:center;display:flex;justify-content:space-between;button{width:6.25rem}}}}.layout-module_livePreviewSide__Q5HsZ{background-color:#f8f9fb;padding:1.875rem}.layout-module_docSide__qLt4E{max-height:100%;overflow-x:clip;overflow-y:overlay;scroll-behavior:smooth}}}");export{o as default};
+import e from"../../node_modules/style-inject/dist/style-inject.es.js";var o={docsLayout:"layout-module_docsLayout__vDeK7",apiDocAlert:"layout-module_apiDocAlert__cSDp2",layoutContainer:"layout-module_layoutContainer__qBWib",editorSide:"layout-module_editorSide__hWc6O",editorSectionHead:"layout-module_editorSectionHead__chDdH",editorSectionHead_content:"layout-module_editorSectionHead_content__DQa6a",livePreviewSide:"layout-module_livePreviewSide__Q5HsZ",docSide:"layout-module_docSide__qLt4E"};e(".layout-module_docsLayout__vDeK7{display:flex;flex-direction:column;height:100vh;max-height:100%;overflow:hidden;.layout-module_apiDocAlert__cSDp2{border-radius:0}.layout-module_layoutContainer__qBWib{display:grid;grid-template-columns:60% 40%;height:100%;max-height:100%;max-width:100%;overflow:hidden;width:100%;.layout-module_editorSide__hWc6O{background-color:#fff;padding-bottom:1.25rem;.layout-module_editorSectionHead__chDdH{span{width:100%}.layout-module_editorSectionHead_content__DQa6a{align-items:center;display:flex;justify-content:space-between;button{width:6.25rem}}}}.layout-module_livePreviewSide__Q5HsZ{background-color:#f8f9fb;padding:1.25rem 1.875rem}.layout-module_docSide__qLt4E{max-height:100%;overflow-x:clip;overflow-y:overlay;scroll-behavior:smooth}}}");export{o as default};
 //# sourceMappingURL=layout.module.css.js.map