@digi-frontend/dgate-api-documentation 1.0.61 → 1.0.62
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/json.js +2 -0
- package/dist/_virtual/json.js.map +1 -0
- package/dist/node_modules/highlight.js/lib/languages/json.js +2 -0
- package/dist/node_modules/highlight.js/lib/languages/json.js.map +1 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/languages/hljs/json.js +2 -0
- package/dist/node_modules/react-syntax-highlighter/dist/esm/languages/hljs/json.js.map +1 -0
- package/dist/src/layout/docsComponents/Codebox/Codebox.js +1 -1
- package/dist/src/layout/docsComponents/Codebox/Codebox.js.map +1 -1
- package/dist/src/layout/docsComponents/DocsContent/EndpointPage/index.js +1 -1
- package/dist/src/layout/docsComponents/DocsContent/EndpointPage/index.js.map +1 -1
- package/package.json +1 -1
- package/src/layout/docsComponents/Codebox/Codebox.tsx +5 -5
- package/src/layout/docsComponents/DocsContent/EndpointPage/index.tsx +2 -1
- package/variables.txt +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"json.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var n,e;function i(){if(e)return n;return e=1,n=function(n){const e={literal:"true false null"},i=[n.C_LINE_COMMENT_MODE,n.C_BLOCK_COMMENT_MODE],t=[n.QUOTE_STRING_MODE,n.C_NUMBER_MODE],a={end:",",endsWithParent:!0,excludeEnd:!0,contains:t,keywords:e},l={begin:/\{/,end:/\}/,contains:[{className:"attr",begin:/"/,end:/"/,contains:[n.BACKSLASH_ESCAPE],illegal:"\\n"},n.inherit(a,{begin:/:/})].concat(i),illegal:"\\S"},r={begin:"\\[",end:"\\]",contains:[n.inherit(a)],illegal:"\\S"};return t.push(l,r),i.forEach((function(n){t.push(n)})),{name:"JSON",contains:t,keywords:e,illegal:"\\S"}}}export{i as __require};
|
|
2
|
+
//# sourceMappingURL=json.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"json.js","sources":["../../../../../node_modules/highlight.js/lib/languages/json.js"],"sourcesContent":["/*\nLanguage: JSON\nDescription: JSON (JavaScript Object Notation) is a lightweight data-interchange format.\nAuthor: Ivan Sagalaev <maniac@softwaremaniacs.org>\nWebsite: http://www.json.org\nCategory: common, protocols\n*/\n\nfunction json(hljs) {\n const LITERALS = {\n literal: 'true false null'\n };\n const ALLOWED_COMMENTS = [\n hljs.C_LINE_COMMENT_MODE,\n hljs.C_BLOCK_COMMENT_MODE\n ];\n const TYPES = [\n hljs.QUOTE_STRING_MODE,\n hljs.C_NUMBER_MODE\n ];\n const VALUE_CONTAINER = {\n end: ',',\n endsWithParent: true,\n excludeEnd: true,\n contains: TYPES,\n keywords: LITERALS\n };\n const OBJECT = {\n begin: /\\{/,\n end: /\\}/,\n contains: [\n {\n className: 'attr',\n begin: /\"/,\n end: /\"/,\n contains: [hljs.BACKSLASH_ESCAPE],\n illegal: '\\\\n'\n },\n hljs.inherit(VALUE_CONTAINER, {\n begin: /:/\n })\n ].concat(ALLOWED_COMMENTS),\n illegal: '\\\\S'\n };\n const ARRAY = {\n begin: '\\\\[',\n end: '\\\\]',\n contains: [hljs.inherit(VALUE_CONTAINER)], // inherit is a workaround for a bug that makes shared modes with endsWithParent compile only the ending of one of the parents\n illegal: '\\\\S'\n };\n TYPES.push(OBJECT, ARRAY);\n ALLOWED_COMMENTS.forEach(function(rule) {\n TYPES.push(rule);\n });\n return {\n name: 'JSON',\n contains: TYPES,\n keywords: LITERALS,\n illegal: '\\\\S'\n };\n}\n\nmodule.exports = json;\n"],"names":["json_1","hljs","LITERALS","literal","ALLOWED_COMMENTS","C_LINE_COMMENT_MODE","C_BLOCK_COMMENT_MODE","TYPES","QUOTE_STRING_MODE","C_NUMBER_MODE","VALUE_CONTAINER","end","endsWithParent","excludeEnd","contains","keywords","OBJECT","begin","className","BACKSLASH_ESCAPE","illegal","inherit","concat","ARRAY","push","forEach","rule","name"],"mappings":"8CA8DAA,EAtDA,SAAcC,GACZ,MAAMC,EAAW,CACfC,QAAS,mBAELC,EAAmB,CACvBH,EAAKI,oBACLJ,EAAKK,sBAEDC,EAAQ,CACZN,EAAKO,kBACLP,EAAKQ,eAEDC,EAAkB,CACtBC,IAAK,IACLC,gBAAgB,EAChBC,YAAY,EACZC,SAAUP,EACVQ,SAAUb,GAENc,EAAS,CACbC,MAAO,KACPN,IAAK,KACLG,SAAU,CACR,CACEI,UAAW,OACXD,MAAO,IACPN,IAAK,IACLG,SAAU,CAACb,EAAKkB,kBAChBC,QAAS,OAEXnB,EAAKoB,QAAQX,EAAiB,CAC5BO,MAAO,OAETK,OAAOlB,GACTgB,QAAS,OAELG,EAAQ,CACZN,MAAO,MACPN,IAAK,MACLG,SAAU,CAACb,EAAKoB,QAAQX,IACxBU,QAAS,OAMX,OAJAb,EAAMiB,KAAKR,EAAQO,GACnBnB,EAAiBqB,SAAQ,SAASC,GAChCnB,EAAMiB,KAAKE,EACf,IACS,CACLC,KAAM,OACNb,SAAUP,EACVQ,SAAUb,EACVkB,QAAS,MAEb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"json.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +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
|
|
1
|
+
import{j as e}from"../../../../_virtual/jsx-runtime.js";import{useState as o}from"react";import s from"../../../../_virtual/json.js";import t from"./style.module.scss.js";import r from"../../../components/SVGLoader/SVGLoader.js";import i from"../../../assets/icons/copy.svg.js";import{copyToClipboard as m}from"../../../utils/index.js";import a 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 d from"../../../../node_modules/react-syntax-highlighter/dist/esm/styles/hljs/stackoverflow-dark.js";a.registerLanguage("json",s);const c=({code:s})=>{const[c,n]=o("DARK");return e.jsxs("div",{className:t.codebox,children:[e.jsxs("div",{className:t.codebox_header,children:[e.jsx("div",{role:"button",tabIndex:-1,onClick:()=>"LIGHT"!==c&&n("LIGHT"),className:`${t.codebox_header_themeToggle} ${t.codebox_header_themeToggle_light}`,title:"Light theme"}),e.jsx("div",{role:"button",tabIndex:-1,onClick:()=>"DARK"!==c&&n("DARK"),className:`${t.codebox_header_themeToggle} ${t.codebox_header_themeToggle_dark}`,title:"Dark theme"}),e.jsx(r,{src:i,width:"0.75rem",height:"0.75rem",className:t.codebox_header_copyIcon,onClick:()=>m(s)})]}),e.jsx(a,{language:"json",style:"LIGHT"===c?l:d,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:s})]})};export{c as default};
|
|
2
2
|
//# sourceMappingURL=Codebox.js.map
|
|
@@ -1 +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
|
|
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 json from 'react-syntax-highlighter/dist/esm/languages/hljs/json'\nimport * as hljs 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\nSyntaxHighlighter.registerLanguage('json', json)\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' ? hljs.stackoverflowLight : hljs.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":["SyntaxHighlighter","registerLanguage","json","Codebox","code","theme","setTheme","useState","_jsxs","className","styles","codebox","children","codebox_header","_jsx","role","tabIndex","onClick","codebox_header_themeToggle","codebox_header_themeToggle_light","title","codebox_header_themeToggle_dark","SVGLoader","src","Copy","width","height","codebox_header_copyIcon","copyToClipboard","jsx","language","style","hljs.stackoverflowLight","hljs.stackoverflowDark","showLineNumbers","wrapLines","customStyle","margin","overflowY","padding","backgroundColor","fontSize","lineProps"],"mappings":"4nBASAA,EAAkBC,iBAAiB,OAAQC,GAE3C,MAAMC,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,aACEC,KAAK,SACLC,UAAW,EACXC,QAAS,IAAgB,SAAVZ,GAAoBC,EAAS,QAC5CG,UAAW,GAAGC,EAAOQ,8BAA8BR,EAAOW,kCAC1DD,MAAM,eAERN,MAACQ,EAAS,CACRC,IAAKC,EACLC,MAAM,UACNC,OAAO,UACPjB,UAAWC,EAAOiB,wBAClBV,QAAS,IAAMW,EAAgBxB,QAGnCU,EAAAe,IAAC7B,EAAiB,CAChB8B,SAAS,OACTC,MAAiB,UAAV1B,EAAoB2B,EAA0BC,EACrDC,mBACAC,WAAS,EACTC,YAAa,CACXC,OAAQ,EACRX,OAAQ,WACRY,UAAW,OACXC,QAAS,wBACTC,gBAA2B,SAAVnC,EAAmB,UAAY,UAChDoC,SAAU,WAEZC,UAAW,CAAEjC,UAAW,oBAAoBG,SAE3CR"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as e}from"../../../../../_virtual/jsx-runtime.js";import s from"../../../../components/SVGLoader/SVGLoader.js";import l from"../../../../assets/icons/DownArrow.svg.js";import i from"../../../../assets/icons/CopySticker.svg.js";import a from"../../../../assets/icons/RequestOption.svg.js";import t from"../../../../assets/icons/ArrowBack.svg.js";import{d}from"../../../../../_virtual/index.js";import{useState as
|
|
1
|
+
import{j as e}from"../../../../../_virtual/jsx-runtime.js";import s from"../../../../components/SVGLoader/SVGLoader.js";import l from"../../../../assets/icons/DownArrow.svg.js";import i from"../../../../assets/icons/CopySticker.svg.js";import a from"../../../../assets/icons/RequestOption.svg.js";import t from"../../../../assets/icons/ArrowBack.svg.js";import{d}from"../../../../../_virtual/index.js";import{useState as o,useEffect as r}from"react";import{handleStatusColor as n}from"../../../../helpers/methodAccordion.helper.js";import{httpStatusCodes as c}from"../../../../constants/index.js";import h from"../../Codebox/style.module.scss.js";import m from"../../../../components/Tooltip/Tooltip.js";import{useSectionToggle as v,SectionEnum as p}from"../../../../context/SectionToggleContext.js";import{capitalizeFirstLetter as j}from"../../../../utils/index.js";const x=({data:x,setActiveType:u,setActiveItemData:b})=>{var N,y,f;const[C,g]=o("header"),{toggleSection:w}=v(),S=c.map((s=>({label:e.jsxs("div",{className:"statusCodeOptionContainer",children:[e.jsx("div",{className:"statusCodeOptionCircle",style:{backgroundColor:n(s)}}),e.jsx("span",{children:s})]}),value:s}))),[T,k]=o(null),[q,O]=o(S[4]),[R,A]=o({});return((null==x?void 0:x.parameters)||[]).filter((e=>{var s;return(null===(s=e.in)||void 0===s?void 0:s.toLowerCase())===C.toLowerCase()})),r((()=>{if(q&&q.value){const e=null==x?void 0:x.responses[q.value];A(null==e?void 0:e.headers)}}),[q]),e.jsxs("div",{className:"api-details-expanded",children:[e.jsxs("div",{className:"test-button",children:[e.jsx("button",{className:"back-button",onClick:()=>{w(x.api.apiSpecId,[{type:p.OVERVIEW,setTo:!0}],{resetOthers:!0,filterKeys:[p.RESOURCE]}),u("OVERVIEW"),b(x.api)},children:e.jsx(s,{src:t})}),e.jsx(m,{content:"Comming soon",children:e.jsx("button",{className:"disabled",children:"Test"})})]}),e.jsx("h3",{children:x.api.title}),e.jsx("h1",{className:"api-title",children:null==x?void 0:x.summary}),e.jsxs("div",{className:"url-box",children:[e.jsxs("div",{style:{textAlign:"center"},children:[e.jsx("span",{className:`method-label ${null===(N=null==x?void 0:x.method)||void 0===N?void 0:N.toLowerCase()}`,children:x.method}),e.jsx("span",{className:"url-text",children:null==x?void 0:x.path})]}),e.jsx("span",{className:"icon",onClick:()=>navigator.clipboard.writeText(null==x?void 0:x.path),children:e.jsx(s,{src:i})})]}),e.jsx("p",{className:"api-desc",children:(null==x?void 0:x.description)||"No Description"}),e.jsx("h3",{children:"Request"}),e.jsxs("div",{className:"request-section",children:[e.jsx("div",{className:"request-tabs",children:["header","path","query"].map((l=>e.jsxs("button",{className:"tab "+(C===l?"active":""),onClick:()=>g(l),children:[e.jsx(s,{src:a,className:"icon-left"}),e.jsx("span",{className:"tab-label",children:"requestBody"===l?"Request Body":l.charAt(0).toUpperCase()+l.slice(1)})]},l)))}),e.jsx("div",{className:"table-wrapper",children:e.jsxs("table",{className:"param-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"head-table-label",children:"Parameter Name"}),e.jsx("th",{className:"head-table-label",children:"Required"}),e.jsx("th",{className:"head-table-label",children:"Type"}),e.jsx("th",{className:"head-table-label",children:"Enum"}),e.jsx("th",{className:"head-table-label",children:"Description"})]})}),e.jsx("tbody",{children:null===(y=x.parameters)||void 0===y?void 0:y.filter((e=>{var s;return(null===(s=e.in)||void 0===s?void 0:s.toLowerCase())===C.toLowerCase()})).map(((i,a)=>{var t,d,o,r,n,c,h;return e.jsxs("tr",{children:[e.jsx("td",{children:i.name}),e.jsx("td",{children:i.required?"True":"False"}),e.jsxs("td",{style:{textTransform:"capitalize"},children:[e.jsx("span",{children:(null===(t=null==i?void 0:i.schema)||void 0===t?void 0:t.type)||"-"}),"array"===(null===(d=null==i?void 0:i.schema)||void 0===d?void 0:d.type)&&(null===(r=null===(o=null==i?void 0:i.schema)||void 0===o?void 0:o.items)||void 0===r?void 0:r.type)&&e.jsxs("span",{style:{color:"#616874",fontSize:"0.75rem"},children:["_",j(null===(c=null===(n=i.schema)||void 0===n?void 0:n.items)||void 0===c?void 0:c.type)]})]}),e.jsx("td",{children:Array.isArray(null===(h=i.schema)||void 0===h?void 0:h.enum)?i.schema.enum.join(" / "):"-"}),e.jsxs("td",{className:"desc-cell",children:[e.jsx("div",{className:"desc-text "+(T===a?"expanded":""),children:i.description||"No description"}),e.jsx("button",{className:"desc-toggle",onClick:()=>k(T===a?null:a),children:e.jsx(s,{src:l,className:T===a?"rotated":""})})]})]},a)}))})]})})]}),e.jsxs("div",{className:"response-section",children:[e.jsx("h3",{children:"Response"}),e.jsx("div",{style:{width:"7.5rem",marginLeft:"auto"},children:(null===(f=Object.keys((null==x?void 0:x.responses)||{}))||void 0===f?void 0:f.length)>0&&e.jsx("div",{className:h.codeboxSection,children:e.jsx("div",{className:`${h.codeboxHeader}`,children:e.jsx(d.SelectGroup,{size:"small",withSearch:!1,isMultiple:!1,clearable:!1,placeholder:"200",options:[{list:S}],value:q,onChange:e=>{O(e)}})})})}),e.jsxs("button",{className:"tab active ",children:[e.jsx(s,{src:a,className:"icon-left"}),"Header"]}),e.jsx("div",{className:"table-wrapper",children:e.jsxs("table",{className:"param-table",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"head-table-label",children:"Header Name"}),e.jsx("th",{className:"head-table-label",children:"Required"}),e.jsx("th",{className:"head-table-label",children:"Type"}),e.jsx("th",{className:"head-table-label",children:"Enum"}),e.jsx("th",{className:"head-table-label",children:"Description"})]})}),e.jsx("tbody",{children:!!R&&Object.keys(R)&&Object.keys(R).map((s=>{var l,i,a,t,d,o,r,n,c,h,m,v,p,x,u;return e.jsxs("tr",{children:[e.jsx("td",{children:s}),e.jsx("td",{children:null===(l=R[s])||void 0===l?void 0:l.required.toString()}),e.jsxs("td",{style:{textTransform:"capitalize"},children:[e.jsx("span",{children:(null===(a=null===(i=R[s])||void 0===i?void 0:i.schema)||void 0===a?void 0:a.type)||"-"}),"array"===(null===(d=null===(t=R[s])||void 0===t?void 0:t.schema)||void 0===d?void 0:d.type)&&(null===(n=null===(r=null===(o=R[s])||void 0===o?void 0:o.schema)||void 0===r?void 0:r.items)||void 0===n?void 0:n.type)&&e.jsxs("span",{style:{color:"#616874",fontSize:"0.75rem"},children:["_",j(null===(m=null===(h=null===(c=R[s])||void 0===c?void 0:c.schema)||void 0===h?void 0:h.items)||void 0===m?void 0:m.type)]})]}),e.jsx("td",{children:null===(x=null===(p=null===(v=R[s])||void 0===v?void 0:v.schema)||void 0===p?void 0:p.enum)||void 0===x?void 0:x.join("/")}),e.jsx("td",{children:null===(u=R[s])||void 0===u?void 0:u.description})]})}))})]})})]})]})};export{x as EndpointPage};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/layout/docsComponents/DocsContent/EndpointPage/index.tsx"],"sourcesContent":["import SVGLoader from '../../../../components/SVGLoader/SVGLoader'\nimport {\n ArrowBack,\n CopySticker,\n DownArrowIcon,\n RequestOption,\n} from '../../../../assets/icons/index'\nimport { SelectGroup } from 'digitinary-ui'\nimport { useEffect, useState } from 'react'\nimport { EndpointData, OverviewData } from 'src/layout/docsLayout'\nimport { handleStatusColor } from '../../../../helpers/methodAccordion.helper'\nimport { httpStatusCodes } from '../../../../constants/index'\nimport styles from '../../Codebox/style.module.scss'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport './style.scss'\nimport { SectionEnum, useSectionToggle } from '../../../../../src/context/SectionToggleContext'\nimport { capitalizeFirstLetter } from '../../../../../src/utils'\n\nexport const EndpointPage = ({\n data,\n setActiveType,\n setActiveItemData,\n}: {\n data: EndpointData\n setActiveType: React.Dispatch<React.SetStateAction<'OVERVIEW' | 'ENDPOINT'>>\n setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>\n}) => {\n const [activeTab, setActiveTab] = useState('header')\n const { toggleSection } = useSectionToggle()\n\n const httpStatusCodeOptions = httpStatusCodes.map((code) => ({\n label: (\n <div className={'statusCodeOptionContainer'}>\n <div\n className={'statusCodeOptionCircle'}\n style={{ backgroundColor: handleStatusColor(code) }}\n ></div>\n <span>{code}</span>\n </div>\n ),\n value: code,\n }))\n\n const [expanded, setExpanded] = useState(null)\n const [selectedResStatusCode, setSelectedResStatusCode] = useState(httpStatusCodeOptions[4])\n const [headersList, setHeadersList] = useState({})\n const requestTableData = (data?.parameters || []).filter(\n (param) => param.in?.toLowerCase() === activeTab.toLowerCase()\n )\n\n useEffect(() => {\n if (selectedResStatusCode && selectedResStatusCode.value) {\n const headerObj = data?.responses[selectedResStatusCode.value]\n setHeadersList(headerObj?.headers)\n }\n }, [selectedResStatusCode])\n\n return (\n <div className=\"api-details-expanded\">\n <div className=\"test-button\">\n <button\n className=\"back-button\"\n onClick={() => {\n toggleSection(data.api.apiSpecId, [{ type: SectionEnum.OVERVIEW, setTo: true }], {\n resetOthers: true,\n filterKeys: [SectionEnum.RESOURCE],\n })\n setActiveType('OVERVIEW')\n setActiveItemData(data.api)\n }}\n >\n <SVGLoader src={ArrowBack} />\n </button>\n\n <Tooltip content=\"Comming soon\">\n <button className=\"disabled\">Test</button>\n </Tooltip>\n </div>\n <h3>{data.api.title}</h3>\n <h1 className=\"api-title\">{data?.summary}</h1>\n <div className=\"url-box\">\n <div style={{ textAlign: 'center' }}>\n <span className={`method-label ${data?.method?.toLowerCase()}`}>{data.method}</span>\n <span className=\"url-text\">{data?.path}</span>\n </div>\n <span className=\"icon\" onClick={() => navigator.clipboard.writeText(data?.path)}>\n <SVGLoader src={CopySticker} />\n </span>\n </div>\n\n <p className=\"api-desc\">{data?.description || 'No Description'}</p>\n\n <h3>Request</h3>\n\n <div className=\"request-section\">\n <div className=\"request-tabs\">\n // ? TODO: 'body' should be returned after discussing with PO\n {['header', 'path', 'query'].map((tab) => (\n <button\n key={tab}\n className={`tab ${activeTab === tab ? 'active' : ''}`}\n onClick={() => setActiveTab(tab)}\n >\n <SVGLoader src={RequestOption} className=\"icon-left\" />\n <span className=\"tab-label\">\n {tab === 'requestBody'\n ? 'Request Body'\n : tab.charAt(0).toUpperCase() + tab.slice(1)}\n </span>\n </button>\n ))}\n </div>\n\n {\n <div className=\"table-wrapper\">\n <table className=\"param-table\">\n <thead>\n <tr>\n <th className=\"head-table-label\">Parameter Name</th>\n <th className=\"head-table-label\">Required</th>\n <th className=\"head-table-label\">Type</th>\n <th className=\"head-table-label\">Enum</th>\n <th className=\"head-table-label\">Description</th>\n </tr>\n </thead>\n <tbody>\n {data.parameters\n ?.filter((p) => p.in?.toLowerCase() === activeTab.toLowerCase())\n .map((row, index) => (\n <tr key={index}>\n <td>{row.name}</td>\n <td>{row.required ? 'True' : 'False'}</td>\n <td style={{ textTransform: 'capitalize' }}>\n <span>{row?.schema?.type || '-'}</span>\n {row?.schema?.type === 'array' && row?.schema?.items?.type && (\n <span style={{ color: '#616874', fontSize: '0.75rem' }}>\n _{capitalizeFirstLetter(row.schema?.items?.type)}\n </span>\n )}\n </td>\n <td>{Array.isArray(row.schema?.enum) ? row.schema.enum.join(' / ') : '-'}</td>\n <td className=\"desc-cell\">\n <div className={`desc-text ${expanded === index ? 'expanded' : ''}`}>\n {row.description || 'No description'}\n </div>\n <button\n className=\"desc-toggle\"\n onClick={() => setExpanded(expanded === index ? null : index)}\n >\n <SVGLoader\n src={DownArrowIcon}\n className={expanded === index ? 'rotated' : ''}\n />\n </button>\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n }\n </div>\n\n <div className=\"response-section\">\n <h3>Response</h3>\n\n <div style={{ width: '7.5rem', marginLeft: 'auto' }}>\n {Object.keys(data?.responses || {})?.length > 0 && (\n <div className={styles.codeboxSection}>\n <div className={`${styles.codeboxHeader}`}>\n <SelectGroup\n size=\"small\"\n withSearch={false}\n isMultiple={false}\n clearable={false}\n placeholder=\"200\"\n options={[\n {\n list: httpStatusCodeOptions,\n },\n ]}\n value={selectedResStatusCode}\n onChange={(value) => {\n setSelectedResStatusCode(value)\n }}\n />\n </div>\n </div>\n )}\n </div>\n\n <button className=\"tab active \">\n <SVGLoader src={RequestOption} className=\"icon-left\" />\n Header\n </button>\n\n <div className=\"table-wrapper\">\n <table className=\"param-table\">\n <thead>\n <tr>\n <th className=\"head-table-label\">Header Name</th>\n <th className=\"head-table-label\">Required</th>\n <th className=\"head-table-label\">Type</th>\n <th className=\"head-table-label\">Enum</th>\n <th className=\"head-table-label\">Description</th>\n </tr>\n </thead>\n <tbody>\n {!!headersList &&\n Object.keys(headersList) &&\n Object.keys(headersList).map((key) => (\n <tr>\n <td>{key}</td>\n <td>{headersList[key]?.required.toString()}</td>\n <td style={{ textTransform: 'capitalize' }}>\n <span>{headersList[key]?.schema?.type || '-'}</span>\n {headersList[key]?.schema?.type === 'array' &&\n headersList[key]?.schema?.items?.type && (\n <span style={{ color: '#616874', fontSize: '0.75rem' }}>\n _{capitalizeFirstLetter(headersList[key]?.schema?.items?.type)}\n </span>\n )}\n </td>\n <td>{headersList[key]?.schema?.enum?.join('/')}</td>\n <td>{headersList[key]?.description}</td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </div>\n </div>\n )\n}\n"],"names":["EndpointPage","data","setActiveType","setActiveItemData","activeTab","setActiveTab","useState","toggleSection","useSectionToggle","httpStatusCodeOptions","httpStatusCodes","map","code","label","_jsxs","jsxs","className","children","_jsx","style","backgroundColor","handleStatusColor","value","expanded","setExpanded","selectedResStatusCode","setSelectedResStatusCode","headersList","setHeadersList","parameters","filter","param","in","_a","toLowerCase","useEffect","headerObj","responses","headers","onClick","api","apiSpecId","type","SectionEnum","OVERVIEW","setTo","resetOthers","filterKeys","RESOURCE","SVGLoader","src","ArrowBack","Tooltip","content","jsx","title","summary","textAlign","method","path","navigator","clipboard","writeText","CopySticker","description","tab","RequestOption","charAt","toUpperCase","slice","_b","p","row","index","name","required","textTransform","schema","_d","_c","items","color","fontSize","capitalizeFirstLetter","_f","_e","Array","isArray","_g","enum","join","DownArrowIcon","width","marginLeft","Object","keys","length","styles","codeboxSection","codeboxHeader","SelectGroup","size","withSearch","isMultiple","clearable","placeholder","options","list","onChange","key","toString","_h","_k","_j","_p","_o","_q"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../src/layout/docsComponents/DocsContent/EndpointPage/index.tsx"],"sourcesContent":["import SVGLoader from '../../../../components/SVGLoader/SVGLoader'\nimport {\n ArrowBack,\n CopySticker,\n DownArrowIcon,\n RequestOption,\n} from '../../../../assets/icons/index'\nimport { SelectGroup } from 'digitinary-ui'\nimport { useEffect, useState } from 'react'\nimport { EndpointData, OverviewData } from 'src/layout/docsLayout'\nimport { handleStatusColor } from '../../../../helpers/methodAccordion.helper'\nimport { httpStatusCodes } from '../../../../constants/index'\nimport styles from '../../Codebox/style.module.scss'\nimport Tooltip from '../../../../components/Tooltip/Tooltip'\nimport './style.scss'\nimport { SectionEnum, useSectionToggle } from '../../../../../src/context/SectionToggleContext'\nimport { capitalizeFirstLetter } from '../../../../../src/utils'\n\nexport const EndpointPage = ({\n data,\n setActiveType,\n setActiveItemData,\n}: {\n data: EndpointData\n setActiveType: React.Dispatch<React.SetStateAction<'OVERVIEW' | 'ENDPOINT'>>\n setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>\n}) => {\n const [activeTab, setActiveTab] = useState('header')\n const { toggleSection } = useSectionToggle()\n\n const httpStatusCodeOptions = httpStatusCodes.map((code) => ({\n label: (\n <div className={'statusCodeOptionContainer'}>\n <div\n className={'statusCodeOptionCircle'}\n style={{ backgroundColor: handleStatusColor(code) }}\n ></div>\n <span>{code}</span>\n </div>\n ),\n value: code,\n }))\n\n const [expanded, setExpanded] = useState(null)\n const [selectedResStatusCode, setSelectedResStatusCode] = useState(httpStatusCodeOptions[4])\n const [headersList, setHeadersList] = useState({})\n const requestTableData = (data?.parameters || []).filter(\n (param) => param.in?.toLowerCase() === activeTab.toLowerCase()\n )\n\n useEffect(() => {\n if (selectedResStatusCode && selectedResStatusCode.value) {\n const headerObj = data?.responses[selectedResStatusCode.value]\n setHeadersList(headerObj?.headers)\n }\n }, [selectedResStatusCode])\n\n // ? TODO: 'body' should be returned after discussing with PO\n\n return (\n <div className=\"api-details-expanded\">\n <div className=\"test-button\">\n <button\n className=\"back-button\"\n onClick={() => {\n toggleSection(data.api.apiSpecId, [{ type: SectionEnum.OVERVIEW, setTo: true }], {\n resetOthers: true,\n filterKeys: [SectionEnum.RESOURCE],\n })\n setActiveType('OVERVIEW')\n setActiveItemData(data.api)\n }}\n >\n <SVGLoader src={ArrowBack} />\n </button>\n\n <Tooltip content=\"Comming soon\">\n <button className=\"disabled\">Test</button>\n </Tooltip>\n </div>\n <h3>{data.api.title}</h3>\n <h1 className=\"api-title\">{data?.summary}</h1>\n <div className=\"url-box\">\n <div style={{ textAlign: 'center' }}>\n <span className={`method-label ${data?.method?.toLowerCase()}`}>{data.method}</span>\n <span className=\"url-text\">{data?.path}</span>\n </div>\n <span className=\"icon\" onClick={() => navigator.clipboard.writeText(data?.path)}>\n <SVGLoader src={CopySticker} />\n </span>\n </div>\n\n <p className=\"api-desc\">{data?.description || 'No Description'}</p>\n\n <h3>Request</h3>\n\n <div className=\"request-section\">\n <div className=\"request-tabs\">\n {['header', 'path', 'query'].map((tab) => (\n <button\n key={tab}\n className={`tab ${activeTab === tab ? 'active' : ''}`}\n onClick={() => setActiveTab(tab)}\n >\n <SVGLoader src={RequestOption} className=\"icon-left\" />\n <span className=\"tab-label\">\n {tab === 'requestBody'\n ? 'Request Body'\n : tab.charAt(0).toUpperCase() + tab.slice(1)}\n </span>\n </button>\n ))}\n </div>\n\n {\n <div className=\"table-wrapper\">\n <table className=\"param-table\">\n <thead>\n <tr>\n <th className=\"head-table-label\">Parameter Name</th>\n <th className=\"head-table-label\">Required</th>\n <th className=\"head-table-label\">Type</th>\n <th className=\"head-table-label\">Enum</th>\n <th className=\"head-table-label\">Description</th>\n </tr>\n </thead>\n <tbody>\n {data.parameters\n ?.filter((p) => p.in?.toLowerCase() === activeTab.toLowerCase())\n .map((row, index) => (\n <tr key={index}>\n <td>{row.name}</td>\n <td>{row.required ? 'True' : 'False'}</td>\n <td style={{ textTransform: 'capitalize' }}>\n <span>{row?.schema?.type || '-'}</span>\n {row?.schema?.type === 'array' && row?.schema?.items?.type && (\n <span style={{ color: '#616874', fontSize: '0.75rem' }}>\n _{capitalizeFirstLetter(row.schema?.items?.type)}\n </span>\n )}\n </td>\n <td>{Array.isArray(row.schema?.enum) ? row.schema.enum.join(' / ') : '-'}</td>\n <td className=\"desc-cell\">\n <div className={`desc-text ${expanded === index ? 'expanded' : ''}`}>\n {row.description || 'No description'}\n </div>\n <button\n className=\"desc-toggle\"\n onClick={() => setExpanded(expanded === index ? null : index)}\n >\n <SVGLoader\n src={DownArrowIcon}\n className={expanded === index ? 'rotated' : ''}\n />\n </button>\n </td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n }\n </div>\n\n <div className=\"response-section\">\n <h3>Response</h3>\n\n <div style={{ width: '7.5rem', marginLeft: 'auto' }}>\n {Object.keys(data?.responses || {})?.length > 0 && (\n <div className={styles.codeboxSection}>\n <div className={`${styles.codeboxHeader}`}>\n <SelectGroup\n size=\"small\"\n withSearch={false}\n isMultiple={false}\n clearable={false}\n placeholder=\"200\"\n options={[\n {\n list: httpStatusCodeOptions,\n },\n ]}\n value={selectedResStatusCode}\n onChange={(value) => {\n setSelectedResStatusCode(value)\n }}\n />\n </div>\n </div>\n )}\n </div>\n\n <button className=\"tab active \">\n <SVGLoader src={RequestOption} className=\"icon-left\" />\n Header\n </button>\n\n <div className=\"table-wrapper\">\n <table className=\"param-table\">\n <thead>\n <tr>\n <th className=\"head-table-label\">Header Name</th>\n <th className=\"head-table-label\">Required</th>\n <th className=\"head-table-label\">Type</th>\n <th className=\"head-table-label\">Enum</th>\n <th className=\"head-table-label\">Description</th>\n </tr>\n </thead>\n <tbody>\n {!!headersList &&\n Object.keys(headersList) &&\n Object.keys(headersList).map((key) => (\n <tr>\n <td>{key}</td>\n <td>{headersList[key]?.required.toString()}</td>\n <td style={{ textTransform: 'capitalize' }}>\n <span>{headersList[key]?.schema?.type || '-'}</span>\n {headersList[key]?.schema?.type === 'array' &&\n headersList[key]?.schema?.items?.type && (\n <span style={{ color: '#616874', fontSize: '0.75rem' }}>\n _{capitalizeFirstLetter(headersList[key]?.schema?.items?.type)}\n </span>\n )}\n </td>\n <td>{headersList[key]?.schema?.enum?.join('/')}</td>\n <td>{headersList[key]?.description}</td>\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </div>\n </div>\n )\n}\n"],"names":["EndpointPage","data","setActiveType","setActiveItemData","activeTab","setActiveTab","useState","toggleSection","useSectionToggle","httpStatusCodeOptions","httpStatusCodes","map","code","label","_jsxs","jsxs","className","children","_jsx","style","backgroundColor","handleStatusColor","value","expanded","setExpanded","selectedResStatusCode","setSelectedResStatusCode","headersList","setHeadersList","parameters","filter","param","in","_a","toLowerCase","useEffect","headerObj","responses","headers","onClick","api","apiSpecId","type","SectionEnum","OVERVIEW","setTo","resetOthers","filterKeys","RESOURCE","SVGLoader","src","ArrowBack","Tooltip","content","jsx","title","summary","textAlign","method","path","navigator","clipboard","writeText","CopySticker","description","tab","RequestOption","charAt","toUpperCase","slice","_b","p","row","index","name","required","textTransform","schema","_d","_c","items","color","fontSize","capitalizeFirstLetter","_f","_e","Array","isArray","_g","enum","join","DownArrowIcon","width","marginLeft","Object","keys","length","styles","codeboxSection","codeboxHeader","SelectGroup","size","withSearch","isMultiple","clearable","placeholder","options","list","onChange","key","toString","_h","_k","_j","_p","_o","_q"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React, { useState } from 'react'
|
|
2
2
|
import { Light as SyntaxHighlighter } from 'react-syntax-highlighter'
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
stackoverflowLight,
|
|
6
|
-
} from 'react-syntax-highlighter/dist/esm/styles/hljs'
|
|
3
|
+
import json from 'react-syntax-highlighter/dist/esm/languages/hljs/json'
|
|
4
|
+
import * as hljs from 'react-syntax-highlighter/dist/esm/styles/hljs'
|
|
7
5
|
import styles from './style.module.scss'
|
|
8
6
|
import SVGLoader from '../../../components/SVGLoader/SVGLoader'
|
|
9
7
|
import { Copy } from '../../../assets/icons'
|
|
10
8
|
import { copyToClipboard } from '../../../utils'
|
|
11
9
|
|
|
10
|
+
SyntaxHighlighter.registerLanguage('json', json)
|
|
11
|
+
|
|
12
12
|
const Codebox = ({ code }: { code: string }) => {
|
|
13
13
|
const [theme, setTheme] = useState<'LIGHT' | 'DARK'>('DARK')
|
|
14
14
|
|
|
@@ -39,7 +39,7 @@ const Codebox = ({ code }: { code: string }) => {
|
|
|
39
39
|
</div>
|
|
40
40
|
<SyntaxHighlighter
|
|
41
41
|
language="json"
|
|
42
|
-
style={theme === 'LIGHT' ? stackoverflowLight : stackoverflowDark}
|
|
42
|
+
style={theme === 'LIGHT' ? hljs.stackoverflowLight : hljs.stackoverflowDark}
|
|
43
43
|
showLineNumbers
|
|
44
44
|
wrapLines
|
|
45
45
|
customStyle={{
|
|
@@ -55,6 +55,8 @@ export const EndpointPage = ({
|
|
|
55
55
|
}
|
|
56
56
|
}, [selectedResStatusCode])
|
|
57
57
|
|
|
58
|
+
// ? TODO: 'body' should be returned after discussing with PO
|
|
59
|
+
|
|
58
60
|
return (
|
|
59
61
|
<div className="api-details-expanded">
|
|
60
62
|
<div className="test-button">
|
|
@@ -94,7 +96,6 @@ export const EndpointPage = ({
|
|
|
94
96
|
|
|
95
97
|
<div className="request-section">
|
|
96
98
|
<div className="request-tabs">
|
|
97
|
-
// ? TODO: 'body' should be returned after discussing with PO
|
|
98
99
|
{['header', 'path', 'query'].map((tab) => (
|
|
99
100
|
<button
|
|
100
101
|
key={tab}
|
package/variables.txt
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export APP_VERSION=1.0.
|
|
2
|
-
export ECR_IMAGE=650046438355.dkr.ecr.eu-central-1.amazonaws.com/dgate-api-documentation:1.0.
|
|
3
|
-
export IMAGE_TAG=1.0.
|
|
1
|
+
export APP_VERSION=1.0.61
|
|
2
|
+
export ECR_IMAGE=650046438355.dkr.ecr.eu-central-1.amazonaws.com/dgate-api-documentation:1.0.61-31065-develop
|
|
3
|
+
export IMAGE_TAG=1.0.61-31065-develop
|
|
4
4
|
export TARGET_ENV=dev
|