@digi-frontend/dgate-api-documentation 1.0.47 → 1.0.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_virtual/core.js +2 -0
- package/dist/_virtual/core.js.map +1 -0
- package/dist/_virtual/core2.js +2 -0
- package/dist/_virtual/core2.js.map +1 -0
- package/dist/_virtual/format.js +2 -0
- package/dist/_virtual/format.js.map +1 -0
- package/dist/_virtual/index3.js +1 -1
- package/dist/_virtual/index4.js +1 -1
- package/dist/_virtual/index5.js +1 -1
- package/dist/_virtual/index6.js +1 -1
- package/dist/f4452c3ebcf0d5da.svg +4 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/defineProperty.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/defineProperty.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/extends.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/extends.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/iterableToArray.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/iterableToArray.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/toConsumableArray.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/toPrimitive.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/toPrimitive.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/toPropertyKey.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/typeof.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/typeof.js.map +1 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js +2 -0
- package/dist/node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js.map +1 -0
- package/dist/node_modules/fault/index.js +2 -0
- package/dist/node_modules/fault/index.js.map +1 -0
- package/dist/node_modules/format/format.js +2 -0
- package/dist/node_modules/format/format.js.map +1 -0
- package/dist/node_modules/highlight.js/lib/core.js +2 -0
- package/dist/node_modules/highlight.js/lib/core.js.map +1 -0
- package/dist/node_modules/lowlight/lib/core.js +2 -0
- package/dist/node_modules/lowlight/lib/core.js.map +1 -0
- package/dist/node_modules/nanoid/index.js +2 -0
- package/dist/node_modules/nanoid/index.js.map +1 -0
- package/dist/node_modules/nanoid/url-alphabet/index.js +2 -0
- package/dist/node_modules/nanoid/url-alphabet/index.js.map +1 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/checkForListedLanguage.js +2 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/checkForListedLanguage.js.map +1 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/create-element.js +2 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/create-element.js.map +1 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/highlight.js +2 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/highlight.js.map +1 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/light.js +2 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/light.js.map +1 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/styles/hljs/stackoverflow-dark.js +2 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/styles/hljs/stackoverflow-dark.js.map +1 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/styles/hljs/stackoverflow-light.js +2 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/styles/hljs/stackoverflow-light.js.map +1 -0
- package/dist/node_modules/toposort/index.js +1 -1
- package/dist/node_modules/yup/index.esm.js +1 -1
- package/dist/src/assets/icons/UpArrow.svg.js +2 -0
- package/dist/src/assets/icons/UpArrow.svg.js.map +1 -0
- package/dist/src/assets/icons/copy.svg.js +2 -0
- package/dist/src/assets/icons/copy.svg.js.map +1 -0
- package/dist/src/components/MethodAccordion/MethodAccordion.js +1 -1
- package/dist/src/components/MethodAccordion/MethodAccordion.js.map +1 -1
- package/dist/src/components/dialog/index.js +1 -1
- package/dist/src/components/dialog/index.js.map +1 -1
- package/dist/src/components/table/table.js +1 -1
- package/dist/src/components/table/table.js.map +1 -1
- package/dist/src/constants/methods.constant.js +1 -1
- package/dist/src/constants/methods.constant.js.map +1 -1
- package/dist/src/helpers/docs.helper.js +2 -0
- package/dist/src/helpers/docs.helper.js.map +1 -0
- package/dist/src/layout/docsComponents/Codebox/Codebox.js +2 -0
- package/dist/src/layout/docsComponents/Codebox/Codebox.js.map +1 -0
- package/dist/src/layout/docsComponents/Codebox/style.module.scss.js +2 -0
- package/dist/src/layout/docsComponents/Codebox/style.module.scss.js.map +1 -0
- package/dist/src/layout/docsComponents/DocsAside/DocsAside.js +1 -1
- package/dist/src/layout/docsComponents/DocsAside/DocsAside.js.map +1 -1
- package/dist/src/layout/docsComponents/DocsAside/style.module.scss.js +2 -0
- package/dist/src/layout/docsComponents/DocsAside/style.module.scss.js.map +1 -0
- package/dist/src/layout/docsComponents/DocsContent/DocsContent.js +1 -1
- package/dist/src/layout/docsComponents/DocsContent/DocsContent.js.map +1 -1
- package/dist/src/layout/docsComponents/DocsContent/TagPage/index.js +2 -0
- package/dist/src/layout/docsComponents/DocsContent/TagPage/index.js.map +1 -0
- package/dist/src/layout/docsComponents/DocsHeader/DocsHeader.js +1 -1
- package/dist/src/layout/docsComponents/DocsHeader/DocsHeader.js.map +1 -1
- package/dist/src/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.js +1 -1
- package/dist/src/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.js.map +1 -1
- package/dist/src/layout/docsLayout.js +1 -1
- package/dist/src/layout/docsLayout.js.map +1 -1
- package/dist/src/layout/layout.js +1 -1
- package/dist/src/layout/layout.js.map +1 -1
- package/dist/src/layout/layout.module.css.js +1 -1
- package/dist/src/utils/index.js +2 -0
- package/dist/src/utils/index.js.map +1 -0
- package/dist/styles.css +659 -429
- package/dist/types/assets/icons/index.d.ts +1 -0
- package/dist/types/components/dialog/dialog.d.ts +1 -0
- package/dist/types/components/dialog/index.d.ts +1 -1
- package/dist/types/layout/docsComponents/Codebox/Codebox.d.ts +4 -0
- package/dist/types/layout/docsComponents/DocsAside/DocsAside.d.ts +4 -2
- package/dist/types/layout/docsComponents/DocsContent/DocsContent.d.ts +4 -1
- package/dist/types/layout/docsComponents/DocsContent/EndpointPage/index.d.ts +3 -1
- package/dist/types/layout/docsComponents/DocsContent/TagPage/index.d.ts +3 -1
- package/dist/types/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.d.ts +2 -1
- package/dist/types/utils/index.d.ts +1 -0
- package/package.json +4 -3
- package/rollup.config.js +2 -0
- package/src/assets/icons/copy.svg +4 -0
- package/src/assets/icons/index.ts +1 -0
- package/src/components/MethodAccordion/MethodAccordion.module.scss +20 -11
- package/src/components/MethodAccordion/MethodAccordion.tsx +21 -13
- package/src/components/dialog/dialog.ts +1 -0
- package/src/components/dialog/index.tsx +27 -24
- package/src/components/table/table.tsx +5 -1
- package/src/constants/methods.constant.ts +1 -1
- package/src/layout/docsComponents/Codebox/Codebox.tsx +61 -0
- package/src/layout/docsComponents/Codebox/style.module.scss +43 -0
- package/src/layout/docsComponents/DocsAside/DocsAside.tsx +90 -4
- package/src/layout/docsComponents/DocsAside/style.module.scss +113 -0
- package/src/layout/docsComponents/DocsContent/DocsContent.tsx +3 -2
- package/src/layout/docsComponents/DocsContent/EndpointPage/index.tsx +2 -1
- package/src/layout/docsComponents/DocsContent/TagPage/index.tsx +34 -63
- package/src/layout/docsComponents/DocsContent/TagPage/style.scss +42 -5
- package/src/layout/docsComponents/DocsHeader/DocsHeader.module.scss +78 -5
- package/src/layout/docsComponents/DocsHeader/DocsHeader.tsx +51 -14
- package/src/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.tsx +17 -12
- package/src/layout/docsComponents/index.scss +3 -1
- package/src/layout/docsLayout.tsx +15 -12
- package/src/layout/layout.module.css +8 -5
- package/src/layout/layout.tsx +3 -3
- package/src/utils/index.ts +7 -0
- package/src/layout/docsComponents/DocsAside/style.scss +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MethodAccordion.js","sources":["../../../../src/components/MethodAccordion/MethodAccordion.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport {\n Accordion,\n Button,\n Input,\n SelectGroup,\n SelectGroupV2,\n Switch,\n TextArea,\n} from 'digitinary-ui'\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\nimport { DeleteIcon, DownArrowIcon, EditIcon, DeleteOutlinedIcon } from '../../assets/icons'\nimport PlusIcon from '../../assets/icons/Plus.svg'\nimport PlusSquare from '../../assets/icons/PlusSquare.svg'\nimport { httpStatusCodes, methodColorMapping, paramsTableHeaders } from '../../constants/index'\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport { TransformedMethod } from '../../types/layout.type'\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\nimport { capitalize, handleStatusColor } from '../../helpers/methodAccordion.helper'\nimport ParamterTable from '../table/table'\nimport CommonDialog from '../../components/dialog'\nimport JsonInput from '../../components/JsonInput/JsonInput'\nimport styles from './MethodAccordion.module.scss'\nimport { Tags } from '@entities/openApi'\nimport regex from '../../constants/regex'\n\nconst httpStatusCodeOptions = httpStatusCodes.map((code) => ({\n label: (\n <div className={styles.statusCodeOptionContainer}>\n <div\n className={styles.statusCodeOptionCircle}\n style={{ backgroundColor: handleStatusColor(code) }}\n ></div>\n <span>{code}</span>\n </div>\n ),\n value: code,\n}))\n\nconst MethodsAccordion = ({\n method,\n path,\n setFieldValue,\n readOnly,\n tags,\n isOpen,\n setIsOpen,\n errors,\n}: {\n method: TransformedMethod\n path: string\n setFieldValue?: (key: string, value: string | string[]) => void\n readOnly?: boolean\n tags: Tags[]\n isOpen: boolean\n setIsOpen: (open: boolean) => void\n errors?: string\n}) => {\n const [isExpanded, setIsExpanded] = useState({\n request: false,\n response: false,\n method: false,\n })\n const [isFormOpen, setIsFormOpen] = useState<'Req' | 'Res'>(undefined)\n const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\n const [tableData, setTableData] = useState([])\n const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\n const [selectedParamIndex, setSelectedParamIndex] = useState<number | null>(null)\n const [selectedParamName, setSelectedParamName] = useState<string | null>(null)\n const [tableRecords, setTableRecords] = useState()\n const [tableResponseRecords, setTableResponseRecords] = useState()\n const [selectionTags, setSelectionTags] = useState([])\n const [selectedStatusCode, setSelectedStatusCode] = useState(httpStatusCodeOptions[4])\n const [enumFields, setEnumFields] = useState([])\n const [tooltipEnumRef, setTooltipEnumRef] = useState(null)\n const currentResponse =\n method.responses.find((res) => Number(res.code) === selectedStatusCode.value) || '{}'\n\n const onTableChange = (key, value, index) => {\n const newTableData = tableData.map((item, tIndex) => {\n if (tIndex === index) {\n return { ...item, [key]: value }\n } else {\n return item\n }\n })\n\n setTableData(newTableData)\n }\n\n const generateTableData = (items, isForRequest?: boolean) => {\n const data = isForRequest\n ? items.filter((item) => item.in && item.in.toLowerCase() != 'header')\n : items.filter((item) => item.in && item.in.toLowerCase() == 'header')\n return data.map((item, index) => {\n return {\n id: index,\n paramName: item.name,\n paramType: capitalize(item.in),\n schemaType: capitalize(item.schema?.type) || '',\n required: (\n <>\n {readOnly ? (\n item.required ? (\n 'True'\n ) : (\n 'False'\n )\n ) : (\n <Switch\n checked={item.required}\n onClick={() => {\n if (readOnly) {\n return null\n }\n onTableChange('required', !item.required, index)\n setFieldValue(`parameters[${index}][required]`, !item.required)\n }}\n />\n )}\n </>\n ),\n description: (\n <div className={styles.paramDescContainer}>\n <Tooltip\n key={`${index}-description`}\n allowHTML\n disabled={method.parameters[index].description?.length <= 12}\n content={\n <div style={{ padding: '0.625rem' }}>{method.parameters[index].description}</div>\n }\n arrowWithBorder\n placement=\"bottom-end\"\n type=\"function\"\n delay={[0, 0]}\n onShow={() => tooltipRefs[index]?.hide()}\n >\n <p style={{ alignSelf: 'center' }}>\n {method.parameters[index].description\n ? method.parameters[index].description.substring(0, 12)\n : readOnly && '-'}\n {method.parameters[index].description &&\n method.parameters[index].description.length > 12\n ? '...'\n : ''}\n </p>\n </Tooltip>\n {!readOnly && (\n <Tooltip\n key={`${index}-add-edit-description`}\n allowHTML\n arrowWithBorder\n placement=\"bottom-end\"\n type=\"function\"\n trigger=\"click\"\n delay={[0, 0]}\n onCreate={(instance) =>\n setTooltipRefs((prev) => ({\n ...prev,\n [index]: instance,\n }))\n }\n content={\n <div className={styles.editDescTooltipContent}>\n <p className={styles.editDescTooltipContent_header}>Description</p>\n <TextArea\n placeholder=\"Describe parameter...\"\n value={item.description}\n disabled={readOnly}\n maxLength={120}\n onChange={(value) => {\n if (value === '' || regex.ASCII.test(value))\n onTableChange('description', value, index)\n }}\n />\n {!readOnly && (\n <Button\n className={styles.editDescTooltipContent_btn}\n variant=\"outlined\"\n size=\"small\"\n onClick={() => {\n setFieldValue(\n `parameters[${index}].description`,\n item.description?.trim()\n )\n tooltipRefs[index]?.hide()\n }}\n disabled={!item.description?.trim()}\n >\n Apply\n </Button>\n )}\n </div>\n }\n >\n {readOnly || method.parameters[index].description?.length > 0 ? (\n <Button\n className={styles.editDescBtn}\n variant=\"link\"\n color=\"action\"\n endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n ></Button>\n ) : (\n <Button\n className={styles.editDescBtn}\n variant=\"link\"\n color=\"action\"\n endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n >\n {readOnly ? 'View ' : 'Add '} Description\n </Button>\n )}\n </Tooltip>\n )}\n\n {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\n\n {!readOnly && (\n <Button\n className={styles.deleteParamBtn}\n variant=\"link\"\n color=\"error\"\n endIcon={<SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />}\n onClick={() => handleDeleteClick(index, item.name)}\n ></Button>\n )}\n </div>\n ),\n enum: (\n <>\n {readOnly ? (\n item?.schema?.enum?.join(' / ')\n ) : (\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n {method.parameters[index]?.schema &&\n method.parameters[index]?.schema?.type?.toLowerCase() != 'array' &&\n method.parameters[index]?.schema?.type?.toLowerCase() != 'object' ? (\n <Tooltip\n disabled={\n method.parameters[index]?.schema?.type?.toLowerCase() == 'array' ||\n method.parameters[index]?.schema?.type?.toLowerCase() == 'object'\n }\n arrowWithBorder\n placement=\"bottom-end\"\n type=\"function\"\n trigger=\"click\"\n delay={[0, 0]}\n onCreate={(instance) => setTooltipEnumRef(instance)}\n content={\n <div className={styles.editDescTooltipContent}>\n <p className={styles.editDescTooltipContent_header}>Enum</p>\n {!!method.parameters[index]?.schema?.enum &&\n !!method.parameters[index]?.schema?.enum.length &&\n method.parameters[index]?.schema?.enum?.map((item, _index) => (\n <Input\n key={index}\n className={'methodDescForEnum'}\n required\n clearable={false}\n placeholder=\"Enter Enum value...\"\n value={item}\n onChange={(value) => {\n setFieldValue(`parameters[${index}].schema.enum[${_index}]`, value)\n }}\n />\n ))}\n <p\n className={'addEnumButton'}\n onClick={() => {\n setFieldValue(`parameters[${index}].schema.enum`, [\n ...method.parameters[index]?.schema?.enum,\n '',\n ])\n }}\n >\n <SVGLoader src={PlusSquare} />\n Add New Enum\n </p>\n {!readOnly && (\n <Button\n className={styles.editDescTooltipContent_btn}\n variant=\"outlined\"\n size=\"small\"\n type=\"button\"\n onClick={() => {\n setFieldValue(`parameters[${index}].schema.enum`, [\n ...method.parameters[index].schema.enum,\n ])\n setEnumFields([])\n tooltipEnumRef?.hide()\n }}\n disabled={\n (enumFields.length > 0 &&\n enumFields?.filter((item) => !item).length) ||\n (method?.parameters[index]?.schema?.enum &&\n method?.parameters[index]?.schema?.enum?.length > 0 &&\n method?.parameters[index]?.schema?.enum?.filter((item) => !item).length)\n }\n >\n Apply\n </Button>\n )}\n </div>\n }\n >\n <Button\n className={styles.editDescBtn}\n id=\"EnumButton\"\n variant=\"link\"\n color=\"action\"\n endIcon={\n <SVGLoader id=\"enumIcon\" src={PlusIcon} width=\"1.5rem\" height=\"1.5rem\" />\n }\n >\n Add\n </Button>\n </Tooltip>\n ) : (\n '-'\n )}{' '}\n </div>\n )}\n </>\n ),\n }\n })\n }\n\n const confirmDeleteParameter = () => {\n if (selectedParamIndex !== null) {\n setTableData((prev) => prev.filter((_, i) => i !== selectedParamIndex))\n setFieldValue(\n `parameters`,\n method?.parameters?.filter((_, i) => i !== selectedParamIndex)\n )\n }\n setOpenDeleteDialog(false)\n setSelectedParamIndex(null)\n }\n\n const handleDeleteClick = (id: number, name: string) => {\n setSelectedParamIndex(id)\n setSelectedParamName(name)\n\n setOpenDeleteDialog(true)\n }\n\n const saveNewRow = (values) => {\n setTableData([...tableData, values])\n setFieldValue(`parameters`, [...method.parameters, values])\n }\n\n useEffect(() => {\n setTableRecords(generateTableData(tableData, true))\n setTableResponseRecords(generateTableData(tableData, false))\n }, [tableData])\n\n useEffect(() => {\n if (method?.parameters) {\n setTableData(method.parameters)\n }\n }, [method, path])\n\n useEffect(() => {\n // prepare tags selection list\n if (method?.tags.length || tags?.length) {\n const convertedStringArray = (method?.tags || [])?.map((item) => ({\n label: capitalize(item),\n value: item,\n }))\n const mergedArray = [\n ...convertedStringArray,\n ...(tags || []).map((item) => ({ label: capitalize(item.name), value: item.name })),\n ]\n\n const filteredArray = mergedArray.filter(\n (value, index, self) => index === self.findIndex((t) => t.value === value.value)\n )\n\n setSelectionTags(filteredArray)\n }\n }, [tags, method])\n\n return (\n <div>\n <Accordion\n expanded={isOpen}\n onChange={() => setIsOpen(!isOpen)}\n className={`${styles.methodAccordion} ${readOnly ? styles.readOnly : ''}`}\n summary={\n <div className={styles.methodSummaryContainer}>\n <div className={styles.methodSummary}>\n <span\n style={{\n backgroundColor: methodColorMapping?.[method?.type]?.color || '#3A6CD1',\n }}\n className={styles.methodLabel}\n >\n {methodColorMapping?.[method?.type]?.label || method?.type}\n </span>\n <span className={styles.methodPath}>{path}</span>\n </div>\n <div\n className={`${styles.methodExpandArrowContainer} ${isOpen ? styles.expanded : ''}`}\n >\n <SVGLoader src={DownArrowIcon} width=\"2rem\" height=\"2rem\" />\n </div>\n </div>\n }\n children={\n <div className={styles.methodAccordionContent}>\n {!readOnly ? (\n <Input\n className={styles.methodDesc}\n label=\"Endpoint Name\"\n required\n placeholder=\"Endpoint name...\"\n value={method?.summary}\n onChange={(value) => {\n value = value || ''\n if (value === '' || regex.ASCII.test(value)) {\n setFieldValue('summary', value)\n }\n }}\n onClear={() => {\n setFieldValue('summary', '')\n }}\n errorMsg={errors?.summary}\n />\n ) : (\n <SimpleLabelValue\n key={'summary'}\n label={'Endpoint Name: '}\n value={method?.summary || '-'}\n />\n )}\n <SelectGroup\n className={styles.methodDesc}\n disabled={readOnly}\n placeholder=\"Select Tags\"\n label=\"Tags\"\n value={method.tags?.map((t) => ({\n label: capitalize(t),\n value: t,\n }))}\n onChange={(item) => {\n setFieldValue(\n 'tags',\n item.map((i) => i.value)\n )\n }}\n options={[\n {\n list: selectionTags,\n },\n ]}\n isMultiple={true}\n withSearch={false}\n clearable={false}\n />\n {!readOnly ? (\n <TextArea\n className={styles.methodDesc}\n label=\"Description\"\n placeholder=\"Describe the method's purpose and functionality...\"\n maxLength={120}\n value={method?.description}\n onChange={(value) => {\n if (value === '' || regex.ASCII.test(value)) setFieldValue('description', value)\n }}\n />\n ) : (\n <SimpleLabelValue\n key={'description'}\n label={'Description: '}\n value={method?.description || '-'}\n />\n )}\n <div className={styles.paramsTable}>\n <h4 className={styles.paramsTableBodyHead}>Request Details</h4>\n <ParamterTable\n id=\"paramter-request-table\"\n data={tableRecords}\n headCells={paramsTableHeaders}\n isFormOpen={isFormOpen && isFormOpen == 'Req'}\n setIsFormOpen={setIsFormOpen}\n saveNewRow={saveNewRow}\n readOnly={readOnly}\n isRequest={true}\n />\n {method?.type !== 'get' && method?.type !== 'delete' && (\n <Accordion\n expanded={isExpanded.request}\n onChange={() => null}\n className={styles.requestAccordion}\n summary={\n <span className={styles.requestAccordionSummary}>\n <div\n className={styles.requestAccordionSummary_title}\n onClick={() =>\n setIsExpanded((prev) => ({\n ...prev,\n request: !prev.request,\n }))\n }\n >\n <SVGLoader\n className={isExpanded.request ? styles.expanded : ''}\n src={DownArrowIcon}\n width=\"2rem\"\n height=\"2rem\"\n />\n Request\n {method?.type !== 'delete' && <span style={{ color: 'red' }}>*</span>}\n </div>\n </span>\n }\n children={\n <JsonInput\n acceptType=\"JSON\"\n withFooter={!readOnly}\n className={'jsonField'}\n placeholder=\"Enter your request body as a JSON object....\"\n fieldIsDisabled={readOnly}\n value={method?.requestBody?.content?.schema?.properties || '{}'}\n onChange={(value: string) => {\n setFieldValue('requestBody.content.schema.properties', value)\n }}\n onValidation={() => null}\n />\n }\n />\n )}\n </div>\n <div className={styles.paramsTable}>\n <div className={styles.responseHeader}>\n <h4 className={styles.paramsTableBodyHead}>Response Details</h4>\n <SelectGroup\n withSearch={false}\n isMultiple={false}\n clearable={false}\n placeholder=\"200\"\n options={[\n {\n list: httpStatusCodeOptions,\n },\n ]}\n value={selectedStatusCode}\n onChange={(value) => {\n setSelectedStatusCode(value)\n }}\n />\n </div>\n <ParamterTable\n id=\"paramter-response-table\"\n data={tableResponseRecords}\n headCells={paramsTableHeaders}\n isFormOpen={isFormOpen && isFormOpen == 'Res'}\n setIsFormOpen={setIsFormOpen}\n saveNewRow={saveNewRow}\n readOnly={readOnly}\n isRequest={false}\n />\n <Accordion\n expanded={isExpanded.response}\n onChange={() => null}\n className={styles.responseAccordion}\n summary={\n <span className={styles.responseAccordionSummary}>\n <div\n className={styles.responseAccordionSummary_title}\n onClick={() =>\n setIsExpanded((prev) => ({\n ...prev,\n response: !prev.response,\n }))\n }\n >\n <SVGLoader\n className={isExpanded.response ? styles.expanded : ''}\n src={DownArrowIcon}\n width=\"2rem\"\n height=\"2rem\"\n />\n Response<span style={{ color: 'red' }}>*</span>\n </div>\n </span>\n }\n children={\n <JsonInput\n acceptType=\"JSON\"\n withFooter={!readOnly}\n className={'jsonField'}\n placeholder=\"Enter your response as a JSON object...\"\n fieldIsDisabled={readOnly}\n value={currentResponse?.content?.schema?.properties || '{}'}\n onChange={(value) => {\n const currentResIndex = method.responses.findIndex(\n (res) => res.code === currentResponse.code\n )\n if (currentResIndex !== -1) {\n setFieldValue(\n `responses[${currentResIndex}].content.schema.properties`,\n value\n )\n } else {\n const clonedResponses = structuredClone(method.responses)\n\n clonedResponses.push({\n code: selectedStatusCode.value.toString(),\n content: {\n contentType: 'application/json',\n schema: {\n type: 'object',\n properties: value,\n },\n },\n })\n\n setFieldValue('responses', clonedResponses)\n }\n }}\n onValidation={(valid) => null}\n />\n }\n />\n </div>\n </div>\n }\n />\n <CommonDialog\n status=\"error\"\n content={\n <p\n style={{\n textAlign: 'center',\n fontWeight: 400,\n fontSize: '1rem',\n lineHeight: '1.4375rem',\n }}\n className=\"delete-msg-container\"\n >\n Are you sure you want to delete\n <span className=\"plan-name\">\n {' '}\n Parameter <strong>{selectedParamName}</strong>\n </span>\n ?\n </p>\n }\n onSubmit={{\n onClick: confirmDeleteParameter,\n text: 'Delete',\n color: 'error',\n fullWidth: true,\n }}\n onCancel={{\n text: 'Cancel',\n color: 'normal',\n fullWidth: true,\n }}\n onClose={() => setOpenDeleteDialog(false)}\n open={openDeleteDialog}\n icon={<SVGLoader src={DeleteOutlinedIcon} width=\"4.0625rem\" height=\"4.0625rem\" />}\n />\n </div>\n )\n}\n\nexport default MethodsAccordion\n"],"names":["httpStatusCodeOptions","httpStatusCodes","map","code","label","_jsxs","className","styles","statusCodeOptionContainer","children","_jsx","statusCodeOptionCircle","style","backgroundColor","handleStatusColor","value","MethodsAccordion","method","path","setFieldValue","readOnly","tags","isOpen","setIsOpen","errors","isExpanded","setIsExpanded","useState","request","response","isFormOpen","setIsFormOpen","undefined","tooltipRefs","setTooltipRefs","tableData","setTableData","openDeleteDialog","setOpenDeleteDialog","selectedParamIndex","setSelectedParamIndex","selectedParamName","setSelectedParamName","tableRecords","setTableRecords","tableResponseRecords","setTableResponseRecords","selectionTags","setSelectionTags","selectedStatusCode","setSelectedStatusCode","enumFields","setEnumFields","tooltipEnumRef","setTooltipEnumRef","currentResponse","responses","find","res","Number","onTableChange","key","index","newTableData","item","tIndex","Object","assign","generateTableData","items","isForRequest","filter","in","toLowerCase","id","paramName","name","paramType","capitalize","schemaType","_a","schema","type","required","jsx","_Fragment","Switch","checked","onClick","description","paramDescContainer","Tooltip","allowHTML","disabled","parameters","_b","length","content","padding","arrowWithBorder","placement","delay","onShow","hide","alignSelf","substring","trigger","onCreate","instance","prev","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","maxLength","onChange","regex","ASCII","test","Button","editDescTooltipContent_btn","variant","size","trim","_c","_d","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","width","height","jsxs","paramDescContainer_separator","deleteParamBtn","DeleteIcon","handleDeleteClick","enum","_f","_e","join","_g","_j","_h","_o","_l","_m","_q","_p","_r","_t","_s","_u","_w","_v","_y","_x","_1","_0","_z","_index","Input","clearable","PlusSquare","_3","_2","_6","_4","_5","_9","_7","_8","PlusIcon","saveNewRow","values","useEffect","filteredArray","self","findIndex","t","Accordion","expanded","methodAccordion","summary","methodSummaryContainer","methodSummary","methodColorMapping","methodLabel","methodPath","methodExpandArrowContainer","DownArrowIcon","methodAccordionContent","SimpleLabelValue","methodDesc","onClear","errorMsg","SelectGroup","i","options","list","isMultiple","withSearch","paramsTable","paramsTableBodyHead","ParamterTable","data","headCells","paramsTableHeaders","isRequest","requestAccordion","requestAccordionSummary","requestAccordionSummary_title","JsonInput","acceptType","withFooter","fieldIsDisabled","requestBody","properties","onValidation","responseHeader","responseAccordion","responseAccordionSummary","responseAccordionSummary_title","currentResIndex","clonedResponses","structuredClone","push","toString","contentType","valid","CommonDialog","status","textAlign","fontWeight","fontSize","lineHeight","onSubmit","_","text","fullWidth","onCancel","onClose","open","icon","DeleteOutlinedIcon"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MethodAccordion.js","sources":["../../../../src/components/MethodAccordion/MethodAccordion.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport {\n Accordion,\n Button,\n Input,\n SelectGroup,\n SelectGroupV2,\n Switch,\n TextArea,\n} from 'digitinary-ui'\nimport SVGLoader from '../../components/SVGLoader/SVGLoader'\nimport { DeleteIcon, DownArrowIcon, EditIcon, DeleteOutlinedIcon } from '../../assets/icons'\nimport PlusIcon from '../../assets/icons/Plus.svg'\nimport PlusSquare from '../../assets/icons/PlusSquare.svg'\nimport { httpStatusCodes, methodColorMapping, paramsTableHeaders } from '../../constants/index'\nimport Tooltip from '../../components/Tooltip/Tooltip'\nimport { TransformedMethod } from '../../types/layout.type'\nimport SimpleLabelValue from '../../components/SimpleLabelValue'\nimport { capitalize, handleStatusColor } from '../../helpers/methodAccordion.helper'\nimport ParamterTable from '../table/table'\nimport CommonDialog from '../../components/dialog'\nimport JsonInput from '../../components/JsonInput/JsonInput'\nimport styles from './MethodAccordion.module.scss'\nimport { Tags } from '@entities/openApi'\nimport regex from '../../constants/regex'\n\nconst httpStatusCodeOptions = httpStatusCodes.map((code) => ({\n label: (\n <div className={styles.statusCodeOptionContainer}>\n <div\n className={styles.statusCodeOptionCircle}\n style={{ backgroundColor: handleStatusColor(code) }}\n ></div>\n <span>{code}</span>\n </div>\n ),\n value: code,\n}))\n\nconst MethodsAccordion = ({\n method,\n path,\n setFieldValue,\n readOnly,\n tags,\n isOpen,\n setIsOpen,\n errors,\n}: {\n method: TransformedMethod\n path: string\n setFieldValue?: (key: string, value: string | string[]) => void\n readOnly?: boolean\n tags: Tags[]\n isOpen: boolean\n setIsOpen: (open: boolean) => void\n errors?: string\n}) => {\n const [isExpanded, setIsExpanded] = useState({\n request: false,\n response: false,\n method: false,\n })\n const [isFormOpen, setIsFormOpen] = useState<'Req' | 'Res'>(undefined)\n const [tooltipRefs, setTooltipRefs] = useState<{ [key: number]: any }>({})\n const [tableData, setTableData] = useState([])\n const [openDeleteDialog, setOpenDeleteDialog] = useState(false)\n const [selectedParamIndex, setSelectedParamIndex] = useState<number | null>(null)\n const [selectedParamName, setSelectedParamName] = useState<string | null>(null)\n const [tableRecords, setTableRecords] = useState()\n const [tableResponseRecords, setTableResponseRecords] = useState()\n const [selectionTags, setSelectionTags] = useState([])\n const [selectedStatusCode, setSelectedStatusCode] = useState(httpStatusCodeOptions[4])\n const [enumFields, setEnumFields] = useState([])\n const [tooltipEnumRef, setTooltipEnumRef] = useState(null)\n const currentResponse =\n method.responses.find((res) => Number(res.code) === selectedStatusCode.value) || '{}'\n\n const onTableChange = (key, value, index) => {\n const newTableData = tableData.map((item, tIndex) => {\n if (tIndex === index) {\n return { ...item, [key]: value }\n } else {\n return item\n }\n })\n\n setTableData(newTableData)\n }\n\n const generateTableData = (items, isForRequest?: boolean) => {\n const data = isForRequest\n ? items.filter((item) => item.in && item.in.toLowerCase() != 'header')\n : items.filter((item) => item.in && item.in.toLowerCase() == 'header')\n return data.map((item, index) => {\n return {\n id: index,\n paramName: item.name,\n paramType: capitalize(item.in),\n schemaType: capitalize(item.schema?.type) || '',\n required: (\n <>\n {readOnly ? (\n item.required ? (\n 'True'\n ) : (\n 'False'\n )\n ) : (\n <Switch\n checked={item.required}\n onClick={() => {\n if (readOnly) {\n return null\n }\n onTableChange('required', !item.required, index)\n setFieldValue(`parameters[${index}][required]`, !item.required)\n }}\n />\n )}\n </>\n ),\n description: (\n <div className={styles.paramDescContainer}>\n <Tooltip\n key={`${index}-description`}\n allowHTML\n disabled={method.parameters[index].description?.length <= 12}\n content={\n <div style={{ padding: '0.625rem' }}>{method.parameters[index].description}</div>\n }\n arrowWithBorder\n placement=\"bottom-end\"\n type=\"function\"\n delay={[0, 0]}\n onShow={() => tooltipRefs[index]?.hide()}\n >\n <p style={{ alignSelf: 'center' }}>\n {method.parameters[index].description\n ? method.parameters[index].description.substring(0, 12)\n : readOnly && '-'}\n {method.parameters[index].description &&\n method.parameters[index].description.length > 12\n ? '...'\n : ''}\n </p>\n </Tooltip>\n {!readOnly && (\n <Tooltip\n key={`${index}-add-edit-description`}\n allowHTML\n arrowWithBorder\n placement=\"bottom-end\"\n type=\"function\"\n trigger=\"click\"\n delay={[0, 0]}\n onCreate={(instance) =>\n setTooltipRefs((prev) => ({\n ...prev,\n [index]: instance,\n }))\n }\n content={\n <div className={styles.editDescTooltipContent}>\n <p className={styles.editDescTooltipContent_header}>Description</p>\n <TextArea\n placeholder=\"Describe parameter...\"\n value={item.description}\n disabled={readOnly}\n maxLength={120}\n onChange={(value) => {\n if (value === '' || regex.ASCII.test(value))\n onTableChange('description', value, index)\n }}\n />\n {!readOnly && (\n <Button\n className={styles.editDescTooltipContent_btn}\n variant=\"outlined\"\n size=\"small\"\n onClick={() => {\n setFieldValue(\n `parameters[${index}].description`,\n item.description?.trim()\n )\n tooltipRefs[index]?.hide()\n }}\n disabled={!item.description?.trim()}\n >\n Apply\n </Button>\n )}\n </div>\n }\n >\n {readOnly || method.parameters[index].description?.length > 0 ? (\n <Button\n className={styles.editDescBtn}\n variant=\"link\"\n color=\"action\"\n endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n ></Button>\n ) : (\n <Button\n className={styles.editDescBtn}\n variant=\"link\"\n color=\"action\"\n endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n >\n {readOnly ? 'View ' : 'Add '} Description\n </Button>\n )}\n </Tooltip>\n )}\n\n {!readOnly && <div className={styles.paramDescContainer_separator}></div>}\n\n {!readOnly && (\n <Button\n className={styles.deleteParamBtn}\n variant=\"link\"\n color=\"error\"\n endIcon={<SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />}\n onClick={() => handleDeleteClick(index, item.name)}\n ></Button>\n )}\n </div>\n ),\n enum: (\n <>\n {readOnly ? (\n <span className=\"enumText\">{item?.schema?.enum?.join('/\\u200B')}</span>\n ) : (\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n {method.parameters[index]?.schema &&\n method.parameters[index]?.schema?.type?.toLowerCase() != 'array' &&\n method.parameters[index]?.schema?.type?.toLowerCase() != 'object' ? (\n <Tooltip\n disabled={\n method.parameters[index]?.schema?.type?.toLowerCase() == 'array' ||\n method.parameters[index]?.schema?.type?.toLowerCase() == 'object'\n }\n arrowWithBorder\n placement=\"bottom-end\"\n type=\"function\"\n trigger=\"click\"\n delay={[0, 0]}\n onCreate={(instance) => setTooltipEnumRef(instance)}\n content={\n <div className={styles.editDescTooltipContent}>\n <p className={styles.editDescTooltipContent_header}>Enum</p>\n {!!method.parameters[index]?.schema?.enum &&\n !!method.parameters[index]?.schema?.enum.length &&\n method.parameters[index]?.schema?.enum?.map((item, _index) => (\n <Input\n key={index}\n className={'methodDescForEnum'}\n required\n clearable={false}\n placeholder=\"Enter Enum value...\"\n value={item}\n onChange={(value) => {\n setFieldValue(`parameters[${index}].schema.enum[${_index}]`, value)\n }}\n />\n ))}\n <p\n className={'addEnumButton'}\n onClick={() => {\n setFieldValue(`parameters[${index}].schema.enum`, [\n ...method.parameters[index]?.schema?.enum,\n '',\n ])\n }}\n >\n <SVGLoader src={PlusSquare} />\n Add New Enum\n </p>\n {!readOnly && (\n <Button\n className={styles.editDescTooltipContent_btn}\n variant=\"outlined\"\n size=\"small\"\n type=\"button\"\n onClick={() => {\n setFieldValue(`parameters[${index}].schema.enum`, [\n ...method.parameters[index].schema.enum,\n ])\n setEnumFields([])\n tooltipEnumRef?.hide()\n }}\n disabled={\n (enumFields.length > 0 &&\n enumFields?.filter((item) => !item).length) ||\n (method?.parameters[index]?.schema?.enum &&\n method?.parameters[index]?.schema?.enum?.length > 0 &&\n method?.parameters[index]?.schema?.enum?.filter((item) => !item)\n .length)\n }\n >\n Apply\n </Button>\n )}\n </div>\n }\n >\n {method.parameters[index]?.schema?.enum &&\n method.parameters[index]?.schema?.enum?.length > 0 ? (\n <span className={'enumText'}>\n {method.parameters[index]?.schema?.enum?.join('/\\u200B')}\n </span>\n ) : (\n <Button\n className={styles.editDescBtn}\n id=\"EnumButton\"\n variant=\"link\"\n color=\"action\"\n endIcon={\n <SVGLoader id=\"enumIcon\" src={PlusIcon} width=\"1.5rem\" height=\"1.5rem\" />\n }\n >\n Add\n </Button>\n )}\n </Tooltip>\n ) : (\n '-'\n )}{' '}\n </div>\n )}\n </>\n ),\n }\n })\n }\n\n const confirmDeleteParameter = () => {\n if (selectedParamIndex !== null) {\n setTableData((prev) => prev.filter((_, i) => i !== selectedParamIndex))\n setFieldValue(\n `parameters`,\n method?.parameters?.filter((_, i) => i !== selectedParamIndex)\n )\n }\n setOpenDeleteDialog(false)\n setSelectedParamIndex(null)\n }\n\n const handleDeleteClick = (id: number, name: string) => {\n setSelectedParamIndex(id)\n setSelectedParamName(name)\n\n setOpenDeleteDialog(true)\n }\n\n const saveNewRow = (values) => {\n setTableData([...tableData, values])\n setFieldValue(`parameters`, [...method.parameters, values])\n }\n\n useEffect(() => {\n setTableRecords(generateTableData(tableData, true))\n setTableResponseRecords(generateTableData(tableData, false))\n }, [tableData])\n\n useEffect(() => {\n if (method?.parameters) {\n setTableData(method.parameters)\n }\n }, [method, path])\n\n useEffect(() => {\n // prepare tags selection list\n if (method?.tags.length || tags?.length) {\n const convertedStringArray = (method?.tags || [])?.map((item) => ({\n label: capitalize(item),\n value: item,\n }))\n const mergedArray = [\n ...convertedStringArray,\n ...(tags || []).map((item) => ({ label: capitalize(item.name), value: item.name })),\n ]\n\n const filteredArray = mergedArray.filter(\n (value, index, self) => index === self.findIndex((t) => t.value === value.value)\n )\n\n setSelectionTags(filteredArray)\n }\n }, [tags, method])\n\n return (\n <div>\n <Accordion\n expanded={isOpen}\n onChange={() => setIsOpen(!isOpen)}\n className={`${styles.methodAccordion} ${readOnly ? styles.readOnly : ''}`}\n summary={\n <div className={styles.methodSummaryContainer}>\n <div className={styles.methodSummary}>\n <span\n style={{\n backgroundColor: methodColorMapping?.[method?.type]?.color || '#3A6CD1',\n }}\n className={styles.methodLabel}\n >\n {methodColorMapping?.[method?.type]?.label || method?.type}\n </span>\n <span className={styles.methodPath}>{path}</span>\n </div>\n <div\n className={`${styles.methodExpandArrowContainer} ${isOpen ? styles.expanded : ''}`}\n >\n <SVGLoader src={DownArrowIcon} width=\"2rem\" height=\"2rem\" />\n </div>\n </div>\n }\n children={\n <div className={styles.methodAccordionContent}>\n {!readOnly ? (\n <Input\n className={styles.methodDesc}\n label=\"Endpoint Name\"\n required\n placeholder=\"Endpoint name...\"\n value={method?.summary}\n onChange={(value) => {\n value = value || ''\n if (value === '' || regex.ASCII.test(value)) {\n setFieldValue('summary', value)\n }\n }}\n onClear={() => {\n setFieldValue('summary', '')\n }}\n errorMsg={errors?.summary}\n />\n ) : (\n <SimpleLabelValue\n key={'summary'}\n label={'Endpoint Name: '}\n value={method?.summary || '-'}\n />\n )}\n <SelectGroup\n className={styles.methodDesc}\n disabled={readOnly}\n placeholder=\"Select Tags\"\n label=\"Tags\"\n value={method.tags?.map((t) => ({\n label: capitalize(t),\n value: t,\n }))}\n onChange={(item) => {\n setFieldValue(\n 'tags',\n item.map((i) => i.value)\n )\n }}\n options={[\n {\n list: selectionTags,\n },\n ]}\n isMultiple={true}\n withSearch={false}\n clearable={false}\n />\n {!readOnly ? (\n <TextArea\n className={styles.methodDesc}\n label=\"Description\"\n placeholder=\"Describe the method's purpose and functionality...\"\n maxLength={120}\n value={method?.description}\n onChange={(value) => {\n if (value === '' || regex.ASCII.test(value)) setFieldValue('description', value)\n }}\n />\n ) : (\n <SimpleLabelValue\n key={'description'}\n label={'Description: '}\n value={method?.description || '-'}\n />\n )}\n <div className={styles.paramsTable}>\n <h4 className={styles.paramsTableBodyHead}>Request Details</h4>\n <ParamterTable\n id=\"paramter-request-table\"\n data={tableRecords}\n headCells={paramsTableHeaders}\n isFormOpen={isFormOpen && isFormOpen == 'Req'}\n setIsFormOpen={setIsFormOpen}\n saveNewRow={saveNewRow}\n readOnly={readOnly}\n isRequest={true}\n />\n {method?.type !== 'get' && method?.type !== 'delete' && (\n <Accordion\n expanded={isExpanded.request}\n onChange={() => null}\n className={styles.requestAccordion}\n summary={\n <span className={styles.requestAccordionSummary}>\n <div\n className={styles.requestAccordionSummary_title}\n onClick={() =>\n setIsExpanded((prev) => ({\n ...prev,\n request: !prev.request,\n }))\n }\n >\n <SVGLoader\n className={isExpanded.request ? styles.expanded : ''}\n src={DownArrowIcon}\n width=\"2rem\"\n height=\"2rem\"\n />\n Request\n {method?.type !== 'delete' && <span style={{ color: 'red' }}>*</span>}\n </div>\n </span>\n }\n children={\n <JsonInput\n acceptType=\"JSON\"\n withFooter={!readOnly}\n className={'jsonField'}\n placeholder=\"Enter your request body as a JSON object....\"\n fieldIsDisabled={readOnly}\n value={method?.requestBody?.content?.schema?.properties || '{}'}\n onChange={(value: string) => {\n setFieldValue('requestBody.content.schema.properties', value)\n }}\n onValidation={() => null}\n />\n }\n />\n )}\n </div>\n <div className={styles.paramsTable}>\n <div className={styles.responseHeader}>\n <h4 className={styles.paramsTableBodyHead}>Response Details</h4>\n <SelectGroup\n withSearch={false}\n isMultiple={false}\n clearable={false}\n placeholder=\"200\"\n options={[\n {\n list: httpStatusCodeOptions,\n },\n ]}\n value={selectedStatusCode}\n onChange={(value) => {\n setSelectedStatusCode(value)\n }}\n />\n </div>\n <ParamterTable\n id=\"paramter-response-table\"\n data={tableResponseRecords}\n headCells={paramsTableHeaders}\n isFormOpen={isFormOpen && isFormOpen == 'Res'}\n setIsFormOpen={setIsFormOpen}\n saveNewRow={saveNewRow}\n readOnly={readOnly}\n isRequest={false}\n />\n <Accordion\n expanded={isExpanded.response}\n onChange={() => null}\n className={styles.responseAccordion}\n summary={\n <span className={styles.responseAccordionSummary}>\n <div\n className={styles.responseAccordionSummary_title}\n onClick={() =>\n setIsExpanded((prev) => ({\n ...prev,\n response: !prev.response,\n }))\n }\n >\n <SVGLoader\n className={isExpanded.response ? styles.expanded : ''}\n src={DownArrowIcon}\n width=\"2rem\"\n height=\"2rem\"\n />\n Response<span style={{ color: 'red' }}>*</span>\n </div>\n </span>\n }\n children={\n <JsonInput\n acceptType=\"JSON\"\n withFooter={!readOnly}\n className={'jsonField'}\n placeholder=\"Enter your response as a JSON object...\"\n fieldIsDisabled={readOnly}\n value={currentResponse?.content?.schema?.properties || '{}'}\n onChange={(value) => {\n const currentResIndex = method.responses.findIndex(\n (res) => res.code === currentResponse.code\n )\n if (currentResIndex !== -1) {\n setFieldValue(\n `responses[${currentResIndex}].content.schema.properties`,\n value\n )\n } else {\n const clonedResponses = structuredClone(method.responses)\n\n clonedResponses.push({\n code: selectedStatusCode.value.toString(),\n content: {\n contentType: 'application/json',\n schema: {\n type: 'object',\n properties: value,\n },\n },\n })\n\n setFieldValue('responses', clonedResponses)\n }\n }}\n onValidation={(valid) => null}\n />\n }\n />\n </div>\n </div>\n }\n />\n <CommonDialog\n status=\"error\"\n content={\n <p\n style={{\n textAlign: 'center',\n fontWeight: 400,\n fontSize: '1rem',\n lineHeight: '1.4375rem',\n }}\n className=\"delete-msg-container\"\n >\n Are you sure you want to delete\n <span className=\"plan-name\">\n {' '}\n Parameter <strong>{selectedParamName}</strong>\n </span>\n ?\n </p>\n }\n onSubmit={{\n onClick: confirmDeleteParameter,\n text: 'Delete',\n color: 'error',\n fullWidth: true,\n }}\n onCancel={{\n text: 'Cancel',\n color: 'normal',\n fullWidth: true,\n }}\n onClose={() => setOpenDeleteDialog(false)}\n open={openDeleteDialog}\n icon={<SVGLoader src={DeleteOutlinedIcon} width=\"4.0625rem\" height=\"4.0625rem\" />}\n />\n </div>\n )\n}\n\nexport default MethodsAccordion\n"],"names":["httpStatusCodeOptions","httpStatusCodes","map","code","label","_jsxs","className","styles","statusCodeOptionContainer","children","_jsx","statusCodeOptionCircle","style","backgroundColor","handleStatusColor","value","MethodsAccordion","method","path","setFieldValue","readOnly","tags","isOpen","setIsOpen","errors","isExpanded","setIsExpanded","useState","request","response","isFormOpen","setIsFormOpen","undefined","tooltipRefs","setTooltipRefs","tableData","setTableData","openDeleteDialog","setOpenDeleteDialog","selectedParamIndex","setSelectedParamIndex","selectedParamName","setSelectedParamName","tableRecords","setTableRecords","tableResponseRecords","setTableResponseRecords","selectionTags","setSelectionTags","selectedStatusCode","setSelectedStatusCode","enumFields","setEnumFields","tooltipEnumRef","setTooltipEnumRef","currentResponse","responses","find","res","Number","onTableChange","key","index","newTableData","item","tIndex","Object","assign","generateTableData","items","isForRequest","filter","in","toLowerCase","id","paramName","name","paramType","capitalize","schemaType","_a","schema","type","required","jsx","_Fragment","Switch","checked","onClick","description","paramDescContainer","Tooltip","allowHTML","disabled","parameters","_b","length","content","padding","arrowWithBorder","placement","delay","onShow","hide","alignSelf","substring","trigger","onCreate","instance","prev","editDescTooltipContent","editDescTooltipContent_header","TextArea","placeholder","maxLength","onChange","regex","ASCII","test","Button","editDescTooltipContent_btn","variant","size","trim","_c","_d","editDescBtn","color","endIcon","SVGLoader","src","EditIcon","width","height","jsxs","paramDescContainer_separator","deleteParamBtn","DeleteIcon","handleDeleteClick","enum","_f","_e","join","_g","_j","_h","_o","_l","_m","_q","_p","_r","_t","_s","_u","_w","_v","_y","_x","_1","_0","_z","_index","Input","clearable","PlusSquare","_3","_2","_6","_4","_5","_9","_8","_7","_10","_11","_14","_12","_17","_16","_15","PlusIcon","saveNewRow","values","useEffect","filteredArray","self","findIndex","t","Accordion","expanded","methodAccordion","summary","methodSummaryContainer","methodSummary","methodColorMapping","methodLabel","methodPath","methodExpandArrowContainer","DownArrowIcon","methodAccordionContent","SimpleLabelValue","methodDesc","onClear","errorMsg","SelectGroup","i","options","list","isMultiple","withSearch","paramsTable","paramsTableBodyHead","ParamterTable","data","headCells","paramsTableHeaders","isRequest","requestAccordion","requestAccordionSummary","requestAccordionSummary_title","JsonInput","acceptType","withFooter","fieldIsDisabled","requestBody","properties","onValidation","responseHeader","responseAccordion","responseAccordionSummary","responseAccordionSummary_title","currentResIndex","clonedResponses","structuredClone","push","toString","contentType","valid","CommonDialog","status","textAlign","fontWeight","fontSize","lineHeight","onSubmit","_","text","fullWidth","onCancel","onClose","open","icon","DeleteOutlinedIcon"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as o}from"../../../_virtual/jsx-runtime.js";import{d as s}from"../../../_virtual/index.js";import i from"../SVGLoader/SVGLoader.js";import n from"../../assets/icons/close-circle.svg.js";import e from"../../assets/icons/infoIcon.svg.js";const
|
|
1
|
+
import{j as o}from"../../../_virtual/jsx-runtime.js";import{d as s}from"../../../_virtual/index.js";import i from"../SVGLoader/SVGLoader.js";import n from"../../assets/icons/close-circle.svg.js";import e from"../../assets/icons/infoIcon.svg.js";const t=({status:t="info",content:r,onSubmit:c,onCancel:a,onClose:l,open:m,size:d="xs",icon:j=o.jsx(o.Fragment,{children:o.jsx(i,{src:e,width:"4.0625rem",height:"4.0625rem"})}),noActions:x=!1})=>{const h=()=>{l(),a&&a.onClick&&a.onClick()},g=o.jsxs("div",{className:"common-dialog",children:[j&&o.jsx("div",{className:"confirmation-dialog-header",children:o.jsx("div",{className:`icon ${t}`,children:j})}),o.jsx(i,{src:n,width:"1.5rem",height:"1.5rem",onClick:h,className:"close-icon"}),r,x?null:o.jsxs("div",{className:"confirmation-dialog-footer",style:{marginBottom:a||c?"1.5rem":"1rem"},children:[a&&o.jsx(s.Button,Object.assign({},a,{onClick:h,variant:a.variant||"outlined",color:a.color||"normal",children:a.text})),c&&o.jsx(s.Button,Object.assign({},c,{variant:c.variant||"contained",color:c.color||"secondary",children:c.text}))]})]});return o.jsx(s.Dialog,{open:m,onClose:h,content:g,fullWidth:!1,size:d,id:"common-dialog"})};export{t as default};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react'\n// @ts-ignore\nimport { Dialog, Button, CloseIcon, infoIcon } from 'digitinary-ui'\nimport SVGLoader from '../SVGLoader/SVGLoader'\nimport './style.scss'\nimport { CommonDialogProps } from './dialog'\nimport { Closecircle, InfoIcon } from './../../assets/icons'\n\nconst CommonDialog = ({\n status = 'info',\n content,\n onSubmit,\n onCancel,\n onClose,\n open,\n size = 'xs',\n icon = (\n <>\n <SVGLoader src={InfoIcon} width=\"4.0625rem\" height=\"4.0625rem\" />\n </>\n ),\n}: CommonDialogProps) => {\n const handleClose = () => {\n onClose() // Always close the dialog first\n\n if (onCancel && onCancel.onClick) {\n onCancel.onClick() // If onCancel.onClick is provided, invoke it after closing the dialog\n }\n }\n\n const body = (\n <div className=\"common-dialog\">\n {icon && (\n <div className=\"confirmation-dialog-header\">\n <div className={`icon ${status}`}>{icon}</div>\n </div>\n )}\n <SVGLoader\n src={Closecircle}\n width={'1.5rem'}\n height={'1.5rem'}\n onClick={handleClose}\n className=\"close-icon\"\n />\n\n {content}\n <div\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/dialog/index.tsx"],"sourcesContent":["import React from 'react'\n// @ts-ignore\nimport { Dialog, Button, CloseIcon, infoIcon } from 'digitinary-ui'\nimport SVGLoader from '../SVGLoader/SVGLoader'\nimport './style.scss'\nimport { CommonDialogProps } from './dialog'\nimport { Closecircle, InfoIcon } from './../../assets/icons'\n\nconst CommonDialog = ({\n status = 'info',\n content,\n onSubmit,\n onCancel,\n onClose,\n open,\n size = 'xs',\n icon = (\n <>\n <SVGLoader src={InfoIcon} width=\"4.0625rem\" height=\"4.0625rem\" />\n </>\n ),\n noActions = false,\n}: CommonDialogProps) => {\n const handleClose = () => {\n onClose() // Always close the dialog first\n\n if (onCancel && onCancel.onClick) {\n onCancel.onClick() // If onCancel.onClick is provided, invoke it after closing the dialog\n }\n }\n\n const body = (\n <div className=\"common-dialog\">\n {icon && (\n <div className=\"confirmation-dialog-header\">\n <div className={`icon ${status}`}>{icon}</div>\n </div>\n )}\n <SVGLoader\n src={Closecircle}\n width={'1.5rem'}\n height={'1.5rem'}\n onClick={handleClose}\n className=\"close-icon\"\n />\n\n {content}\n {!!noActions ? null : (\n <div\n className=\"confirmation-dialog-footer\"\n style={{ marginBottom: onCancel || onSubmit ? '1.5rem' : '1rem' }}\n >\n {onCancel && (\n <Button\n {...onCancel}\n onClick={handleClose}\n variant={onCancel.variant || 'outlined'}\n color={onCancel.color || 'normal'}\n >\n {onCancel.text}\n </Button>\n )}\n {onSubmit && (\n <Button\n {...onSubmit}\n variant={onSubmit.variant || 'contained'}\n color={onSubmit.color || 'secondary'}\n >\n {onSubmit.text}\n </Button>\n )}\n </div>\n )}\n </div>\n )\n\n return (\n <Dialog\n open={open}\n onClose={handleClose}\n content={body}\n fullWidth={false}\n size={size}\n id=\"common-dialog\"\n />\n )\n}\n\nexport default CommonDialog\n"],"names":["CommonDialog","status","content","onSubmit","onCancel","onClose","open","size","icon","_jsx","jsx","_Fragment","Fragment","children","SVGLoader","src","InfoIcon","width","height","noActions","handleClose","onClick","body","_jsxs","className","Closecircle","style","marginBottom","Button","Object","assign","variant","color","text","Dialog","fullWidth","id"],"mappings":"qPAQM,MAAAA,EAAe,EACnBC,SAAS,OACTC,UACAC,WACAC,WACAC,UACAC,OACAC,OAAO,KACPC,OACEC,EACEC,IAAAC,EAAAC,SAAA,CAAAC,SAAAJ,EAAAC,IAACI,EAAU,CAAAC,IAAKC,EAAUC,MAAM,YAAYC,OAAO,gBAGvDC,aAAY,MAEZ,MAAMC,EAAc,KAClBf,IAEID,GAAYA,EAASiB,SACvBjB,EAASiB,SACV,EAGGC,EACJC,EAAAA,KAAA,MAAA,CAAKC,UAAU,gBACZX,SAAA,CAAAL,GACCC,MAAA,MAAA,CAAKe,UAAU,6BACbX,SAAAJ,EAAAC,IAAA,MAAA,CAAKc,UAAW,QAAQvB,IAAWY,SAAAL,MAGvCC,EAAAC,IAACI,EACC,CAAAC,IAAKU,EACLR,MAAO,SACPC,OAAQ,SACRG,QAASD,EACTI,UAAU,eAGXtB,EACEiB,EAAY,KACbI,EAAAA,KACE,MAAA,CAAAC,UAAU,6BACVE,MAAO,CAAEC,aAAcvB,GAAYD,EAAW,SAAW,QAExDU,SAAA,CAAAT,GACCK,EAAAA,IAACmB,EAAMA,OAAAC,OAAAC,OAAA,CAAA,EACD1B,EACJ,CAAAiB,QAASD,EACTW,QAAS3B,EAAS2B,SAAW,WAC7BC,MAAO5B,EAAS4B,OAAS,SAExBnB,SAAAT,EAAS6B,QAGb9B,GACCM,EAAAA,IAACmB,EAAMA,OACDC,OAAAC,OAAA,GAAA3B,GACJ4B,QAAS5B,EAAS4B,SAAW,YAC7BC,MAAO7B,EAAS6B,OAAS,YAExBnB,SAAAV,EAAS8B,cAQtB,OACExB,EAAAA,IAACyB,EAAAA,OAAM,CACL5B,KAAMA,EACND,QAASe,EACTlB,QAASoB,EACTa,WAAW,EACX5B,KAAMA,EACN6B,GAAG,iBAEN"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as l}from"react";import{d as a}from"../../../_virtual/index.js";import i from"../Tooltip/Tooltip.js";import t from"../SVGLoader/SVGLoader.js";import s from"../../assets/icons/DeleteIcon.svg.js";import d from"../../assets/icons/EditIcon.svg.js";import r from"../../assets/icons/AddRow.svg.js";import n from"../../assets/icons/Plus.svg.js";import o from"../../assets/icons/PlusSquare.svg.js";import c from"../MethodAccordion/MethodAccordion.module.scss.js";import{useFormik as m}from"../../../node_modules/formik/dist/formik.esm.js";import{object as u,string as v,array as h,bool as p}from"../../../node_modules/yup/index.esm.js";import{capitalize as j}from"../../helpers/methodAccordion.helper.js";import b from"../../constants/regex.js";const x=({id:x,headCells:y,data:N,isFormOpen:C,setIsFormOpen:g,saveNewRow:T,readOnly:w,isRequest:D=!0})=>{var I,f,E,S,B,k,q,_,A,P,O,L,R,F,M,V,W,X,G,z,H,U,$,K,Q,Y,Z;const[J,ee]=l(""),[le,ae]=l(null),[ie,te]=l(null),[se,de]=l([]),{values:re,errors:ne,setFieldValue:oe,isValid:ce,submitForm:me,resetForm:ue}=m({validateOnMount:!0,initialValues:{name:"",in:D?"query":"header",schema:{type:"string",enum:[],items:{type:"string"}},required:!0,description:""},validationSchema:u().shape({name:v().default("").trim().required("Parameter name is required"),in:v().required("Paramter type is required"),schema:u().shape({type:v().required("Parameter schema type is required"),enum:h(v()).optional(),items:u().shape({type:v().optional()})}),required:p().optional(),description:v().default("").trim().optional()}),onSubmit:e=>{var l,a,i,t;e&&!(null===(a=null===(l=null==e?void 0:e.schema)||void 0===l?void 0:l.items)||void 0===a?void 0:a.type)&&(null===(t=null===(i=null==e?void 0:e.schema)||void 0===i?void 0:i.items)||void 0===t||delete t.type),T(e),g(void 0),ee(""),ue()}});return e.jsx("div",{className:"tableSectionContainer",children:e.jsx("div",{className:"tableContainer",children:e.jsxs("table",{id:x||"",className:"table borderRadiusTop borderRadiusBottom",children:[e.jsx("thead",{className:"tableHead",children:e.jsx("tr",{children:null==y?void 0:y.map((l=>e.jsx("th",{className:`tableHeadCell ${l.classes||""}`,style:{width:l.width,minWidth:l.minWidth},children:e.jsx("div",{className:"headContainer","data-id":`${"string"==typeof l.label?l.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g,"_"):"UNKNOWN_LABEL"}_COLUMN`,children:l.label})},l.id)))})}),e.jsxs("tbody",{className:"tableBody","data-id":"TABLE_BODY",children:[null==N?void 0:N.map(((l,a)=>e.jsx("tr",{"data-i":a,className:"row",children:null==y?void 0:y.map((a=>{const i="_"!==l[a.id]&&e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",style:{width:a.width,minWidth:a.minWidth},children:l[a.id]});return e.jsx("td",{style:{width:a.width,minWidth:a.minWidth},children:i},a.id)}))},a))),0===(null==N?void 0:N.length)&&w&&e.jsx("tr",{className:"fallbackTableRow",children:e.jsx("td",{className:"fallbackContainer",colSpan:null==y?void 0:y.length,children:e.jsx("div",{className:"fallbackTextContainer",children:e.jsx("span",{className:"fallbackText",children:" No Data Available"})})})}),C&&!w?e.jsxs("tr",{className:"row",children:[e.jsx("td",{children:e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:e.jsx(a.Input,{placeholder:"Parameter name",size:"large",type:"text",onChange:e=>{(""===e||b.ASCII.test(e))&&oe("name",e)},value:re.name,disabled:w})})},"Parameter name"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx(a.SelectGroupV2,{disabled:w,value:{label:j(re.in),value:re.in},onChange:e=>{var l;return oe("in",null===(l=null==e?void 0:e.value)||void 0===l?void 0:l.toLowerCase())},options:[{list:D?[{label:"Query",value:"query"},{label:"Header",value:"header"},{label:"Path",value:"path"},{label:"Body",value:"body"}]:[{label:"Header",value:"header"}]}],errorMsg:!!ne.in&&ne.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(a.SelectGroupV2,{disabled:w,clearable:!1,value:{label:j(null===(I=null==re?void 0:re.schema)||void 0===I?void 0:I.type),value:null===(f=null==re?void 0:re.schema)||void 0===f?void 0:f.type},errorMsg:!!ne.schema&&ne.schema,onChange:e=>{var l;return oe("schema.type",null===(l=null==e?void 0:e.value)||void 0===l?void 0:l.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.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[re.schema&&"array"==(null===(S=null===(E=re.schema)||void 0===E?void 0:E.type)||void 0===S?void 0:S.toLowerCase())?e.jsx(a.SelectGroupV2,{disabled:w,clearable:!1,value:{label:j(null===(k=null===(B=null==re?void 0:re.schema)||void 0===B?void 0:B.items)||void 0===k?void 0:k.type),value:null===(_=null===(q=re.schema)||void 0===q?void 0:q.items)||void 0===_?void 0:_.type},errorMsg:!!(null===(P=null===(A=null==ne?void 0:ne.schema)||void 0===A?void 0:A.items)||void 0===P?void 0:P.type)&&(null===(L=null===(O=null==ne?void 0:ne.schema)||void 0===O?void 0:O.items)||void 0===L?void 0:L.type),onChange:e=>{var l;return oe("schema.items.type",null===(l=null==e?void 0:e.value)||void 0===l?void 0:l.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 array schema type"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[(null==re?void 0:re.schema)&&"array"!=(null===(F=null===(R=null==re?void 0:re.schema)||void 0===R?void 0:R.type)||void 0===F?void 0:F.toLowerCase())&&"object"!=(null===(V=null===(M=null==re?void 0:re.schema)||void 0===M?void 0:M.type)||void 0===V?void 0:V.toLowerCase())?e.jsx(i,{disabled:"array"==(null===(X=null===(W=null==re?void 0:re.schema)||void 0===W?void 0:W.type)||void 0===X?void 0:X.toLowerCase())||"object"==(null===(z=null===(G=null==re?void 0:re.schema)||void 0===G?void 0:G.type)||void 0===z?void 0:z.toLowerCase()),arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>te(e),content:e.jsxs("div",{className:c.editDescTooltipContent,children:[e.jsx("p",{className:c.editDescTooltipContent_header,children:"Enum"}),!!(null===(H=null==re?void 0:re.schema)||void 0===H?void 0:H.enum)&&!!(null===(U=null==re?void 0:re.schema)||void 0===U?void 0:U.enum.length)&&(null===(K=null===($=null==re?void 0:re.schema)||void 0===$?void 0:$.enum)||void 0===K?void 0:K.map(((l,i)=>e.jsx(a.Input,{className:"methodDescForEnum",required:!0,clearable:!1,placeholder:"Enter Enum value...",value:l,onChange:e=>{oe(`schema.enum[${i}]`,e)}},i)))),se&&(null==se?void 0:se.map(((l,i)=>e.jsx(a.Input,{className:"methodDescForEnum",required:!0,clearable:!1,placeholder:"Enter Enum value...",value:l,onChange:e=>{let l=[...se];l[i]=e,de(l)}},i)))),e.jsxs("p",{className:"addEnumButton",onClick:()=>{de((e=>[...e,""]))},children:[e.jsx(t,{src:o}),"Add New Enum"]}),!w&&e.jsx(a.Button,{className:c.editDescTooltipContent_btn,variant:"outlined",size:"small",type:"button",onClick:()=>{var e;oe("schema.enum",[...null===(e=null==re?void 0:re.schema)||void 0===e?void 0:e.enum,...se]),de([]),null==ie||ie.hide()},disabled:se.length>0&&(null==se?void 0:se.filter((e=>!e)).length)||(null===(Q=null==re?void 0:re.schema)||void 0===Q?void 0:Q.enum.length)>0&&(null===(Z=null===(Y=null==re?void 0:re.schema)||void 0===Y?void 0:Y.enum)||void 0===Z?void 0:Z.filter((e=>!e)).length),children:"Apply"})]}),children:e.jsx(a.Button,{className:c.editDescBtn,id:"EnumButton",variant:"link",color:"action",endIcon:e.jsx(t,{id:"enumIcon",src:n,width:"1.5rem",height:"1.5rem"}),children:"Add"})}):"-"," "]})},"parameter enum"),e.jsx("td",{children:e.jsx("div",{"data-id":"is required",className:"tableData",children:w?e.jsx(e.Fragment,{children:re.required?"True":"False"}):e.jsx(a.Switch,{checked:re.required,onClick:()=>{w||oe("required",!re.required)}})})},"parameter required"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsxs("div",{className:c.paramDescContainer,children:[e.jsx(i,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>ae(e),content:e.jsxs("div",{className:c.editDescTooltipContent,children:[e.jsx("p",{className:c.editDescTooltipContent_header,children:"Description"}),e.jsx(a.TextArea,{value:J||re.description,onChange:e=>{(""===e||b.ASCII.test(e))&&ee(e)},disabled:w,placeholder:"Describe parameter...",maxLength:120}),!w&&e.jsx(a.Button,{className:c.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{oe("description",null==J?void 0:J.trim()),null==le||le.hide()},disabled:""===(null==J?void 0:J.trim()),children:"Apply"})]}),children:e.jsxs(a.Button,{className:c.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(t,{src:d,width:"1.5rem",height:"1.5rem"}),children:[w?"View ":"Add "," Description"]})}),e.jsx("div",{className:c.paramDescContainer_separator}),!w&&e.jsx(a.Button,{className:c.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(t,{src:s,width:"1.125rem",height:"1.125rem"}),onClick:()=>{ue(),ee(""),g(void 0)}}),!w&&e.jsx(i,{disabled:!!re.name.trim(),content:"Parameter name can't be empty ",children:e.jsx(a.Button,{className:c.deleteParamBtn,variant:"link",color:"success",disabled:!re.name.trim(),endIcon:e.jsx(t,{src:r,width:"0.125rem",height:"0.125rem"}),onClick:()=>{ee(""),me()}})})]})," "]})},"parameter schema desc")]}):e.jsx(e.Fragment,{children:!w&&e.jsx("tr",{"data-i":"addNew",className:"row",children:e.jsx("td",{colSpan:5,children:e.jsx(a.Button,{variant:"link",color:"primary",onClick:()=>{g((e=>e?void 0:D?"Req":"Res"))},children:"+ Add Parameter"})})},"addNew")})]})]})})})};export{x as default};
|
|
1
|
+
import{j as e}from"../../../_virtual/jsx-runtime.js";import{useState as a}from"react";import{d as l}from"../../../_virtual/index.js";import i from"../Tooltip/Tooltip.js";import t from"../SVGLoader/SVGLoader.js";import s from"../../assets/icons/DeleteIcon.svg.js";import d from"../../assets/icons/EditIcon.svg.js";import r from"../../assets/icons/AddRow.svg.js";import n from"../../assets/icons/Plus.svg.js";import o from"../../assets/icons/PlusSquare.svg.js";import c from"../MethodAccordion/MethodAccordion.module.scss.js";import{useFormik as m}from"../../../node_modules/formik/dist/formik.esm.js";import{object as u,string as v,array as h,bool as p}from"../../../node_modules/yup/index.esm.js";import{capitalize as b}from"../../helpers/methodAccordion.helper.js";import j from"../../constants/regex.js";const x=({id:x,headCells:y,data:N,isFormOpen:C,setIsFormOpen:g,saveNewRow:w,readOnly:T,isRequest:D=!0})=>{var I,f,E,S,B,q,k,_,P,A,O,L,R,F,M,V,W,X,G,z,H,U,$,K,Q,Y,Z;const[J,ee]=a(""),[ae,le]=a(null),[ie,te]=a(null),[se,de]=a([]),{values:re,errors:ne,setFieldValue:oe,isValid:ce,submitForm:me,resetForm:ue}=m({validateOnMount:!0,initialValues:{name:"",in:D?"query":"header",schema:{type:"string",enum:[],items:{type:"string"}},required:!0,description:""},validationSchema:u().shape({name:v().default("").trim().required("Parameter name is required"),in:v().required("Paramter type is required"),schema:u().shape({type:v().required("Parameter schema type is required"),enum:h(v()).optional(),items:u().shape({type:v().optional()})}),required:p().when("in",{is:"path",then:e=>e.oneOf([!0],"Path parameters must be required."),otherwise:e=>e.optional()}),description:v().default("").trim().optional()}),onSubmit:e=>{var a,l,i,t;e&&!(null===(l=null===(a=null==e?void 0:e.schema)||void 0===a?void 0:a.items)||void 0===l?void 0:l.type)&&(null===(t=null===(i=null==e?void 0:e.schema)||void 0===i?void 0:i.items)||void 0===t||delete t.type),w(e),g(void 0),ee(""),ue()}});return e.jsx("div",{className:"tableSectionContainer",children:e.jsx("div",{className:"tableContainer",children:e.jsxs("table",{id:x||"",className:"table borderRadiusTop borderRadiusBottom",children:[e.jsx("thead",{className:"tableHead",children:e.jsx("tr",{children:null==y?void 0:y.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==N?void 0:N.map(((a,l)=>e.jsx("tr",{"data-i":l,className:"row",children:null==y?void 0:y.map((l=>{const i="_"!==a[l.id]&&e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",style:{width:l.width,minWidth:l.minWidth},children:a[l.id]});return e.jsx("td",{style:{width:l.width,minWidth:l.minWidth},children:i},l.id)}))},l))),0===(null==N?void 0:N.length)&&T&&e.jsx("tr",{className:"fallbackTableRow",children:e.jsx("td",{className:"fallbackContainer",colSpan:null==y?void 0:y.length,children:e.jsx("div",{className:"fallbackTextContainer",children:e.jsx("span",{className:"fallbackText",children:" No Data Available"})})})}),C&&!T?e.jsxs("tr",{className:"row",children:[e.jsx("td",{children:e.jsx("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:e.jsx(l.Input,{placeholder:"Parameter name",size:"large",type:"text",onChange:e=>{(""===e||j.ASCII.test(e))&&oe("name",e)},value:re.name,disabled:T})})},"Parameter name"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsx(l.SelectGroupV2,{disabled:T,value:{label:b(re.in),value:re.in},onChange:e=>{var a;return oe("in",null===(a=null==e?void 0:e.value)||void 0===a?void 0:a.toLowerCase())},options:[{list:D?[{label:"Query",value:"query"},{label:"Header",value:"header"},{label:"Path",value:"path"},{label:"Body",value:"body"}]:[{label:"Header",value:"header"}]}],errorMsg:!!ne.in&&ne.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(l.SelectGroupV2,{disabled:T,clearable:!1,value:{label:b(null===(I=null==re?void 0:re.schema)||void 0===I?void 0:I.type),value:null===(f=null==re?void 0:re.schema)||void 0===f?void 0:f.type},errorMsg:!!ne.schema&&ne.schema,onChange:e=>{var a;return oe("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.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[re.schema&&"array"==(null===(S=null===(E=re.schema)||void 0===E?void 0:E.type)||void 0===S?void 0:S.toLowerCase())?e.jsx(l.SelectGroupV2,{disabled:T,clearable:!1,value:{label:b(null===(q=null===(B=null==re?void 0:re.schema)||void 0===B?void 0:B.items)||void 0===q?void 0:q.type),value:null===(_=null===(k=re.schema)||void 0===k?void 0:k.items)||void 0===_?void 0:_.type},errorMsg:!!(null===(A=null===(P=null==ne?void 0:ne.schema)||void 0===P?void 0:P.items)||void 0===A?void 0:A.type)&&(null===(L=null===(O=null==ne?void 0:ne.schema)||void 0===O?void 0:O.items)||void 0===L?void 0:L.type),onChange:e=>{var a;return oe("schema.items.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 array schema type"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[(null==re?void 0:re.schema)&&"array"!=(null===(F=null===(R=null==re?void 0:re.schema)||void 0===R?void 0:R.type)||void 0===F?void 0:F.toLowerCase())&&"object"!=(null===(V=null===(M=null==re?void 0:re.schema)||void 0===M?void 0:M.type)||void 0===V?void 0:V.toLowerCase())?e.jsx(i,{disabled:"array"==(null===(X=null===(W=null==re?void 0:re.schema)||void 0===W?void 0:W.type)||void 0===X?void 0:X.toLowerCase())||"object"==(null===(z=null===(G=null==re?void 0:re.schema)||void 0===G?void 0:G.type)||void 0===z?void 0:z.toLowerCase()),arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>te(e),content:e.jsxs("div",{className:c.editDescTooltipContent,children:[e.jsx("p",{className:c.editDescTooltipContent_header,children:"Enum"}),!!(null===(H=null==re?void 0:re.schema)||void 0===H?void 0:H.enum)&&!!(null===(U=null==re?void 0:re.schema)||void 0===U?void 0:U.enum.length)&&(null===(K=null===($=null==re?void 0:re.schema)||void 0===$?void 0:$.enum)||void 0===K?void 0:K.map(((a,i)=>e.jsx(l.Input,{className:"methodDescForEnum",required:!0,clearable:!1,placeholder:"Enter Enum value...",value:a,onChange:e=>{oe(`schema.enum[${i}]`,e)}},i)))),se&&(null==se?void 0:se.map(((a,i)=>e.jsx(l.Input,{className:"methodDescForEnum",required:!0,clearable:!1,placeholder:"Enter Enum value...",value:a,onChange:e=>{let a=[...se];a[i]=e,de(a)}},i)))),e.jsxs("p",{className:"addEnumButton",onClick:()=>{de((e=>[...e,""]))},children:[e.jsx(t,{src:o}),"Add New Enum"]}),!T&&e.jsx(l.Button,{className:c.editDescTooltipContent_btn,variant:"outlined",size:"small",type:"button",onClick:()=>{var e;oe("schema.enum",[...null===(e=null==re?void 0:re.schema)||void 0===e?void 0:e.enum,...se]),de([]),null==ie||ie.hide()},disabled:se.length>0&&(null==se?void 0:se.filter((e=>!e)).length)||(null===(Q=null==re?void 0:re.schema)||void 0===Q?void 0:Q.enum.length)>0&&(null===(Z=null===(Y=null==re?void 0:re.schema)||void 0===Y?void 0:Y.enum)||void 0===Z?void 0:Z.filter((e=>!e)).length),children:"Apply"})]}),children:e.jsx(l.Button,{className:c.editDescBtn,id:"EnumButton",variant:"link",color:"action",endIcon:e.jsx(t,{id:"enumIcon",src:n,width:"1.5rem",height:"1.5rem"}),children:"Add"})}):"-"," "]})},"parameter enum"),e.jsx("td",{children:e.jsx("div",{"data-id":"is required",className:"tableData",children:T?e.jsx(e.Fragment,{children:re.required?"True":"False"}):e.jsx(l.Switch,{checked:re.required,onClick:()=>{T||oe("required",!re.required)}})})},"parameter required"),e.jsx("td",{children:e.jsxs("div",{"data-id":"TEXT_DESCRIPTION",className:"tableData",children:[e.jsxs("div",{className:c.paramDescContainer,children:[e.jsx(i,{arrowWithBorder:!0,placement:"bottom-end",type:"function",trigger:"click",delay:[0,0],onCreate:e=>le(e),content:e.jsxs("div",{className:c.editDescTooltipContent,children:[e.jsx("p",{className:c.editDescTooltipContent_header,children:"Description"}),e.jsx(l.TextArea,{value:J||re.description,onChange:e=>{(""===e||j.ASCII.test(e))&&ee(e)},disabled:T,placeholder:"Describe parameter...",maxLength:120}),!T&&e.jsx(l.Button,{className:c.editDescTooltipContent_btn,variant:"outlined",size:"small",onClick:()=>{oe("description",null==J?void 0:J.trim()),null==ae||ae.hide()},disabled:""===(null==J?void 0:J.trim()),children:"Apply"})]}),children:e.jsxs(l.Button,{className:c.editDescBtn,variant:"link",color:"action",endIcon:e.jsx(t,{src:d,width:"1.5rem",height:"1.5rem"}),children:[T?"View ":"Add "," Description"]})}),e.jsx("div",{className:c.paramDescContainer_separator}),!T&&e.jsx(l.Button,{className:c.deleteParamBtn,variant:"link",color:"error",endIcon:e.jsx(t,{src:s,width:"1.125rem",height:"1.125rem"}),onClick:()=>{ue(),ee(""),g(void 0)}}),!T&&e.jsx(i,{disabled:!!re.name.trim(),content:"Parameter name can't be empty ",children:e.jsx(l.Button,{className:c.deleteParamBtn,variant:"link",color:"success",disabled:!re.name.trim(),endIcon:e.jsx(t,{src:r,width:"0.125rem",height:"0.125rem"}),onClick:()=>{ee(""),me()}})})]})," "]})},"parameter schema desc")]}):e.jsx(e.Fragment,{children:!T&&e.jsx("tr",{"data-i":"addNew",className:"row",children:e.jsx("td",{colSpan:5,children:e.jsx(l.Button,{variant:"link",color:"primary",onClick:()=>{g((e=>e?void 0:D?"Req":"Res"))},children:"+ Add Parameter"})})},"addNew")})]})]})})})};export{x as default};
|
|
2
2
|
//# sourceMappingURL=table.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sources":["../../../../src/components/table/table.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport './style.scss'\nimport { Button, Input, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\nimport Tooltip from '../Tooltip/Tooltip'\nimport SVGLoader from '../SVGLoader/SVGLoader'\nimport { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'\nimport PlusIcon from '../../assets/icons/Plus.svg'\nimport PlusSquare from '../../assets/icons/PlusSquare.svg'\nimport styles from '../MethodAccordion/MethodAccordion.module.scss'\nimport { useFormik } from 'formik'\nimport * as yup from 'yup'\nimport { capitalize } from '../../helpers/methodAccordion.helper'\nimport regex from '../../constants/regex'\n\nconst ParamterTable = ({\n id,\n headCells,\n data,\n isFormOpen,\n setIsFormOpen,\n saveNewRow,\n readOnly,\n isRequest = true,\n}) => {\n const [text, setText] = useState('')\n const [tooltipRef, setTooltipRef] = useState(null)\n const [tooltipEnumRef, setTooltipEnumRef] = useState(null)\n const [enumFields, setEnumFields] = useState<string[]>([])\n const { values, errors, setFieldValue, isValid, submitForm, resetForm } = useFormik({\n validateOnMount: true,\n initialValues: {\n name: '',\n in: isRequest ? 'query' : 'header',\n schema: {\n type: 'string',\n enum: [],\n items: {\n type: 'string',\n },\n },\n required: true,\n description: '',\n },\n validationSchema: yup.object().shape({\n name: yup.string().default('').trim().required('Parameter name is required'),\n in: yup.string().required('Paramter type is required'),\n schema: yup.object().shape({\n type: yup.string().required('Parameter schema type is required'),\n enum: yup.array(yup.string()).optional(),\n items: yup.object().shape({\n type: yup.string().optional(),\n }),\n }),\n required: yup.boolean().optional(),\n description: yup.string().default('').trim().optional(),\n }),\n onSubmit: (values) => {\n if (values && !values?.schema?.items?.type) {\n delete values?.schema?.items?.type\n }\n saveNewRow(values)\n setIsFormOpen(undefined)\n setText('')\n resetForm()\n },\n })\n\n return (\n <div className=\"tableSectionContainer\">\n <div className=\"tableContainer\">\n <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>\n <thead className=\"tableHead\">\n <tr>\n {headCells?.map((headCell) => (\n <th\n key={headCell.id}\n className={`tableHeadCell ${headCell.classes || ''}`}\n style={{ width: headCell.width, minWidth: headCell.minWidth }}\n >\n <div\n className=\"headContainer\"\n data-id={`${\n typeof headCell.label === 'string'\n ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')\n : 'UNKNOWN_LABEL'\n }_COLUMN`}\n >\n {headCell.label}\n </div>\n </th>\n ))}\n </tr>\n </thead>\n <tbody className=\"tableBody\" data-id=\"TABLE_BODY\">\n {data?.map((row, rowIndex) => {\n return (\n <tr key={rowIndex} data-i={rowIndex} className={`row`}>\n {headCells?.map((headCell) => {\n const cellContent = row[headCell.id] !== '_' && (\n <div\n data-id=\"TEXT_DESCRIPTION\"\n className=\"tableData\"\n style={{\n width: headCell.width,\n minWidth: headCell.minWidth,\n }}\n >\n {row[headCell.id]}\n </div>\n )\n\n return (\n <td\n key={headCell.id}\n style={{\n width: headCell.width,\n minWidth: headCell.minWidth,\n }}\n >\n {cellContent}\n </td>\n )\n })}\n </tr>\n )\n })}\n {data?.length === 0 && readOnly && (\n <tr className=\"fallbackTableRow\">\n <td className=\"fallbackContainer\" colSpan={headCells?.length}>\n <div className=\"fallbackTextContainer\">\n <span className=\"fallbackText\"> No Data Available</span>\n </div>\n </td>\n </tr>\n )}\n\n {isFormOpen && !readOnly ? (\n <tr className={`row`}>\n <td key={'Parameter name'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n <Input\n placeholder=\"Parameter name\"\n size=\"large\"\n type=\"text\"\n onChange={(value) => {\n if (value === '' || regex.ASCII.test(value as string))\n setFieldValue('name', value)\n }}\n value={values.name}\n disabled={readOnly}\n />\n </div>\n </td>\n\n <td key={'parameter in'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n <SelectGroupV2\n disabled={readOnly}\n value={{\n label: capitalize(values.in),\n value: values.in,\n }}\n onChange={(item) => setFieldValue('in', item?.value?.toLowerCase())} // Updates state on selection\n options={[\n {\n list: isRequest\n ? [\n { label: 'Query', value: 'query' },\n { label: 'Header', value: 'header' },\n { label: 'Path', value: 'path' },\n { label: 'Body', value: 'body' },\n ]\n : [{ label: 'Header', value: 'header' }],\n },\n ]}\n errorMsg={!!errors.in && errors.in}\n isMultiple={false}\n withSearch={false}\n clearable={false}\n />{' '}\n </div>\n </td>\n\n <td key={'parameter schema type'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n <SelectGroupV2\n disabled={readOnly}\n clearable={false}\n value={{\n label: capitalize(values?.schema?.type),\n value: values?.schema?.type,\n }}\n errorMsg={!!errors.schema && errors.schema}\n onChange={(item) => setFieldValue('schema.type', item?.value?.toLowerCase())} // Updates state on selection\n options={[\n {\n list: [\n { label: 'String', value: 'string' },\n { label: 'Integer', value: 'integer' },\n { label: 'Boolean', value: 'boolean' },\n { label: 'Object', value: 'object' },\n { label: 'Array', value: 'array' },\n { label: 'Number', value: 'number' },\n ],\n },\n ]}\n isMultiple={false}\n withSearch={false}\n />{' '}\n </div>\n </td>\n\n <td key={'parameter array schema type'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n {values.schema && values.schema?.type?.toLowerCase() == 'array' ? (\n <SelectGroupV2\n disabled={readOnly}\n clearable={false}\n value={{\n label: capitalize(values?.schema?.items?.type),\n value: values.schema?.items?.type,\n }}\n errorMsg={!!errors?.schema?.items?.type && errors?.schema?.items?.type}\n onChange={(item) =>\n setFieldValue('schema.items.type', item?.value?.toLowerCase())\n } // Updates state on selection\n options={[\n {\n list: [\n { label: 'String', value: 'string' },\n { label: 'Integer', value: 'integer' },\n { label: 'Boolean', value: 'boolean' },\n { label: 'Object', value: 'object' },\n { label: 'Array', value: 'array' },\n { label: 'Number', value: 'number' },\n ],\n },\n ]}\n isMultiple={false}\n withSearch={false}\n />\n ) : (\n '-'\n )}{' '}\n </div>\n </td>\n\n <td key={'parameter enum'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n {values?.schema &&\n values?.schema?.type?.toLowerCase() != 'array' &&\n values?.schema?.type?.toLowerCase() != 'object' ? (\n <Tooltip\n disabled={\n values?.schema?.type?.toLowerCase() == 'array' ||\n values?.schema?.type?.toLowerCase() == 'object'\n }\n arrowWithBorder\n placement=\"bottom-end\"\n type=\"function\"\n trigger=\"click\"\n delay={[0, 0]}\n onCreate={(instance) => setTooltipEnumRef(instance)}\n content={\n <div className={styles.editDescTooltipContent}>\n <p className={styles.editDescTooltipContent_header}>Enum</p>\n {!!values?.schema?.enum &&\n !!values?.schema?.enum.length &&\n values?.schema?.enum?.map((item, index) => (\n <Input\n key={index}\n className={'methodDescForEnum'}\n required\n clearable={false}\n placeholder=\"Enter Enum value...\"\n value={item}\n onChange={(value) => {\n setFieldValue(`schema.enum[${index}]`, value)\n }}\n />\n ))}\n {enumFields &&\n enumFields?.map((item, index) => (\n <Input\n key={index}\n className={'methodDescForEnum'}\n required\n clearable={false}\n placeholder={`Enter Enum value...`}\n value={item}\n onChange={(value) => {\n let _values = [...enumFields]\n _values[index] = value\n setEnumFields(_values)\n }}\n />\n ))}\n <p\n className={'addEnumButton'}\n onClick={() => {\n setEnumFields((prev) => [...prev, ''])\n }}\n >\n <SVGLoader src={PlusSquare} />\n Add New Enum\n </p>\n {!readOnly && (\n <Button\n className={styles.editDescTooltipContent_btn}\n variant=\"outlined\"\n size=\"small\"\n type=\"button\"\n onClick={() => {\n setFieldValue('schema.enum', [\n ...values?.schema?.enum,\n ...enumFields,\n ])\n setEnumFields([])\n tooltipEnumRef?.hide()\n }}\n disabled={\n (enumFields.length > 0 &&\n enumFields?.filter((item) => !item).length) ||\n (values?.schema?.enum.length > 0 &&\n values?.schema?.enum?.filter((item) => !item).length)\n }\n >\n Apply\n </Button>\n )}\n </div>\n }\n >\n <Button\n className={styles.editDescBtn}\n id=\"EnumButton\"\n variant=\"link\"\n color=\"action\"\n endIcon={\n <SVGLoader\n id=\"enumIcon\"\n src={PlusIcon}\n width=\"1.5rem\"\n height=\"1.5rem\"\n />\n }\n >\n Add\n </Button>\n </Tooltip>\n ) : (\n '-'\n )}{' '}\n </div>\n </td>\n\n <td key={'parameter required'}>\n <div data-id=\"is required\" className=\"tableData\">\n {readOnly ? (\n <>{values.required ? 'True' : 'False'}</>\n ) : (\n <Switch\n checked={values.required}\n onClick={() => {\n if (readOnly) {\n return\n }\n setFieldValue('required', !values.required)\n }}\n />\n )}\n </div>\n </td>\n\n <td key={'parameter schema desc'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n <div className={styles.paramDescContainer}>\n <Tooltip\n arrowWithBorder\n placement=\"bottom-end\"\n type=\"function\"\n trigger=\"click\"\n delay={[0, 0]}\n onCreate={(instance) => setTooltipRef(instance)}\n content={\n <div className={styles.editDescTooltipContent}>\n <p className={styles.editDescTooltipContent_header}>Description</p>\n <TextArea\n value={text || values.description}\n onChange={(value) => {\n if (value === '' || regex.ASCII.test(value)) setText(value)\n }}\n disabled={readOnly}\n placeholder=\"Describe parameter...\"\n maxLength={120}\n />\n {!readOnly && (\n <Button\n className={styles.editDescTooltipContent_btn}\n variant=\"outlined\"\n size=\"small\"\n onClick={() => {\n setFieldValue('description', text?.trim())\n tooltipRef?.hide()\n }}\n disabled={text?.trim() === ''}\n >\n Apply\n </Button>\n )}\n </div>\n }\n >\n <Button\n className={styles.editDescBtn}\n variant=\"link\"\n color=\"action\"\n endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n >\n {readOnly ? 'View ' : 'Add '} Description\n </Button>\n </Tooltip>\n\n <div className={styles.paramDescContainer_separator}></div>\n {!readOnly && (\n <Button\n className={styles.deleteParamBtn}\n variant=\"link\"\n color=\"error\"\n endIcon={\n <SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />\n }\n onClick={() => {\n resetForm()\n setText('')\n setIsFormOpen(undefined)\n }} // Correctly delete the new row\n />\n )}\n\n {!readOnly && (\n <Tooltip\n disabled={!!values.name.trim()}\n content={`Parameter name can't be empty `}\n >\n <Button\n className={styles.deleteParamBtn}\n variant=\"link\"\n color=\"success\"\n disabled={!values.name.trim()}\n endIcon={<SVGLoader src={AddRow} width=\"0.125rem\" height=\"0.125rem\" />}\n onClick={() => {\n setText('')\n submitForm()\n }} // Save the new row when clicked\n />\n </Tooltip>\n )}\n </div>{' '}\n </div>\n </td>\n </tr>\n ) : (\n <>\n {!readOnly && (\n <tr key={'addNew'} data-i={'addNew'} className={`row`}>\n <td colSpan={5}>\n <Button\n variant=\"link\"\n color=\"primary\"\n onClick={() => {\n setIsFormOpen((prev) => (!prev ? (isRequest ? 'Req' : 'Res') : undefined))\n }}\n >\n + Add Parameter\n </Button>\n </td>\n </tr>\n )}\n </>\n )}\n </tbody>\n </table>\n </div>\n </div>\n )\n}\n\nexport default ParamterTable\n"],"names":["ParamterTable","id","headCells","data","isFormOpen","setIsFormOpen","saveNewRow","readOnly","isRequest","text","setText","useState","tooltipRef","setTooltipRef","tooltipEnumRef","setTooltipEnumRef","enumFields","setEnumFields","values","errors","setFieldValue","isValid","submitForm","resetForm","useFormik","validateOnMount","initialValues","name","in","schema","type","enum","items","required","description","validationSchema","yup.object","shape","yup.string","default","trim","yup.array","optional","yup.boolean","onSubmit","_b","_a","_d","_c","undefined","_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","regex","ASCII","test","disabled","SelectGroupV2","capitalize","item","toLowerCase","options","list","errorMsg","isMultiple","withSearch","clearable","_f","_e","_g","_h","_k","_j","_m","_l","_p","_o","_q","Tooltip","_t","_s","_u","_v","arrowWithBorder","placement","trigger","delay","onCreate","instance","content","styles","editDescTooltipContent","editDescTooltipContent_header","_w","_x","_z","_y","index","_values","onClick","prev","SVGLoader","src","PlusSquare","Button","editDescTooltipContent_btn","variant","hide","filter","_0","_2","_1","editDescBtn","color","endIcon","PlusIcon","height","_Fragment","Switch","checked","paramDescContainer","TextArea","maxLength","EditIcon","paramDescContainer_separator","deleteParamBtn","DeleteIcon","AddRow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"table.js","sources":["../../../../src/components/table/table.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport './style.scss'\nimport { Button, Input, SelectGroupV2, Switch, TextArea } from 'digitinary-ui'\nimport Tooltip from '../Tooltip/Tooltip'\nimport SVGLoader from '../SVGLoader/SVGLoader'\nimport { AddRow, EditIcon, DeleteIcon } from '../../assets/icons'\nimport PlusIcon from '../../assets/icons/Plus.svg'\nimport PlusSquare from '../../assets/icons/PlusSquare.svg'\nimport styles from '../MethodAccordion/MethodAccordion.module.scss'\nimport { useFormik } from 'formik'\nimport * as yup from 'yup'\nimport { capitalize } from '../../helpers/methodAccordion.helper'\nimport regex from '../../constants/regex'\n\nconst ParamterTable = ({\n id,\n headCells,\n data,\n isFormOpen,\n setIsFormOpen,\n saveNewRow,\n readOnly,\n isRequest = true,\n}) => {\n const [text, setText] = useState('')\n const [tooltipRef, setTooltipRef] = useState(null)\n const [tooltipEnumRef, setTooltipEnumRef] = useState(null)\n const [enumFields, setEnumFields] = useState<string[]>([])\n const { values, errors, setFieldValue, isValid, submitForm, resetForm } = useFormik({\n validateOnMount: true,\n initialValues: {\n name: '',\n in: isRequest ? 'query' : 'header',\n schema: {\n type: 'string',\n enum: [],\n items: {\n type: 'string',\n },\n },\n required: true,\n description: '',\n },\n validationSchema: yup.object().shape({\n name: yup.string().default('').trim().required('Parameter name is required'),\n in: yup.string().required('Paramter type is required'),\n schema: yup.object().shape({\n type: yup.string().required('Parameter schema type is required'),\n enum: yup.array(yup.string()).optional(),\n items: yup.object().shape({\n type: yup.string().optional(),\n }),\n }),\n required: yup.boolean().when('in', {\n is: 'path',\n then: (schema) => schema.oneOf([true], 'Path parameters must be required.'),\n otherwise: (schema) => schema.optional(),\n }),\n description: yup.string().default('').trim().optional(),\n }),\n onSubmit: (values) => {\n if (values && !values?.schema?.items?.type) {\n delete values?.schema?.items?.type\n }\n saveNewRow(values)\n setIsFormOpen(undefined)\n setText('')\n resetForm()\n },\n })\n\n return (\n <div className=\"tableSectionContainer\">\n <div className=\"tableContainer\">\n <table id={id || ''} className={`table borderRadiusTop borderRadiusBottom`}>\n <thead className=\"tableHead\">\n <tr>\n {headCells?.map((headCell) => (\n <th\n key={headCell.id}\n className={`tableHeadCell ${headCell.classes || ''}`}\n style={{ width: headCell.width, minWidth: headCell.minWidth }}\n >\n <div\n className=\"headContainer\"\n data-id={`${\n typeof headCell.label === 'string'\n ? headCell.label.toUpperCase().replace(/[^a-zA-Z0-9]+/g, '_')\n : 'UNKNOWN_LABEL'\n }_COLUMN`}\n >\n {headCell.label}\n </div>\n </th>\n ))}\n </tr>\n </thead>\n <tbody className=\"tableBody\" data-id=\"TABLE_BODY\">\n {data?.map((row, rowIndex) => {\n return (\n <tr key={rowIndex} data-i={rowIndex} className={`row`}>\n {headCells?.map((headCell) => {\n const cellContent = row[headCell.id] !== '_' && (\n <div\n data-id=\"TEXT_DESCRIPTION\"\n className=\"tableData\"\n style={{\n width: headCell.width,\n minWidth: headCell.minWidth,\n }}\n >\n {row[headCell.id]}\n </div>\n )\n\n return (\n <td\n key={headCell.id}\n style={{\n width: headCell.width,\n minWidth: headCell.minWidth,\n }}\n >\n {cellContent}\n </td>\n )\n })}\n </tr>\n )\n })}\n {data?.length === 0 && readOnly && (\n <tr className=\"fallbackTableRow\">\n <td className=\"fallbackContainer\" colSpan={headCells?.length}>\n <div className=\"fallbackTextContainer\">\n <span className=\"fallbackText\"> No Data Available</span>\n </div>\n </td>\n </tr>\n )}\n\n {isFormOpen && !readOnly ? (\n <tr className={`row`}>\n <td key={'Parameter name'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n <Input\n placeholder=\"Parameter name\"\n size=\"large\"\n type=\"text\"\n onChange={(value) => {\n if (value === '' || regex.ASCII.test(value as string))\n setFieldValue('name', value)\n }}\n value={values.name}\n disabled={readOnly}\n />\n </div>\n </td>\n\n <td key={'parameter in'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n <SelectGroupV2\n disabled={readOnly}\n value={{\n label: capitalize(values.in),\n value: values.in,\n }}\n onChange={(item) => setFieldValue('in', item?.value?.toLowerCase())} // Updates state on selection\n options={[\n {\n list: isRequest\n ? [\n { label: 'Query', value: 'query' },\n { label: 'Header', value: 'header' },\n { label: 'Path', value: 'path' },\n { label: 'Body', value: 'body' },\n ]\n : [{ label: 'Header', value: 'header' }],\n },\n ]}\n errorMsg={!!errors.in && errors.in}\n isMultiple={false}\n withSearch={false}\n clearable={false}\n />{' '}\n </div>\n </td>\n\n <td key={'parameter schema type'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n <SelectGroupV2\n disabled={readOnly}\n clearable={false}\n value={{\n label: capitalize(values?.schema?.type),\n value: values?.schema?.type,\n }}\n errorMsg={!!errors.schema && errors.schema}\n onChange={(item) => setFieldValue('schema.type', item?.value?.toLowerCase())} // Updates state on selection\n options={[\n {\n list: [\n { label: 'String', value: 'string' },\n { label: 'Integer', value: 'integer' },\n { label: 'Boolean', value: 'boolean' },\n { label: 'Object', value: 'object' },\n { label: 'Array', value: 'array' },\n { label: 'Number', value: 'number' },\n ],\n },\n ]}\n isMultiple={false}\n withSearch={false}\n />{' '}\n </div>\n </td>\n\n <td key={'parameter array schema type'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n {values.schema && values.schema?.type?.toLowerCase() == 'array' ? (\n <SelectGroupV2\n disabled={readOnly}\n clearable={false}\n value={{\n label: capitalize(values?.schema?.items?.type),\n value: values.schema?.items?.type,\n }}\n errorMsg={!!errors?.schema?.items?.type && errors?.schema?.items?.type}\n onChange={(item) =>\n setFieldValue('schema.items.type', item?.value?.toLowerCase())\n } // Updates state on selection\n options={[\n {\n list: [\n { label: 'String', value: 'string' },\n { label: 'Integer', value: 'integer' },\n { label: 'Boolean', value: 'boolean' },\n { label: 'Object', value: 'object' },\n { label: 'Array', value: 'array' },\n { label: 'Number', value: 'number' },\n ],\n },\n ]}\n isMultiple={false}\n withSearch={false}\n />\n ) : (\n '-'\n )}{' '}\n </div>\n </td>\n\n <td key={'parameter enum'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n {values?.schema &&\n values?.schema?.type?.toLowerCase() != 'array' &&\n values?.schema?.type?.toLowerCase() != 'object' ? (\n <Tooltip\n disabled={\n values?.schema?.type?.toLowerCase() == 'array' ||\n values?.schema?.type?.toLowerCase() == 'object'\n }\n arrowWithBorder\n placement=\"bottom-end\"\n type=\"function\"\n trigger=\"click\"\n delay={[0, 0]}\n onCreate={(instance) => setTooltipEnumRef(instance)}\n content={\n <div className={styles.editDescTooltipContent}>\n <p className={styles.editDescTooltipContent_header}>Enum</p>\n {!!values?.schema?.enum &&\n !!values?.schema?.enum.length &&\n values?.schema?.enum?.map((item, index) => (\n <Input\n key={index}\n className={'methodDescForEnum'}\n required\n clearable={false}\n placeholder=\"Enter Enum value...\"\n value={item}\n onChange={(value) => {\n setFieldValue(`schema.enum[${index}]`, value)\n }}\n />\n ))}\n {enumFields &&\n enumFields?.map((item, index) => (\n <Input\n key={index}\n className={'methodDescForEnum'}\n required\n clearable={false}\n placeholder={`Enter Enum value...`}\n value={item}\n onChange={(value) => {\n let _values = [...enumFields]\n _values[index] = value\n setEnumFields(_values)\n }}\n />\n ))}\n <p\n className={'addEnumButton'}\n onClick={() => {\n setEnumFields((prev) => [...prev, ''])\n }}\n >\n <SVGLoader src={PlusSquare} />\n Add New Enum\n </p>\n {!readOnly && (\n <Button\n className={styles.editDescTooltipContent_btn}\n variant=\"outlined\"\n size=\"small\"\n type=\"button\"\n onClick={() => {\n setFieldValue('schema.enum', [\n ...values?.schema?.enum,\n ...enumFields,\n ])\n setEnumFields([])\n tooltipEnumRef?.hide()\n }}\n disabled={\n (enumFields.length > 0 &&\n enumFields?.filter((item) => !item).length) ||\n (values?.schema?.enum.length > 0 &&\n values?.schema?.enum?.filter((item) => !item).length)\n }\n >\n Apply\n </Button>\n )}\n </div>\n }\n >\n <Button\n className={styles.editDescBtn}\n id=\"EnumButton\"\n variant=\"link\"\n color=\"action\"\n endIcon={\n <SVGLoader\n id=\"enumIcon\"\n src={PlusIcon}\n width=\"1.5rem\"\n height=\"1.5rem\"\n />\n }\n >\n Add\n </Button>\n </Tooltip>\n ) : (\n '-'\n )}{' '}\n </div>\n </td>\n\n <td key={'parameter required'}>\n <div data-id=\"is required\" className=\"tableData\">\n {readOnly ? (\n <>{values.required ? 'True' : 'False'}</>\n ) : (\n <Switch\n checked={values.required}\n onClick={() => {\n if (readOnly) {\n return\n }\n setFieldValue('required', !values.required)\n }}\n />\n )}\n </div>\n </td>\n\n <td key={'parameter schema desc'}>\n <div data-id=\"TEXT_DESCRIPTION\" className=\"tableData\">\n <div className={styles.paramDescContainer}>\n <Tooltip\n arrowWithBorder\n placement=\"bottom-end\"\n type=\"function\"\n trigger=\"click\"\n delay={[0, 0]}\n onCreate={(instance) => setTooltipRef(instance)}\n content={\n <div className={styles.editDescTooltipContent}>\n <p className={styles.editDescTooltipContent_header}>Description</p>\n <TextArea\n value={text || values.description}\n onChange={(value) => {\n if (value === '' || regex.ASCII.test(value)) setText(value)\n }}\n disabled={readOnly}\n placeholder=\"Describe parameter...\"\n maxLength={120}\n />\n {!readOnly && (\n <Button\n className={styles.editDescTooltipContent_btn}\n variant=\"outlined\"\n size=\"small\"\n onClick={() => {\n setFieldValue('description', text?.trim())\n tooltipRef?.hide()\n }}\n disabled={text?.trim() === ''}\n >\n Apply\n </Button>\n )}\n </div>\n }\n >\n <Button\n className={styles.editDescBtn}\n variant=\"link\"\n color=\"action\"\n endIcon={<SVGLoader src={EditIcon} width=\"1.5rem\" height=\"1.5rem\" />}\n >\n {readOnly ? 'View ' : 'Add '} Description\n </Button>\n </Tooltip>\n\n <div className={styles.paramDescContainer_separator}></div>\n {!readOnly && (\n <Button\n className={styles.deleteParamBtn}\n variant=\"link\"\n color=\"error\"\n endIcon={\n <SVGLoader src={DeleteIcon} width=\"1.125rem\" height=\"1.125rem\" />\n }\n onClick={() => {\n resetForm()\n setText('')\n setIsFormOpen(undefined)\n }} // Correctly delete the new row\n />\n )}\n\n {!readOnly && (\n <Tooltip\n disabled={!!values.name.trim()}\n content={`Parameter name can't be empty `}\n >\n <Button\n className={styles.deleteParamBtn}\n variant=\"link\"\n color=\"success\"\n disabled={!values.name.trim()}\n endIcon={<SVGLoader src={AddRow} width=\"0.125rem\" height=\"0.125rem\" />}\n onClick={() => {\n setText('')\n submitForm()\n }} // Save the new row when clicked\n />\n </Tooltip>\n )}\n </div>{' '}\n </div>\n </td>\n </tr>\n ) : (\n <>\n {!readOnly && (\n <tr key={'addNew'} data-i={'addNew'} className={`row`}>\n <td colSpan={5}>\n <Button\n variant=\"link\"\n color=\"primary\"\n onClick={() => {\n setIsFormOpen((prev) => (!prev ? (isRequest ? 'Req' : 'Res') : undefined))\n }}\n >\n + Add Parameter\n </Button>\n </td>\n </tr>\n )}\n </>\n )}\n </tbody>\n </table>\n </div>\n </div>\n )\n}\n\nexport default ParamterTable\n"],"names":["ParamterTable","id","headCells","data","isFormOpen","setIsFormOpen","saveNewRow","readOnly","isRequest","text","setText","useState","tooltipRef","setTooltipRef","tooltipEnumRef","setTooltipEnumRef","enumFields","setEnumFields","values","errors","setFieldValue","isValid","submitForm","resetForm","useFormik","validateOnMount","initialValues","name","in","schema","type","enum","items","required","description","validationSchema","yup.object","shape","yup.string","default","trim","yup.array","optional","yup.boolean","when","is","then","oneOf","otherwise","onSubmit","_b","_a","_d","_c","undefined","_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","regex","ASCII","test","disabled","SelectGroupV2","capitalize","item","toLowerCase","options","list","errorMsg","isMultiple","withSearch","clearable","_f","_e","_g","_h","_k","_j","_m","_l","_p","_o","_q","Tooltip","_t","_s","_u","_v","arrowWithBorder","placement","trigger","delay","onCreate","instance","content","styles","editDescTooltipContent","editDescTooltipContent_header","_w","_x","_z","_y","index","_values","onClick","prev","SVGLoader","src","PlusSquare","Button","editDescTooltipContent_btn","variant","hide","filter","_0","_2","_1","editDescBtn","color","endIcon","PlusIcon","height","_Fragment","Switch","checked","paramDescContainer","TextArea","maxLength","EditIcon","paramDescContainer_separator","deleteParamBtn","DeleteIcon","AddRow"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
const l=[{label:"Post",value:"POST",color:"#10b981"},{label:"GET",value:"GET",color:"#3b82f6"},{label:"Delete",value:"DELETE",color:"#ef4444"},{label:"Put",value:"PUT",color:"#f59e0b"},{label:"PATCH",value:"PATCH",color:"#
|
|
1
|
+
const l=[{label:"Post",value:"POST",color:"#10b981"},{label:"GET",value:"GET",color:"#3b82f6"},{label:"Delete",value:"DELETE",color:"#ef4444"},{label:"Put",value:"PUT",color:"#f59e0b"},{label:"PATCH",value:"PATCH",color:"#C0F4E8"},{label:"OPTIONS",value:"OPTIONS",color:"#6b7280"},{label:"HEAD",value:"HEAD",color:"#8b5cf6"},{label:"TRACE",value:"TRACE",color:"#ec4899"}];l.map((l=>({labelConfig:{color:l.color,text:l.label},value:l.value,data:l})));export{l as METHOD_OPTIONS};
|
|
2
2
|
//# sourceMappingURL=methods.constant.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"methods.constant.js","sources":["../../../src/constants/methods.constant.ts"],"sourcesContent":["export type MethodOption = {\n label: string\n value: string\n color: string\n}\n\nexport const METHOD_OPTIONS: MethodOption[] = [\n { label: 'Post', value: 'POST', color: '#10b981' },\n { label: 'GET', value: 'GET', color: '#3b82f6' },\n { label: 'Delete', value: 'DELETE', color: '#ef4444' },\n { label: 'Put', value: 'PUT', color: '#f59e0b' },\n { label: 'PATCH', value: 'PATCH', color: '#
|
|
1
|
+
{"version":3,"file":"methods.constant.js","sources":["../../../src/constants/methods.constant.ts"],"sourcesContent":["export type MethodOption = {\n label: string\n value: string\n color: string\n}\n\nexport const METHOD_OPTIONS: MethodOption[] = [\n { label: 'Post', value: 'POST', color: '#10b981' },\n { label: 'GET', value: 'GET', color: '#3b82f6' },\n { label: 'Delete', value: 'DELETE', color: '#ef4444' },\n { label: 'Put', value: 'PUT', color: '#f59e0b' },\n { label: 'PATCH', value: 'PATCH', color: '#C0F4E8' },\n { label: 'OPTIONS', value: 'OPTIONS', color: '#6b7280' },\n { label: 'HEAD', value: 'HEAD', color: '#8b5cf6' },\n { label: 'TRACE', value: 'TRACE', color: '#ec4899' },\n]\n\nexport const METHOD_OPTIONS_CONFIG = [\n {\n list: METHOD_OPTIONS.map((method) => ({\n labelConfig: { color: method.color, text: method.label },\n value: method.value,\n data: method,\n })),\n },\n]\n"],"names":["METHOD_OPTIONS","label","value","color","map","method","labelConfig","text","data"],"mappings":"AAMa,MAAAA,EAAiC,CAC5C,CAAEC,MAAO,OAAQC,MAAO,OAAQC,MAAO,WACvC,CAAEF,MAAO,MAAOC,MAAO,MAAOC,MAAO,WACrC,CAAEF,MAAO,SAAUC,MAAO,SAAUC,MAAO,WAC3C,CAAEF,MAAO,MAAOC,MAAO,MAAOC,MAAO,WACrC,CAAEF,MAAO,QAASC,MAAO,QAASC,MAAO,WACzC,CAAEF,MAAO,UAAWC,MAAO,UAAWC,MAAO,WAC7C,CAAEF,MAAO,OAAQC,MAAO,OAAQC,MAAO,WACvC,CAAEF,MAAO,QAASC,MAAO,QAASC,MAAO,YAKjCH,EAAeI,KAAKC,IAAY,CACpCC,YAAa,CAAEH,MAAOE,EAAOF,MAAOI,KAAMF,EAAOJ,OACjDC,MAAOG,EAAOH,MACdM,KAAMH"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{nanoid as s}from"../../node_modules/nanoid/index.js";const t=t=>{var e;const n={default:[]},a=new Set(t.tags.map((({name:s})=>s)));for(const[i,o]of Object.entries(t.paths))for(const[t,c]of Object.entries(o)){const o=Object.assign(Object.assign({},c),{method:t,path:i}),g=(null!==(e=c.tags)&&void 0!==e?e:[]).filter((s=>a.has(s)));g.length>0?g.forEach((t=>{n[t]||(n[t]=[]),n[t].push(Object.assign(Object.assign({},o),{id:s(8)}))})):n.default.push(Object.assign(Object.assign({},o),{id:s(8)}))}return Object.assign(Object.assign({},t.info),{id:s(8),tags:n})};export{t as transformOpenApiToDocs};
|
|
2
|
+
//# sourceMappingURL=docs.helper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"docs.helper.js","sources":["../../../src/helpers/docs.helper.ts"],"sourcesContent":["import { HTTPMethod, OpenAPIFile } from '@entities/openApi'\nimport { nanoid } from 'nanoid'\nimport { OverviewData, TagData } from 'src/layout/docsLayout'\n\nexport const transformOpenApiToDocs = (openApiJson: OpenAPIFile): OverviewData => {\n const groupedPathsByTags: Record<string, TagData[]> = { default: [] }\n const validTags = new Set(openApiJson.tags.map(({ name }) => name))\n\n for (const [path, methods] of Object.entries(openApiJson.paths)) {\n for (const [method, methodData] of Object.entries(methods)) {\n const entry = { ...methodData, method: method as HTTPMethod, path }\n const resourceTags = methodData.tags ?? []\n\n const matchedTags = resourceTags.filter((tag) => validTags.has(tag))\n\n if (matchedTags.length > 0) {\n matchedTags.forEach((tag) => {\n if (!groupedPathsByTags[tag]) groupedPathsByTags[tag] = []\n groupedPathsByTags[tag].push({ ...entry, id: nanoid(8) } as TagData)\n })\n } else {\n groupedPathsByTags.default.push({ ...entry, id: nanoid(8) } as TagData)\n }\n }\n }\n\n return { ...openApiJson.info, id: nanoid(8), tags: groupedPathsByTags }\n}\n"],"names":["transformOpenApiToDocs","openApiJson","groupedPathsByTags","default","validTags","Set","tags","map","name","path","methods","Object","entries","paths","method","methodData","entry","assign","matchedTags","_a","filter","tag","has","length","forEach","push","id","nanoid","info"],"mappings":"4DAIa,MAAAA,EAA0BC,UACrC,MAAMC,EAAgD,CAAEC,QAAS,IAC3DC,EAAY,IAAIC,IAAIJ,EAAYK,KAAKC,KAAI,EAAGC,UAAWA,KAE7D,IAAK,MAAOC,EAAMC,KAAYC,OAAOC,QAAQX,EAAYY,OACvD,IAAK,MAAOC,EAAQC,KAAeJ,OAAOC,QAAQF,GAAU,CAC1D,MAAMM,EAAaL,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EAAAF,GAAY,CAAAD,OAAQA,EAAsBL,SAGvDS,GAF8B,QAAfC,EAAAJ,EAAWT,YAAI,IAAAa,EAAAA,EAAI,IAEPC,QAAQC,GAAQjB,EAAUkB,IAAID,KAE3DH,EAAYK,OAAS,EACvBL,EAAYM,SAASH,IACdnB,EAAmBmB,KAAMnB,EAAmBmB,GAAO,IACxDnB,EAAmBmB,GAAKI,KAAKd,OAAKM,OAAAN,OAAAM,OAAA,CAAA,EAAAD,GAAO,CAAAU,GAAIC,EAAO,KAAgB,IAGtEzB,EAAmBC,QAAQsB,KAAKd,+BAAKK,GAAK,CAAEU,GAAIC,EAAO,KAE1D,CAGH,OAAAhB,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EAAYhB,EAAY2B,MAAI,CAAEF,GAAIC,EAAO,GAAIrB,KAAMJ,GAAoB"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{j as e}from"../../../../_virtual/jsx-runtime.js";import{useState as o}from"react";import s from"./style.module.scss.js";import t from"../../../components/SVGLoader/SVGLoader.js";import r from"../../../assets/icons/copy.svg.js";import{copyToClipboard as m}from"../../../utils/index.js";import i from"../../../../node_modules/react-syntax-highlighter/dist/esm/light.js";import l from"../../../../node_modules/react-syntax-highlighter/dist/esm/styles/hljs/stackoverflow-light.js";import a from"../../../../node_modules/react-syntax-highlighter/dist/esm/styles/hljs/stackoverflow-dark.js";const d=({code:d})=>{const[c,h]=o("DARK");return e.jsxs("div",{className:s.codebox,children:[e.jsxs("div",{className:s.codebox_header,children:[e.jsx("div",{role:"button",tabIndex:-1,onClick:()=>"LIGHT"!==c&&h("LIGHT"),className:`${s.codebox_header_themeToggle} ${s.codebox_header_themeToggle_light}`,title:"Light theme"}),e.jsx("div",{role:"button",tabIndex:-1,onClick:()=>"DARK"!==c&&h("DARK"),className:`${s.codebox_header_themeToggle} ${s.codebox_header_themeToggle_dark}`,title:"Dark theme"}),e.jsx(t,{src:r,width:"0.75rem",height:"0.75rem",className:s.codebox_header_copyIcon,onClick:()=>m(d)})]}),e.jsx(i,{language:"json",style:"LIGHT"===c?l:a,showLineNumbers:!0,wrapLines:!0,customStyle:{margin:0,height:"13.75rem",overflowY:"auto",padding:"0.75rem 1rem 0 1.5rem",backgroundColor:"DARK"===c?"#455162":"#F7F7F7",fontSize:"0.75rem"},lineProps:{className:"custom-code-line"},children:d})]})};export{d as default};
|
|
2
|
+
//# sourceMappingURL=Codebox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Codebox.js","sources":["../../../../../src/layout/docsComponents/Codebox/Codebox.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Light as SyntaxHighlighter } from 'react-syntax-highlighter'\nimport {\n stackoverflowDark,\n stackoverflowLight,\n} from 'react-syntax-highlighter/dist/esm/styles/hljs'\nimport styles from './style.module.scss'\nimport SVGLoader from '../../../components/SVGLoader/SVGLoader'\nimport { Copy } from '../../../assets/icons'\nimport { copyToClipboard } from '../../../utils'\n\nconst Codebox = ({ code }: { code: string }) => {\n const [theme, setTheme] = useState<'LIGHT' | 'DARK'>('DARK')\n\n return (\n <div className={styles.codebox}>\n <div className={styles.codebox_header}>\n <div\n role=\"button\"\n tabIndex={-1}\n onClick={() => theme !== 'LIGHT' && setTheme('LIGHT')}\n className={`${styles.codebox_header_themeToggle} ${styles.codebox_header_themeToggle_light}`}\n title=\"Light theme\"\n ></div>\n <div\n role=\"button\"\n tabIndex={-1}\n onClick={() => theme !== 'DARK' && setTheme('DARK')}\n className={`${styles.codebox_header_themeToggle} ${styles.codebox_header_themeToggle_dark}`}\n title=\"Dark theme\"\n ></div>\n <SVGLoader\n src={Copy}\n width=\"0.75rem\"\n height=\"0.75rem\"\n className={styles.codebox_header_copyIcon}\n onClick={() => copyToClipboard(code)}\n />\n </div>\n <SyntaxHighlighter\n language=\"json\"\n style={theme === 'LIGHT' ? stackoverflowLight : stackoverflowDark}\n showLineNumbers\n wrapLines\n customStyle={{\n margin: 0,\n height: '13.75rem',\n overflowY: 'auto',\n padding: '0.75rem 1rem 0 1.5rem',\n backgroundColor: theme === 'DARK' ? '#455162' : '#F7F7F7',\n fontSize: '0.75rem',\n }}\n lineProps={{ className: 'custom-code-line' }}\n >\n {code}\n </SyntaxHighlighter>\n </div>\n )\n}\n\nexport default Codebox\n"],"names":["Codebox","code","theme","setTheme","useState","_jsxs","className","styles","codebox","children","codebox_header","_jsx","role","tabIndex","onClick","codebox_header_themeToggle","codebox_header_themeToggle_light","title","jsx","codebox_header_themeToggle_dark","SVGLoader","src","Copy","width","height","codebox_header_copyIcon","copyToClipboard","SyntaxHighlighter","language","style","stackoverflowLight","stackoverflowDark","showLineNumbers","wrapLines","customStyle","margin","overflowY","padding","backgroundColor","fontSize","lineProps"],"mappings":"glBAWA,MAAMA,EAAU,EAAGC,WACjB,MAAOC,EAAOC,GAAYC,EAA2B,QAErD,OACEC,OAAK,MAAA,CAAAC,UAAWC,EAAOC,QAAOC,SAAA,CAC5BJ,EAAAA,KAAK,MAAA,CAAAC,UAAWC,EAAOG,eAAcD,SAAA,CACnCE,aACEC,KAAK,SACLC,UAAW,EACXC,QAAS,IAAgB,UAAVZ,GAAqBC,EAAS,SAC7CG,UAAW,GAAGC,EAAOQ,8BAA8BR,EAAOS,mCAC1DC,MAAM,gBAERN,EACEO,IAAA,MAAA,CAAAN,KAAK,SACLC,UAAW,EACXC,QAAS,IAAgB,SAAVZ,GAAoBC,EAAS,QAC5CG,UAAW,GAAGC,EAAOQ,8BAA8BR,EAAOY,kCAC1DF,MAAM,eAERN,EAAAO,IAACE,EAAS,CACRC,IAAKC,EACLC,MAAM,UACNC,OAAO,UACPlB,UAAWC,EAAOkB,wBAClBX,QAAS,IAAMY,EAAgBzB,QAGnCU,MAACgB,EAAiB,CAChBC,SAAS,OACTC,MAAiB,UAAV3B,EAAoB4B,EAAqBC,EAChDC,iBAAe,EACfC,WAAS,EACTC,YAAa,CACXC,OAAQ,EACRX,OAAQ,WACRY,UAAW,OACXC,QAAS,wBACTC,gBAA2B,SAAVpC,EAAmB,UAAY,UAChDqC,SAAU,WAEZC,UAAW,CAAElC,UAAW,oBAAoBG,SAE3CR,MAGN"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as
|
|
1
|
+
import{j as e}from"../../../../_virtual/jsx-runtime.js";import{useState as s}from"react";import o from"../Codebox/Codebox.js";import{d as i}from"../../../../_virtual/index.js";import{httpStatusCodes as l}from"../../../constants/index.js";import{handleStatusColor as t}from"../../../helpers/methodAccordion.helper.js";import d from"./style.module.scss.js";const n=l.map((s=>({label:e.jsxs("div",{className:d.statusCodeOptionContainer,children:[e.jsx("div",{className:d.statusCodeOptionCircle,style:{backgroundColor:t(s)}}),e.jsx("span",{children:s})]}),value:s}))),a=({data:l})=>{var t,a;const[r,c]=s(n[4]),u=Object.entries(l.responses).map((([e,s])=>({code:e,data:s}))).find((e=>Number(e.code)===r.value))||"{}";return e.jsxs("aside",{className:d.apiDocsAside,children:[e.jsx("h2",{className:d.apiDocsAside_title,children:l.summary}),e.jsxs("h4",{className:d.apiDocsAside_subtitle,children:[e.jsx("span",{className:d.apiDocsAside_subtitle_method,"data-method":l.method,children:l.method})," ",e.jsx("span",{children:l.path})]}),(null===(t=null==l?void 0:l.requestBody)||void 0===t?void 0:t.content)&&e.jsxs("div",{className:d.codeboxSection,children:[e.jsx("div",{className:d.codeboxHeader,children:e.jsx("h6",{className:d.codeboxTitle,children:"Request"})}),e.jsx(o,{code:(()=>{var e,s,o;if(null===(e=null==l?void 0:l.requestBody)||void 0===e?void 0:e.content){const e=Object.keys(null===(s=null==l?void 0:l.requestBody)||void 0===s?void 0:s.content)[0];return JSON.stringify(null===(o=null==l?void 0:l.requestBody)||void 0===o?void 0:o.content[e],null,2)}return"{}"})()})]}),(null===(a=Object.keys((null==l?void 0:l.responses)||{}))||void 0===a?void 0:a.length)>0&&e.jsxs("div",{className:d.codeboxSection,children:[e.jsxs("div",{className:`${d.codeboxHeader}`,children:[e.jsx("h6",{className:d.codeboxTitle,children:"Response"}),e.jsx(i.SelectGroup,{size:"small",withSearch:!1,isMultiple:!1,clearable:!1,placeholder:"200",options:[{list:n}],value:r,onChange:e=>{c(e)}})]}),e.jsx(o,{code:(()=>{var e,s;if(null==u?void 0:u.data){const o=Object.keys(null===(e=u.data)||void 0===e?void 0:e.content)[0];return JSON.stringify(null===(s=u.data)||void 0===s?void 0:s.content[o],null,2)}return"{}"})()})]})]})};export{a as default};
|
|
2
2
|
//# sourceMappingURL=DocsAside.js.map
|