@digi-frontend/dgate-api-documentation 1.0.97 → 1.1.2

package/dist/styles.css

@@ -822,212 +822,6 @@
   width: 0.625rem;
   aspect-ratio: 1/1;
   border-radius: 100%;
-}.tooltip-custom-wrapper {
-  display: flex;
-}
-
-[data-tippy-root] {
-  z-index: 2 !important;
-}
-
-.tippy-box {
-  background-color: #202f5b;
-  font-size: 0.875rem;
-  border-radius: 0.3125rem;
-  width: max-content;
-  max-width: 100%;
-  overflow-wrap: break-word;
-  word-break: break-word;
-  position: relative;
-  border: 1px solid #d8dae5;
-  z-index: 2;
-}
-.tippy-box.function .tippy-content {
-  background-color: #fff !important;
-  color: #000 !important;
-}
-.tippy-box.function[data-placement] > .tippy-arrow:before {
-  color: #fff !important;
-}
-.tippy-box.info .tippy-arrow {
-  color: #202f5b;
-}
-.tippy-box.success {
-  border-radius: 1.875rem;
-  background-color: #3aaa35;
-  padding-inline: 0.625rem;
-}
-.tippy-box .tippy-content {
-  text-align: justify;
-  font-size: 0.875rem;
-  line-height: 1.25rem;
-  padding: 0.625rem;
-}
-.tippy-box .tippy-arrow {
-  position: relative;
-  width: 1rem;
-  height: 1rem;
-}
-.tippy-box[data-placement^=top] .tippy-arrow:before {
-  bottom: -0.4375rem;
-  border-width: 0.5rem 0.5rem 0 !important;
-}
-.tippy-box[data-placement^=right] .tippy-arrow:before {
-  left: -0.4375rem;
-  border-width: 0.5rem 0.5rem 0.5rem 0 !important;
-}
-.tippy-box[data-placement^=bottom] .tippy-arrow:before {
-  top: -0.4375rem;
-  border-width: 0 0.5rem 0.5rem !important;
-}
-.tippy-box[data-placement^=left] .tippy-arrow:before {
-  right: -0.4375rem;
-  border-width: 0.5rem 0 0.5rem 0.5rem !important;
-}
-.tippy-box[data-placement^=bottom-start] .tippy-arrow {
-  transform: translate(0.937rem, 0) !important;
-}
-.tippy-box[data-placement^=bottom-end] .tippy-arrow {
-  margin-left: calc(100% - 1.937rem);
-  transform: translate(0, 0) !important;
-}
-.tippy-box[data-placement^=top-start] .tippy-arrow {
-  transform: translate(0.937rem, 0) !important;
-}
-.tippy-box[data-placement^=top-end] .tippy-arrow {
-  transform: translate(0.937rem, 0) !important;
-}
-.tippy-box.arrow-with-border {
-  border: 1px solid #d8dae5;
-}
-.tippy-box.arrow-with-border[data-placement] .tippy-arrow {
-  top: 1px;
-  background-color: white;
-  z-index: 2;
-  height: 1px;
-}
-.tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
-  width: 0.625rem;
-  height: 0.625rem;
-  background-color: white;
-  transform: rotate(45deg);
-  border: none;
-  border-left: 1px solid #d8dae5 !important;
-  border-top: 1px solid #d8dae5 !important;
-  z-index: 2;
-  top: -0.45rem;
-  transform-origin: center !important;
-}.json-editor-container {
-  overflow: hidden;
-  border-bottom-right-radius: 0.3125rem;
-  border-bottom-left-radius: 0.3125rem;
-}
-.json-editor-container .json-editor-label {
-  font-size: 0.875rem;
-  font-weight: 600;
-  line-height: 1.25rem;
-  margin-bottom: 0.3125rem;
-}
-.json-editor-container .json-editor {
-  display: flex;
-  flex-direction: column;
-  background-color: #142452;
-  width: 100%;
-  outline: 1px solid transparent;
-  position: relative;
-  overflow: hidden;
-}
-.json-editor-container .json-editor .actions-container {
-  width: 100%;
-  height: 5rem;
-  padding: 1.25rem;
-  border-radius: 0 0 0.3125rem 0.3125rem;
-  background: #101e47;
-  display: flex;
-  flex-direction: row;
-  gap: 1.25rem;
-  align-items: center;
-}
-.json-editor-container .json-editor .actions-container .validate {
-  color: #fff;
-  text-align: center;
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 1.25rem;
-  width: 8.75rem;
-  padding: 0.625rem 2.25rem;
-  background-color: rgba(240, 248, 255, 0);
-  border-radius: 0.3125rem;
-  border: 0.0625rem solid #4d75d8;
-  cursor: pointer;
-}
-.json-editor-container .json-editor .actions-container .validate:disabled {
-  color: #babdcc;
-  border-color: #a2a5b6;
-}
-.json-editor-container .json-editor .actions-container .beautify {
-  color: #fff;
-  text-align: center;
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 600;
-  line-height: 1.25rem;
-  width: 8.75rem;
-  padding: 0.625rem 2.25rem;
-  background-color: rgba(240, 248, 255, 0);
-  border-radius: 0.3125rem;
-  border: 1px solid #babdcc;
-  cursor: pointer;
-}
-.json-editor-container .json-editor .actions-container .beautify:disabled {
-  color: #a2a5b6;
-  border-color: #a2a5b6;
-}
-.json-editor-container .json-editor textarea {
-  width: 100%;
-  padding: 1.25rem;
-  font-size: 0.875rem;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 1.25rem;
-  color: white;
-  height: 25rem;
-  background-color: #142452;
-  border: none;
-  resize: none;
-}
-.json-editor-container .json-editor textarea:focus, .json-editor-container .json-editor textarea:focus-within, .json-editor-container .json-editor textarea:focus-visible .json-editor-container .json-editor textarea:active {
-  outline: none;
-  border: none;
-}
-.json-editor-container .json-editor textarea::-webkit-scrollbar {
-  width: 0.5rem;
-}
-.json-editor-container .json-editor textarea::-webkit-scrollbar-track {
-  background-color: #828699;
-  border: none;
-  border-color: transparent;
-  border-top-left-radius: 0;
-}
-.json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
-  background-color: #d8dae5;
-  border: none;
-  border-color: transparent;
-  border-radius: 0;
-}
-.json-editor-container .json-editor.invalid {
-  outline: 1px solid #ce2828 !important;
-}
-.json-editor-container .error-message {
-  color: #ce2828;
-  font-size: 0.75rem;
-  line-height: 1.25rem;
-  margin-top: 0.625rem;
-}
-.json-editor-container.disabled .json-editor textarea {
-  background-color: white;
-  color: #12131a;
 }:root {
   --white: #fff;
   --Gray-5: #f1f2f6;
@@ -1297,6 +1091,212 @@ div.endBtnIcon {
 .tableSectionContainer .descArrow path,
 .tableSectionContainer .defaultSortArrow path {
   fill: var(--Gray-50);
+}.tooltip-custom-wrapper {
+  display: flex;
+}
+
+[data-tippy-root] {
+  z-index: 2 !important;
+}
+
+.tippy-box {
+  background-color: #202f5b;
+  font-size: 0.875rem;
+  border-radius: 0.3125rem;
+  width: max-content;
+  max-width: 100%;
+  overflow-wrap: break-word;
+  word-break: break-word;
+  position: relative;
+  border: 1px solid #d8dae5;
+  z-index: 2;
+}
+.tippy-box.function .tippy-content {
+  background-color: #fff !important;
+  color: #000 !important;
+}
+.tippy-box.function[data-placement] > .tippy-arrow:before {
+  color: #fff !important;
+}
+.tippy-box.info .tippy-arrow {
+  color: #202f5b;
+}
+.tippy-box.success {
+  border-radius: 1.875rem;
+  background-color: #3aaa35;
+  padding-inline: 0.625rem;
+}
+.tippy-box .tippy-content {
+  text-align: justify;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  padding: 0.625rem;
+}
+.tippy-box .tippy-arrow {
+  position: relative;
+  width: 1rem;
+  height: 1rem;
+}
+.tippy-box[data-placement^=top] .tippy-arrow:before {
+  bottom: -0.4375rem;
+  border-width: 0.5rem 0.5rem 0 !important;
+}
+.tippy-box[data-placement^=right] .tippy-arrow:before {
+  left: -0.4375rem;
+  border-width: 0.5rem 0.5rem 0.5rem 0 !important;
+}
+.tippy-box[data-placement^=bottom] .tippy-arrow:before {
+  top: -0.4375rem;
+  border-width: 0 0.5rem 0.5rem !important;
+}
+.tippy-box[data-placement^=left] .tippy-arrow:before {
+  right: -0.4375rem;
+  border-width: 0.5rem 0 0.5rem 0.5rem !important;
+}
+.tippy-box[data-placement^=bottom-start] .tippy-arrow {
+  transform: translate(0.937rem, 0) !important;
+}
+.tippy-box[data-placement^=bottom-end] .tippy-arrow {
+  margin-left: calc(100% - 1.937rem);
+  transform: translate(0, 0) !important;
+}
+.tippy-box[data-placement^=top-start] .tippy-arrow {
+  transform: translate(0.937rem, 0) !important;
+}
+.tippy-box[data-placement^=top-end] .tippy-arrow {
+  transform: translate(0.937rem, 0) !important;
+}
+.tippy-box.arrow-with-border {
+  border: 1px solid #d8dae5;
+}
+.tippy-box.arrow-with-border[data-placement] .tippy-arrow {
+  top: 1px;
+  background-color: white;
+  z-index: 2;
+  height: 1px;
+}
+.tippy-box.arrow-with-border[data-placement] .tippy-arrow:before {
+  width: 0.625rem;
+  height: 0.625rem;
+  background-color: white;
+  transform: rotate(45deg);
+  border: none;
+  border-left: 1px solid #d8dae5 !important;
+  border-top: 1px solid #d8dae5 !important;
+  z-index: 2;
+  top: -0.45rem;
+  transform-origin: center !important;
+}.json-editor-container {
+  overflow: hidden;
+  border-bottom-right-radius: 0.3125rem;
+  border-bottom-left-radius: 0.3125rem;
+}
+.json-editor-container .json-editor-label {
+  font-size: 0.875rem;
+  font-weight: 600;
+  line-height: 1.25rem;
+  margin-bottom: 0.3125rem;
+}
+.json-editor-container .json-editor {
+  display: flex;
+  flex-direction: column;
+  background-color: #142452;
+  width: 100%;
+  outline: 1px solid transparent;
+  position: relative;
+  overflow: hidden;
+}
+.json-editor-container .json-editor .actions-container {
+  width: 100%;
+  height: 5rem;
+  padding: 1.25rem;
+  border-radius: 0 0 0.3125rem 0.3125rem;
+  background: #101e47;
+  display: flex;
+  flex-direction: row;
+  gap: 1.25rem;
+  align-items: center;
+}
+.json-editor-container .json-editor .actions-container .validate {
+  color: #fff;
+  text-align: center;
+  font-size: 1rem;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 1.25rem;
+  width: 8.75rem;
+  padding: 0.625rem 2.25rem;
+  background-color: rgba(240, 248, 255, 0);
+  border-radius: 0.3125rem;
+  border: 0.0625rem solid #4d75d8;
+  cursor: pointer;
+}
+.json-editor-container .json-editor .actions-container .validate:disabled {
+  color: #babdcc;
+  border-color: #a2a5b6;
+}
+.json-editor-container .json-editor .actions-container .beautify {
+  color: #fff;
+  text-align: center;
+  font-size: 1rem;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 1.25rem;
+  width: 8.75rem;
+  padding: 0.625rem 2.25rem;
+  background-color: rgba(240, 248, 255, 0);
+  border-radius: 0.3125rem;
+  border: 1px solid #babdcc;
+  cursor: pointer;
+}
+.json-editor-container .json-editor .actions-container .beautify:disabled {
+  color: #a2a5b6;
+  border-color: #a2a5b6;
+}
+.json-editor-container .json-editor textarea {
+  width: 100%;
+  padding: 1.25rem;
+  font-size: 0.875rem;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.25rem;
+  color: white;
+  height: 25rem;
+  background-color: #142452;
+  border: none;
+  resize: none;
+}
+.json-editor-container .json-editor textarea:focus, .json-editor-container .json-editor textarea:focus-within, .json-editor-container .json-editor textarea:focus-visible .json-editor-container .json-editor textarea:active {
+  outline: none;
+  border: none;
+}
+.json-editor-container .json-editor textarea::-webkit-scrollbar {
+  width: 0.5rem;
+}
+.json-editor-container .json-editor textarea::-webkit-scrollbar-track {
+  background-color: #828699;
+  border: none;
+  border-color: transparent;
+  border-top-left-radius: 0;
+}
+.json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
+  background-color: #d8dae5;
+  border: none;
+  border-color: transparent;
+  border-radius: 0;
+}
+.json-editor-container .json-editor.invalid {
+  outline: 1px solid #ce2828 !important;
+}
+.json-editor-container .error-message {
+  color: #ce2828;
+  font-size: 0.75rem;
+  line-height: 1.25rem;
+  margin-top: 0.625rem;
+}
+.json-editor-container.disabled .json-editor textarea {
+  background-color: white;
+  color: #12131a;
 }:root {
   --white: #fff;
   --Gray-5: #f1f2f6;

package/dist/types/components/Chips/Chips.d.ts

@@ -0,0 +1,16 @@
+import './style.scss';
+type ChipItemType = {
+    id: number | string;
+    label: string;
+    className?: string;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+export type CustomChipsType = {
+    className?: string;
+    items: ChipItemType[];
+    onDelete?: (items: ChipItemType[]) => void;
+    onClick?: (item: ChipItemType) => void;
+};
+declare const Chips: ({ className, items, onDelete, onClick }: CustomChipsType) => import("react/jsx-runtime").JSX.Element;
+export default Chips;

package/dist/types/types/docsLayout.type.d.ts

@@ -0,0 +1,7 @@
+export declare enum SectionEnum {
+    OVERVIEW = "overview",
+    RESOURCE = "resource",
+    API_SECTION = "apiSection",
+    TAG_SECTION = "tagSection",
+    ENDPOINTS_SECTION = "endpointsSection"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digi-frontend/dgate-api-documentation",
-  "version": "1.0.97",
+  "version": "1.1.2",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",
   "types": "dist/types/index.d.ts",
@@ -25,6 +25,7 @@
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-syntax-highlighter": "^15.6.1",
+    "react-toastify": "^11.0.5",
     "tslib": "^2.8.1",
     "yup": "^1.6.1"
   },

package/src/components/table/table.tsx

@@ -199,7 +199,17 @@ const ParamterTable = ({
                         value: values?.schema?.type,
                       }}
                       errorMsg={!!errors.schema && errors.schema}
-                      onChange={(item) => setFieldValue('schema.type', item?.value?.toLowerCase())} // Updates state on selection
+                      onChange={(item) => {
+                        setFieldValue('schema.type', item?.value?.toLowerCase())
+                        if (item.value?.toLowerCase() == 'array' && !values.schema.items) {
+                          setFieldValue('schema.items', {})
+                        }
+                        if (item.value?.toLowerCase() != 'array' && values.schema.items) {
+                          const newVal = { ...values.schema }
+                          delete newVal.items
+                          setFieldValue('schema', newVal)
+                        }
+                      }} // Updates state on selection
                       options={[
                         {
                           list: [
@@ -226,6 +236,14 @@ const ParamterTable = ({
                         errorMsg={!!errors?.schema?.items?.type && errors?.schema?.items?.type}
                         onChange={(item) => {
                           setFieldValue('schema.items.type', item?.value?.toLowerCase())
+                          if (item.value?.toLowerCase() == 'array' && !values.schema.items?.items) {
+                            setFieldValue('schema.items.items', {})
+                          }
+                          if (item.value?.toLowerCase() != 'array' && values.schema.items?.items) {
+                            const newVal = { ...values.schema.items }
+                            delete newVal?.items
+                            setFieldValue('schema.items', newVal)
+                          }
                         }} // Updates state on selection
                         options={[
                           {

package/src/helpers/layout.helper.ts

@@ -92,6 +92,12 @@ export const transformPathsToArray = (openApiJson: OpenAPIFile): TransformedPath
               items: resolvedItemSchema,
             }
           }
+          // if the response content is not an array remove the (items) property
+          if (schema?.type !== 'array') {
+            const { items, ...schemaRest } = schema
+
+            schema = schemaRest
+          }
 
           return {
             code,

package/src/layout/docsLayout.tsx

@@ -5,6 +5,7 @@ import { transformOpenApiToDocs } from '../helpers/docs.helper'
 import { ApiSpecModel } from '@entities/index'
 import stableStringify from 'fast-json-stable-stringify'
 import { SectionToggleProvider } from '../../src/context/SectionToggleContext'
+import { ToastContainer } from 'react-toastify'
 
 interface ILayoutProps {
   apis?: ApiSpecModel[]
@@ -113,6 +114,8 @@ const DocsLayout = ({ apis, activeApiId, onProductNavigate }: ILayoutProps): JSX
         )}
         {activeType === 'ENDPOINT' && <Layout.DocsAside data={activeItemData as EndpointData} />}
       </SectionToggleProvider>
+
+      <ToastContainer />
     </Layout>
   )
 }

package/src/utils/index.ts

@@ -1,6 +1,9 @@
+import { toast } from "react-toastify"
+
 export const copyToClipboard = async (text: string) => {
   try {
     await navigator.clipboard.writeText(text)
+    toast.success('Copied to your clipboard!')
   } catch (err) {
     return err
   }

package/variables.txt

@@ -1 +1 @@
-export APP_VERSION=1.0.96
+export APP_VERSION=1.1.1

package/dist/_virtual/arrayLikeToArray.js

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=arrayLikeToArray.js.map

package/dist/_virtual/arrayLikeToArray.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrayLikeToArray.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/arrayWithoutHoles.js

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=arrayWithoutHoles.js.map

package/dist/_virtual/arrayWithoutHoles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arrayWithoutHoles.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/assertThisInitialized.js

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=assertThisInitialized.js.map

package/dist/_virtual/assertThisInitialized.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"assertThisInitialized.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/async-syntax-highlighter.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=async-syntax-highlighter.js.map

package/dist/_virtual/async-syntax-highlighter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"async-syntax-highlighter.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/asyncToGenerator.js

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=asyncToGenerator.js.map

package/dist/_virtual/asyncToGenerator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"asyncToGenerator.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/checkForListedLanguage.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=checkForListedLanguage.js.map

package/dist/_virtual/checkForListedLanguage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"checkForListedLanguage.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/classCallCheck.js

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=classCallCheck.js.map

package/dist/_virtual/classCallCheck.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"classCallCheck.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/common.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=common.js.map

package/dist/_virtual/common.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/create-element.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=create-element.js.map

package/dist/_virtual/create-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-element.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/create-language-async-loader.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=create-language-async-loader.js.map

package/dist/_virtual/create-language-async-loader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"create-language-async-loader.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/createClass.js

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=createClass.js.map

package/dist/_virtual/createClass.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"createClass.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/default-highlight.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=default-highlight.js.map

package/dist/_virtual/default-highlight.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-highlight.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/default-style.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=default-style.js.map

package/dist/_virtual/default-style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"default-style.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/defineProperty.js

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=defineProperty.js.map

package/dist/_virtual/defineProperty.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defineProperty.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/dumper.js

@@ -1,2 +0,0 @@
-var r={};export{r as __exports};
-//# sourceMappingURL=dumper.js.map

package/dist/_virtual/dumper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dumper.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/extends.js

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=extends.js.map

package/dist/_virtual/extends.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extends.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/_virtual/getPrototypeOf.js

@@ -1,2 +0,0 @@
-var e={exports:{}};export{e as __module};
-//# sourceMappingURL=getPrototypeOf.js.map