@digi-frontend/dgate-api-documentation 1.0.50 → 1.0.53

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.
Files changed (64) hide show
  1. package/dist/_virtual/index3.js +1 -1
  2. package/dist/_virtual/index6.js +1 -1
  3. package/dist/node_modules/yup/index.esm.js +1 -1
  4. package/dist/src/components/MethodAccordion/MethodAccordion.js +1 -1
  5. package/dist/src/components/MethodAccordion/MethodAccordion.js.map +1 -1
  6. package/dist/src/components/table/table.js +1 -1
  7. package/dist/src/components/table/table.js.map +1 -1
  8. package/dist/src/constants/index.js +1 -1
  9. package/dist/src/constants/index.js.map +1 -1
  10. package/dist/src/helpers/docs.helper.js +1 -1
  11. package/dist/src/helpers/docs.helper.js.map +1 -1
  12. package/dist/src/helpers/layout.helper.js +1 -1
  13. package/dist/src/helpers/layout.helper.js.map +1 -1
  14. package/dist/src/layout/docsComponents/DocsAside/DocsAside.js +1 -1
  15. package/dist/src/layout/docsComponents/DocsAside/DocsAside.js.map +1 -1
  16. package/dist/src/layout/docsComponents/DocsContent/DocsContent.js +1 -1
  17. package/dist/src/layout/docsComponents/DocsContent/DocsContent.js.map +1 -1
  18. package/dist/src/layout/docsComponents/DocsContent/EndpointPage/index.js +1 -1
  19. package/dist/src/layout/docsComponents/DocsContent/EndpointPage/index.js.map +1 -1
  20. package/dist/src/layout/docsComponents/DocsContent/TagPage/index.js +1 -1
  21. package/dist/src/layout/docsComponents/DocsContent/TagPage/index.js.map +1 -1
  22. package/dist/src/layout/docsComponents/DocsHeader/DocsHeader.js +1 -1
  23. package/dist/src/layout/docsComponents/DocsHeader/DocsHeader.js.map +1 -1
  24. package/dist/src/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.js +1 -1
  25. package/dist/src/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.js.map +1 -1
  26. package/dist/src/layout/docsLayout.js +1 -1
  27. package/dist/src/layout/docsLayout.js.map +1 -1
  28. package/dist/src/layout/layout.js +1 -1
  29. package/dist/src/layout/layout.js.map +1 -1
  30. package/dist/src/layout/layout.module.css.js +1 -1
  31. package/dist/src/validator/form.scheme.js +1 -1
  32. package/dist/src/validator/form.scheme.js.map +1 -1
  33. package/dist/styles.css +262 -214
  34. package/dist/types/helpers/docs.helper.d.ts +2 -2
  35. package/dist/types/layout/docsComponents/DocsContent/DocsContent.d.ts +2 -1
  36. package/dist/types/layout/docsComponents/DocsContent/TagPage/index.d.ts +4 -1
  37. package/dist/types/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.d.ts +12 -6
  38. package/dist/types/layout/docsLayout.d.ts +5 -4
  39. package/dist/types/layout/layout.d.ts +1 -1
  40. package/dist/types/types/index.d.ts +27 -0
  41. package/dist/types/types/layout.type.d.ts +1 -0
  42. package/dist/types/types/openApi.d.ts +1 -0
  43. package/dist/types/validator/form.scheme.d.ts +1 -0
  44. package/package.json +1 -2
  45. package/src/components/MethodAccordion/MethodAccordion.tsx +384 -9
  46. package/src/components/table/style.scss +6 -0
  47. package/src/components/table/table.tsx +33 -35
  48. package/src/constants/index.ts +1 -1
  49. package/src/helpers/docs.helper.ts +17 -4
  50. package/src/helpers/layout.helper.ts +20 -9
  51. package/src/layout/docsComponents/DocsAside/DocsAside.tsx +6 -7
  52. package/src/layout/docsComponents/DocsContent/DocsContent.tsx +24 -3
  53. package/src/layout/docsComponents/DocsContent/EndpointPage/index.tsx +132 -121
  54. package/src/layout/docsComponents/DocsContent/EndpointPage/style.scss +45 -0
  55. package/src/layout/docsComponents/DocsContent/TagPage/index.tsx +49 -17
  56. package/src/layout/docsComponents/DocsHeader/DocsHeader.tsx +34 -1
  57. package/src/layout/docsComponents/DocsSideMenuTree/DocsSideMenuTree.tsx +106 -79
  58. package/src/layout/docsLayout.tsx +42 -17
  59. package/src/layout/layout.module.css +1 -1
  60. package/src/layout/layout.tsx +36 -18
  61. package/src/types/index.ts +28 -0
  62. package/src/types/layout.type.ts +1 -0
  63. package/src/types/openApi.ts +1 -0
  64. package/src/validator/form.scheme.ts +9 -1
package/dist/styles.css CHANGED
@@ -39,29 +39,6 @@
39
39
  grid-row: 2;
40
40
  grid-column: 2;
41
41
  background-color: white;
42
- }.containerTitleDrawer {
43
- height: 64px;
44
- min-height: 64px;
45
- display: flex;
46
- flex-direction: row;
47
- justify-content: space-between;
48
- align-items: center;
49
- background-color: #f1f2f6;
50
- padding: 0 30px 0 30px;
51
- width: 100%;
52
- }
53
- .containerTitleDrawer span {
54
- color: #12131a;
55
- font-weight: 600;
56
- font-size: 18px;
57
- line-height: 25px;
58
- letter-spacing: 0em;
59
- }
60
- .containerTitleDrawer svg path {
61
- stroke: #000 !important;
62
- }
63
- .containerTitleDrawer .closeIcon {
64
- cursor: pointer;
65
42
  }.methodAccordion {
66
43
  border: none !important;
67
44
  box-shadow: none !important;
@@ -390,6 +367,29 @@
390
367
  }
391
368
  .methodAccordion.readOnly .methodSummaryContainer .methodExpandArrowContainer {
392
369
  background-color: #ebecf2;
370
+ }.containerTitleDrawer {
371
+ height: 64px;
372
+ min-height: 64px;
373
+ display: flex;
374
+ flex-direction: row;
375
+ justify-content: space-between;
376
+ align-items: center;
377
+ background-color: #f1f2f6;
378
+ padding: 0 30px 0 30px;
379
+ width: 100%;
380
+ }
381
+ .containerTitleDrawer span {
382
+ color: #12131a;
383
+ font-weight: 600;
384
+ font-size: 18px;
385
+ line-height: 25px;
386
+ letter-spacing: 0em;
387
+ }
388
+ .containerTitleDrawer svg path {
389
+ stroke: #000 !important;
390
+ }
391
+ .containerTitleDrawer .closeIcon {
392
+ cursor: pointer;
393
393
  }.apiInfoForm {
394
394
  display: grid;
395
395
  padding: 1.25rem 1.875rem;
@@ -1104,111 +1104,6 @@
1104
1104
  --alert-natural: #c4d3f1;
1105
1105
  }
1106
1106
 
1107
- .drawerItemContainer {
1108
- display: flex;
1109
- flex-direction: column;
1110
- }
1111
- .drawerItemContainer .title {
1112
- color: #000;
1113
- font-weight: 600;
1114
- font-size: 24px;
1115
- line-height: 35px;
1116
- margin-bottom: 3px;
1117
- margin-top: 1.5rem;
1118
- }
1119
- .drawerItemContainer .text {
1120
- color: #000;
1121
- font-weight: 400;
1122
- font-size: 24px;
1123
- line-height: 25px;
1124
- }
1125
- .drawerItemContainer .color-green {
1126
- color: var(--color-success);
1127
- }
1128
- .drawerItemContainer .color-red {
1129
- color: var(--color-error);
1130
- }:root {
1131
- --white: #fff;
1132
- --Gray-5: #f1f2f6;
1133
- --Gray-10: #ebecf2;
1134
- --Gray-20: #d8dae5;
1135
- --Gray-30: #babdcc;
1136
- --Gray-40: #9a9eb2;
1137
- --Gray-50: #828699;
1138
- --Gray-60: #696c80;
1139
- --Gray-100: #12131a;
1140
- --black: #000;
1141
- --primary-static: #4d75d8;
1142
- --primary-hover: #7c9bea;
1143
- --primary-active: #2c4fa4;
1144
- --primary-disabled: #9a9eb2;
1145
- --secondary-static: #40e0d0;
1146
- --secondary-hover: #9efcf2;
1147
- --secondary-active: #2fa599;
1148
- --error-static: #da3f3f;
1149
- --error-hover: #e75d5d;
1150
- --error-active: #bb3232;
1151
- --success-static: #3aaa35;
1152
- --success-hover: #5cda56;
1153
- --success-active: #2a8a25;
1154
- --info-static: #c6c6c6;
1155
- --info-hover: #e4e4e4;
1156
- --info-active: #979797;
1157
- --warning-static: #faad14;
1158
- --warning-hover: #f9be4a;
1159
- --warning-active: #db9711;
1160
- --action-static: #142452;
1161
- --action-hover: #21387d;
1162
- --action-active: #000000;
1163
- --color-info-primary: #3a6cd1;
1164
- --primary-font-color: #142452;
1165
- --placeholder-font-color: #babdcc;
1166
- --warning-font-color: #ce2828;
1167
- --alert-error: #da3f3f;
1168
- --alert-light-error: #f4c5c5;
1169
- --alert-success: #3aaa35;
1170
- --alert-light-success: #c4e5c2;
1171
- --alert-info: #8eaaf1;
1172
- --alert-light-info: #c4d3f1;
1173
- --alert-warning: #faad14;
1174
- --alert-light-warning: #fde6b8;
1175
- --border-focus: #3a6cd1;
1176
- --tooltip-background-color: #202f5b;
1177
- --text-color-primary: #142452;
1178
- --text-color-secondary: #ffff;
1179
- --text-color-neutral: #828699;
1180
- --text-color-tertiary: #808080;
1181
- --text-color-note: #242424;
1182
- --text-color-quaternary: #142452;
1183
- --text-color-disabled: #ffff;
1184
- --background-color-white-primary: #fff;
1185
- --background-color-light-primary: #8eaaf1;
1186
- --background-color-white-secondary: #fff;
1187
- --background-color-primary-dark: #142452;
1188
- --background-color-gray-5: #f1f2f6;
1189
- --background-color-gray-30: #ebecf2;
1190
- --background-color-tertiary-light: #2c4fa4;
1191
- --background-color-gray-10: #f1f2f6;
1192
- --background-color-gray-40: #ebecf2;
1193
- --background-color-light-blue: #dfe7f8;
1194
- --border-color-primary: #babdcc;
1195
- --border-color-secondary: #d8dae5;
1196
- --border-color-neutral: #ebecf2;
1197
- --border-color-tertiary: #ebecf2;
1198
- --border-color-gray: #ebecf2;
1199
- --border-color-hover: #142452;
1200
- --border-color-active: #3a6cd1;
1201
- --icon-color-main: #142452;
1202
- --icon-color-secondary: #000;
1203
- --icon-color-quaternary: #babdcc;
1204
- --icon-color-disabled: #9a9eb2;
1205
- --link-btn-primary-color: #3a6cd1;
1206
- --button-color-static: #4d75d8;
1207
- --button-color-hover: #7c9bea;
1208
- --button-color-active: #2c4fa4;
1209
- --alert-natural: #c4d3f1;
1210
- }
1211
-
1212
1107
  #EnumButton {
1213
1108
  display: flex;
1214
1109
  justify-content: center;
@@ -1225,6 +1120,12 @@ div.endBtnIcon {
1225
1120
  width: 16.875rem !important;
1226
1121
  }
1227
1122
 
1123
+ .select-inputs {
1124
+ display: flex;
1125
+ flex-direction: row;
1126
+ gap: 0.625rem;
1127
+ }
1128
+
1228
1129
  .addEnumButton {
1229
1130
  color: #4d75d8 !important;
1230
1131
  display: flex;
@@ -1390,6 +1291,111 @@ div.endBtnIcon {
1390
1291
  .tableSectionContainer .descArrow path,
1391
1292
  .tableSectionContainer .defaultSortArrow path {
1392
1293
  fill: var(--Gray-50);
1294
+ }:root {
1295
+ --white: #fff;
1296
+ --Gray-5: #f1f2f6;
1297
+ --Gray-10: #ebecf2;
1298
+ --Gray-20: #d8dae5;
1299
+ --Gray-30: #babdcc;
1300
+ --Gray-40: #9a9eb2;
1301
+ --Gray-50: #828699;
1302
+ --Gray-60: #696c80;
1303
+ --Gray-100: #12131a;
1304
+ --black: #000;
1305
+ --primary-static: #4d75d8;
1306
+ --primary-hover: #7c9bea;
1307
+ --primary-active: #2c4fa4;
1308
+ --primary-disabled: #9a9eb2;
1309
+ --secondary-static: #40e0d0;
1310
+ --secondary-hover: #9efcf2;
1311
+ --secondary-active: #2fa599;
1312
+ --error-static: #da3f3f;
1313
+ --error-hover: #e75d5d;
1314
+ --error-active: #bb3232;
1315
+ --success-static: #3aaa35;
1316
+ --success-hover: #5cda56;
1317
+ --success-active: #2a8a25;
1318
+ --info-static: #c6c6c6;
1319
+ --info-hover: #e4e4e4;
1320
+ --info-active: #979797;
1321
+ --warning-static: #faad14;
1322
+ --warning-hover: #f9be4a;
1323
+ --warning-active: #db9711;
1324
+ --action-static: #142452;
1325
+ --action-hover: #21387d;
1326
+ --action-active: #000000;
1327
+ --color-info-primary: #3a6cd1;
1328
+ --primary-font-color: #142452;
1329
+ --placeholder-font-color: #babdcc;
1330
+ --warning-font-color: #ce2828;
1331
+ --alert-error: #da3f3f;
1332
+ --alert-light-error: #f4c5c5;
1333
+ --alert-success: #3aaa35;
1334
+ --alert-light-success: #c4e5c2;
1335
+ --alert-info: #8eaaf1;
1336
+ --alert-light-info: #c4d3f1;
1337
+ --alert-warning: #faad14;
1338
+ --alert-light-warning: #fde6b8;
1339
+ --border-focus: #3a6cd1;
1340
+ --tooltip-background-color: #202f5b;
1341
+ --text-color-primary: #142452;
1342
+ --text-color-secondary: #ffff;
1343
+ --text-color-neutral: #828699;
1344
+ --text-color-tertiary: #808080;
1345
+ --text-color-note: #242424;
1346
+ --text-color-quaternary: #142452;
1347
+ --text-color-disabled: #ffff;
1348
+ --background-color-white-primary: #fff;
1349
+ --background-color-light-primary: #8eaaf1;
1350
+ --background-color-white-secondary: #fff;
1351
+ --background-color-primary-dark: #142452;
1352
+ --background-color-gray-5: #f1f2f6;
1353
+ --background-color-gray-30: #ebecf2;
1354
+ --background-color-tertiary-light: #2c4fa4;
1355
+ --background-color-gray-10: #f1f2f6;
1356
+ --background-color-gray-40: #ebecf2;
1357
+ --background-color-light-blue: #dfe7f8;
1358
+ --border-color-primary: #babdcc;
1359
+ --border-color-secondary: #d8dae5;
1360
+ --border-color-neutral: #ebecf2;
1361
+ --border-color-tertiary: #ebecf2;
1362
+ --border-color-gray: #ebecf2;
1363
+ --border-color-hover: #142452;
1364
+ --border-color-active: #3a6cd1;
1365
+ --icon-color-main: #142452;
1366
+ --icon-color-secondary: #000;
1367
+ --icon-color-quaternary: #babdcc;
1368
+ --icon-color-disabled: #9a9eb2;
1369
+ --link-btn-primary-color: #3a6cd1;
1370
+ --button-color-static: #4d75d8;
1371
+ --button-color-hover: #7c9bea;
1372
+ --button-color-active: #2c4fa4;
1373
+ --alert-natural: #c4d3f1;
1374
+ }
1375
+
1376
+ .drawerItemContainer {
1377
+ display: flex;
1378
+ flex-direction: column;
1379
+ }
1380
+ .drawerItemContainer .title {
1381
+ color: #000;
1382
+ font-weight: 600;
1383
+ font-size: 24px;
1384
+ line-height: 35px;
1385
+ margin-bottom: 3px;
1386
+ margin-top: 1.5rem;
1387
+ }
1388
+ .drawerItemContainer .text {
1389
+ color: #000;
1390
+ font-weight: 400;
1391
+ font-size: 24px;
1392
+ line-height: 25px;
1393
+ }
1394
+ .drawerItemContainer .color-green {
1395
+ color: var(--color-success);
1396
+ }
1397
+ .drawerItemContainer .color-red {
1398
+ color: var(--color-error);
1393
1399
  }.api_docs_header {
1394
1400
  height: 2.625rem;
1395
1401
  background-color: #f0f1f2;
@@ -1629,92 +1635,6 @@ div.endBtnIcon {
1629
1635
  opacity: 1 !important;
1630
1636
  backdrop-filter: blur(0.5rem);
1631
1637
  background-color: rgba(0, 0, 0, 0.281) !important;
1632
- }.apiDocsAside {
1633
- width: 22.5rem;
1634
- padding: 3rem 1.5rem;
1635
- background-color: #f0f1f2;
1636
- }
1637
- .apiDocsAside_title {
1638
- font-size: 1.5rem;
1639
- line-height: 2rem;
1640
- font-weight: 600;
1641
- color: #12131a;
1642
- margin-bottom: 0.5rem;
1643
- }
1644
- .apiDocsAside_subtitle {
1645
- margin-bottom: 2rem;
1646
- }
1647
- .apiDocsAside_subtitle > span {
1648
- font-size: 1.25rem;
1649
- line-height: 1.75rem;
1650
- font-weight: 400;
1651
- }
1652
- .apiDocsAside_subtitle_method[data-method=get] {
1653
- color: #3a6cd1;
1654
- }
1655
- .apiDocsAside_subtitle_method[data-method=post] {
1656
- color: #3aaa35;
1657
- }
1658
- .apiDocsAside_subtitle_method[data-method=put] {
1659
- color: #faad14;
1660
- }
1661
- .apiDocsAside_subtitle_method[data-method=delete] {
1662
- color: #da3f3f;
1663
- }
1664
- .apiDocsAside_subtitle_method[data-method=option] {
1665
- color: #495d97;
1666
- }
1667
- .apiDocsAside_subtitle_method[data-method=head] {
1668
- color: #9461c9;
1669
- }
1670
- .apiDocsAside_subtitle_method[data-method=patch] {
1671
- color: #58e2c2;
1672
- }
1673
- .apiDocsAside .codeboxSection .codeboxHeader {
1674
- height: 2rem;
1675
- display: flex;
1676
- justify-content: space-between;
1677
- margin-bottom: 0.25rem;
1678
- }
1679
- .apiDocsAside .codeboxSection .codeboxHeader h6 {
1680
- font-size: 1rem;
1681
- line-height: 1.25rem;
1682
- font-weight: 500;
1683
- color: #616874;
1684
- }
1685
- .apiDocsAside .codeboxSection:nth-of-type(2) {
1686
- margin-top: 3rem;
1687
- }
1688
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) {
1689
- padding: 0;
1690
- }
1691
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) :global(.select-label-container) {
1692
- min-width: 100%;
1693
- padding: 0;
1694
- }
1695
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.optionsList .option) {
1696
- height: 1.5rem;
1697
- padding: 0;
1698
- }
1699
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer {
1700
- display: flex;
1701
- align-items: center;
1702
- gap: 0.625rem;
1703
- padding-left: 0.75rem;
1704
- }
1705
- .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer .statusCodeOptionCircle {
1706
- width: 0.625rem;
1707
- min-width: 0.625rem;
1708
- aspect-ratio: 1/1;
1709
- border-radius: 100%;
1710
- }
1711
- .apiDocsAside :global(.multiSelectGroup .selectDisplay),
1712
- .apiDocsAside :global(.multiSelectGroup) {
1713
- width: 6.25rem;
1714
- height: 1.5rem;
1715
- }
1716
- .apiDocsAside :global(.multiSelectGroup .selectDisplay .displayValueContainer .iconsContainer) {
1717
- padding-right: 0.75rem;
1718
1638
  }.api-docs-api-tree {
1719
1639
  width: 100%;
1720
1640
  max-width: 12.5rem;
@@ -1905,6 +1825,92 @@ div.endBtnIcon {
1905
1825
  .codebox :global(.custom-code-line),
1906
1826
  .codebox :global(.custom-code-line span) {
1907
1827
  font-family: "Cascadia Code", sans-serif;
1828
+ }.apiDocsAside {
1829
+ width: 22.5rem;
1830
+ padding: 3rem 1.5rem;
1831
+ background-color: #f0f1f2;
1832
+ }
1833
+ .apiDocsAside_title {
1834
+ font-size: 1.5rem;
1835
+ line-height: 2rem;
1836
+ font-weight: 600;
1837
+ color: #12131a;
1838
+ margin-bottom: 0.5rem;
1839
+ }
1840
+ .apiDocsAside_subtitle {
1841
+ margin-bottom: 2rem;
1842
+ }
1843
+ .apiDocsAside_subtitle > span {
1844
+ font-size: 1.25rem;
1845
+ line-height: 1.75rem;
1846
+ font-weight: 400;
1847
+ }
1848
+ .apiDocsAside_subtitle_method[data-method=get] {
1849
+ color: #3a6cd1;
1850
+ }
1851
+ .apiDocsAside_subtitle_method[data-method=post] {
1852
+ color: #3aaa35;
1853
+ }
1854
+ .apiDocsAside_subtitle_method[data-method=put] {
1855
+ color: #faad14;
1856
+ }
1857
+ .apiDocsAside_subtitle_method[data-method=delete] {
1858
+ color: #da3f3f;
1859
+ }
1860
+ .apiDocsAside_subtitle_method[data-method=option] {
1861
+ color: #495d97;
1862
+ }
1863
+ .apiDocsAside_subtitle_method[data-method=head] {
1864
+ color: #9461c9;
1865
+ }
1866
+ .apiDocsAside_subtitle_method[data-method=patch] {
1867
+ color: #58e2c2;
1868
+ }
1869
+ .apiDocsAside .codeboxSection .codeboxHeader {
1870
+ height: 2rem;
1871
+ display: flex;
1872
+ justify-content: space-between;
1873
+ margin-bottom: 0.25rem;
1874
+ }
1875
+ .apiDocsAside .codeboxSection .codeboxHeader h6 {
1876
+ font-size: 1rem;
1877
+ line-height: 1.25rem;
1878
+ font-weight: 500;
1879
+ color: #616874;
1880
+ }
1881
+ .apiDocsAside .codeboxSection:nth-of-type(2) {
1882
+ margin-top: 3rem;
1883
+ }
1884
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) {
1885
+ padding: 0;
1886
+ }
1887
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.selectDisplay) :global(.select-label-container) {
1888
+ min-width: 100%;
1889
+ padding: 0;
1890
+ }
1891
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) :global(.optionsList .option) {
1892
+ height: 1.5rem;
1893
+ padding: 0;
1894
+ }
1895
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer {
1896
+ display: flex;
1897
+ align-items: center;
1898
+ gap: 0.625rem;
1899
+ padding-left: 0.75rem;
1900
+ }
1901
+ .apiDocsAside .codeboxSection :global(.multiSelectGroup) .statusCodeOptionContainer .statusCodeOptionCircle {
1902
+ width: 0.625rem;
1903
+ min-width: 0.625rem;
1904
+ aspect-ratio: 1/1;
1905
+ border-radius: 100%;
1906
+ }
1907
+ .apiDocsAside :global(.multiSelectGroup .selectDisplay),
1908
+ .apiDocsAside :global(.multiSelectGroup) {
1909
+ width: 6.25rem;
1910
+ height: 1.5rem;
1911
+ }
1912
+ .apiDocsAside :global(.multiSelectGroup .selectDisplay .displayValueContainer .iconsContainer) {
1913
+ padding-right: 0.75rem;
1908
1914
  }.api-details-page {
1909
1915
  padding: 2rem;
1910
1916
  }
@@ -2211,6 +2217,7 @@ main .api-details-expanded h3 {
2211
2217
  font-weight: 400;
2212
2218
  letter-spacing: 0px;
2213
2219
  line-height: 1.5rem;
2220
+ margin-top: 1.5rem;
2214
2221
  margin-bottom: 0.5rem;
2215
2222
  }
2216
2223
  main .api-details-expanded .url-box {
@@ -2233,6 +2240,30 @@ main .api-details-expanded .method-label {
2233
2240
  color: #3aaa35;
2234
2241
  text-decoration: underline;
2235
2242
  }
2243
+ main .api-details-expanded .method-label.get {
2244
+ color: #3a6cd1;
2245
+ }
2246
+ main .api-details-expanded .method-label.post {
2247
+ color: #3aaa35;
2248
+ }
2249
+ main .api-details-expanded .method-label.put {
2250
+ color: #faad14;
2251
+ }
2252
+ main .api-details-expanded .method-label.patch {
2253
+ color: #58e2c2;
2254
+ }
2255
+ main .api-details-expanded .method-label.delete {
2256
+ color: #da3f3f;
2257
+ }
2258
+ main .api-details-expanded .method-label.head {
2259
+ color: #9461c9;
2260
+ }
2261
+ main .api-details-expanded .method-label.trace {
2262
+ color: #ffa28f;
2263
+ }
2264
+ main .api-details-expanded .method-label.options {
2265
+ color: #495d97;
2266
+ }
2236
2267
  main .api-details-expanded .url-box {
2237
2268
  background-color: #f3f4f6;
2238
2269
  padding: 0.375rem 0.75rem;
@@ -2268,12 +2299,28 @@ main .api-details-expanded .tab {
2268
2299
  cursor: pointer;
2269
2300
  font-size: 0.875rem;
2270
2301
  color: #000000;
2302
+ display: flex;
2303
+ align-items: center;
2304
+ gap: 0.375rem;
2271
2305
  }
2272
2306
  main .api-details-expanded .tab {
2307
+ background: white;
2308
+ border: 1px solid #d1d3d8;
2309
+ padding: 0.375rem 0.75rem;
2310
+ border-radius: 6px;
2311
+ cursor: pointer;
2312
+ font-size: 0.875rem;
2313
+ color: #000000;
2273
2314
  display: flex;
2274
2315
  align-items: center;
2275
2316
  gap: 0.375rem;
2276
2317
  }
2318
+ main .api-details-expanded .tab.active {
2319
+ background-color: #e5edff;
2320
+ border-color: #4d75d9;
2321
+ color: #000000;
2322
+ font-weight: 400;
2323
+ }
2277
2324
  main .api-details-expanded .icon-left {
2278
2325
  width: 0.875rem;
2279
2326
  height: 0.875rem;
@@ -2284,6 +2331,7 @@ main .api-details-expanded .table-wrapper {
2284
2331
  border-radius: 0.8rem;
2285
2332
  background: white;
2286
2333
  border: 1px #bbbec5 solid;
2334
+ margin-bottom: 2rem;
2287
2335
  }
2288
2336
  main .api-details-expanded .param-table {
2289
2337
  width: 100%;
@@ -1,3 +1,3 @@
1
- import { OpenAPIFile } from '@entities/openApi';
1
+ import { ApiSpecModel } from '@entities/index';
2
2
  import { OverviewData } from 'src/layout/docsLayout';
3
- export declare const transformOpenApiToDocs: (openApiJson: OpenAPIFile) => OverviewData;
3
+ export declare const transformOpenApiToDocs: (api: ApiSpecModel) => OverviewData;
@@ -1,6 +1,7 @@
1
1
  import './style.scss';
2
2
  import { EndpointData, OverviewData } from 'src/layout/docsLayout';
3
- declare const DocsContent: ({ data }: {
3
+ declare const DocsContent: ({ data, activeType, setActiveItemData, setActiveType, setExpandedSections, }: {
4
4
  data: OverviewData | EndpointData;
5
+ activeType: "OVERVIEW" | "ENDPOINT";
5
6
  }) => import("react/jsx-runtime").JSX.Element;
6
7
  export default DocsContent;
@@ -1,4 +1,7 @@
1
1
  import './style.scss';
2
- export declare const TagPage: ({ data }: {
2
+ export declare const TagPage: ({ data, setActiveItemData, setActiveType, setExpandedSections }: {
3
3
  data: any;
4
+ setActiveItemData: any;
5
+ setActiveType: any;
6
+ setExpandedSections: any;
4
7
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +1,15 @@
1
1
  import './style.scss';
2
- declare const DocsSideMenuTree: ({ apis, setActiveItemData, isFirstApiExpanded, setIsFirstApiExpanded, setActiveType, }: {
3
- apis: any;
4
- setActiveItemData: any;
5
- isFirstApiExpanded: any;
6
- setIsFirstApiExpanded: any;
7
- setActiveType: any;
2
+ import React from 'react';
3
+ import { EndpointData, OverviewData } from 'src/layout/docsLayout';
4
+ declare const DocsSideMenuTree: ({ apis, setActiveItemData, activeItemData, activeType, expandedSections, setExpandedSections, isFirstApiExpanded, setIsFirstApiExpanded, setActiveType, }: {
5
+ apis: OverviewData[];
6
+ setActiveItemData: React.Dispatch<React.SetStateAction<OverviewData | EndpointData>>;
7
+ activeItemData: OverviewData | EndpointData;
8
+ expandedSections: Record<string, boolean>;
9
+ setExpandedSections: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;
10
+ isFirstApiExpanded: boolean;
11
+ setIsFirstApiExpanded: React.Dispatch<React.SetStateAction<boolean>>;
12
+ setActiveType: React.Dispatch<React.SetStateAction<"OVERVIEW" | "ENDPOINT">>;
13
+ activeType: "OVERVIEW" | "ENDPOINT";
8
14
  }) => import("react/jsx-runtime").JSX.Element;
9
15
  export default DocsSideMenuTree;
@@ -1,7 +1,8 @@
1
1
  import { JSX } from 'react';
2
2
  import { HTTPMethod, OpenAPIFile, Parameter, RequestBody, Responses } from '@entities/openApi';
3
+ import { ApiSpecModel } from '@entities/index';
3
4
  interface ILayoutProps {
4
- openApiJson?: OpenAPIFile[];
5
+ apis?: ApiSpecModel[];
5
6
  }
6
7
  export interface TagData {
7
8
  id: string;
@@ -22,12 +23,12 @@ export interface EndpointData extends TagData {
22
23
  version: string;
23
24
  };
24
25
  }
25
- export interface OverviewData {
26
- id: string;
26
+ export interface OverviewData extends Omit<ApiSpecModel, 'metaData'> {
27
27
  description: string;
28
28
  title: string;
29
29
  version: string;
30
30
  tags: Record<string, TagData[]>;
31
+ servers: OpenAPIFile['servers'];
31
32
  }
32
- declare const DocsLayout: ({ openApiJson }: ILayoutProps) => JSX.Element;
33
+ declare const DocsLayout: ({ apis }: ILayoutProps) => JSX.Element;
33
34
  export default DocsLayout;
@@ -6,5 +6,5 @@ interface ILayoutProps {
6
6
  setIsFormDirty?: any;
7
7
  openApiErrors?: any;
8
8
  }
9
- declare const Layout: ({ openApiJson, handleSave, setIsFormDirty, openApiErrors }: ILayoutProps) => JSX.Element;
9
+ declare const Layout: ({ openApiJson, handleSave, setIsFormDirty, openApiErrors, }: ILayoutProps) => JSX.Element;
10
10
  export default Layout;
@@ -0,0 +1,27 @@
1
+ import { OpenAPIFile } from './openApi';
2
+ export interface ApiSpecModel {
3
+ apiSpecId: string;
4
+ contextPath: string;
5
+ apiVersions: {
6
+ addVersionToContextPath: boolean;
7
+ apiSpecId: string;
8
+ name: string;
9
+ metaData: {
10
+ version: string;
11
+ };
12
+ }[];
13
+ associatedProduct: {
14
+ availableOnDevPortal: boolean;
15
+ name: string;
16
+ premium: boolean;
17
+ productId: number;
18
+ };
19
+ metaData: {
20
+ version: string;
21
+ apiVersionOf: string;
22
+ openApiJson: OpenAPIFile;
23
+ tags: string[];
24
+ createdDateTime: string;
25
+ lastUpdatedDateTime: string;
26
+ };
27
+ }
@@ -19,6 +19,7 @@ export type TransformedMethod = {
19
19
  contentType?: string;
20
20
  schema?: unknown;
21
21
  };
22
+ headers: any;
22
23
  }[];
23
24
  };
24
25
  export type TransformedPath = {
@@ -66,6 +66,7 @@ export interface RequestBody {
66
66
  export interface Responses {
67
67
  [statusCode: string]: {
68
68
  description: string;
69
+ headers?: any;
69
70
  content?: {
70
71
  [contentType: string]: {
71
72
  schema: Schema;
@@ -17,6 +17,7 @@ export declare const schemaValidation: yup.ObjectSchema<{
17
17
  type?: string;
18
18
  description?: string;
19
19
  tags?: string[];
20
+ requestBody?: {};
20
21
  }[];
21
22
  }[];
22
23
  components: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digi-frontend/dgate-api-documentation",
3
- "version": "1.0.50",
3
+ "version": "1.0.53",
4
4
  "main": "dist/src/index.js",
5
5
  "module": "dist/src/index.js",
6
6
  "types": "dist/types/index.d.ts",
@@ -29,7 +29,6 @@
29
29
  },
30
30
  "devDependencies": {
31
31
  "@rollup/plugin-commonjs": "^28.0.2",
32
- "@rollup/plugin-json": "^6.1.0",
33
32
  "@rollup/plugin-node-resolve": "^16.0.0",
34
33
  "@rollup/plugin-typescript": "^12.1.2",
35
34
  "@rollup/plugin-url": "^8.0.2",