@redocly/reference-docs 2.11.4 → 2.11.8

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 (134) hide show
  1. package/bin/cli/commands/redocly-docs-cli.min.js +288 -401
  2. package/bin/cli/commands/redocly-docs-cli.min.js.LICENSE.txt +1 -1
  3. package/dist/console.redocly-reference-docs.min.js +104 -104
  4. package/dist/oauth2-redirect.js +1 -1
  5. package/dist/redocly-reference-docs.min.js +957 -1083
  6. package/lib/components/Endpoint/Endpoint.js +1 -1
  7. package/lib/components/RedoclyReferenceDocs.js +1 -1
  8. package/lib/components/Samples/ExampleSwitch.js +1 -1
  9. package/lib/components/Samples/SamplesTabs.js +1 -1
  10. package/lib/components/Tabs/CollapsingTabs/CollapsingTabsBase.d.ts +1 -1
  11. package/lib/components/Tabs/CollapsingTabs/CollapsingTabsBase.js +1 -1
  12. package/lib/components/VersionSwitcher.d.ts +1 -1
  13. package/lib/components/VersionSwitcher.js +1 -1
  14. package/lib/components/common/Dropdown/Dropdown.d.ts +3 -0
  15. package/lib/components/common/Dropdown/Dropdown.js +2 -0
  16. package/lib/components/common/Dropdown/index.d.ts +2 -0
  17. package/lib/components/common/Dropdown/index.js +2 -0
  18. package/lib/components/common/Dropdown/styled.d.ts +23 -0
  19. package/lib/components/common/Dropdown/styled.js +2 -0
  20. package/lib/components/common/Dropdown/types.d.ts +25 -0
  21. package/lib/components/common/Dropdown/types.js +2 -0
  22. package/lib/components/common/TextField.d.ts +2 -2
  23. package/lib/components/common/TextField.js +1 -1
  24. package/lib/components/console/AuthPanel.d.ts +2 -2
  25. package/lib/components/console/AuthPanel.js +1 -1
  26. package/lib/components/console/ParameterDropdown.js +1 -1
  27. package/lib/components/console/RequestBody.js +1 -1
  28. package/lib/components/console/ServerDropdown.d.ts +3 -5
  29. package/lib/components/console/ServerDropdown.js +1 -1
  30. package/lib/components/console/ServerVariable.js +1 -1
  31. package/lib/components/index.d.ts +2 -0
  32. package/lib/components/index.js +1 -1
  33. package/lib/index.d.ts +2 -1
  34. package/lib/index.js +1 -1
  35. package/lib/redoc-lib/src/common-elements/index.d.ts +0 -1
  36. package/lib/redoc-lib/src/common-elements/index.js +1 -1
  37. package/lib/redoc-lib/src/components/CallbackSamples/CallbackReqSamples.d.ts +1 -1
  38. package/lib/redoc-lib/src/components/CallbackSamples/CallbackSamples.d.ts +1 -1
  39. package/lib/redoc-lib/src/components/CallbackSamples/CallbackSamples.js +1 -1
  40. package/lib/redoc-lib/src/components/DropdownOrLabel/DropdownOrLabel.d.ts +1 -1
  41. package/lib/redoc-lib/src/components/DropdownOrLabel/DropdownOrLabel.js +1 -1
  42. package/lib/redoc-lib/src/components/Fields/EnumValues.d.ts +1 -1
  43. package/lib/redoc-lib/src/components/Fields/FieldDetails.d.ts +1 -1
  44. package/lib/redoc-lib/src/components/GenericChildrenSwitcher/GenericChildrenSwitcher.d.ts +1 -1
  45. package/lib/redoc-lib/src/components/GenericChildrenSwitcher/GenericChildrenSwitcher.js +1 -1
  46. package/lib/redoc-lib/src/components/Markdown/Markdown.js +1 -1
  47. package/lib/redoc-lib/src/components/MediaTypeSwitch/MediaTypesSwitch.d.ts +1 -1
  48. package/lib/redoc-lib/src/components/Operation/Operation.js +1 -1
  49. package/lib/redoc-lib/src/components/OptionsProvider.d.ts +5 -5
  50. package/lib/redoc-lib/src/components/OptionsProvider.js +1 -1
  51. package/lib/redoc-lib/src/components/PayloadSamples/PayloadSamples.js +1 -1
  52. package/lib/redoc-lib/src/components/RequestSamples/CodeSample.js +1 -1
  53. package/lib/redoc-lib/src/components/RequestSamples/RequestSamples.js +1 -1
  54. package/lib/redoc-lib/src/components/Schema/DiscriminatorDropdown.d.ts +1 -1
  55. package/lib/redoc-lib/src/components/Schema/DiscriminatorDropdown.js +1 -1
  56. package/lib/redoc-lib/src/components/Schema/ObjectSchema.d.ts +1 -1
  57. package/lib/redoc-lib/src/components/SideMenu/SideMenu.d.ts +1 -1
  58. package/lib/redoc-lib/src/components/StickySidebar/StickyResponsiveSidebar.d.ts +1 -1
  59. package/lib/redoc-lib/src/index.d.ts +2 -2
  60. package/lib/redoc-lib/src/index.js +1 -1
  61. package/lib/redoc-lib/src/services/MarkdownRenderer.js +1 -1
  62. package/lib/redoc-lib/src/services/RedocNormalizedOptions.d.ts +2 -0
  63. package/lib/redoc-lib/src/services/RedocNormalizedOptions.js +1 -1
  64. package/lib/services/ProStore.d.ts +1 -0
  65. package/lib/services/ProStore.js +1 -1
  66. package/lib-esm/components/Endpoint/Endpoint.js +1 -1
  67. package/lib-esm/components/RedoclyReferenceDocs.js +1 -1
  68. package/lib-esm/components/Samples/ExampleSwitch.js +1 -1
  69. package/lib-esm/components/Samples/SamplesTabs.js +1 -1
  70. package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.d.ts +1 -1
  71. package/lib-esm/components/Tabs/CollapsingTabs/CollapsingTabsBase.js +1 -1
  72. package/lib-esm/components/VersionSwitcher.d.ts +1 -1
  73. package/lib-esm/components/VersionSwitcher.js +1 -1
  74. package/lib-esm/components/common/Dropdown/Dropdown.d.ts +3 -0
  75. package/lib-esm/components/common/Dropdown/Dropdown.js +2 -0
  76. package/lib-esm/components/common/Dropdown/index.d.ts +2 -0
  77. package/lib-esm/components/common/Dropdown/index.js +2 -0
  78. package/lib-esm/components/common/Dropdown/styled.d.ts +23 -0
  79. package/lib-esm/components/common/Dropdown/styled.js +2 -0
  80. package/lib-esm/components/common/Dropdown/types.d.ts +25 -0
  81. package/lib-esm/components/common/Dropdown/types.js +2 -0
  82. package/lib-esm/components/common/TextField.d.ts +2 -2
  83. package/lib-esm/components/common/TextField.js +1 -1
  84. package/lib-esm/components/console/AuthPanel.d.ts +2 -2
  85. package/lib-esm/components/console/AuthPanel.js +1 -1
  86. package/lib-esm/components/console/ParameterDropdown.js +1 -1
  87. package/lib-esm/components/console/RequestBody.js +1 -1
  88. package/lib-esm/components/console/ServerDropdown.d.ts +3 -5
  89. package/lib-esm/components/console/ServerDropdown.js +1 -1
  90. package/lib-esm/components/console/ServerVariable.js +1 -1
  91. package/lib-esm/components/index.d.ts +2 -0
  92. package/lib-esm/components/index.js +1 -1
  93. package/lib-esm/index.d.ts +2 -1
  94. package/lib-esm/index.js +1 -1
  95. package/lib-esm/redoc-lib/src/common-elements/index.d.ts +0 -1
  96. package/lib-esm/redoc-lib/src/common-elements/index.js +1 -1
  97. package/lib-esm/redoc-lib/src/components/CallbackSamples/CallbackReqSamples.d.ts +1 -1
  98. package/lib-esm/redoc-lib/src/components/CallbackSamples/CallbackSamples.d.ts +1 -1
  99. package/lib-esm/redoc-lib/src/components/CallbackSamples/CallbackSamples.js +1 -1
  100. package/lib-esm/redoc-lib/src/components/DropdownOrLabel/DropdownOrLabel.d.ts +1 -1
  101. package/lib-esm/redoc-lib/src/components/DropdownOrLabel/DropdownOrLabel.js +1 -1
  102. package/lib-esm/redoc-lib/src/components/Fields/EnumValues.d.ts +1 -1
  103. package/lib-esm/redoc-lib/src/components/Fields/FieldDetails.d.ts +1 -1
  104. package/lib-esm/redoc-lib/src/components/GenericChildrenSwitcher/GenericChildrenSwitcher.d.ts +1 -1
  105. package/lib-esm/redoc-lib/src/components/GenericChildrenSwitcher/GenericChildrenSwitcher.js +1 -1
  106. package/lib-esm/redoc-lib/src/components/Markdown/Markdown.js +1 -1
  107. package/lib-esm/redoc-lib/src/components/MediaTypeSwitch/MediaTypesSwitch.d.ts +1 -1
  108. package/lib-esm/redoc-lib/src/components/Operation/Operation.js +1 -1
  109. package/lib-esm/redoc-lib/src/components/OptionsProvider.d.ts +5 -5
  110. package/lib-esm/redoc-lib/src/components/OptionsProvider.js +1 -1
  111. package/lib-esm/redoc-lib/src/components/PayloadSamples/PayloadSamples.js +1 -1
  112. package/lib-esm/redoc-lib/src/components/RequestSamples/CodeSample.js +1 -1
  113. package/lib-esm/redoc-lib/src/components/RequestSamples/RequestSamples.js +1 -1
  114. package/lib-esm/redoc-lib/src/components/Schema/DiscriminatorDropdown.d.ts +1 -1
  115. package/lib-esm/redoc-lib/src/components/Schema/DiscriminatorDropdown.js +1 -1
  116. package/lib-esm/redoc-lib/src/components/Schema/ObjectSchema.d.ts +1 -1
  117. package/lib-esm/redoc-lib/src/components/SideMenu/SideMenu.d.ts +1 -1
  118. package/lib-esm/redoc-lib/src/components/StickySidebar/StickyResponsiveSidebar.d.ts +1 -1
  119. package/lib-esm/redoc-lib/src/index.d.ts +2 -2
  120. package/lib-esm/redoc-lib/src/index.js +1 -1
  121. package/lib-esm/redoc-lib/src/services/MarkdownRenderer.js +1 -1
  122. package/lib-esm/redoc-lib/src/services/RedocNormalizedOptions.d.ts +2 -0
  123. package/lib-esm/redoc-lib/src/services/RedocNormalizedOptions.js +1 -1
  124. package/lib-esm/services/ProStore.d.ts +1 -0
  125. package/lib-esm/services/ProStore.js +1 -1
  126. package/package.json +2 -3
  127. package/lib/components/Tabs/CollapsingTabs/CollapsingDropdown.d.ts +0 -36
  128. package/lib/components/Tabs/CollapsingTabs/CollapsingDropdown.js +0 -2
  129. package/lib/redoc-lib/src/common-elements/dropdown.d.ts +0 -79
  130. package/lib/redoc-lib/src/common-elements/dropdown.js +0 -2
  131. package/lib-esm/components/Tabs/CollapsingTabs/CollapsingDropdown.d.ts +0 -36
  132. package/lib-esm/components/Tabs/CollapsingTabs/CollapsingDropdown.js +0 -2
  133. package/lib-esm/redoc-lib/src/common-elements/dropdown.d.ts +0 -79
  134. package/lib-esm/redoc-lib/src/common-elements/dropdown.js +0 -2
@@ -0,0 +1,23 @@
1
+ /// <reference types="react" />
2
+ export declare const Dropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
3
+ dense?: boolean | undefined;
4
+ fullWidth?: boolean | undefined;
5
+ variant?: "light" | "dark" | undefined;
6
+ }, never>;
7
+ export declare const SimpleDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
8
+ dense?: boolean | undefined;
9
+ fullWidth?: boolean | undefined;
10
+ variant?: "light" | "dark" | undefined;
11
+ }, never>;
12
+ export declare const CollapsingDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
13
+ dense?: boolean | undefined;
14
+ fullWidth?: boolean | undefined;
15
+ variant?: "light" | "dark" | undefined;
16
+ } & {
17
+ active?: boolean | undefined;
18
+ }, never>;
19
+ export declare const VersionDropdown: import("styled-components").StyledComponent<import("react").NamedExoticComponent<import("./types").DropdownProps>, any, {
20
+ dense?: boolean | undefined;
21
+ fullWidth?: boolean | undefined;
22
+ variant?: "light" | "dark" | undefined;
23
+ }, never>;
@@ -0,0 +1,2 @@
1
+ import{__makeTemplateObject}from"tslib";import styled,{css}from"styled-components";import{Dropdown as DropdownComponent}from"./Dropdown";var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,darkDropdownStyle=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n &,\n &:hover,\n &:focus-within {\n border: none;\n box-shadow: none;\n }\n"],["\n background-color: ",";\n border-color: ",";\n color: ",";\n\n &,\n &:hover,\n &:focus-within {\n border: none;\n box-shadow: none;\n }\n"])),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.rightPanel.panelControlsBackgroundColor}),(function(n){return n.theme.colors.text.light}));export var Dropdown=styled(DropdownComponent)(templateObject_2||(templateObject_2=__makeTemplateObject(["\n box-sizing: border-box;\n outline: none;\n display: inline-block;\n border-radius: ",";\n vertical-align: bottom;\n position: relative;\n width: ",";\n cursor: pointer;\n text-transform: none;\n\n .dropdown-select {\n box-sizing: border-box;\n min-width: 90px;\n outline: none;\n display: inline-block;\n color: ",";\n border-radius: ",";\n padding: ",";\n vertical-align: bottom;\n position: relative;\n width: ",";\n cursor: pointer;\n text-transform: none;\n\n line-height: normal;\n font-size: 14px;\n font-family: inherit;\n text-overflow: ellipsis;\n overflow: hidden;\n\n &,\n &:hover,\n &:focus-within {\n border: 1px solid ",";\n box-shadow: none;\n }\n appearance: none;\n\n ",";\n }\n"],["\n box-sizing: border-box;\n outline: none;\n display: inline-block;\n border-radius: ",";\n vertical-align: bottom;\n position: relative;\n width: ",";\n cursor: pointer;\n text-transform: none;\n\n .dropdown-select {\n box-sizing: border-box;\n min-width: 90px;\n outline: none;\n display: inline-block;\n color: ",";\n border-radius: ",";\n padding: ",";\n vertical-align: bottom;\n position: relative;\n width: ",";\n cursor: pointer;\n text-transform: none;\n\n line-height: normal;\n font-size: 14px;\n font-family: inherit;\n text-overflow: ellipsis;\n overflow: hidden;\n\n &,\n &:hover,\n &:focus-within {\n border: 1px solid ",";\n box-shadow: none;\n }\n appearance: none;\n\n ",";\n }\n"])),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.fullWidth?"100%":"auto"}),(function(n){return n.theme.colors.text.primary}),(function(n){return n.theme.shape.borderRadius}),(function(n){return n.dense?"2px 24px 2px 8px":"8px 26px 8px 10px"}),(function(n){return n.fullWidth?"100%":"auto"}),(function(n){return n.theme.colors.border.light}),(function(n){return"dark"===n.variant?darkDropdownStyle:""}));export var SimpleDropdown=styled(Dropdown)(templateObject_3||(templateObject_3=__makeTemplateObject(["\n .dropdown-select {\n padding: 0 26px 0 4px;\n border: none;\n background: transparent;\n font-size: 14px;\n font-weight: 400;\n appearance: none;\n\n &:hover,\n &:focus-within {\n border: none;\n box-shadow: none;\n }\n }\n"],["\n .dropdown-select {\n padding: 0 26px 0 4px;\n border: none;\n background: transparent;\n font-size: 14px;\n font-weight: 400;\n appearance: none;\n\n &:hover,\n &:focus-within {\n border: none;\n box-shadow: none;\n }\n }\n"])));export var CollapsingDropdown=styled(Dropdown)(templateObject_4||(templateObject_4=__makeTemplateObject(["\n svg {\n top: 60%;\n transform: translateY(-60%);\n }\n .dropdown-select {\n ",";\n\n padding: 5px 24px 5px 10px;\n height: 40px;\n\n border-radius: 0 "," 0 0;\n\n margin: 0 0 -4px;\n transition: none;\n min-width: auto;\n background: ",";\n & {\n border-bottom: 4px solid\n ",";\n\n &[open],\n &:focus-within,\n &:hover {\n background: ",";\n border-bottom: 4px solid\n ",";\n }\n }\n }\n"],["\n svg {\n top: 60%;\n transform: translateY(-60%);\n }\n .dropdown-select {\n ",";\n\n padding: 5px 24px 5px 10px;\n height: 40px;\n\n border-radius: 0 "," 0 0;\n\n margin: 0 0 -4px;\n transition: none;\n min-width: auto;\n background: ",";\n & {\n border-bottom: 4px solid\n ",";\n\n &[open],\n &:focus-within,\n &:hover {\n background: ",";\n border-bottom: 4px solid\n ",";\n }\n }\n }\n"])),darkDropdownStyle,(function(n){return n.theme.shape.borderRadius}),(function(n){var o=n.theme;return n.active?o.colors.border.dark:"none"}),(function(n){var o=n.active,e=n.theme;return o?e.colors.accent.main:"transparent"}),(function(n){return n.theme.colors.border.dark}),(function(n){var o=n.active,e=n.theme;return o?e.colors.accent.main:"transparent"}));export var VersionDropdown=styled(Dropdown)(templateObject_5||(templateObject_5=__makeTemplateObject(["\n .dropdown-select {\n font-weight: 600;\n color: ",";\n }\n"],["\n .dropdown-select {\n font-weight: 600;\n color: ",";\n }\n"])),(function(n){return n.theme.colors.text.primary}));
2
+ //# sourceMappingURL=styled.js.map
@@ -0,0 +1,25 @@
1
+ import React from 'react';
2
+ export interface DropdownOption {
3
+ idx?: number;
4
+ value: string;
5
+ title?: string;
6
+ serverUrl?: string;
7
+ label?: string;
8
+ }
9
+ export interface DropdownProps {
10
+ options: DropdownOption[];
11
+ onChange: (option: DropdownOption) => void;
12
+ ariaLabel?: string;
13
+ className?: string;
14
+ placeholder?: string;
15
+ value?: string;
16
+ dense?: boolean;
17
+ fullWidth?: boolean;
18
+ variant?: 'dark' | 'light';
19
+ maxOptionLength?: number;
20
+ }
21
+ export interface ArrowIconProps {
22
+ className?: string;
23
+ variant?: 'light' | 'dark';
24
+ style?: React.CSSProperties;
25
+ }
@@ -0,0 +1,2 @@
1
+ export{};
2
+ //# sourceMappingURL=types.js.map
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { FieldProps } from 'informed';
3
- import { Option, DropdownProps } from '@redocly/react-dropdown-aria';
3
+ import type { DropdownOption, DropdownProps } from './Dropdown';
4
4
  export declare const invertedInputStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../services/extendTheme").ProTheme>>;
5
5
  export declare const StyledInput: import("styled-components").StyledComponent<"input", import("../../services/extendTheme").ProTheme, {
6
6
  fullWidth?: boolean | undefined;
@@ -19,7 +19,7 @@ export interface TextFieldExtraProps extends React.InputHTMLAttributes<HTMLInput
19
19
  export declare const TextField: React.ForwardRefExoticComponent<TextFieldExtraProps & React.RefAttributes<HTMLInputElement>>;
20
20
  export declare function FormTextField(props: FieldProps<string, GenericObject> & TextFieldExtraProps): JSX.Element;
21
21
  export interface FormDropdownProps extends Partial<DropdownProps> {
22
- options: Option[];
22
+ options: DropdownOption[];
23
23
  initValue?: string;
24
24
  }
25
25
  export declare const FormDropdown: React.ComponentType<FieldProps<string, any> & FormDropdownProps>;
@@ -1,2 +1,2 @@
1
- import{__assign,__makeTemplateObject}from"tslib";import React from"react";import{asField}from"informed";import{useField}from"informed";import styled,{css,mediaCSS}from"../../redoc-lib/src/styled-components";import{FormError}from"./form";import{Dropdown}from"../../redoc-lib";export var invertedInputStyles=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n border: none;\n outline: none;\n padding: 8px;\n border-radius: ",";\n background-color: ",";\n ","\n\n &::placeholder {\n opacity: 0.6;\n color: ",";\n }\n\n &:-webkit-autofill {\n background-color: ",";\n }\n"],["\n border: none;\n outline: none;\n padding: 8px;\n border-radius: ",";\n background-color: ",";\n ","\n\n &::placeholder {\n opacity: 0.6;\n color: ",";\n }\n\n &:-webkit-autofill {\n background-color: ",";\n }\n"])),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){var t=e.theme;return mediaCSS({color:t.colors.text.light,fontFamily:t.typography.code.fontFamily,fontSize:t.typography.fontSize})}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.rightPanel.panelBackgroundColor}));var TextFieldWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n display: ",";\n ","\n"],["\n display: ",";\n ","\n"])),(function(e){return"hidden"===e.type?"none":"inline-block"}),(function(e){return e.fullWidth?"width: 100%;":""})),InputWrap=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));export var StyledInput=styled.input(templateObject_4||(templateObject_4=__makeTemplateObject(["\n ","\n ",";\n ","\n"],["\n ","\n ",";\n ","\n"])),invertedInputStyles,(function(e){var t=e.inputType,n=e.inputActionButton;return"password"===t||n?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));var InputActionButton=styled.span(templateObject_5||(templateObject_5=__makeTemplateObject(["\n position: absolute;\n right: 0;\n line-height: normal;\n\n font-size: 0.8em;\n padding: calc(8px / 0.8);\n cursor: pointer;\n text-align: center;\n ","\n"],["\n position: absolute;\n right: 0;\n line-height: normal;\n\n font-size: 0.8em;\n padding: calc(8px / 0.8);\n cursor: pointer;\n text-align: center;\n ","\n"])),(function(e){var t=e.theme;return mediaCSS({color:t.rightPanel.textColor})}));function TextFieldComponent(e,t){var n=e.fullWidth,r=e.errorMessage,o=e.type,a=React.useState("password"===o),l=a[0],i=a[1],c=React.useCallback((function(){i(!l)}),[l]);return React.createElement(TextFieldWrapper,{fullWidth:n,type:o},React.createElement(InputWrap,null,React.createElement(StyledInput,__assign({},e,{type:l?"password":"text",inputType:o,ref:t})),e.inputActionButton?React.createElement(InputActionButton,{onClick:e.inputActionButton.onClick},e.inputActionButton.label):"password"===o?React.createElement(InputActionButton,{onClick:c},l?"show":"hide"):null),r?React.createElement(FormError,null,r):null)}export var TextField=React.forwardRef(TextFieldComponent);export function FormTextField(e){var t=useField(__assign({fieldType:"text"},e)),n=t.userProps,r=t.render,o=t.fieldState,a=t.informed;return r(React.createElement(TextField,__assign({},n,a,{errorMessage:o.error})))}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,FormDropdownInt=function(e){var t=e.initValue,n=e.options,r=e.fieldApi,o=e.fieldState,a=n.map((function(e,t){return{value:e.title||e.value,idx:t,origValue:e.value}})),l=a.find((function(e){return e.origValue===t})),i=React.useState(null==l?void 0:l.value),c=i[0],p=i[1];React.useEffect((function(){t&&r.setValue(t)}),[]);var u=React.useCallback((function(e){r.setValue(a[e.idx].origValue),p(a[e.idx].value)}),[a]);return React.createElement(TextFieldWrapper,{fullWidth:!0},React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:c,options:a,onChange:u}),o.error?React.createElement(FormError,null,o.error):null)};export var FormDropdown=asField(FormDropdownInt);
1
+ import{__assign,__makeTemplateObject}from"tslib";import React from"react";import{asField}from"informed";import{useField}from"informed";import styled,{css,mediaCSS}from"../../redoc-lib/src/styled-components";import{FormError}from"./form";import{Dropdown}from"./Dropdown";export var invertedInputStyles=css(templateObject_1||(templateObject_1=__makeTemplateObject(["\n border: none;\n outline: none;\n padding: 8px;\n border-radius: ",";\n background-color: ",";\n ","\n\n &::placeholder {\n opacity: 0.6;\n color: ",";\n }\n\n &:-webkit-autofill {\n background-color: ",";\n }\n"],["\n border: none;\n outline: none;\n padding: 8px;\n border-radius: ",";\n background-color: ",";\n ","\n\n &::placeholder {\n opacity: 0.6;\n color: ",";\n }\n\n &:-webkit-autofill {\n background-color: ",";\n }\n"])),(function(e){return e.theme.shape.borderRadius}),(function(e){return e.theme.rightPanel.panelControlsBackgroundColor}),(function(e){var t=e.theme;return mediaCSS({color:t.colors.text.light,fontFamily:t.typography.code.fontFamily,fontSize:t.typography.fontSize})}),(function(e){return e.theme.colors.text.light}),(function(e){return e.theme.rightPanel.panelBackgroundColor}));var TextFieldWrapper=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n display: ",";\n ","\n"],["\n display: ",";\n ","\n"])),(function(e){return"hidden"===e.type?"none":"inline-block"}),(function(e){return e.fullWidth?"width: 100%;":""})),InputWrap=styled.div(templateObject_3||(templateObject_3=__makeTemplateObject(["\n position: relative;\n"],["\n position: relative;\n"])));export var StyledInput=styled.input(templateObject_4||(templateObject_4=__makeTemplateObject(["\n ","\n ",";\n ","\n"],["\n ","\n ",";\n ","\n"])),invertedInputStyles,(function(e){var t=e.inputType,n=e.inputActionButton;return"password"===t||n?"padding-right: 40px;":""}),(function(e){return e.fullWidth?"width: 100%;":""}));var InputActionButton=styled.span(templateObject_5||(templateObject_5=__makeTemplateObject(["\n position: absolute;\n right: 0;\n line-height: normal;\n\n font-size: 0.8em;\n padding: calc(8px / 0.8);\n cursor: pointer;\n text-align: center;\n ","\n"],["\n position: absolute;\n right: 0;\n line-height: normal;\n\n font-size: 0.8em;\n padding: calc(8px / 0.8);\n cursor: pointer;\n text-align: center;\n ","\n"])),(function(e){var t=e.theme;return mediaCSS({color:t.rightPanel.textColor})}));function TextFieldComponent(e,t){var n=e.fullWidth,r=e.errorMessage,o=e.type,a=React.useState("password"===o),l=a[0],i=a[1],c=React.useCallback((function(){i(!l)}),[l]);return React.createElement(TextFieldWrapper,{fullWidth:n,type:o},React.createElement(InputWrap,null,React.createElement(StyledInput,__assign({},e,{type:l?"password":"text",inputType:o,ref:t})),e.inputActionButton?React.createElement(InputActionButton,{onClick:e.inputActionButton.onClick},e.inputActionButton.label):"password"===o?React.createElement(InputActionButton,{onClick:c},l?"show":"hide"):null),r?React.createElement(FormError,null,r):null)}export var TextField=React.forwardRef(TextFieldComponent);export function FormTextField(e){var t=useField(__assign({fieldType:"text"},e)),n=t.userProps,r=t.render,o=t.fieldState,a=t.informed;return r(React.createElement(TextField,__assign({},n,a,{errorMessage:o.error})))}var templateObject_1,templateObject_2,templateObject_3,templateObject_4,templateObject_5,FormDropdownInt=function(e){var t=e.initValue,n=e.options,r=e.fieldApi,o=e.fieldState,a=n.map((function(e,t){return{value:e.title||e.value,idx:t,origValue:e.value}})),l=a.find((function(e){return e.origValue===t})),i=React.useState(null==l?void 0:l.value),c=i[0],p=i[1];React.useEffect((function(){t&&r.setValue(t)}),[]);var u=React.useCallback((function(e){r.setValue(a[e.idx].origValue),p(a[e.idx].value)}),[a]);return React.createElement(TextFieldWrapper,{fullWidth:!0},React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:c,options:a,onChange:u}),o.error?React.createElement(FormError,null,o.error):null)};export var FormDropdown=asField(FormDropdownInt);
2
2
  //# sourceMappingURL=TextField.js.map
@@ -1,8 +1,8 @@
1
1
  import * as React from 'react';
2
2
  import { FormApi, FormState } from 'informed';
3
- import { Option } from '@redocly/react-dropdown-aria';
4
3
  import { OperationModel } from '../../redoc-lib';
5
4
  import { SecurityDetails } from '../../utils';
5
+ import { DropdownOption } from '../common/Dropdown';
6
6
  export declare function requiredValidator(value: unknown): string | undefined;
7
7
  export interface AuthPanelProps {
8
8
  operation: OperationModel;
@@ -20,7 +20,7 @@ export declare class AuthPanel extends React.Component<AuthPanelProps, AuthPanel
20
20
  state: {
21
21
  activeScheme: number;
22
22
  };
23
- handleSchemeChange: (option: Option & {
23
+ handleSchemeChange: (option: DropdownOption & {
24
24
  idx: number;
25
25
  }) => void;
26
26
  render(): JSX.Element | null;
@@ -1,2 +1,2 @@
1
- import{__assign,__extends}from"tslib";import*as React from"react";import{Dropdown}from"../../redoc-lib";import{fromSessionStorage,getSecurityDetailsOptions,toSessionStorage,escapeFormId}from"../../utils";import OAuth2TokenInput from"./OAuth2TokenInput";import{OAuth2Flow}from"./OAuth2Flow";import{OpenIDConnect}from"./OpenIDConnect";import{FormDropdown,FormTextField}from"../common/TextField";import{FormControl,FormLabel,FormWrapper}from"../common/form";import{l}from"../../redoc-lib/src/services/Labels";export function requiredValidator(e){if(!e)return"Field is required"}var getCookie=function(e){var t=document.cookie.match("\\b"+e+"=([^;]*)\\b");return t?t[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name)}var AuthPanel=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeScheme:0}}),Object.defineProperty(t,"handleSchemeChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.setState({activeScheme:e.idx}),toSessionStorage("securityRequirementName",e.value)}}),t}return __extends(t,e),Object.defineProperty(t,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.operation.security.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})),r=fromSessionStorage("securityRequirementName"),o=t.findIndex((function(e){return e===r}));return{activeScheme:o<0?0:o}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.securityDefaults,r=this.state.activeScheme,o=this.props.operation.security,a=o.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})).map((function(e,t){return{value:e,idx:t}}));return 0===a.length?null:React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,a.length>1&&React.createElement(FormControl,null,React.createElement(Dropdown,{variant:"dark",fullWidth:!0,prefix:"Security scheme: ",options:a,value:a[r].value,onChange:this.handleSchemeChange}))||null,o[r].schemes.map((function(r){var o,a,i,n,u,s,c,m=escapeFormId(r.id);if("apiKey"===r.type){var d=getSecurityDetailsOptions(m,""),p={field:"auth."+m,fullWidth:!0,initialValue:fromCookie(r)||fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),initValue:fromCookie(r)||fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(FormControl,{key:m},React.createElement(FormLabel,null," ",r.name,": "),d?React.createElement(FormDropdown,__assign({},p,{options:d})):React.createElement(FormTextField,__assign({},p,{type:"password","data-cy":"apiKey-auth-password"})))}if("http"===r.type){if("basic"===r.scheme){var f=getSecurityDetailsOptions(m,"username");p={field:"auth."+m+".username",fullWidth:!0,initialValue:fromSessionStorage("auth."+m+".username")||(null===(o=null==t?void 0:t[m])||void 0===o?void 0:o.username),initValue:fromSessionStorage("auth."+m+".username")||(null===(a=null==t?void 0:t[m])||void 0===a?void 0:a.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicUsername"),": "),f?React.createElement(FormDropdown,__assign({},p,{options:f})):React.createElement(FormTextField,__assign({},p))),React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicPassword"),": "),React.createElement(FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:"auth."+m+".password",validate:requiredValidator,initialValue:fromSessionStorage("auth."+m+".password")||(null===(i=null==t?void 0:t[m])||void 0===i?void 0:i.password),validateOnBlur:!0,validateOnChange:!0})))}if("bearer"===r.scheme){var h=getSecurityDetailsOptions(m,"");p={field:"auth."+m,fullWidth:!0,initialValue:fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),initValue:fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," Bearer Token: "),h?React.createElement(FormDropdown,__assign({},p,{options:h})):React.createElement(FormTextField,__assign({},p,{type:"password",placeholder:"(without 'Bearer')"}))))}}else{if("oauth2"===r.type&&r.flows&&r.flows.clientCredentials)return React.createElement(OAuth2TokenInput,{key:m,flow:r.flows.clientCredentials,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.clientCredentials["x-defaultClientId"]||r["x-defaultClientId"],defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type&&r.flows&&r.flows.implicit)return React.createElement(OAuth2Flow,{key:m,authorizationUrl:r.flows.implicit.authorizationUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(u=null===(n=null==r?void 0:r.flows)||void 0===n?void 0:n.implicit)||void 0===u?void 0:u.scopes)||{}),server:e.props.activeServer,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.implicit["x-defaultClientId"]||r["x-defaultClientId"],flow:"implicit",defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type&&r.flows&&r.flows.authorizationCode)return React.createElement(OAuth2Flow,{key:m,authorizationUrl:r.flows.authorizationCode.authorizationUrl,tokenUrl:r.flows.authorizationCode.tokenUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(s=r.flows.authorizationCode)||void 0===s?void 0:s.scopes)||{}),server:e.props.activeServer,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.authorizationCode["x-defaultClientId"]||r["x-defaultClientId"],flow:"authorizationCode",usePkce:r.flows.authorizationCode["x-usePkce"],defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type){var v=fromSessionStorage("auth."+m+".token")||JSON.stringify(null===(c=null==t?void 0:t[m])||void 0===c?void 0:c.token);return v=v?JSON.parse(v):{},React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token Type: "),React.createElement(FormTextField,{fullWidth:!0,field:"auth."+m+".token.token_type",initialValue:v.token_type||"Bearer"})),React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:"auth."+m+".token.access_token",validate:requiredValidator,initialValue:v.access_token,validateOnBlur:!0,validateOnChange:!0})))}if("openIdConnect"===r.type)return React.createElement(OpenIDConnect,{key:m,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:m,form:e.props.form,formApi:e.props.formApi,scheme:r,clientId:r["x-defaultClientId"],defaultValues:null==t?void 0:t[m]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))}}),t}(React.Component);export{AuthPanel};
1
+ import{__assign,__extends}from"tslib";import*as React from"react";import{fromSessionStorage,getSecurityDetailsOptions,toSessionStorage,escapeFormId}from"../../utils";import OAuth2TokenInput from"./OAuth2TokenInput";import{OAuth2Flow}from"./OAuth2Flow";import{OpenIDConnect}from"./OpenIDConnect";import{FormDropdown,FormTextField}from"../common/TextField";import{FormControl,FormLabel,FormWrapper}from"../common/form";import{l}from"../../redoc-lib/src/services/Labels";import{Dropdown}from"../common/Dropdown";export function requiredValidator(e){if(!e)return"Field is required"}var getCookie=function(e){var t=document.cookie.match("\\b"+e+"=([^;]*)\\b");return t?t[1]:void 0};function fromCookie(e){if("cookie"===e.in)return getCookie(e.name)}var AuthPanel=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(t,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeScheme:0}}),Object.defineProperty(t,"handleSchemeChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){t.setState({activeScheme:e.idx}),toSessionStorage("securityRequirementName",e.value)}}),t}return __extends(t,e),Object.defineProperty(t,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var t=e.operation.security.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})),r=fromSessionStorage("securityRequirementName"),o=t.findIndex((function(e){return e===r}));return{activeScheme:o<0?0:o}}}),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,t=this.props.securityDefaults,r=this.state.activeScheme,o=this.props.operation.security,a=o.map((function(e){return e.schemes.map((function(e){return e.id})).join(" and ")})).map((function(e,t){return{value:e,idx:t}}));return 0===a.length?null:React.createElement(React.Fragment,null,React.createElement(FormWrapper,null,a.length>1&&React.createElement(FormControl,null,React.createElement(FormLabel,null," Security scheme: "),React.createElement(Dropdown,{variant:"dark",fullWidth:!0,options:a,value:a[r].value,onChange:this.handleSchemeChange}))||null,o[r].schemes.map((function(r){var o,a,n,i,u,s,c,m=escapeFormId(r.id);if("apiKey"===r.type){var d=getSecurityDetailsOptions(m,""),p={field:"auth."+m,fullWidth:!0,initialValue:fromCookie(r)||fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),initValue:fromCookie(r)||fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(FormControl,{key:m},React.createElement(FormLabel,null," ",r.name,": "),d?React.createElement(FormDropdown,__assign({},p,{options:d})):React.createElement(FormTextField,__assign({},p,{type:"password","data-cy":"apiKey-auth-password"})))}if("http"===r.type){if("basic"===r.scheme){var f=getSecurityDetailsOptions(m,"username");p={field:"auth."+m+".username",fullWidth:!0,initialValue:fromSessionStorage("auth."+m+".username")||(null===(o=null==t?void 0:t[m])||void 0===o?void 0:o.username),initValue:fromSessionStorage("auth."+m+".username")||(null===(a=null==t?void 0:t[m])||void 0===a?void 0:a.username),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicUsername"),": "),f?React.createElement(FormDropdown,__assign({},p,{options:f})):React.createElement(FormTextField,__assign({},p))),React.createElement(FormControl,null,React.createElement(FormLabel,null," ",l("tryItAuthBasicPassword"),": "),React.createElement(FormTextField,{type:"password","data-cy":"http-auth-password",fullWidth:!0,field:"auth."+m+".password",validate:requiredValidator,initialValue:fromSessionStorage("auth."+m+".password")||(null===(n=null==t?void 0:t[m])||void 0===n?void 0:n.password),validateOnBlur:!0,validateOnChange:!0})))}if("bearer"===r.scheme){var h=getSecurityDetailsOptions(m,"");p={field:"auth."+m,fullWidth:!0,initialValue:fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),initValue:fromSessionStorage("auth."+m)||(null==t?void 0:t[m]),validate:requiredValidator,validateOnBlur:!0,validateOnChange:!0};return React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," Bearer Token: "),h?React.createElement(FormDropdown,__assign({},p,{options:h})):React.createElement(FormTextField,__assign({},p,{type:"password",placeholder:"(without 'Bearer')"}))))}}else{if("oauth2"===r.type&&r.flows&&r.flows.clientCredentials)return React.createElement(OAuth2TokenInput,{key:m,flow:r.flows.clientCredentials,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.clientCredentials["x-defaultClientId"]||r["x-defaultClientId"],defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type&&r.flows&&r.flows.implicit)return React.createElement(OAuth2Flow,{key:m,authorizationUrl:r.flows.implicit.authorizationUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(u=null===(i=null==r?void 0:r.flows)||void 0===i?void 0:i.implicit)||void 0===u?void 0:u.scopes)||{}),server:e.props.activeServer,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.implicit["x-defaultClientId"]||r["x-defaultClientId"],flow:"implicit",defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type&&r.flows&&r.flows.authorizationCode)return React.createElement(OAuth2Flow,{key:m,authorizationUrl:r.flows.authorizationCode.authorizationUrl,tokenUrl:r.flows.authorizationCode.tokenUrl,authCorsProxyUrl:e.props.authCorsProxyUrl,scopes:Object.keys((null===(s=r.flows.authorizationCode)||void 0===s?void 0:s.scopes)||{}),server:e.props.activeServer,id:m,form:e.props.form,formApi:e.props.formApi,clientId:r.flows.authorizationCode["x-defaultClientId"]||r["x-defaultClientId"],flow:"authorizationCode",usePkce:r.flows.authorizationCode["x-usePkce"],defaultValues:null==t?void 0:t[m]});if("oauth2"===r.type){var v=fromSessionStorage("auth."+m+".token")||JSON.stringify(null===(c=null==t?void 0:t[m])||void 0===c?void 0:c.token);return v=v?JSON.parse(v):{},React.createElement(React.Fragment,{key:m},React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token Type: "),React.createElement(FormTextField,{fullWidth:!0,field:"auth."+m+".token.token_type",initialValue:v.token_type||"Bearer"})),React.createElement(FormControl,null,React.createElement(FormLabel,null," Access Token: "),React.createElement(FormTextField,{type:"password",fullWidth:!0,field:"auth."+m+".token.access_token",validate:requiredValidator,initialValue:v.access_token,validateOnBlur:!0,validateOnChange:!0})))}if("openIdConnect"===r.type)return React.createElement(OpenIDConnect,{key:m,server:e.props.activeServer,authCorsProxyUrl:e.props.authCorsProxyUrl,id:m,form:e.props.form,formApi:e.props.formApi,scheme:r,clientId:r["x-defaultClientId"],defaultValues:null==t?void 0:t[m]})}}))),React.createElement("small",null,React.createElement("strong",null,"Note"),": Your credentials will be saved until the end of the browser session"))}}),t}(React.Component);export{AuthPanel};
2
2
  //# sourceMappingURL=AuthPanel.js.map
@@ -1,2 +1,2 @@
1
- import*as React from"react";import{asField}from"informed";import{Dropdown}from"../../redoc-lib";import{useMount}from"../../hooks";var ParameterEnumDropdownComponent=function(e){var o=e.initValue,r=e.paramEnum,n=e.fieldApi,t=React.useState(o),a=t[0],u=t[1],i=r.map((function(e,o){return{id:String(o),value:e}}));return useMount((function(){o&&n.setValue(o)})),React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:a,options:i,onChange:function(e){n.setValue(e.value),u(e.value)}})};export var ParameterEnumDropdown=asField(ParameterEnumDropdownComponent);
1
+ import*as React from"react";import{asField}from"informed";import{useMount}from"../../hooks";import{Dropdown}from"../common/Dropdown";var ParameterEnumDropdownComponent=function(o){var e=o.initValue,n=o.paramEnum,r=o.fieldApi,a=React.useState(e),t=a[0],m=a[1],u=n.map((function(o,e){return{idx:e,value:o}}));return useMount((function(){e&&r.setValue(e)})),React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:t,options:u,onChange:function(o){r.setValue(o.value),m(o.value)}})};export var ParameterEnumDropdown=asField(ParameterEnumDropdownComponent);
2
2
  //# sourceMappingURL=ParameterDropdown.js.map
@@ -1,2 +1,2 @@
1
- var _this=this;import{__assign,__awaiter,__generator,__rest}from"tslib";import*as React from"react";import{useEffect}from"react";import{observer}from"mobx-react";import merge from"deepmerge";import{DropdownOrLabel,Dropdown,MediaTypesSwitch}from"../../redoc-lib";import CodemirrorInput from"./CodemirrorInput";import{RequestMimeLabel}from"./RequestMimeLabel";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMerge}from"../../services/utils";import{RequestBodyForm}from"./RequestBodyForm";import{isRootFileUpload}from"../common/FileUpload/helper";import{MediaTypes}from"../../models";export var RequestBody=observer((function(e){var r,o,t=e.properties,a=void 0===t?{}:t,i=__rest(e,["properties"]),n=function(e){var r,o=i.body.content;if(!o||!o.hasSample)return"";var t=null===(r=o.active)||void 0===r?void 0:r.examples;if(!(null==t?void 0:t[e]))return"";var n=merge(null==t?void 0:t[e].value,a,{arrayMerge:arrayMerge});return JSON.stringify(n,null,2)},l=null===(o=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===o?void 0:o.activeExampleName,m=function(e){var r,o;null===(o=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===o||o.activateExampleName(e),i.console.formApi.setValue("body",n(e))},d=function(e){if(!e)return"";if("application/x-www-form-urlencoded"===e.mime)return e.value;var r=merge(e.value,a,{arrayMerge:arrayMerge});return JSON.stringify(r,null,2)},p=function(e,r){return __awaiter(void 0,void 0,void 0,(function(){var o;return __generator(this,(function(t){return o=i.console.formApi,(0,o.setValue)("body."+e,r),[2]}))}))};useEffect((function(){!1!==l?l&&i.console.formApi.setValue("body",n(l)):i.console.formApi.setValue("body",JSON.stringify(a,null,2))}),[l]);var u=i.validate,s=i.body;return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:s.content,renderDropdown:function(e){return React.createElement(DropdownOrLabel,__assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))}},(function(e){var r=e.examples||{},o=Object.keys(r),t=e.schema,a=isRootFileUpload(t||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,n=useExampleKey(e.operation,r).exampleKey,l=r[n];return React.createElement(React.Fragment,null,o.length&&1!==o.length&&React.createElement(ExampleSwitch,{examples:r,onChange:m,exampleKey:n})||null,a?React.createElement(RequestBodyForm,{mediaType:e,onChange:p.bind(_this)}):React.createElement(CodemirrorInput,{id:"body"+i.id,field:"body",initialValue:d(l),schema:(i.resolvedBody.content[e.name]||{}).schema,mode:e.name,validate:u}))})))}));
1
+ var _this=this;import{__assign,__awaiter,__generator,__rest}from"tslib";import*as React from"react";import{useEffect}from"react";import{observer}from"mobx-react";import merge from"deepmerge";import{DropdownOrLabel,MediaTypesSwitch}from"../../redoc-lib";import CodemirrorInput from"./CodemirrorInput";import{RequestMimeLabel}from"./RequestMimeLabel";import{ExampleSwitch,useExampleKey}from"../Samples";import{arrayMerge}from"../../services/utils";import{RequestBodyForm}from"./RequestBodyForm";import{isRootFileUpload}from"../common/FileUpload/helper";import{MediaTypes}from"../../models";import{Dropdown}from"../common/Dropdown";export var RequestBody=observer((function(e){var r,o,t=e.properties,a=void 0===t?{}:t,i=__rest(e,["properties"]),n=function(e){var r,o=i.body.content;if(!o||!o.hasSample)return"";var t=null===(r=o.active)||void 0===r?void 0:r.examples;if(!(null==t?void 0:t[e]))return"";var n=merge(null==t?void 0:t[e].value,a,{arrayMerge:arrayMerge});return JSON.stringify(n,null,2)},l=null===(o=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===o?void 0:o.activeExampleName,m=function(e){var r,o;null===(o=null===(r=i.body.content)||void 0===r?void 0:r.operation)||void 0===o||o.activateExampleName(e),i.console.formApi.setValue("body",n(e))},d=function(e){if(!e)return"";if("application/x-www-form-urlencoded"===e.mime)return e.value;var r=merge(e.value,a,{arrayMerge:arrayMerge});return JSON.stringify(r,null,2)},p=function(e,r){return __awaiter(void 0,void 0,void 0,(function(){var o;return __generator(this,(function(t){return o=i.console.formApi,(0,o.setValue)("body."+e,r),[2]}))}))};useEffect((function(){!1!==l?l&&i.console.formApi.setValue("body",n(l)):i.console.formApi.setValue("body",JSON.stringify(a,null,2))}),[l]);var u=i.validate,c=i.body;return React.createElement(React.Fragment,null,React.createElement(MediaTypesSwitch,{content:c.content,renderDropdown:function(e){return React.createElement(DropdownOrLabel,__assign({},e,{variant:"dark",fullWidth:!0,Label:RequestMimeLabel,Dropdown:Dropdown}))}},(function(e){var r,o=e.examples||{},t=Object.keys(o),a=e.schema,n=isRootFileUpload(a||{},e.name)||e.name===MediaTypes.MULTIPART||e.name===MediaTypes.URL_ENCODED,l=useExampleKey(e.operation,o).exampleKey,c=o[l];return React.createElement(React.Fragment,null,t.length&&1!==t.length&&React.createElement(ExampleSwitch,{examples:o,onChange:m,exampleKey:l})||null,n?React.createElement(RequestBodyForm,{mediaType:e,onChange:p.bind(_this)}):React.createElement(CodemirrorInput,{id:"body"+i.id,field:"body",initialValue:d(c),schema:((null===(r=null==i?void 0:i.resolvedBody)||void 0===r?void 0:r.content[e.name])||{}).schema,mode:e.name,validate:u}))})))}));
2
2
  //# sourceMappingURL=RequestBody.js.map
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import { DropdownProps } from '@redocly/react-dropdown-aria';
3
- import { OperationModel, Server } from '../../redoc-lib';
2
+ import type { OperationModel, Server } from '../../redoc-lib';
3
+ import { DropdownOption } from '../common/Dropdown';
4
4
  export interface ServerDropdownProps {
5
5
  operation: OperationModel;
6
6
  onChange: (server: Server) => void;
@@ -17,9 +17,7 @@ export declare class ServerChooser extends React.Component<ServerDropdownProps,
17
17
  variables: {};
18
18
  };
19
19
  static getDerivedStateFromProps(props: ServerDropdownProps): ServerDropdownState;
20
- handleServerChange: (option: DropdownProps & {
21
- serverUrl: string;
22
- }) => void;
20
+ handleServerChange: (option: DropdownOption) => void;
23
21
  handleVariableChange: (name: string, value: string) => void;
24
22
  componentDidMount(): void;
25
23
  render(): JSX.Element;
@@ -1,2 +1,2 @@
1
- import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{Dropdown,styled}from"../../redoc-lib";import{observer}from"mobx-react";import{fromSessionStorage,toSessionStorage}from"../../utils";import ServerVariable from"./ServerVariable";import{FormControl,FormLabel}from"../common/form";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"./utils";var ServerChooser=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var a=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),t=getDefaultOrStoredVariables(a);r.props.onChange({url:e.serverUrl,variables:t}),toSessionStorage("serverUrl",e.serverUrl),r.setState({variables:t})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,a){var t,n=r.props.operation.servers[r.state.activeIdx],o=__assign(__assign({},r.state.variables),((t={})[e]=a||getDefaultOrStoredVariables(n)[e],t));r.setState({variables:o}),updateVariablesStorage(e,a),r.props.onChange(__assign(__assign({},n),{variables:o}))}}),r}return __extends(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,a=fromSessionStorage("serverUrl"),t=r.servers.findIndex((function(e){return e.url===a}));return{activeIdx:t<0?0:t}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=getServerWithVariables(this.props.operation.servers,this.state.activeIdx);this.props.onChange(e),this.setState({variables:e.variables})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,a=this.props.operation.servers.map((function(r){return{serverUrl:r.url,value:"\n "+expandDefaultServerVariables(expandVariables(r.url,e.state.variables),r.variables)+"\n - "+(r.description||"Default")+"\n "}})),t=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(FormControl,null,React.createElement(Dropdown,{openUp:!0,variant:"dark",value:a[r].value,options:a,onChange:this.handleServerChange})),t.length?t.map((function(r){var a,t=null===(a=e.props.operation.servers[e.state.activeIdx].variables)||void 0===a?void 0:a[r];if(t)return React.createElement(ServerVariable,{key:r,name:r,value:e.state.variables[r],defaultValue:t.default,onChange:function(a){return e.handleVariableChange(r,a)},variableEnum:t.enum,description:t.description})})):null)}}),r=__decorate([observer],r)}(React.Component);export{ServerChooser};var templateObject_1,ServerDropdownWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n margin-top: 20px;\n"],["\n margin-top: 20px;\n"])));
1
+ import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import*as React from"react";import{styled}from"../../redoc-lib";import{observer}from"mobx-react";import{fromSessionStorage,toSessionStorage}from"../../utils";import ServerVariable from"./ServerVariable";import{FormControl,FormLabel}from"../common/form";import{expandDefaultServerVariables,expandVariables,getServerWithVariables,getDefaultOrStoredVariables,updateVariablesStorage}from"./utils";import{Dropdown}from"../common/Dropdown";var ServerChooser=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"state",{enumerable:!0,configurable:!0,writable:!0,value:{activeIdx:0,variables:{}}}),Object.defineProperty(r,"handleServerChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var a=r.props.operation.servers.find((function(r){return r.url===e.serverUrl})),t=getDefaultOrStoredVariables(a);r.props.onChange({url:e.serverUrl||"",variables:t}),toSessionStorage("serverUrl",e.serverUrl||""),r.setState({variables:t})}}),Object.defineProperty(r,"handleVariableChange",{enumerable:!0,configurable:!0,writable:!0,value:function(e,a){var t,o=r.props.operation.servers[r.state.activeIdx],n=__assign(__assign({},r.state.variables),((t={})[e]=a||getDefaultOrStoredVariables(o)[e],t));r.setState({variables:n}),updateVariablesStorage(e,a),r.props.onChange(__assign(__assign({},o),{variables:n}))}}),r}return __extends(r,e),Object.defineProperty(r,"getDerivedStateFromProps",{enumerable:!1,configurable:!0,writable:!0,value:function(e){var r=e.operation,a=fromSessionStorage("serverUrl"),t=r.servers.findIndex((function(e){return e.url===a}));return{activeIdx:t<0?0:t}}}),Object.defineProperty(r.prototype,"componentDidMount",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=getServerWithVariables(this.props.operation.servers,this.state.activeIdx);this.props.onChange(e),this.setState({variables:e.variables})}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.state.activeIdx,a=this.props.operation.servers.map((function(r,a){return{idx:a,serverUrl:r.url,value:"\n "+expandDefaultServerVariables(expandVariables(r.url,e.state.variables),r.variables)+"\n - "+(r.description||"Default")+"\n "}})),t=Object.keys(this.state.variables);return React.createElement(ServerDropdownWrap,null,React.createElement(FormLabel,{htmlFor:"server"},"Target server: "),React.createElement(FormControl,null,React.createElement(Dropdown,{variant:"dark",value:a[r].value,options:a,fullWidth:!0,onChange:this.handleServerChange})),t.length?t.map((function(r){var a,t=null===(a=e.props.operation.servers[e.state.activeIdx].variables)||void 0===a?void 0:a[r];if(t)return React.createElement(ServerVariable,{key:r,name:r,value:e.state.variables[r],defaultValue:t.default,onChange:function(a){return e.handleVariableChange(r,a)},variableEnum:t.enum,description:t.description})})):null)}}),r=__decorate([observer],r)}(React.Component);export{ServerChooser};var templateObject_1,ServerDropdownWrap=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n margin-top: 20px;\n"],["\n margin-top: 20px;\n"])));
2
2
  //# sourceMappingURL=ServerDropdown.js.map
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject}from"tslib";import*as React from"react";import{Dropdown,styled}from"../../redoc-lib";import{FormControl,FormLabel}from"../common/form";import{TextField}from"../common/TextField";export default function ServerVariable(e){var t=e.name,l=e.value,n=e.description,a=e.variableEnum,r=e.onChange,o=e.defaultValue,m=a?a.map((function(e,t){return{value:e,idx:t}})):[];return React.createElement(FormControl,null,React.createElement(FormLabel,null,t,":"),m&&m.length?React.createElement(Dropdown,{fullWidth:!0,variant:"dark",openUp:!0,value:l,options:m,onChange:function(e){return r(e.value)}}):React.createElement(TextField,{fullWidth:!0,value:l,onChange:function(e){return r(e.target.value)},placeholder:o}),n&&React.createElement(Description,null,n))}var templateObject_1,Description=styled.small(templateObject_1||(templateObject_1=__makeTemplateObject(["\n display: inline-block;\n margin-top: 5px;\n color: #d0d0d0;\n"],["\n display: inline-block;\n margin-top: 5px;\n color: #d0d0d0;\n"])));
1
+ import{__makeTemplateObject}from"tslib";import*as React from"react";import{styled}from"../../redoc-lib";import{Dropdown}from"../common/Dropdown";import{FormControl,FormLabel}from"../common/form";import{TextField}from"../common/TextField";export default function ServerVariable(e){var t=e.name,n=e.value,o=e.description,l=e.variableEnum,r=e.onChange,a=e.defaultValue,m=l?l.map((function(e,t){return{value:e,idx:t}})):[];return React.createElement(FormControl,null,React.createElement(FormLabel,null,t,":"),m&&m.length?React.createElement(Dropdown,{fullWidth:!0,variant:"dark",value:n,options:m,onChange:function(e){return r(e.value)}}):React.createElement(TextField,{fullWidth:!0,value:n,onChange:function(e){return r(e.target.value)},placeholder:a}),o&&React.createElement(Description,null,o))}var templateObject_1,Description=styled.small(templateObject_1||(templateObject_1=__makeTemplateObject(["\n display: inline-block;\n margin-top: 5px;\n color: #d0d0d0;\n"],["\n display: inline-block;\n margin-top: 5px;\n color: #d0d0d0;\n"])));
2
2
  //# sourceMappingURL=ServerVariable.js.map
@@ -9,5 +9,7 @@ export * from './ProProviders';
9
9
  export { ToggleRightPanelButton, ControlsWrap, ChangeViewButton, BackgroundStub, NextSectionButtonWrap, ApiContentWrap, BackgroundStubFix, } from './styled.elements';
10
10
  export { TextField } from './common/TextField';
11
11
  export { Checkbox } from './common/Checkbox';
12
+ export { Dropdown } from './common/Dropdown';
12
13
  export { FormControl, FormLabel, FormError } from './common/form';
13
14
  export type { OpenApiResponseData } from './console/ResponsePanel';
15
+ export type { DropdownProps, DropdownOption } from './common/Dropdown';
@@ -1,2 +1,2 @@
1
- export{Button}from"./shared/Button";export*from"./NextSectionButton";export*from"./StoreProvider";export*from"./RedoclyReferenceDocs";export*from"./pluggable";export*from"./console/ConsoleLazy";export*from"./ProProviders";export{ToggleRightPanelButton,ControlsWrap,ChangeViewButton,BackgroundStub,NextSectionButtonWrap,ApiContentWrap,BackgroundStubFix}from"./styled.elements";export{TextField}from"./common/TextField";export{Checkbox}from"./common/Checkbox";export{FormControl,FormLabel,FormError}from"./common/form";
1
+ export{Button}from"./shared/Button";export*from"./NextSectionButton";export*from"./StoreProvider";export*from"./RedoclyReferenceDocs";export*from"./pluggable";export*from"./console/ConsoleLazy";export*from"./ProProviders";export{ToggleRightPanelButton,ControlsWrap,ChangeViewButton,BackgroundStub,NextSectionButtonWrap,ApiContentWrap,BackgroundStubFix}from"./styled.elements";export{TextField}from"./common/TextField";export{Checkbox}from"./common/Checkbox";export{Dropdown}from"./common/Dropdown";export{FormControl,FormLabel,FormError}from"./common/form";
2
2
  //# sourceMappingURL=index.js.map
@@ -2,5 +2,6 @@ export * from './components/index';
2
2
  export * from './services/index';
3
3
  export * from './redoc-lib/index';
4
4
  export * from './models/index';
5
- export type { setSecurityDetails, setSecurityDetailsVariants, setParameterValue, SecurityDetails, } from './utils';
5
+ export { setSecurityDetails, setSecurityDetailsVariants, setParameterValue } from './utils';
6
+ export type { SecurityDetails } from './utils';
6
7
  export type { OAuth2 } from './services/OAuth2';
package/lib-esm/index.js CHANGED
@@ -1,2 +1,2 @@
1
- export*from"./components/index";export*from"./services/index";export*from"./redoc-lib/index";export*from"./models/index";
1
+ export*from"./components/index";export*from"./services/index";export*from"./redoc-lib/index";export*from"./models/index";export{setSecurityDetails,setSecurityDetailsVariants,setParameterValue}from"./utils";
2
2
  //# sourceMappingURL=index.js.map
@@ -4,7 +4,6 @@ export * from './linkify';
4
4
  export * from './shelfs';
5
5
  export * from './fields-layout';
6
6
  export * from './schema';
7
- export * from './dropdown';
8
7
  export * from './mixins';
9
8
  export * from './samples';
10
9
  export * from './perfect-scrollbar';
@@ -1,2 +1,2 @@
1
- export*from"./panels";export*from"./headers";export*from"./linkify";export*from"./shelfs";export*from"./fields-layout";export*from"./schema";export*from"./dropdown";export*from"./mixins";export*from"./samples";export*from"./perfect-scrollbar";export*from"./icons";export*from"./Tooltip";
1
+ export*from"./panels";export*from"./headers";export*from"./linkify";export*from"./shelfs";export*from"./fields-layout";export*from"./schema";export*from"./mixins";export*from"./samples";export*from"./perfect-scrollbar";export*from"./icons";export*from"./Tooltip";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import { DropdownProps } from '../../common-elements';
3
2
  import { OperationModel } from '../../services/models';
3
+ import type { DropdownProps } from '../../../../components/common/Dropdown';
4
4
  export interface PayloadSampleProps {
5
5
  callback: OperationModel;
6
6
  renderDropdown: (props: DropdownProps) => JSX.Element;
@@ -5,7 +5,7 @@ export interface CallbackSamplesProps {
5
5
  callbacks: CallbackModel[];
6
6
  }
7
7
  export declare class CallbackSamples extends React.Component<CallbackSamplesProps> {
8
- static contextType: React.Context<RedocNormalizedOptions>;
8
+ static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
9
9
  context: RedocNormalizedOptions;
10
10
  private renderDropdown;
11
11
  render(): JSX.Element | null;
@@ -1,2 +1,2 @@
1
- import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{CodePanel}from"../../../../components/Panel";import{MimeLabel}from"../../../../components/shared";import styled,{mediaCSS}from"../../styled-components";import{OptionsContext}from"../OptionsProvider";import{GenericChildrenSwitcher}from"../GenericChildrenSwitcher/GenericChildrenSwitcher";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{CallbackPayloadSample}from"./CallbackReqSamples";import{Dropdown}from"../../../src/common-elements/dropdown";import{DropdownWrapper}from"../../..";var templateObject_1,CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var t=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!t.some((function(e){return e.hasSamples})))return null;var n=t.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher,{items:t,renderDropdown:this.renderDropdown,options:n},(function(r){return React.createElement(CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),r=__decorate([observer],r)}(React.Component);export{CallbackSamples};export var SamplesWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n ","\n padding: ","px;\n"],["\n ","\n padding: ","px;\n"])),(function(e){var r=e.theme;return mediaCSS({background:r.codeBlock.backgroundColor})}),(function(e){return 4*e.theme.spacing.unit}));
1
+ import{__assign,__decorate,__extends,__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{CodePanel}from"../../../../components/Panel";import{MimeLabel}from"../../../../components/shared";import styled,{mediaCSS}from"../../styled-components";import{OptionsContext}from"../OptionsProvider";import{GenericChildrenSwitcher}from"../GenericChildrenSwitcher/GenericChildrenSwitcher";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{CallbackPayloadSample}from"./CallbackReqSamples";import{Dropdown}from"../../../../components/common/Dropdown";import{DropdownWrapper}from"../../..";var templateObject_1,CallbackSamples=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"renderDropdown",{enumerable:!0,configurable:!0,writable:!0,value:function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,fullWidth:!0,variant:"dark"},e)))}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this,r=this.props.callbacks;if(!r||0===r.length)return null;var n=r.map((function(e){return e.operations.map((function(e){return e}))})).reduce((function(e,r){return e.concat(r)}),[]);if(!n.some((function(e){return e.hasSamples})))return null;var t=n.map((function(e,r){return{value:e.httpVerb.toUpperCase()+": "+e.name,idx:r}}));return React.createElement(CodePanel,{header:"Callback payload samples"},React.createElement(GenericChildrenSwitcher,{items:n,renderDropdown:this.renderDropdown,options:t},(function(r){return React.createElement(CallbackPayloadSample,{key:"callbackPayloadSample",callback:r,renderDropdown:e.renderDropdown})})))}}),Object.defineProperty(r,"contextType",{enumerable:!0,configurable:!0,writable:!0,value:OptionsContext}),r=__decorate([observer],r)}(React.Component);export{CallbackSamples};export var SamplesWrapper=styled.div(templateObject_1||(templateObject_1=__makeTemplateObject(["\n ","\n padding: ","px;\n"],["\n ","\n padding: ","px;\n"])),(function(e){var r=e.theme;return mediaCSS({background:r.codeBlock.backgroundColor})}),(function(e){return 4*e.theme.spacing.unit}));
2
2
  //# sourceMappingURL=CallbackSamples.js.map
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { DropdownProps } from '../../common-elements/dropdown';
2
+ import { DropdownProps } from '../../../../components/common/Dropdown';
3
3
  export interface DropdownOrLabelProps extends DropdownProps {
4
4
  Label?: React.ComponentClass;
5
5
  Dropdown?: React.ComponentClass;
@@ -1,2 +1,2 @@
1
- import{__assign}from"tslib";import*as React from"react";import{MimeLabel,SimpleDropdown}from"../../common-elements/dropdown";export function DropdownOrLabel(e){var o=e.Label,r=void 0===o?MimeLabel:o,t=e.Dropdown,n=void 0===t?SimpleDropdown:t;return 1===e.options.length?React.createElement(r,null,e.options[0].value):React.createElement(n,__assign({},e,{searchable:!1}))}
1
+ import{__assign,__makeTemplateObject}from"tslib";import*as React from"react";import styled from"../../styled-components";import{SimpleDropdown}from"../../../../components/common/Dropdown";var templateObject_1,MimeLabel=styled.span(templateObject_1||(templateObject_1=__makeTemplateObject(["\n margin-left: 4px;\n font-size: 14px;\n text-transform: none;\n font-weight: 400;\n color: ",";\n"],["\n margin-left: 4px;\n font-size: 14px;\n text-transform: none;\n font-weight: 400;\n color: ",";\n"])),(function(e){return e.theme.colors.text.primary}));export function DropdownOrLabel(e){var t=e.Label,n=void 0===t?MimeLabel:t,o=e.Dropdown,r=void 0===o?SimpleDropdown:o;return 1===e.options.length?React.createElement(n,null,e.options[0].value):React.createElement(r,__assign({},e))}
2
2
  //# sourceMappingURL=DropdownOrLabel.js.map
@@ -11,7 +11,7 @@ export interface EnumValuesState {
11
11
  export declare class EnumValues extends React.PureComponent<EnumValuesProps, EnumValuesState> {
12
12
  constructor(props: EnumValuesProps);
13
13
  state: EnumValuesState;
14
- static contextType: React.Context<import("../../services").RedocNormalizedOptions>;
14
+ static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
15
15
  private toggle;
16
16
  render(): JSX.Element | null;
17
17
  }
@@ -6,7 +6,7 @@ export declare class FieldDetails extends React.PureComponent<FieldProps, {
6
6
  state: {
7
7
  patternShown: boolean;
8
8
  };
9
- static contextType: React.Context<import("../../services").RedocNormalizedOptions>;
9
+ static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
10
10
  togglePattern: () => void;
11
11
  render(): JSX.Element;
12
12
  }
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { DropdownProps, DropdownOption } from '../../common-elements/dropdown';
2
+ import { DropdownProps, DropdownOption } from '../../../../components/common/Dropdown';
3
3
  export interface GenericChildrenSwitcherProps<T> {
4
4
  items?: T[];
5
5
  options: DropdownOption[];
@@ -1,2 +1,2 @@
1
- import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples/styled.elements";var GenericChildrenSwitcher=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"switchItem",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.idx;r.props.items&&r.setState({activeItemIdx:t})}}),r.state={activeItemIdx:0},r}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.items,r=e.options,a=e.renderDropdown,n=e.label,o=e.children;if(!t||!t.length)return null;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return n?React.createElement(DropdownWrapper,null,React.createElement(DropdownLabel,null,n),t):t}),null,a({value:r[this.state.activeItemIdx].value,options:r,onChange:this.switchItem,ariaLabel:n||"Callback"})),o(t[this.state.activeItemIdx]))}}),t=__decorate([observer],t)}(React.Component);export{GenericChildrenSwitcher};
1
+ import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{DropdownLabel,DropdownWrapper}from"../PayloadSamples/styled.elements";var GenericChildrenSwitcher=function(e){function t(t){var r=e.call(this,t)||this;return Object.defineProperty(r,"switchItem",{enumerable:!0,configurable:!0,writable:!0,value:function(e){var t=e.idx;r.props.items&&t&&r.setState({activeItemIdx:t})}}),r.state={activeItemIdx:0},r}return __extends(t,e),Object.defineProperty(t.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,t=e.items,r=e.options,a=e.renderDropdown,n=e.label,o=e.children;if(!t||!t.length)return null;return React.createElement(React.Fragment,null,React.createElement((function(e){var t=e.children;return n?React.createElement(DropdownWrapper,null,React.createElement(DropdownLabel,null,n),t):t}),null,a({value:r[this.state.activeItemIdx].value,options:r,onChange:this.switchItem,ariaLabel:n||"Callback"})),o(t[this.state.activeItemIdx]))}}),t=__decorate([observer],t)}(React.Component);export{GenericChildrenSwitcher};
2
2
  //# sourceMappingURL=GenericChildrenSwitcher.js.map
@@ -1,2 +1,2 @@
1
- import{__assign,__rest}from"tslib";import*as React from"react";import{MarkdownRenderer}from"../../services";import{SanitizedMarkdownHTML}from"./SanitizedMdBlock";export var Markdown=function(r){var e=r.source,t=__rest(r,["source"]),n=new MarkdownRenderer;return React.createElement(SanitizedMarkdownHTML,__assign({},t,{html:n.renderMd(e)}))};
1
+ import{__assign,__rest}from"tslib";import React,{useContext}from"react";import{MarkdownRenderer}from"../../services";import{SanitizedMarkdownHTML}from"./SanitizedMdBlock";import{OptionsContext}from"../OptionsProvider";export var Markdown=function(r){var e=r.source,t=__rest(r,["source"]),o=useContext(OptionsContext),n=new MarkdownRenderer(o);return React.createElement(SanitizedMarkdownHTML,__assign({},t,{html:n.renderMd(e)}))};
2
2
  //# sourceMappingURL=Markdown.js.map
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- import { DropdownProps } from '../../common-elements/dropdown';
2
+ import { DropdownProps } from '../../../../components/common/Dropdown';
3
3
  import { MediaContentModel, MediaTypeModel, SchemaModel } from '../../services/models';
4
4
  export interface MediaTypeChildProps {
5
5
  schema: SchemaModel;
@@ -1,2 +1,2 @@
1
- import{__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{Endpoint}from"../../../../components/Endpoint";import{Badge,H2,MiddlePanel,RightPanel,Row}from"../../common-elements";import{ShareLink}from"../../common-elements";import styled from"../../styled-components";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples/CallbackSamples";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";import{Extensions}from"../Fields/Extensions";import{Markdown}from"../Markdown/Markdown";import{Parameters}from"../Parameters/Parameters";import{RequestSamples}from"../RequestSamples/RequestSamples";import{ResponsesList}from"../Responses/ResponsesList";import{ResponseSamples}from"../ResponseSamples/ResponseSamples";import{SecurityRequirements}from"../SecurityRequirement/SecurityRequirement";import{StoreContext}from"../StoreBuilder";import{ScrollableContentPanel}from"../../../../components/Panel";import{LayoutVariant}from"../../../../services/store-types";import{RenderHook}from"../helper";import{creatPanelToggleEvent}from"../RequestSamples/languageSwitchEvent";import{l}from"../../services/Labels";var templateObject_1,templateObject_2,OperationRow=styled(Row)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n backface-visibility: hidden;\n contain: content;\n overflow: hidden;\n"],["\n backface-visibility: hidden;\n contain: content;\n overflow: hidden;\n"]))),Description=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),(function(e){return 4*e.theme.spacing.unit}));export var Operation=observer((function(e){var t,o,n,a,r=e.operation,i=r.name,s=r.description,c=r.deprecated,m=r.externalDocs,p=r.isWebhook,d=e.operation,u=e.layout,R=React.useContext(StoreContext),E=!(!s&&!m),b=null==R?void 0:R.options.hooks,k=null==R?void 0:R.options.events,v=React.useCallback((function(e){var t,o=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"responses"});null===(t=null==k?void 0:k.panelToggle)||void 0===t||t.call(k,o)}),[k]),f=React.useCallback((function(e){var t,o=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"request"});null===(t=null==k?void 0:k.panelToggle)||void 0===t||t.call(k,o)}),[k]);return React.createElement(OperationRow,{layout:u},React.createElement(MiddlePanel,{isStacked:u===LayoutVariant.STACKED},React.createElement(RenderHook,{Hook:null==b?void 0:b.BeforeOperation,props:{operation:d}}),React.createElement(H2,null,React.createElement(ShareLink,{to:d.id}),React.createElement(RenderHook,{Hook:null==b?void 0:b.BeforeOperationSummary,props:{operation:d}}),i,React.createElement(RenderHook,{Hook:null==b?void 0:b.AfterOperationSummary,props:{operation:d}}),c&&React.createElement(Badge,{type:"warning"},"Deprecated"),p&&React.createElement(Badge,{type:"primary"},"Webhook")),(null==R?void 0:R.options.pathInMiddlePanel)&&!p&&React.createElement(Endpoint,{operation:d}),E&&React.createElement(Description,null,void 0!==s&&React.createElement(Markdown,{source:s}),m&&React.createElement(ExternalDocumentation,{externalDocs:m}),Object.keys(d.extensions||{}).length?React.createElement(Extensions,{extensions:d.extensions}):null),(null===(t=d.security)||void 0===t?void 0:t.length)||(null===(o=d.parameters)||void 0===o?void 0:o.length)||d.requestBody?React.createElement(ScrollableContentPanel,{header:l("request"),onToggle:f,expanded:R.options.expandDefaultRequest},React.createElement(SecurityRequirements,{securities:d.security}),React.createElement(Parameters,{parameters:d.parameters,body:d.requestBody})):null,(null===(n=d.responses)||void 0===n?void 0:n.length)?React.createElement(ScrollableContentPanel,{header:l("responses"),onToggle:v,expanded:R.options.expandDefaultResponse},React.createElement(ResponsesList,{responses:d.responses})):null,(null===(a=d.callbacks)||void 0===a?void 0:a.length)?React.createElement(ScrollableContentPanel,{header:l("callbacks")},React.createElement(CallbacksList,{callbacks:d.callbacks})):null,React.createElement(RenderHook,{Hook:null==b?void 0:b.AfterOperation,props:{operation:d}})),(null==R?void 0:R.showRightPanel)?React.createElement(RightPanel,{"data-cy":"samples-block"},!(null==R?void 0:R.options.pathInMiddlePanel)&&!p&&React.createElement(Endpoint,{operation:d}),React.createElement(RequestSamples,{operation:d}),React.createElement(ResponseSamples,{operation:d}),React.createElement(CallbackSamples,{callbacks:d.callbacks})):null)}));
1
+ import{__makeTemplateObject}from"tslib";import{observer}from"mobx-react";import React from"react";import{Endpoint}from"../../../../components/Endpoint";import{Badge,H2,MiddlePanel,RightPanel,Row}from"../../common-elements";import{ShareLink}from"../../common-elements";import styled from"../../styled-components";import{CallbacksList}from"../Callbacks";import{CallbackSamples}from"../CallbackSamples/CallbackSamples";import{ExternalDocumentation}from"../ExternalDocumentation/ExternalDocumentation";import{Extensions}from"../Fields/Extensions";import{Markdown}from"../Markdown/Markdown";import{Parameters}from"../Parameters/Parameters";import{RequestSamples}from"../RequestSamples/RequestSamples";import{ResponsesList}from"../Responses/ResponsesList";import{ResponseSamples}from"../ResponseSamples/ResponseSamples";import{SecurityRequirements}from"../SecurityRequirement/SecurityRequirement";import{StoreContext}from"../StoreBuilder";import{ScrollableContentPanel}from"../../../../components/Panel";import{LayoutVariant}from"../../../../services/store-types";import{RenderHook}from"../helper";import{creatPanelToggleEvent}from"../RequestSamples/languageSwitchEvent";import{l}from"../../services/Labels";var templateObject_1,templateObject_2,OperationRow=styled(Row)(templateObject_1||(templateObject_1=__makeTemplateObject(["\n backface-visibility: hidden;\n contain: content;\n overflow: hidden;\n"],["\n backface-visibility: hidden;\n contain: content;\n overflow: hidden;\n"]))),Description=styled.div(templateObject_2||(templateObject_2=__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),(function(e){return 4*e.theme.spacing.unit}));export var Operation=observer((function(e){var t,o,n,a,r=e.operation,i=r.name,s=r.description,c=r.deprecated,m=r.externalDocs,p=r.isWebhook,d=e.operation,u=e.layout,R=React.useContext(StoreContext),E=!(!s&&!m),b=null==R?void 0:R.options.hooks,v=null==R?void 0:R.options.events,k=React.useCallback((function(e){var t,o=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"responses"});null===(t=null==v?void 0:v.panelToggle)||void 0===t||t.call(v,o)}),[v]),f=React.useCallback((function(e){var t,o=creatPanelToggleEvent({operation:d,isExpanded:e,panelType:"request"});null===(t=null==v?void 0:v.panelToggle)||void 0===t||t.call(v,o)}),[v]);return React.createElement(OperationRow,{layout:u},React.createElement(MiddlePanel,{isStacked:u===LayoutVariant.STACKED},React.createElement(RenderHook,{Hook:null==b?void 0:b.BeforeOperation,props:{operation:d}}),React.createElement(H2,null,React.createElement(ShareLink,{to:d.id}),React.createElement(RenderHook,{Hook:null==b?void 0:b.BeforeOperationSummary,props:{operation:d}}),i,React.createElement(RenderHook,{Hook:null==b?void 0:b.AfterOperationSummary,props:{operation:d}}),c&&React.createElement(Badge,{type:"warning"},"Deprecated"),p&&React.createElement(Badge,{type:"primary"},"Webhook")),(null==R?void 0:R.options.pathInMiddlePanel)&&!p&&React.createElement(Endpoint,{operation:d}),E&&React.createElement(Description,null,void 0!==s&&React.createElement(Markdown,{source:s}),m&&React.createElement(ExternalDocumentation,{externalDocs:m}),Object.keys(d.extensions||{}).length?React.createElement(Extensions,{extensions:d.extensions}):null),(null===(t=d.security)||void 0===t?void 0:t.length)||(null===(o=d.parameters)||void 0===o?void 0:o.length)||d.requestBody?React.createElement(ScrollableContentPanel,{header:l("request"),onToggle:f,expanded:null==R?void 0:R.options.expandDefaultRequest},React.createElement(SecurityRequirements,{securities:d.security}),React.createElement(Parameters,{parameters:d.parameters,body:d.requestBody})):null,(null===(n=d.responses)||void 0===n?void 0:n.length)?React.createElement(ScrollableContentPanel,{header:l("responses"),onToggle:k,expanded:null==R?void 0:R.options.expandDefaultResponse},React.createElement(ResponsesList,{responses:d.responses})):null,(null===(a=d.callbacks)||void 0===a?void 0:a.length)?React.createElement(ScrollableContentPanel,{header:l("callbacks")},React.createElement(CallbacksList,{callbacks:d.callbacks})):null,React.createElement(RenderHook,{Hook:null==b?void 0:b.AfterOperation,props:{operation:d}})),(null==R?void 0:R.showRightPanel)?React.createElement(RightPanel,{"data-cy":"samples-block"},!(null==R?void 0:R.options.pathInMiddlePanel)&&!p&&React.createElement(Endpoint,{operation:d}),React.createElement(RequestSamples,{operation:d}),React.createElement(ResponseSamples,{operation:d}),React.createElement(CallbackSamples,{callbacks:d.callbacks})):null)}));
2
2
  //# sourceMappingURL=Operation.js.map
@@ -1,5 +1,5 @@
1
- import * as React from 'react';
2
- import { RedocNormalizedOptions } from '../services/RedocNormalizedOptions';
3
- export declare const OptionsContext: React.Context<RedocNormalizedOptions>;
4
- export declare const OptionsProvider: React.Provider<RedocNormalizedOptions>;
5
- export declare const OptionsConsumer: React.Consumer<RedocNormalizedOptions>;
1
+ /// <reference types="react" />
2
+ import { RedocProNormalizedOptions } from '../../../services';
3
+ export declare const OptionsContext: import("react").Context<RedocProNormalizedOptions>;
4
+ export declare const OptionsProvider: import("react").Provider<RedocProNormalizedOptions>;
5
+ export declare const OptionsConsumer: import("react").Consumer<RedocProNormalizedOptions>;
@@ -1,2 +1,2 @@
1
- import*as React from"react";import{RedocNormalizedOptions}from"../services/RedocNormalizedOptions";export var OptionsContext=React.createContext(new RedocNormalizedOptions({}));export var OptionsProvider=OptionsContext.Provider;export var OptionsConsumer=OptionsContext.Consumer;
1
+ import{createContext}from"react";import{RedocNormalizedOptions}from"../services/RedocNormalizedOptions";export var OptionsContext=createContext(new RedocNormalizedOptions({}));export var OptionsProvider=OptionsContext.Provider;export var OptionsConsumer=OptionsContext.Consumer;
2
2
  //# sourceMappingURL=OptionsProvider.js.map
@@ -1,2 +1,2 @@
1
- import{__assign,__rest}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{MediaTypeSamples}from"./MediaTypeSamples";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{MimeLabel}from"../../../../components/shared";import{Dropdown}from"../../common-elements/dropdown";import{DropdownWrapper}from"../../..";export var PayloadSamples=observer((function(e){var r=e.onlyDefaultMimeType,o=e.operation,t=e.content,a=__rest(e,["onlyDefaultMimeType","operation","content"]),n=r&&(null==o?void 0:o.defaultMimeType);return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n?function(){return null}:function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return React.createElement(MediaTypeSamples,__assign({key:"samples",mediaType:e},a))}))}));
1
+ import{__assign,__rest}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{MediaTypeSamples}from"./MediaTypeSamples";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{MimeLabel}from"../../../../components/shared";import{Dropdown}from"../../../../components/common/Dropdown";import{DropdownWrapper}from"../../..";export var PayloadSamples=observer((function(e){var r=e.onlyDefaultMimeType,o=e.operation,t=e.content,a=__rest(e,["onlyDefaultMimeType","operation","content"]),n=r&&(null==o?void 0:o.defaultMimeType);return React.createElement(MediaTypesSwitch,{content:t,renderDropdown:n?function(){return null}:function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}},(function(e){return React.createElement(MediaTypeSamples,__assign({key:"samples",mediaType:e},a))}))}));
2
2
  //# sourceMappingURL=PayloadSamples.js.map
@@ -1,2 +1,2 @@
1
- import{__assign,__rest}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{SourceCodeWithText}from"../SourceCode/SourceCode";import{MimeLabel,NoSampleLabel}from"../../../../components/shared";import{Dropdown}from"../../common-elements/dropdown";import{DropdownWrapper}from"../../../src/components/PayloadSamples/styled.elements";import{ExampleSwitch,useExampleKey}from"../../../../components/Samples";export var CodeSample=observer((function(e){var r,t=e.onlyDefaultSample,o=e.onlyDefaultMimeType,a=e.content,n=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),l=function(e){return n.source?React.createElement(SourceCodeWithText,{lang:n.lang,source:n.source}):React.createElement(SourceCodeWithText,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties}})};if(void 0===a||null!=n.source)return l();var m=o&&(null===(r=n.operation)||void 0===r?void 0:r.defaultMimeType),p=a&&a.mediaTypes.length>1&&!m,i=function(e){var r;return null===(r=n.operation)||void 0===r?void 0:r.activateExampleName(e)};return React.createElement(MediaTypesSwitch,{content:a,renderDropdown:p?function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var r=e.examples||{},o=Object.keys(r);if(!o.length)return React.createElement(NoSampleLabel,null,"No sample");if(1===o.length)return l();var a=useExampleKey(e.operation,r),n=a.exampleKey;return a.defaultExampleName&&t?l(n):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:r,exampleKey:n,onChange:i}),l(n))}))}));
1
+ import{__assign,__rest}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{DropdownOrLabel}from"../DropdownOrLabel/DropdownOrLabel";import{MediaTypesSwitch}from"../MediaTypeSwitch/MediaTypesSwitch";import{SourceCodeWithText}from"../SourceCode/SourceCode";import{MimeLabel,NoSampleLabel}from"../../../../components/shared";import{Dropdown}from"../../../../components/common/Dropdown";import{DropdownWrapper}from"../../../src/components/PayloadSamples/styled.elements";import{ExampleSwitch,useExampleKey}from"../../../../components/Samples";export var CodeSample=observer((function(e){var r,o=e.onlyDefaultSample,t=e.onlyDefaultMimeType,a=e.content,n=__rest(e,["onlyDefaultSample","onlyDefaultMimeType","content"]),l=function(e){return n.source?React.createElement(SourceCodeWithText,{lang:n.lang,source:n.source}):React.createElement(SourceCodeWithText,{lang:n.lang,externalSource:{sample:n.externalSample,exampleName:e,operation:n.operation,pathParams:n.pathParams,properties:n.properties}})};if(void 0===a||null!=n.source)return l();var p=t&&(null===(r=n.operation)||void 0===r?void 0:r.defaultMimeType),m=a&&a.mediaTypes.length>1&&!p,i=function(e){var r;return null===(r=n.operation)||void 0===r?void 0:r.activateExampleName(e)};return React.createElement(MediaTypesSwitch,{content:a,renderDropdown:m?function(e){return React.createElement(DropdownWrapper,null,React.createElement(DropdownOrLabel,__assign({Label:MimeLabel,Dropdown:Dropdown,variant:"dark",fullWidth:!0},e)))}:function(){return null}},(function(e){var r=e.examples||{},t=Object.keys(r);if(!t.length)return React.createElement(NoSampleLabel,null,"No sample");if(1===t.length)return l();var a=useExampleKey(e.operation,r),n=a.exampleKey;return a.defaultExampleName&&o?l(n):React.createElement(React.Fragment,null,React.createElement(ExampleSwitch,{examples:r,exampleKey:n,onChange:i}),l(n))}))}));
2
2
  //# sourceMappingURL=CodeSample.js.map
@@ -1,2 +1,2 @@
1
- import{__assign,__rest}from"tslib";import*as React from"react";import{observer}from"mobx-react";import{useContext,useEffect}from"react";import{CodePanel}from"../../../../components/Panel";import{TabPanel}from"../../../../components/Tabs";import{SamplesTabs}from"../../../../components/Samples";import{isPayloadSample}from"../../services";import{PayloadSamples}from"../PayloadSamples/PayloadSamples";import{OptionsContext}from"../OptionsProvider";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{createLanguageSwitchEvent,creatPanelToggleEvent}from"./languageSwitchEvent";import{l}from"../../services/Labels";export var RequestSamples=observer((function(e){var a=e.operation,t=e.defaultLanguage,o=e.disableHeader,n=(e.content,__rest(e,["operation","defaultLanguage","disableHeader","content"])),r=useContext(OptionsContext),s=r.events,m=r.hideSingleRequestSampleTab;useEffect((function(){}),[a.activeServer]);var p=useCodeSamples(a),i=p.samples,c=p.payload,d=1===i.length&&m;return i.length?React.createElement(CodePanel,{header:o?void 0:l("requestSamples"),onToggle:function(e){var t,o=creatPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{operation:a,tabs:i,onChange:function(e){var t,o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:d,defaultLanguage:t},i.map((function(e){return React.createElement(TabPanel,{key:e.key},isPayloadSample(e)?React.createElement(PayloadSamples,__assign({content:e.requestBodyContent,operation:a},n)):React.createElement(CodeSample,__assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a},n)))})))):null}));
1
+ import{__assign,__rest}from"tslib";import React,{useContext,useEffect}from"react";import{observer}from"mobx-react";import{CodePanel}from"../../../../components/Panel";import{TabPanel}from"../../../../components/Tabs";import{SamplesTabs}from"../../../../components/Samples";import{isPayloadSample}from"../../services";import{PayloadSamples}from"../PayloadSamples/PayloadSamples";import{OptionsContext}from"../OptionsProvider";import{CodeSample}from"./CodeSample";import{useCodeSamples}from"./useCodeSamples";import{createLanguageSwitchEvent,creatPanelToggleEvent}from"./languageSwitchEvent";import{l}from"../../services/Labels";export var RequestSamples=observer((function(e){var a=e.operation,t=e.defaultLanguage,o=e.disableHeader,n=(e.content,__rest(e,["operation","defaultLanguage","disableHeader","content"])),r=useContext(OptionsContext),s=r.events,m=r.hideSingleRequestSampleTab;useEffect((function(){}),[a.activeServer]);var p=useCodeSamples(a),i=p.samples,c=p.payload,d=1===i.length&&m;return i.length?React.createElement(CodePanel,{header:o?void 0:l("requestSamples"),onToggle:function(e){var t,o=creatPanelToggleEvent({operation:a,isExpanded:e,panelType:"request-samples"});null===(t=null==s?void 0:s.panelToggle)||void 0===t||t.call(s,o)}},React.createElement(SamplesTabs,{operation:a,tabs:i,onChange:function(e){var t,o=createLanguageSwitchEvent({operation:a,sample:e});null===(t=null==s?void 0:s.codeSamplesLanguageSwitch)||void 0===t||t.call(s,o)},hidden:d,defaultLanguage:t},i.map((function(e){return React.createElement(TabPanel,{key:e.key},isPayloadSample(e)?React.createElement(PayloadSamples,__assign({content:e.requestBodyContent,operation:a},n)):React.createElement(CodeSample,__assign({lang:e.lang,source:e.source,externalSample:e,content:null==c?void 0:c.requestBodyContent,operation:a},n)))})))):null}));
2
2
  //# sourceMappingURL=RequestSamples.js.map
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { DropdownOption } from '../../common-elements/dropdown';
2
+ import { DropdownOption } from '../../../../components/common/Dropdown';
3
3
  import { SchemaModel } from '../../services/models';
4
4
  export declare class DiscriminatorDropdown extends React.Component<{
5
5
  parent: SchemaModel;
@@ -1,2 +1,2 @@
1
- import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{Dropdown}from"../../common-elements/dropdown";var DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){r.props.parent.activateOneOf(e.idx)}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),o=n[r.activeOneOf].value;return this.sortOptions(n,t),React.createElement(Dropdown,{dense:!0,value:o,options:n,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=__decorate([observer],r)}(React.Component);export{DiscriminatorDropdown};
1
+ import{__decorate,__extends}from"tslib";import{observer}from"mobx-react";import*as React from"react";import{Dropdown}from"../../../../components/common/Dropdown";var DiscriminatorDropdown=function(e){function r(){var r=null!==e&&e.apply(this,arguments)||this;return Object.defineProperty(r,"changeActiveChild",{enumerable:!0,configurable:!0,writable:!0,value:function(e){e.idx&&r.props.parent.activateOneOf(e.idx)}}),r}return __extends(r,e),Object.defineProperty(r.prototype,"sortOptions",{enumerable:!1,configurable:!0,writable:!0,value:function(e,r){if(0!==r.length){var t={};r.forEach((function(e,r){t[e]=r})),e.sort((function(e,r){return t[e.value]>t[r.value]?1:-1}))}}}),Object.defineProperty(r.prototype,"render",{enumerable:!1,configurable:!0,writable:!0,value:function(){var e=this.props,r=e.parent,t=e.enumValues;if(void 0===r.oneOf)return null;var n=r.oneOf.map((function(e,r){return{value:e.title,idx:r}})),o=n[r.activeOneOf].value;return this.sortOptions(n,t),React.createElement(Dropdown,{dense:!0,value:o,options:n,onChange:this.changeActiveChild,ariaLabel:"Example"})}}),r=__decorate([observer],r)}(React.Component);export{DiscriminatorDropdown};
2
2
  //# sourceMappingURL=DiscriminatorDropdown.js.map
@@ -2,7 +2,7 @@ import * as React from 'react';
2
2
  import { ObjectSchemaProps } from './types';
3
3
  import type { SchemaModel } from '../../services';
4
4
  export declare class ObjectSchema extends React.Component<ObjectSchemaProps> {
5
- static contextType: React.Context<import("../../services").RedocNormalizedOptions>;
5
+ static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
6
6
  get parentSchema(): SchemaModel | undefined;
7
7
  render(): JSX.Element;
8
8
  }
@@ -6,7 +6,7 @@ export declare class SideMenu extends React.Component<{
6
6
  menu: ProMenu;
7
7
  className?: string;
8
8
  }> {
9
- static contextType: React.Context<import("../..").RedocNormalizedOptions>;
9
+ static contextType: React.Context<RedocProNormalizedOptions>;
10
10
  context: RedocProNormalizedOptions;
11
11
  private _updateScroll?;
12
12
  render(): JSX.Element;
@@ -11,7 +11,7 @@ export interface StickySidebarState {
11
11
  offsetTop?: string;
12
12
  }
13
13
  export declare class StickyResponsiveSidebar extends React.Component<StickySidebarProps, StickySidebarState> {
14
- static contextType: React.Context<RedocNormalizedOptions>;
14
+ static contextType: React.Context<import("../../../..").RedocProNormalizedOptions>;
15
15
  context: React.ContextType<typeof OptionsContext>;
16
16
  state: StickySidebarState;
17
17
  stickyElement: Element;
@@ -1,6 +1,6 @@
1
1
  export * from './components';
2
- export { MiddlePanel, Row, RightPanel, Section, Dropdown, SimpleDropdown, ShelfIcon, LockIcon, CrossIcon, Tooltip, } from './common-elements';
3
- export type { TooltipProps, ShelfIconProps, DropdownProps, DropdownOption, } from './common-elements';
2
+ export { MiddlePanel, Row, RightPanel, Section, ShelfIcon, LockIcon, CrossIcon, Tooltip, } from './common-elements';
3
+ export type { TooltipProps, ShelfIconProps } from './common-elements';
4
4
  export * from './services';
5
5
  export * from './utils';
6
6
  export * from './styled-components';
@@ -1,2 +1,2 @@
1
- export*from"./components";export{MiddlePanel,Row,RightPanel,Section,Dropdown,SimpleDropdown,ShelfIcon,LockIcon,CrossIcon,Tooltip}from"./common-elements";export*from"./services";export*from"./utils";export*from"./styled-components";export{default as styled}from"./styled-components";export*from"./types";
1
+ export*from"./components";export{MiddlePanel,Row,RightPanel,Section,ShelfIcon,LockIcon,CrossIcon,Tooltip}from"./common-elements";export*from"./services";export*from"./utils";export*from"./styled-components";export{default as styled}from"./styled-components";export*from"./types";
2
2
  //# sourceMappingURL=index.js.map