@digi-frontend/dgate-api-documentation 1.0.4 → 1.0.6

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 (44) hide show
  1. package/dist/_virtual/index3.js +1 -1
  2. package/dist/_virtual/index4.js +1 -1
  3. package/dist/_virtual/index5.js +1 -1
  4. package/dist/node_modules/digitinary-ui/dist/index.js +1 -1
  5. package/dist/node_modules/digitinary-ui/dist/index.js.map +1 -1
  6. package/dist/node_modules/js-yaml/dist/js-yaml.mjs.js +3 -0
  7. package/dist/node_modules/js-yaml/dist/js-yaml.mjs.js.map +1 -0
  8. package/dist/node_modules/toposort/index.js +1 -1
  9. package/dist/node_modules/yup/index.esm.js +1 -1
  10. package/dist/src/components/InfoForm/InfoForm.js +1 -1
  11. package/dist/src/components/InfoForm/InfoForm.js.map +1 -1
  12. package/dist/src/components/JsonInput/JsonInput.js +2 -0
  13. package/dist/src/components/JsonInput/JsonInput.js.map +1 -0
  14. package/dist/src/components/JsonInput/style.module.scss.js +2 -0
  15. package/dist/src/components/JsonInput/style.module.scss.js.map +1 -0
  16. package/dist/src/components/MethodAccordion/MethodAccordion.js +1 -1
  17. package/dist/src/components/MethodAccordion/MethodAccordion.js.map +1 -1
  18. package/dist/src/constants/index.js +1 -1
  19. package/dist/src/constants/index.js.map +1 -1
  20. package/dist/src/helpers/layout.helper.js +1 -1
  21. package/dist/src/helpers/layout.helper.js.map +1 -1
  22. package/dist/src/layout/layout.js +1 -1
  23. package/dist/src/layout/layout.js.map +1 -1
  24. package/dist/src/layout/layout.module.css.js +1 -1
  25. package/dist/styles.css +323 -220
  26. package/dist/types/components/JsonInput/JsonInput.d.ts +13 -0
  27. package/dist/types/components/MethodAccordion/MethodAccordion.d.ts +1 -2
  28. package/dist/types/constants/index.d.ts +12 -4
  29. package/dist/types/types/layout.type.d.ts +9 -1
  30. package/dist/types/types/openApi.d.ts +1 -1
  31. package/package.json +2 -1
  32. package/src/components/InfoForm/InfoForm.module.scss +0 -5
  33. package/src/components/InfoForm/InfoForm.tsx +3 -17
  34. package/src/components/JsonInput/JsonInput.tsx +130 -0
  35. package/src/components/JsonInput/style.module.scss +123 -0
  36. package/src/components/MethodAccordion/MethodAccordion.module.scss +10 -5
  37. package/src/components/MethodAccordion/MethodAccordion.tsx +49 -50
  38. package/src/constants/index.ts +16 -8
  39. package/src/helpers/layout.helper.ts +60 -33
  40. package/src/layout/layout.module.css +18 -0
  41. package/src/layout/layout.tsx +40 -16
  42. package/src/types/layout.type.ts +9 -1
  43. package/src/types/openApi.ts +1 -1
  44. package/dist/types/types/index.d.ts +0 -18
package/dist/styles.css CHANGED
@@ -1,104 +1,4 @@
1
- #common-dialog.dialog-content-wrapper {
2
- overflow: visible !important;
3
- max-height: 100%;
4
- width: 22.1875rem;
5
- }
6
- #common-dialog.dialog-content-wrapper .dialog-content-root {
7
- overflow: visible !important;
8
- border-radius: 0.625rem;
9
- max-height: 100%;
10
- }
11
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
12
- padding: 0 1.875rem !important;
13
- overflow: visible !important;
14
- max-height: 100%;
15
- }
16
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
17
- position: relative;
18
- }
19
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
20
- position: absolute;
21
- z-index: 1;
22
- top: 1.5rem;
23
- right: 0;
24
- transform: translate(0.625rem, -0.625rem);
25
- cursor: pointer;
26
- }
27
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
28
- display: flex;
29
- padding-top: 0.5rem;
30
- position: relative;
31
- }
32
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
33
- margin-top: 1rem;
34
- margin-bottom: 1.5rem;
35
- margin-inline: auto;
36
- }
37
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
38
- stroke: #12131a;
39
- }
40
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
41
- stroke: #12131a;
42
- }
43
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
44
- fill: #12131a;
45
- }
46
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
47
- stroke: #faad14;
48
- }
49
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
50
- stroke: #faad14;
51
- }
52
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
53
- stroke: #da3f3f;
54
- }
55
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
56
- stroke: #da3f3f;
57
- }
58
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
59
- fill: #da3f3f;
60
- }
61
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
62
- font-size: 1.5rem;
63
- font-weight: 500;
64
- line-height: 1.875rem;
65
- text-align: center;
66
- margin-bottom: 0.625rem;
67
- }
68
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
69
- color: #da3f3f;
70
- }
71
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
72
- color: #faad14;
73
- }
74
- #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
75
- display: flex;
76
- gap: 1.25rem;
77
- margin-top: 1.875rem;
78
- }.containerTitleDrawer {
79
- height: 64px;
80
- min-height: 64px;
81
- display: flex;
82
- flex-direction: row;
83
- justify-content: space-between;
84
- align-items: center;
85
- background-color: #f1f2f6;
86
- padding: 0 30px 0 30px;
87
- width: 100%;
88
- }
89
- .containerTitleDrawer span {
90
- color: #12131a;
91
- font-weight: 600;
92
- font-size: 18px;
93
- line-height: 25px;
94
- letter-spacing: 0em;
95
- }
96
- .containerTitleDrawer svg path {
97
- stroke: #000 !important;
98
- }
99
- .containerTitleDrawer .closeIcon {
100
- cursor: pointer;
101
- }.methodAccordion {
1
+ .methodAccordion {
102
2
  border: none !important;
103
3
  box-shadow: none !important;
104
4
  margin-bottom: 0 !important;
@@ -247,6 +147,12 @@
247
147
  padding: 1.25rem !important;
248
148
  padding: 0 !important;
249
149
  }
150
+ .methodAccordion .methodAccordionContent .requestAccordion :global(.details.show) :global(.jsonField) div textarea,
151
+ .methodAccordion .methodAccordionContent .responseAccordion :global(.details.show) :global(.jsonField) div textarea {
152
+ border-top-right-radius: 0;
153
+ border-top-left-radius: 0;
154
+ height: 10rem;
155
+ }
250
156
  .methodAccordion .methodAccordionContent .requestAccordion :global(.details.show .textArea .containerTextArea),
251
157
  .methodAccordion .methodAccordionContent .responseAccordion :global(.details.show .textArea .containerTextArea) {
252
158
  display: flex;
@@ -332,10 +238,22 @@
332
238
  width: 0.625rem;
333
239
  aspect-ratio: 1/1;
334
240
  border-radius: 100%;
241
+ }.apiInfoForm {
242
+ display: grid;
243
+ padding: 1.25rem 1.875rem;
244
+ gap: 1.25rem;
245
+ }
246
+ .apiInfoForm .apiDocRow {
247
+ display: grid;
248
+ grid-template-columns: 1fr 1fr;
249
+ gap: 1.25rem;
335
250
  }
336
- .methodAccordion .methodAccordionContent .methodForm_submitBtn {
337
- height: 1.25rem !important;
338
- width: 4.25rem;
251
+ .apiInfoForm .apiInfoForm_tagsChips {
252
+ margin-top: -1.25rem;
253
+ }p.apiName {
254
+ font-size: 40px;
255
+ line-height: 30px;
256
+ font-weight: 500;
339
257
  }.tooltip-custom-wrapper {
340
258
  display: flex;
341
259
  }
@@ -426,22 +344,6 @@
426
344
  z-index: 20000000000;
427
345
  top: -0.6rem;
428
346
  transform-origin: center !important;
429
- }.apiInfoForm {
430
- display: grid;
431
- padding: 1.25rem 1.875rem;
432
- gap: 1.25rem;
433
- }
434
- .apiInfoForm .apiDocRow {
435
- display: grid;
436
- grid-template-columns: 1fr 1fr;
437
- gap: 1.25rem;
438
- }
439
- .apiInfoForm .apiInfoForm_tagsChips {
440
- margin-top: -1.25rem;
441
- }
442
- .apiInfoForm .apiInfoForm_submitBtn {
443
- height: 1.25rem !important;
444
- width: 4.25rem;
445
347
  }:root {
446
348
  --white: #fff;
447
349
  --Gray-5: #f1f2f6;
@@ -671,111 +573,211 @@
671
573
  .tableSectionContainer .descArrow path,
672
574
  .tableSectionContainer .defaultSortArrow path {
673
575
  fill: var(--Gray-50);
674
- }:root {
675
- --white: #fff;
676
- --Gray-5: #f1f2f6;
677
- --Gray-10: #ebecf2;
678
- --Gray-20: #d8dae5;
679
- --Gray-30: #babdcc;
680
- --Gray-40: #9a9eb2;
681
- --Gray-50: #828699;
682
- --Gray-60: #696c80;
683
- --Gray-100: #12131a;
684
- --black: #000;
685
- --primary-static: #4d75d8;
686
- --primary-hover: #7c9bea;
687
- --primary-active: #2c4fa4;
688
- --primary-disabled: #9a9eb2;
689
- --secondary-static: #40e0d0;
690
- --secondary-hover: #9efcf2;
691
- --secondary-active: #2fa599;
692
- --error-static: #da3f3f;
693
- --error-hover: #e75d5d;
694
- --error-active: #bb3232;
695
- --success-static: #3aaa35;
696
- --success-hover: #5cda56;
697
- --success-active: #2a8a25;
698
- --info-static: #c6c6c6;
699
- --info-hover: #e4e4e4;
700
- --info-active: #979797;
701
- --warning-static: #faad14;
702
- --warning-hover: #f9be4a;
703
- --warning-active: #db9711;
704
- --action-static: #142452;
705
- --action-hover: #21387d;
706
- --action-active: #000000;
707
- --color-info-primary: #3a6cd1;
708
- --primary-font-color: #142452;
709
- --placeholder-font-color: #babdcc;
710
- --warning-font-color: #ce2828;
711
- --alert-error: #da3f3f;
712
- --alert-light-error: #f4c5c5;
713
- --alert-success: #3aaa35;
714
- --alert-light-success: #c4e5c2;
715
- --alert-info: #8eaaf1;
716
- --alert-light-info: #c4d3f1;
717
- --alert-warning: #faad14;
718
- --alert-light-warning: #fde6b8;
719
- --border-focus: #3a6cd1;
720
- --tooltip-background-color: #202f5b;
721
- --text-color-primary: #142452;
722
- --text-color-secondary: #ffff;
723
- --text-color-neutral: #828699;
724
- --text-color-tertiary: #808080;
725
- --text-color-note: #242424;
726
- --text-color-quaternary: #142452;
727
- --text-color-disabled: #ffff;
728
- --background-color-white-primary: #fff;
729
- --background-color-light-primary: #8eaaf1;
730
- --background-color-white-secondary: #fff;
731
- --background-color-primary-dark: #142452;
732
- --background-color-gray-5: #f1f2f6;
733
- --background-color-gray-30: #ebecf2;
734
- --background-color-tertiary-light: #2c4fa4;
735
- --background-color-gray-10: #f1f2f6;
736
- --background-color-gray-40: #ebecf2;
737
- --background-color-light-blue: #dfe7f8;
738
- --border-color-primary: #babdcc;
739
- --border-color-secondary: #d8dae5;
740
- --border-color-neutral: #ebecf2;
741
- --border-color-tertiary: #ebecf2;
742
- --border-color-gray: #ebecf2;
743
- --border-color-hover: #142452;
744
- --border-color-active: #3a6cd1;
745
- --icon-color-main: #142452;
746
- --icon-color-secondary: #000;
747
- --icon-color-quaternary: #babdcc;
748
- --icon-color-disabled: #9a9eb2;
749
- --link-btn-primary-color: #3a6cd1;
750
- --button-color-static: #4d75d8;
751
- --button-color-hover: #7c9bea;
752
- --button-color-active: #2c4fa4;
753
- --alert-natural: #c4d3f1;
576
+ }.containerTitleDrawer {
577
+ height: 64px;
578
+ min-height: 64px;
579
+ display: flex;
580
+ flex-direction: row;
581
+ justify-content: space-between;
582
+ align-items: center;
583
+ background-color: #f1f2f6;
584
+ padding: 0 30px 0 30px;
585
+ width: 100%;
754
586
  }
755
-
756
- .drawerItemContainer {
587
+ .containerTitleDrawer span {
588
+ color: #12131a;
589
+ font-weight: 600;
590
+ font-size: 18px;
591
+ line-height: 25px;
592
+ letter-spacing: 0em;
593
+ }
594
+ .containerTitleDrawer svg path {
595
+ stroke: #000 !important;
596
+ }
597
+ .containerTitleDrawer .closeIcon {
598
+ cursor: pointer;
599
+ }#common-dialog.dialog-content-wrapper {
600
+ overflow: visible !important;
601
+ max-height: 100%;
602
+ width: 22.1875rem;
603
+ }
604
+ #common-dialog.dialog-content-wrapper .dialog-content-root {
605
+ overflow: visible !important;
606
+ border-radius: 0.625rem;
607
+ max-height: 100%;
608
+ }
609
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content {
610
+ padding: 0 1.875rem !important;
611
+ overflow: visible !important;
612
+ max-height: 100%;
613
+ }
614
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog {
615
+ position: relative;
616
+ }
617
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .close-icon {
618
+ position: absolute;
619
+ z-index: 1;
620
+ top: 1.5rem;
621
+ right: 0;
622
+ transform: translate(0.625rem, -0.625rem);
623
+ cursor: pointer;
624
+ }
625
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header {
626
+ display: flex;
627
+ padding-top: 0.5rem;
628
+ position: relative;
629
+ }
630
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon {
631
+ margin-top: 1rem;
632
+ margin-bottom: 1.5rem;
633
+ margin-inline: auto;
634
+ }
635
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info path {
636
+ stroke: #12131a;
637
+ }
638
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line {
639
+ stroke: #12131a;
640
+ }
641
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.info line + path {
642
+ fill: #12131a;
643
+ }
644
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning path {
645
+ stroke: #faad14;
646
+ }
647
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.warning line {
648
+ stroke: #faad14;
649
+ }
650
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error path {
651
+ stroke: #da3f3f;
652
+ }
653
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line {
654
+ stroke: #da3f3f;
655
+ }
656
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-header .icon.error line + path {
657
+ fill: #da3f3f;
658
+ }
659
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title {
660
+ font-size: 1.5rem;
661
+ font-weight: 500;
662
+ line-height: 1.875rem;
663
+ text-align: center;
664
+ margin-bottom: 0.625rem;
665
+ }
666
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.error-title {
667
+ color: #da3f3f;
668
+ }
669
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-title.warning-title {
670
+ color: #faad14;
671
+ }
672
+ #common-dialog.dialog-content-wrapper .dialog-content-root .dialog-content .common-dialog .confirmation-dialog-footer {
673
+ display: flex;
674
+ gap: 1.25rem;
675
+ margin-top: 1.875rem;
676
+ }.json-editor-container .json-editor-label {
677
+ font-size: 0.875rem;
678
+ font-weight: 600;
679
+ line-height: 1.25rem;
680
+ margin-bottom: 0.3125rem;
681
+ }
682
+ .json-editor-container .json-editor {
757
683
  display: flex;
758
684
  flex-direction: column;
685
+ background-color: #142452;
686
+ width: 100%;
687
+ border-radius: 0.3125rem;
688
+ margin-bottom: -0.5rem;
689
+ outline: 1px solid transparent;
690
+ position: relative;
759
691
  }
760
- .drawerItemContainer .title {
761
- color: #000;
692
+ .json-editor-container .json-editor .actions-container {
693
+ width: 100%;
694
+ height: 5rem;
695
+ padding: 1.25rem;
696
+ border-radius: 0 0 0.3125rem 0.3125rem;
697
+ background: #101e47;
698
+ display: flex;
699
+ flex-direction: row;
700
+ gap: 1.25rem;
701
+ align-items: center;
702
+ }
703
+ .json-editor-container .json-editor .actions-container .validate {
704
+ color: #fff;
705
+ text-align: center;
706
+ font-size: 1rem;
707
+ font-style: normal;
762
708
  font-weight: 600;
763
- font-size: 24px;
764
- line-height: 35px;
765
- margin-bottom: 3px;
766
- margin-top: 1.5rem;
709
+ line-height: 1.25rem;
710
+ width: 8.75rem;
711
+ padding: 0.625rem 2.25rem;
712
+ background-color: rgba(240, 248, 255, 0);
713
+ border-radius: 0.3125rem;
714
+ border: 0.0625rem solid #4d75d8;
715
+ cursor: pointer;
767
716
  }
768
- .drawerItemContainer .text {
769
- color: #000;
717
+ .json-editor-container .json-editor .actions-container .validate:disabled {
718
+ color: #babdcc;
719
+ border-color: #a2a5b6;
720
+ }
721
+ .json-editor-container .json-editor .actions-container .beautify {
722
+ color: #fff;
723
+ text-align: center;
724
+ font-size: 1rem;
725
+ font-style: normal;
726
+ font-weight: 600;
727
+ line-height: 1.25rem;
728
+ width: 8.75rem;
729
+ padding: 0.625rem 2.25rem;
730
+ background-color: rgba(240, 248, 255, 0);
731
+ border-radius: 0.3125rem;
732
+ border: 1px solid #babdcc;
733
+ cursor: pointer;
734
+ }
735
+ .json-editor-container .json-editor .actions-container .beautify:disabled {
736
+ color: #a2a5b6;
737
+ border-color: #a2a5b6;
738
+ }
739
+ .json-editor-container .json-editor textarea {
740
+ width: 100%;
741
+ padding: 1.25rem;
742
+ font-size: 0.875rem;
743
+ font-style: normal;
770
744
  font-weight: 400;
771
- font-size: 24px;
772
- line-height: 25px;
745
+ line-height: 1.25rem;
746
+ color: white;
747
+ height: 25rem;
748
+ background-color: #142452;
749
+ border: none;
750
+ resize: none;
751
+ border-radius: 0.3125rem;
773
752
  }
774
- .drawerItemContainer .color-green {
775
- color: var(--color-success);
753
+ .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 {
754
+ outline: none;
755
+ border: none;
776
756
  }
777
- .drawerItemContainer .color-red {
778
- color: var(--color-error);
757
+ .json-editor-container .json-editor textarea::-webkit-scrollbar {
758
+ width: 0.5rem;
759
+ }
760
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-track {
761
+ background-color: #828699;
762
+ border: none;
763
+ border-color: transparent;
764
+ border-top-right-radius: 0.25rem;
765
+ border-top-left-radius: 0;
766
+ }
767
+ .json-editor-container .json-editor textarea::-webkit-scrollbar-thumb {
768
+ background-color: #d8dae5;
769
+ border: none;
770
+ border-color: transparent;
771
+ border-radius: 0;
772
+ }
773
+ .json-editor-container .json-editor.invalid {
774
+ outline: 1px solid #ce2828 !important;
775
+ }
776
+ .json-editor-container .error-message {
777
+ color: #ce2828;
778
+ font-size: 0.75rem;
779
+ line-height: 1.25rem;
780
+ margin-top: 0.625rem;
779
781
  }.chips-container {
780
782
  width: 100%;
781
783
  }
@@ -891,8 +893,109 @@
891
893
  }
892
894
  .chips-container .show-btn:active .show-btn-icon-container .show-btn-icon path {
893
895
  fill: #2c4fa4;
894
- }p.apiName {
895
- font-size: 40px;
896
- line-height: 30px;
897
- font-weight: 500;
896
+ }:root {
897
+ --white: #fff;
898
+ --Gray-5: #f1f2f6;
899
+ --Gray-10: #ebecf2;
900
+ --Gray-20: #d8dae5;
901
+ --Gray-30: #babdcc;
902
+ --Gray-40: #9a9eb2;
903
+ --Gray-50: #828699;
904
+ --Gray-60: #696c80;
905
+ --Gray-100: #12131a;
906
+ --black: #000;
907
+ --primary-static: #4d75d8;
908
+ --primary-hover: #7c9bea;
909
+ --primary-active: #2c4fa4;
910
+ --primary-disabled: #9a9eb2;
911
+ --secondary-static: #40e0d0;
912
+ --secondary-hover: #9efcf2;
913
+ --secondary-active: #2fa599;
914
+ --error-static: #da3f3f;
915
+ --error-hover: #e75d5d;
916
+ --error-active: #bb3232;
917
+ --success-static: #3aaa35;
918
+ --success-hover: #5cda56;
919
+ --success-active: #2a8a25;
920
+ --info-static: #c6c6c6;
921
+ --info-hover: #e4e4e4;
922
+ --info-active: #979797;
923
+ --warning-static: #faad14;
924
+ --warning-hover: #f9be4a;
925
+ --warning-active: #db9711;
926
+ --action-static: #142452;
927
+ --action-hover: #21387d;
928
+ --action-active: #000000;
929
+ --color-info-primary: #3a6cd1;
930
+ --primary-font-color: #142452;
931
+ --placeholder-font-color: #babdcc;
932
+ --warning-font-color: #ce2828;
933
+ --alert-error: #da3f3f;
934
+ --alert-light-error: #f4c5c5;
935
+ --alert-success: #3aaa35;
936
+ --alert-light-success: #c4e5c2;
937
+ --alert-info: #8eaaf1;
938
+ --alert-light-info: #c4d3f1;
939
+ --alert-warning: #faad14;
940
+ --alert-light-warning: #fde6b8;
941
+ --border-focus: #3a6cd1;
942
+ --tooltip-background-color: #202f5b;
943
+ --text-color-primary: #142452;
944
+ --text-color-secondary: #ffff;
945
+ --text-color-neutral: #828699;
946
+ --text-color-tertiary: #808080;
947
+ --text-color-note: #242424;
948
+ --text-color-quaternary: #142452;
949
+ --text-color-disabled: #ffff;
950
+ --background-color-white-primary: #fff;
951
+ --background-color-light-primary: #8eaaf1;
952
+ --background-color-white-secondary: #fff;
953
+ --background-color-primary-dark: #142452;
954
+ --background-color-gray-5: #f1f2f6;
955
+ --background-color-gray-30: #ebecf2;
956
+ --background-color-tertiary-light: #2c4fa4;
957
+ --background-color-gray-10: #f1f2f6;
958
+ --background-color-gray-40: #ebecf2;
959
+ --background-color-light-blue: #dfe7f8;
960
+ --border-color-primary: #babdcc;
961
+ --border-color-secondary: #d8dae5;
962
+ --border-color-neutral: #ebecf2;
963
+ --border-color-tertiary: #ebecf2;
964
+ --border-color-gray: #ebecf2;
965
+ --border-color-hover: #142452;
966
+ --border-color-active: #3a6cd1;
967
+ --icon-color-main: #142452;
968
+ --icon-color-secondary: #000;
969
+ --icon-color-quaternary: #babdcc;
970
+ --icon-color-disabled: #9a9eb2;
971
+ --link-btn-primary-color: #3a6cd1;
972
+ --button-color-static: #4d75d8;
973
+ --button-color-hover: #7c9bea;
974
+ --button-color-active: #2c4fa4;
975
+ --alert-natural: #c4d3f1;
976
+ }
977
+
978
+ .drawerItemContainer {
979
+ display: flex;
980
+ flex-direction: column;
981
+ }
982
+ .drawerItemContainer .title {
983
+ color: #000;
984
+ font-weight: 600;
985
+ font-size: 24px;
986
+ line-height: 35px;
987
+ margin-bottom: 3px;
988
+ margin-top: 1.5rem;
989
+ }
990
+ .drawerItemContainer .text {
991
+ color: #000;
992
+ font-weight: 400;
993
+ font-size: 24px;
994
+ line-height: 25px;
995
+ }
996
+ .drawerItemContainer .color-green {
997
+ color: var(--color-success);
998
+ }
999
+ .drawerItemContainer .color-red {
1000
+ color: var(--color-error);
898
1001
  }
@@ -0,0 +1,13 @@
1
+ declare const JsonInput: ({ placeholder, label, value, onValidation, onChange, dataId, className, errorMessage, acceptType, fieldIsDisabled, }: {
2
+ placeholder: any;
3
+ label: any;
4
+ value: any;
5
+ onValidation: any;
6
+ onChange: any;
7
+ dataId: any;
8
+ className?: string;
9
+ errorMessage: any;
10
+ acceptType?: string;
11
+ fieldIsDisabled: any;
12
+ }) => import("react/jsx-runtime").JSX.Element;
13
+ export default JsonInput;
@@ -1,9 +1,8 @@
1
1
  import { TransformedMethod } from '../../types/layout.type';
2
- declare const MethodsAccordion: ({ method, path, setFieldValue, readOnly, handleSave, }: {
2
+ declare const MethodsAccordion: ({ method, path, setFieldValue, readOnly, }: {
3
3
  method: TransformedMethod;
4
4
  path: string;
5
5
  setFieldValue: (key: string, value: string) => void;
6
6
  readOnly?: boolean;
7
- handleSave: (data: any) => unknown;
8
7
  }) => import("react/jsx-runtime").JSX.Element;
9
8
  export default MethodsAccordion;
@@ -2,34 +2,42 @@ export declare const methodColorMapping: {
2
2
  get: {
3
3
  label: string;
4
4
  color: string;
5
+ order: number;
5
6
  };
6
7
  post: {
7
8
  label: string;
8
9
  color: string;
10
+ order: number;
9
11
  };
10
12
  put: {
11
13
  label: string;
12
14
  color: string;
15
+ order: number;
13
16
  };
14
17
  delete: {
15
18
  label: string;
16
19
  color: string;
20
+ order: number;
17
21
  };
18
- PATCH: {
22
+ patch: {
19
23
  label: string;
20
24
  color: string;
25
+ order: number;
21
26
  };
22
- OPTIONS: {
27
+ options: {
23
28
  label: string;
24
29
  color: string;
30
+ order: number;
25
31
  };
26
- TRACE: {
32
+ trace: {
27
33
  label: string;
28
34
  color: string;
35
+ order: number;
29
36
  };
30
- HEAD: {
37
+ head: {
31
38
  label: string;
32
39
  color: string;
40
+ order: number;
33
41
  };
34
42
  };
35
43
  export declare const paramsTableHeaders: ({
@@ -3,7 +3,15 @@ export type TransformedMethod = {
3
3
  type: HTTPMethod;
4
4
  tags: string[];
5
5
  parameters: any;
6
- requestBody: any;
6
+ requestBody: {
7
+ content: {
8
+ contentType: string;
9
+ schema: {
10
+ properties: string;
11
+ type: string;
12
+ };
13
+ };
14
+ };
7
15
  responses: {
8
16
  code: string;
9
17
  content: {
@@ -71,7 +71,7 @@ interface Schema {
71
71
  enum?: string[];
72
72
  required?: string[];
73
73
  }
74
- interface SecurityScheme {
74
+ export interface SecurityScheme {
75
75
  type: 'apiKey' | 'http' | 'oauth2' | 'openIdConnect';
76
76
  description?: string;
77
77
  name?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digi-frontend/dgate-api-documentation",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "main": "dist/src/index.js",
5
5
  "module": "dist/src/index.js",
6
6
  "types": "dist/types/index.d.ts",
@@ -19,6 +19,7 @@
19
19
  "digitinary-ui": "^1.0.156",
20
20
  "formik": "^2.4.6",
21
21
  "html-react-parser": "^5.2.2",
22
+ "js-yaml": "^4.1.0",
22
23
  "react": "^18.0.0",
23
24
  "react-dom": "^18.0.0",
24
25
  "tslib": "^2.8.1",