@stoplight/elements-core 7.16.6 → 8.0.1

package/components/Docs/Article/Article.stories.d.ts

@@ -1,13 +1,13 @@
-declare const meta: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, {
+declare const meta: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     data: any;
 } & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
 export default meta;
-export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
     data: any;
 } & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
-export declare const KitchenSink: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+export declare const KitchenSink: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
     data: any;
 } & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
-export declare const MultipleTryIts: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+export declare const MultipleTryIts: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
     data: any;
 } & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;

package/components/Docs/Docs.stories.d.ts

@@ -1,5 +1,5 @@
 import { Story } from '@storybook/react';
 import { DocsProps } from './Docs';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, DocsProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, DocsProps>;
 export default _default;
 export declare const DocsStory: Story<DocsProps>;

package/components/Docs/HttpOperation/HttpOperation.d.ts

@@ -1,7 +1,7 @@
-import { IHttpOperation } from '@stoplight/types';
+import { IHttpEndpointOperation } from '@stoplight/types';
 import * as React from 'react';
 import { DocsComponentProps } from '..';
-export declare type HttpOperationProps = DocsComponentProps<IHttpOperation>;
+export declare type HttpOperationProps = DocsComponentProps<IHttpEndpointOperation>;
 export declare const HttpOperation: React.FunctionComponent<HttpOperationProps & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
 export declare function OperationHeader({ id, noHeading, hasBadges, name, isDeprecated, isInternal, hideServerUrl, method, path, }: {
     id: string;

package/components/Docs/HttpOperation/HttpOperation.stories.d.ts

@@ -1,7 +1,7 @@
-declare const meta: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, {
+declare const meta: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     data: any;
 } & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
 export default meta;
-export declare const Story: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+export declare const Story: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
     data: any;
 } & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;

package/components/Docs/HttpOperation/Request.d.ts

@@ -1,7 +1,7 @@
-import { IHttpOperation } from '@stoplight/types';
+import { IHttpEndpointOperation } from '@stoplight/types';
 import * as React from 'react';
 interface IRequestProps {
-    operation: IHttpOperation;
+    operation: IHttpEndpointOperation;
     onChange?: (requestBodyIndex: number) => void;
 }
 export declare const Request: React.FunctionComponent<IRequestProps>;

package/components/Docs/HttpService/HttpService.stories.d.ts

@@ -1,7 +1,7 @@
-declare const meta: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, {
+declare const meta: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     data: any;
 } & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
 export default meta;
-export declare const Story: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+export declare const Story: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
     data: any;
 } & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;

package/components/Docs/Model/Model.stories.d.ts

@@ -1,7 +1,7 @@
-declare const meta: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, {
+declare const meta: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     data: any;
 } & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;
 export default meta;
-export declare const Story: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
+export declare const Story: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
     data: any;
 } & import("@stoplight/react-error-boundary").ErrorBoundaryProps<{}>>;

package/components/Layout/MobileTopNav.d.ts

@@ -0,0 +1,9 @@
+import { LogoProps } from '../../types';
+import type { TableOfContentsItem } from '../TableOfContents';
+export declare const MobileTopNav: ({ name, logo, tree, pathname, onTocClick, }: {
+    name: string;
+    logo?: string | LogoProps | undefined;
+    tree: TableOfContentsItem[];
+    pathname: string;
+    onTocClick(): void;
+}) => JSX.Element;

package/components/Layout/ResponsiveSidebarLayout.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { LogoProps } from '../../types';
+import type { TableOfContentsItem } from '../TableOfContents';
+declare type ResponsiveSidebarLayoutProps = {
+    maxContentWidth?: number;
+    sidebarWidth?: number;
+    children?: React.ReactNode;
+    name: string;
+    logo?: string | LogoProps;
+    tree?: TableOfContentsItem[];
+    onTocClick?(): void;
+};
+export declare const ResponsiveSidebarLayout: React.ForwardRefExoticComponent<ResponsiveSidebarLayoutProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Sidebar: ({ name, logo, tree, pathname, onTocClick, isInResponsiveMode, }: {
+    name: string;
+    logo?: string | LogoProps | undefined;
+    tree: TableOfContentsItem[];
+    pathname: string;
+    onTocClick?(): void;
+    isInResponsiveMode: boolean;
+}) => JSX.Element;
+export {};

package/components/Logo.d.ts

@@ -1,11 +1,5 @@
 import * as React from 'react';
-interface LogoProps {
-    logo: {
-        altText: string;
-        url?: string;
-        backgroundColor?: string;
-        href?: string;
-    };
-}
-export declare const Logo: React.FC<LogoProps>;
-export {};
+import { LogoProps } from '../types';
+export declare const Logo: React.FC<{
+    logo: LogoProps;
+}>;

package/components/RequestSamples/RequestSamples.stories.d.ts

@@ -1,4 +1,4 @@
 import { RequestSamplesProps } from './RequestSamples';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, RequestSamplesProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, RequestSamplesProps>;
 export default _default;
-export declare const HoistedStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, RequestSamplesProps>;
+export declare const HoistedStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RequestSamplesProps>;

package/components/ResponseExamples/ResponseExamples.d.ts

@@ -1,6 +1,6 @@
-import { IHttpOperation } from '@stoplight/types';
+import { IHttpEndpointOperation } from '@stoplight/types';
 export interface ResponseExamplesProps {
-    httpOperation: IHttpOperation;
+    httpOperation: IHttpEndpointOperation;
     responseStatusCode?: string;
     responseMediaType?: string;
 }

package/components/ResponseExamples/ResponseExamples.stories.d.ts

@@ -1,4 +1,4 @@
 import { ResponseExamplesProps } from './ResponseExamples';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ResponseExamplesProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ResponseExamplesProps>;
 export default _default;
-export declare const HoistedStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ResponseExamplesProps>;
+export declare const HoistedStory: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ResponseExamplesProps>;

package/components/{MosaicTableOfContents → TableOfContents}/constants.d.ts

@@ -2,8 +2,8 @@ import { IIconProps } from '@stoplight/mosaic';
 export declare const NODE_TYPE_TITLE_ICON: {
     [nodeType: string]: IIconProps['icon'];
 };
-export declare const NODE_TITLE_ICON: {
-    [nodeTitle: string]: IIconProps['icon'];
+export declare const NODE_GROUP_ICON: {
+    [itemType: string]: IIconProps['icon'];
 };
 export declare const NODE_TYPE_META_ICON: {
     [nodeType: string]: IIconProps['icon'];
@@ -12,9 +12,11 @@ export declare const NODE_TYPE_ICON_COLOR: {
     model: string;
     http_service: string;
     http_operation: string;
+    http_webhook: string;
 };
-export declare const NODE_TITLE_ICON_COLOR: {
-    Schemas: string;
+export declare const NODE_GROUP_ICON_COLOR: {
+    http_webhook: string;
+    model: string;
 };
 export declare const NODE_META_COLOR: {
     get: string;

package/components/{MosaicTableOfContents → TableOfContents}/index.d.ts

@@ -1 +1,2 @@
 export * from './TableOfContents';
+export * from './types';

package/components/{MosaicTableOfContents → TableOfContents}/types.d.ts

@@ -20,12 +20,13 @@ export declare type TableOfContentsGroupItem = TableOfContentsGroup | TableOfCon
 export declare type TableOfContentsGroup = {
     title: string;
     items: TableOfContentsGroupItem[];
+    itemsType?: 'article' | 'http_operation' | 'http_webhook' | 'model';
 };
 export declare type TableOfContentsExternalLink = {
     title: string;
     url: string;
 };
-export declare type TableOfContentsNode<T = 'http_service' | 'http_operation' | 'model' | 'article' | 'overview'> = {
+export declare type TableOfContentsNode<T = 'http_service' | 'http_operation' | 'http_webhook' | 'model' | 'article' | 'overview'> = {
     id: string;
     slug: string;
     title: string;

package/components/TryIt/Parameters/useOperationParameters.d.ts

@@ -1,6 +1,6 @@
-import { IHttpOperation } from '@stoplight/types';
+import { IHttpEndpointOperation } from '@stoplight/types';
 import { ParameterSpec } from './parameter-utils';
-export declare const useRequestParameters: (httpOperation: IHttpOperation) => {
+export declare const useRequestParameters: (httpOperation: IHttpEndpointOperation) => {
     allParameters: ParameterSpec[];
     parameterValuesWithDefaults: {
         [k: string]: any;

package/components/TryIt/TryIt.d.ts

@@ -1,8 +1,8 @@
-import type { IHttpOperation } from '@stoplight/types';
+import type { IHttpEndpointOperation } from '@stoplight/types';
 import { Request as HarRequest } from 'har-format';
 import * as React from 'react';
 export interface TryItProps {
-    httpOperation: IHttpOperation;
+    httpOperation: IHttpEndpointOperation;
     mockUrl?: string;
     onRequestChange?: (currentRequest: HarRequest) => void;
     requestBodyIndex?: number;

package/components/TryIt/TryIt.stories.d.ts

@@ -1,13 +1,13 @@
 import { TryItProps } from './TryIt';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, TryItProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TryItProps>;
 export default _default;
-export declare const SimpleGET: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItProps>;
-export declare const WithParameters: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItProps>;
-export declare const WithVariables: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItProps>;
-export declare const UrlEncoded: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItProps>;
-export declare const UrlEncodedOneOf: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItProps>;
-export declare const Multipart: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItProps>;
-export declare const RequestBodySchema: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItProps>;
-export declare const RequestBodyExamples: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItProps>;
-export declare const TryItAuth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItProps>;
-export declare const TryItAuthDuplicated: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItProps>;
+export declare const SimpleGET: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItProps>;
+export declare const WithParameters: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItProps>;
+export declare const WithVariables: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItProps>;
+export declare const UrlEncoded: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItProps>;
+export declare const UrlEncodedOneOf: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItProps>;
+export declare const Multipart: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItProps>;
+export declare const RequestBodySchema: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItProps>;
+export declare const RequestBodyExamples: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItProps>;
+export declare const TryItAuth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItProps>;
+export declare const TryItAuthDuplicated: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItProps>;

package/components/TryIt/TryItWithRequestSamples.stories.d.ts

@@ -1,5 +1,5 @@
 import { TryItWithRequestSamplesProps } from './TryItWithRequestSamples';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, TryItWithRequestSamplesProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, TryItWithRequestSamplesProps>;
 export default _default;
-export declare const WithParameters: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItWithRequestSamplesProps>;
-export declare const WithVariables: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, TryItWithRequestSamplesProps>;
+export declare const WithParameters: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItWithRequestSamplesProps>;
+export declare const WithVariables: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TryItWithRequestSamplesProps>;

package/hooks/useResponsiveLayout.d.ts

@@ -0,0 +1,13 @@
+declare type ElementsNode = 'docs';
+export declare enum ScreenType {
+    Phone = 415,
+    Tablet = 750,
+    Resized_Browser = 980,
+    Normal_Browser = 1000000
+}
+export declare const useResponsiveLayout: () => {
+    isResponsiveLayoutEnabled: boolean;
+    screenType: ScreenType | undefined;
+    getElementsBreakpoint: (node: ElementsNode) => number;
+};
+export {};

package/index.d.ts

@@ -1,16 +1,18 @@
 export { Docs, DocsProps, ParsedDocs } from './components/Docs';
 export { DeprecatedBadge } from './components/Docs/HttpOperation/Badges';
 export { ExportButton, ExportButtonProps } from './components/Docs/HttpService/ExportButton';
+export { ResponsiveSidebarLayout } from './components/Layout/ResponsiveSidebarLayout';
 export { SidebarLayout } from './components/Layout/SidebarLayout';
+export { LinkHeading } from './components/LinkHeading';
 export { Logo } from './components/Logo';
 export { DefaultSMDComponents } from './components/MarkdownViewer/CustomComponents/CodeComponent';
 export { CustomComponentMapping, MarkdownComponentsProvider, } from './components/MarkdownViewer/CustomComponents/Provider';
 export { ReactRouterMarkdownLink } from './components/MarkdownViewer/CustomComponents/ReactRouterLink';
-export { TableOfContents } from './components/MosaicTableOfContents';
-export { CustomLinkComponent, TableOfContentsItem, TableOfContentsNode, TableOfContentsNodeGroup, } from './components/MosaicTableOfContents/types';
-export { findFirstNode } from './components/MosaicTableOfContents/utils';
 export { NonIdealState } from './components/NonIdealState';
 export { PoweredByLink } from './components/PoweredByLink';
+export { TableOfContents } from './components/TableOfContents';
+export { CustomLinkComponent, TableOfContentsItem, TableOfContentsNode, TableOfContentsNodeGroup, } from './components/TableOfContents/types';
+export { findFirstNode } from './components/TableOfContents/utils';
 export { TryIt, TryItProps, TryItWithRequestSamples, TryItWithRequestSamplesProps } from './components/TryIt';
 export { HttpMethodColors, NodeTypeColors, NodeTypeIconDefs, NodeTypePrettyName } from './constants';
 export { MockingProvider } from './containers/MockingProvider';
@@ -23,10 +25,11 @@ export { withRouter } from './hoc/withRouter';
 export { useBundleRefsIntoDocument } from './hooks/useBundleRefsIntoDocument';
 export { useParsedData } from './hooks/useParsedData';
 export { useParsedValue } from './hooks/useParsedValue';
+export { useResponsiveLayout } from './hooks/useResponsiveLayout';
 export { useRouter } from './hooks/useRouter';
 export { Styled, withStyles } from './styled';
 export { Divider, Group, ITableOfContentsTree, Item, ParsedNode, RoutingProps, TableOfContentItem } from './types';
-export { isHttpOperation, isHttpService } from './utils/guards';
+export { isHttpOperation, isHttpService, isHttpWebhookOperation } from './utils/guards';
 export { ReferenceResolver } from './utils/ref-resolving/ReferenceResolver';
 export { createResolvedObject } from './utils/ref-resolving/resolvedObject';
 export { slugify } from './utils/string';