{"ast":null,"code":"function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from 'react';\nimport { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components';\nimport { LogViewer, LogViewerSearch, LogViewerContext } from '@patternfly/react-log-viewer';\nimport { Button, Checkbox, Toolbar, ToolbarContent, ToolbarItem } from '@patternfly/react-core';\nimport { data } from '../../../content/extensions/log-viewer/examples/./realTestData.js';\nvar pageData = {\n  \"id\": \"Log viewer\",\n  \"section\": \"extensions\",\n  \"source\": \"react\",\n  \"slug\": \"/extensions/log-viewer/react\",\n  \"sourceLink\": \"https://github.com/patternfly/patternfly-react/blob/main/packages/react-log-viewer/patternfly-docs/content/extensions/log-viewer/examples/basic.md\",\n  \"propComponents\": [{\n    \"name\": \"LogViewer\",\n    \"description\": \"\",\n    \"props\": [{\n      \"name\": \"data\",\n      \"type\": \"string | string[]\",\n      \"description\": \"String or String Array data being sent by the consumer\"\n    }, {\n      \"name\": \"footer\",\n      \"type\": \"React.ReactNode\",\n      \"description\": \"Component rendered in the log viewer console window footer\"\n    }, {\n      \"name\": \"hasLineNumbers\",\n      \"type\": \"boolean\",\n      \"description\": \"Flag to enable or disable line numbers on the log viewer.\"\n    }, {\n      \"name\": \"hasToolbar\",\n      \"type\": \"boolean\",\n      \"description\": \"Consumer may turn off the visibility on the toolbar\"\n    }, {\n      \"name\": \"header\",\n      \"type\": \"React.ReactNode\",\n      \"description\": \"Component rendered in the log viewer console window header\"\n    }, {\n      \"name\": \"height\",\n      \"type\": \"number | string\",\n      \"description\": \"Height of the log viewer.\"\n    }, {\n      \"name\": \"innerRef\",\n      \"type\": \"React.RefObject<any>\",\n      \"description\": \"Forwarded ref\"\n    }, {\n      \"name\": \"isTextWrapped\",\n      \"type\": \"boolean\",\n      \"description\": \"Flag indicating that log viewer is wrapping text or not\"\n    }, {\n      \"name\": \"itemCount\",\n      \"type\": \"number\",\n      \"description\": \"Number of rows to display in the log viewer\"\n    }, {\n      \"name\": \"loadingContent\",\n      \"type\": \"React.ReactNode\",\n      \"description\": \"Content displayed while the log viewer is loading\"\n    }, {\n      \"name\": \"onScroll\",\n      \"type\": \"({\\n  scrollDirection,\\n  scrollOffset,\\n  scrollOffsetToBottom,\\n  scrollUpdateWasRequested\\n}: {\\n  scrollDirection: 'forward' | 'backward';\\n  scrollOffset: number;\\n  scrollOffsetToBottom: number;\\n  scrollUpdateWasRequested: boolean;\\n}) => void\",\n      \"description\": \"Callback function when scrolling the window.\\nscrollDirection is the direction of scroll, could be 'forward'|'backward'.\\nscrollOffset and scrollOffsetToBottom are the offset of the current position to the top or the bottom.\\nscrollUpdateWasRequested is false when the scroll event is cause by the user interaction in the browser, else it's true.\\n@example onScroll={({scrollDirection, scrollOffset, scrollOffsetToBottom, scrollUpdateWasRequested})=>{}}\"\n    }, {\n      \"name\": \"overScanCount\",\n      \"type\": \"number\",\n      \"description\": \"Rows rendered outside of view. The more rows are rendered, the higher impact on performance\"\n    }, {\n      \"name\": \"scrollToRow\",\n      \"type\": \"number\",\n      \"description\": \"Row index to scroll to\"\n    }, {\n      \"name\": \"theme\",\n      \"type\": \"'dark' | 'light'\",\n      \"description\": \"Flag indicating that log viewer is dark themed\"\n    }, {\n      \"name\": \"toolbar\",\n      \"type\": \"React.ReactNode\",\n      \"description\": \"Toolbar rendered in the log viewer header\"\n    }, {\n      \"name\": \"width\",\n      \"type\": \"number | string\",\n      \"description\": \"Width of the log viewer.\"\n    }]\n  }, {\n    \"name\": \"LogViewerSearch\",\n    \"description\": \"\",\n    \"props\": [{\n      \"name\": \"minSearchChars\",\n      \"type\": \"No type info\",\n      \"defaultValue\": \"1\"\n    }, {\n      \"name\": \"placeholder\",\n      \"type\": \"No type info\",\n      \"defaultValue\": \"'Search'\"\n    }]\n  }],\n  \"beta\": true,\n  \"examples\": [\"Basic\", \"With search\", \"With complex toolbar\", \"With header component\", \"With footer component\", \"With ANSI color logs\"]\n};\npageData.liveContext = {\n  LogViewer: LogViewer,\n  LogViewerSearch: LogViewerSearch,\n  LogViewerContext: LogViewerContext,\n  Button: Button,\n  Checkbox: Checkbox,\n  Toolbar: Toolbar,\n  ToolbarContent: ToolbarContent,\n  ToolbarItem: ToolbarItem,\n  data: data\n};\npageData.examples = {\n  'Basic': function Basic(props) {\n    return React.createElement(Example, _extends({}, pageData, props, {\n      \"code\": \"import React from 'react';\\nimport { data } from './realTestData.js';\\nimport { LogViewer } from '@patternfly/react-log-viewer';\\nimport { Checkbox } from '@patternfly/react-core';\\n\\nBasicLogViewer = () => {\\n  const [isDarkTheme, setIsDarkTheme] = React.useState(false);\\n\\n  return (\\n    <React.Fragment>\\n      <Checkbox\\n        label=\\\"Dark theme\\\"\\n        isChecked={isDarkTheme}\\n        onChange={setIsDarkTheme}\\n        aria-label=\\\"toggle dark theme checkbox\\\"\\n        id=\\\"toggle-dark-theme\\\"\\n        name=\\\"toggle-dark-theme\\\"\\n      />\\n      <LogViewer hasLineNumbers={false} height={300} data={data.data} theme={isDarkTheme ? 'dark' : 'light'} />\\n    </React.Fragment>\\n  );\\n};\\n\",\n      \"title\": \"Basic\",\n      \"lang\": \"js\"\n    }));\n  },\n  'With search': function WithSearch(props) {\n    return React.createElement(Example, _extends({}, pageData, props, {\n      \"code\": \"import React from 'react';\\nimport { data } from './realTestData';\\nimport { LogViewer, LogViewerSearch } from '@patternfly/react-log-viewer';\\nimport { Toolbar, ToolbarContent, ToolbarItem } from '@patternfly/react-core';\\n\\nBasicSearchLogViewer = () => {\\n  return (\\n    <LogViewer\\n      data={data.data}\\n      toolbar={\\n        <Toolbar>\\n          <ToolbarContent>\\n            <ToolbarItem>\\n              <LogViewerSearch placeholder=\\\"Search value\\\" />\\n            </ToolbarItem>\\n          </ToolbarContent>\\n        </Toolbar>\\n      }\\n    />\\n  );\\n};\\n\",\n      \"title\": \"With search\",\n      \"lang\": \"js\"\n    }));\n  },\n  'With complex toolbar': function WithComplexToolbar(props) {\n    return React.createElement(Example, _extends({}, pageData, props, {\n      \"code\": \"import React from 'react';\\nimport { data } from './realTestData';\\nimport { LogViewer, LogViewerSearch } from '@patternfly/react-log-viewer';\\nimport { Toolbar, ToolbarContent, ToolbarItem, Button, Checkbox } from '@patternfly/react-core';\\n\\nCustomControlLogViewer = () => {\\n  const [isTextWrapped, setIsTextWrapped] = React.useState(false);\\n  const onActionClick = event => {\\n    console.log('clicked test action button');\\n  };\\n\\n  const onPrintClick = event => {\\n    console.log('clicked console print button');\\n  };\\n\\n  return (\\n    <LogViewer\\n      data={data.data}\\n      isTextWrapped={isTextWrapped}\\n      toolbar={\\n        <Toolbar>\\n          <ToolbarContent>\\n            <ToolbarItem>\\n              <Button onClick={onActionClick} variant=\\\"control\\\">\\n                Test Action\\n              </Button>\\n            </ToolbarItem>\\n            <ToolbarItem>\\n              <LogViewerSearch placeholder=\\\"Search\\\" />\\n            </ToolbarItem>\\n            <ToolbarItem>\\n              <Button onClick={onPrintClick} variant=\\\"control\\\">\\n                Print to Console\\n              </Button>\\n            </ToolbarItem>\\n            <ToolbarItem>\\n              <Checkbox label=\\\"Wrap text\\\" aria-label=\\\"wrap text checkbox\\\" isChecked={isTextWrapped} id=\\\"wrap-text-checkbox\\\" onChange={setIsTextWrapped} />\\n            </ToolbarItem>\\n          </ToolbarContent>\\n        </Toolbar>\\n      }\\n    />\\n  );\\n};\",\n      \"title\": \"With complex toolbar\",\n      \"lang\": \"js\"\n    }));\n  },\n  'With header component': function WithHeaderComponent(props) {\n    return React.createElement(Example, _extends({}, pageData, props, {\n      \"code\": \"import React from 'react';\\nimport { data } from './realTestData.js';\\nimport { LogViewer } from '@patternfly/react-log-viewer';\\nimport { Banner } from '@patternfly/react-core';\\n\\nHeaderComponentLogViewer = () => {\\n  return (\\n    <LogViewer\\n      hasLineNumbers={false}\\n      height={300}\\n      data={data.data}\\n      theme=\\\"dark\\\"\\n      header={<Banner>5019 lines</Banner>}\\n    />\\n  );\\n};\",\n      \"title\": \"With header component\",\n      \"lang\": \"js\"\n    }));\n  },\n  'With footer component': function WithFooterComponent(props) {\n    return React.createElement(Example, _extends({}, pageData, props, {\n      \"code\": \"import React from 'react';\\nimport { data } from './realTestData.js';\\nimport { LogViewer, LogViewerContext } from '@patternfly/react-log-viewer';\\nimport { Button } from '@patternfly/react-core';\\n\\nFooterComponentLogViewer = () => {\\n  const logViewerRef = React.useRef();\\n  const FooterButton = () => {\\n    const handleClick = e => {\\n      logViewerRef.current.scrollToBottom();\\n    };\\n    return <Button onClick={handleClick}>Jump to the bottom</Button>;\\n  };\\n\\n  return (\\n    <LogViewer\\n      ref={logViewerRef}\\n      hasLineNumbers={false}\\n      height={300}\\n      data={data.data}\\n      theme=\\\"dark\\\"\\n      footer={<FooterButton />}\\n    />\\n  );\\n};\",\n      \"title\": \"With footer component\",\n      \"lang\": \"js\"\n    }));\n  },\n  'With ANSI color logs': function WithANSIColorLogs(props) {\n    return React.createElement(Example, _extends({}, pageData, props, {\n      \"code\": \"import React from 'react';\\nimport { data } from './realTestData.js';\\nimport { LogViewer } from '@patternfly/react-log-viewer';\\n\\nANSIColorLogViewer = () => {\\n  return (\\n    <LogViewer\\n      hasLineNumbers={false}\\n      height={300}\\n      data={data.data4}\\n      theme=\\\"dark\\\"\\n    />\\n  );\\n};\",\n      \"title\": \"With ANSI color logs\",\n      \"lang\": \"js\"\n    }));\n  }\n};\n\nvar Component = function Component() {\n  return React.createElement(React.Fragment, null, React.createElement(AutoLinkHeader, {\n    \"id\": \"examples\",\n    \"size\": \"h2\",\n    \"className\": \"ws-title ws-h2\"\n  }, \"Examples\"), React.createElement(pageData.examples[\"Basic\"]), React.createElement(pageData.examples[\"With search\"]), React.createElement(pageData.examples[\"With complex toolbar\"]), React.createElement(pageData.examples[\"With header component\"]), React.createElement(pageData.examples[\"With footer component\"]), React.createElement(pageData.examples[\"With ANSI color logs\"]));\n};\n\nComponent.displayName = 'ExtensionsLogViewerReactDocs';\nComponent.pageData = pageData;\nexport default Component;","map":{"version":3,"names":["React","AutoLinkHeader","Example","Link","PatternflyThemeLink","LogViewer","LogViewerSearch","LogViewerContext","Button","Checkbox","Toolbar","ToolbarContent","ToolbarItem","data","pageData","liveContext","examples","props","Component","createElement","displayName"],"sources":["/Users/ausulliv/repos/temp/patternfly-react/packages/react-log-viewer/patternfly-docs/generated/extensions/log-viewer/react.js"],"sourcesContent":["import React from 'react';\nimport { AutoLinkHeader, Example, Link as PatternflyThemeLink } from '@patternfly/documentation-framework/components';\nimport { LogViewer, LogViewerSearch, LogViewerContext } from '@patternfly/react-log-viewer';\nimport { Button, Checkbox, Toolbar, ToolbarContent, ToolbarItem } from '@patternfly/react-core';\nimport { data } from '../../../content/extensions/log-viewer/examples/./realTestData.js';\nconst pageData = {\n  \"id\": \"Log viewer\",\n  \"section\": \"extensions\",\n  \"source\": \"react\",\n  \"slug\": \"/extensions/log-viewer/react\",\n  \"sourceLink\": \"https://github.com/patternfly/patternfly-react/blob/main/packages/react-log-viewer/patternfly-docs/content/extensions/log-viewer/examples/basic.md\",\n  \"propComponents\": [\n    {\n      \"name\": \"LogViewer\",\n      \"description\": \"\",\n      \"props\": [\n        {\n          \"name\": \"data\",\n          \"type\": \"string | string[]\",\n          \"description\": \"String or String Array data being sent by the consumer\"\n        },\n        {\n          \"name\": \"footer\",\n          \"type\": \"React.ReactNode\",\n          \"description\": \"Component rendered in the log viewer console window footer\"\n        },\n        {\n          \"name\": \"hasLineNumbers\",\n          \"type\": \"boolean\",\n          \"description\": \"Flag to enable or disable line numbers on the log viewer.\"\n        },\n        {\n          \"name\": \"hasToolbar\",\n          \"type\": \"boolean\",\n          \"description\": \"Consumer may turn off the visibility on the toolbar\"\n        },\n        {\n          \"name\": \"header\",\n          \"type\": \"React.ReactNode\",\n          \"description\": \"Component rendered in the log viewer console window header\"\n        },\n        {\n          \"name\": \"height\",\n          \"type\": \"number | string\",\n          \"description\": \"Height of the log viewer.\"\n        },\n        {\n          \"name\": \"innerRef\",\n          \"type\": \"React.RefObject<any>\",\n          \"description\": \"Forwarded ref\"\n        },\n        {\n          \"name\": \"isTextWrapped\",\n          \"type\": \"boolean\",\n          \"description\": \"Flag indicating that log viewer is wrapping text or not\"\n        },\n        {\n          \"name\": \"itemCount\",\n          \"type\": \"number\",\n          \"description\": \"Number of rows to display in the log viewer\"\n        },\n        {\n          \"name\": \"loadingContent\",\n          \"type\": \"React.ReactNode\",\n          \"description\": \"Content displayed while the log viewer is loading\"\n        },\n        {\n          \"name\": \"onScroll\",\n          \"type\": \"({\\n  scrollDirection,\\n  scrollOffset,\\n  scrollOffsetToBottom,\\n  scrollUpdateWasRequested\\n}: {\\n  scrollDirection: 'forward' | 'backward';\\n  scrollOffset: number;\\n  scrollOffsetToBottom: number;\\n  scrollUpdateWasRequested: boolean;\\n}) => void\",\n          \"description\": \"Callback function when scrolling the window.\\nscrollDirection is the direction of scroll, could be 'forward'|'backward'.\\nscrollOffset and scrollOffsetToBottom are the offset of the current position to the top or the bottom.\\nscrollUpdateWasRequested is false when the scroll event is cause by the user interaction in the browser, else it's true.\\n@example onScroll={({scrollDirection, scrollOffset, scrollOffsetToBottom, scrollUpdateWasRequested})=>{}}\"\n        },\n        {\n          \"name\": \"overScanCount\",\n          \"type\": \"number\",\n          \"description\": \"Rows rendered outside of view. The more rows are rendered, the higher impact on performance\"\n        },\n        {\n          \"name\": \"scrollToRow\",\n          \"type\": \"number\",\n          \"description\": \"Row index to scroll to\"\n        },\n        {\n          \"name\": \"theme\",\n          \"type\": \"'dark' | 'light'\",\n          \"description\": \"Flag indicating that log viewer is dark themed\"\n        },\n        {\n          \"name\": \"toolbar\",\n          \"type\": \"React.ReactNode\",\n          \"description\": \"Toolbar rendered in the log viewer header\"\n        },\n        {\n          \"name\": \"width\",\n          \"type\": \"number | string\",\n          \"description\": \"Width of the log viewer.\"\n        }\n      ]\n    },\n    {\n      \"name\": \"LogViewerSearch\",\n      \"description\": \"\",\n      \"props\": [\n        {\n          \"name\": \"minSearchChars\",\n          \"type\": \"No type info\",\n          \"defaultValue\": \"1\"\n        },\n        {\n          \"name\": \"placeholder\",\n          \"type\": \"No type info\",\n          \"defaultValue\": \"'Search'\"\n        }\n      ]\n    }\n  ],\n  \"beta\": true,\n  \"examples\": [\n    \"Basic\",\n    \"With search\",\n    \"With complex toolbar\",\n    \"With header component\",\n    \"With footer component\",\n    \"With ANSI color logs\"\n  ]\n};\npageData.liveContext = {\n  LogViewer,\n  LogViewerSearch,\n  LogViewerContext,\n  Button,\n  Checkbox,\n  Toolbar,\n  ToolbarContent,\n  ToolbarItem,\n  data\n};\npageData.examples = {\n  'Basic': props => \n    <Example {...pageData} {...props} {...{\"code\":\"import React from 'react';\\nimport { data } from './realTestData.js';\\nimport { LogViewer } from '@patternfly/react-log-viewer';\\nimport { Checkbox } from '@patternfly/react-core';\\n\\nBasicLogViewer = () => {\\n  const [isDarkTheme, setIsDarkTheme] = React.useState(false);\\n\\n  return (\\n    <React.Fragment>\\n      <Checkbox\\n        label=\\\"Dark theme\\\"\\n        isChecked={isDarkTheme}\\n        onChange={setIsDarkTheme}\\n        aria-label=\\\"toggle dark theme checkbox\\\"\\n        id=\\\"toggle-dark-theme\\\"\\n        name=\\\"toggle-dark-theme\\\"\\n      />\\n      <LogViewer hasLineNumbers={false} height={300} data={data.data} theme={isDarkTheme ? 'dark' : 'light'} />\\n    </React.Fragment>\\n  );\\n};\\n\",\"title\":\"Basic\",\"lang\":\"js\"}}>\n      \n    </Example>,\n  'With search': props => \n    <Example {...pageData} {...props} {...{\"code\":\"import React from 'react';\\nimport { data } from './realTestData';\\nimport { LogViewer, LogViewerSearch } from '@patternfly/react-log-viewer';\\nimport { Toolbar, ToolbarContent, ToolbarItem } from '@patternfly/react-core';\\n\\nBasicSearchLogViewer = () => {\\n  return (\\n    <LogViewer\\n      data={data.data}\\n      toolbar={\\n        <Toolbar>\\n          <ToolbarContent>\\n            <ToolbarItem>\\n              <LogViewerSearch placeholder=\\\"Search value\\\" />\\n            </ToolbarItem>\\n          </ToolbarContent>\\n        </Toolbar>\\n      }\\n    />\\n  );\\n};\\n\",\"title\":\"With search\",\"lang\":\"js\"}}>\n      \n    </Example>,\n  'With complex toolbar': props => \n    <Example {...pageData} {...props} {...{\"code\":\"import React from 'react';\\nimport { data } from './realTestData';\\nimport { LogViewer, LogViewerSearch } from '@patternfly/react-log-viewer';\\nimport { Toolbar, ToolbarContent, ToolbarItem, Button, Checkbox } from '@patternfly/react-core';\\n\\nCustomControlLogViewer = () => {\\n  const [isTextWrapped, setIsTextWrapped] = React.useState(false);\\n  const onActionClick = event => {\\n    console.log('clicked test action button');\\n  };\\n\\n  const onPrintClick = event => {\\n    console.log('clicked console print button');\\n  };\\n\\n  return (\\n    <LogViewer\\n      data={data.data}\\n      isTextWrapped={isTextWrapped}\\n      toolbar={\\n        <Toolbar>\\n          <ToolbarContent>\\n            <ToolbarItem>\\n              <Button onClick={onActionClick} variant=\\\"control\\\">\\n                Test Action\\n              </Button>\\n            </ToolbarItem>\\n            <ToolbarItem>\\n              <LogViewerSearch placeholder=\\\"Search\\\" />\\n            </ToolbarItem>\\n            <ToolbarItem>\\n              <Button onClick={onPrintClick} variant=\\\"control\\\">\\n                Print to Console\\n              </Button>\\n            </ToolbarItem>\\n            <ToolbarItem>\\n              <Checkbox label=\\\"Wrap text\\\" aria-label=\\\"wrap text checkbox\\\" isChecked={isTextWrapped} id=\\\"wrap-text-checkbox\\\" onChange={setIsTextWrapped} />\\n            </ToolbarItem>\\n          </ToolbarContent>\\n        </Toolbar>\\n      }\\n    />\\n  );\\n};\",\"title\":\"With complex toolbar\",\"lang\":\"js\"}}>\n      \n    </Example>,\n  'With header component': props => \n    <Example {...pageData} {...props} {...{\"code\":\"import React from 'react';\\nimport { data } from './realTestData.js';\\nimport { LogViewer } from '@patternfly/react-log-viewer';\\nimport { Banner } from '@patternfly/react-core';\\n\\nHeaderComponentLogViewer = () => {\\n  return (\\n    <LogViewer\\n      hasLineNumbers={false}\\n      height={300}\\n      data={data.data}\\n      theme=\\\"dark\\\"\\n      header={<Banner>5019 lines</Banner>}\\n    />\\n  );\\n};\",\"title\":\"With header component\",\"lang\":\"js\"}}>\n      \n    </Example>,\n  'With footer component': props => \n    <Example {...pageData} {...props} {...{\"code\":\"import React from 'react';\\nimport { data } from './realTestData.js';\\nimport { LogViewer, LogViewerContext } from '@patternfly/react-log-viewer';\\nimport { Button } from '@patternfly/react-core';\\n\\nFooterComponentLogViewer = () => {\\n  const logViewerRef = React.useRef();\\n  const FooterButton = () => {\\n    const handleClick = e => {\\n      logViewerRef.current.scrollToBottom();\\n    };\\n    return <Button onClick={handleClick}>Jump to the bottom</Button>;\\n  };\\n\\n  return (\\n    <LogViewer\\n      ref={logViewerRef}\\n      hasLineNumbers={false}\\n      height={300}\\n      data={data.data}\\n      theme=\\\"dark\\\"\\n      footer={<FooterButton />}\\n    />\\n  );\\n};\",\"title\":\"With footer component\",\"lang\":\"js\"}}>\n      \n    </Example>,\n  'With ANSI color logs': props => \n    <Example {...pageData} {...props} {...{\"code\":\"import React from 'react';\\nimport { data } from './realTestData.js';\\nimport { LogViewer } from '@patternfly/react-log-viewer';\\n\\nANSIColorLogViewer = () => {\\n  return (\\n    <LogViewer\\n      hasLineNumbers={false}\\n      height={300}\\n      data={data.data4}\\n      theme=\\\"dark\\\"\\n    />\\n  );\\n};\",\"title\":\"With ANSI color logs\",\"lang\":\"js\"}}>\n      \n    </Example>\n};\n\nconst Component = () => (\n  <React.Fragment>\n    <AutoLinkHeader {...{\"id\":\"examples\",\"size\":\"h2\",\"className\":\"ws-title ws-h2\"}}>\n      {`Examples`}\n    </AutoLinkHeader>\n    {React.createElement(pageData.examples[\"Basic\"])}\n    {React.createElement(pageData.examples[\"With search\"])}\n    {React.createElement(pageData.examples[\"With complex toolbar\"])}\n    {React.createElement(pageData.examples[\"With header component\"])}\n    {React.createElement(pageData.examples[\"With footer component\"])}\n    {React.createElement(pageData.examples[\"With ANSI color logs\"])}\n  </React.Fragment>\n);\nComponent.displayName = 'ExtensionsLogViewerReactDocs';\nComponent.pageData = pageData;\n\nexport default Component;\n"],"mappings":"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"},"metadata":{},"sourceType":"module"}