{"version":3,"sources":["webpack:////data/Redocly/redocly-default-template/components/Counter.tsx","webpack:////data/Redocly/redocly-default-template/using-redocly/development-tips.mdx","webpack:////data/Redocly/redocly-default-template/node_modules/@mdx-js/tag/dist/mdx-tag.js","webpack:////data/Redocly/redocly-default-template/node_modules/@mdx-js/tag/dist/mdx-provider.js","webpack:////data/Redocly/redocly-default-template/node_modules/@mdx-js/tag/dist/index.js"],"names":["Counter","React","count","setCount","style","border","padding","fontSize","marginBottom","onClick","layoutProps","MDXContent","props","layout","MdxLayout","render","this","components","wrapper","Fragment","name","Layout","Object","assign","parentName","aria-hidden","focusable","height","version","viewBox","width","fillRule","d","Component","isMDXComponent","defineProperty","exports","value","obj","_extends","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","_createClass","defineProperties","descriptor","enumerable","configurable","writable","Constructor","protoProps","staticProps","_react","_react2","__esModule","_mdxProvider","_classCallCheck","instance","TypeError","_possibleConstructorReturn","self","ReferenceError","defaults","inlineCode","MDXTag","_Component","__proto__","getPrototypeOf","apply","subClass","superClass","create","constructor","setPrototypeOf","_inherits","_props","_props$props","childProps","undefined","children","_props$components","createElement","withMDXComponents","_React$createContext","createContext","Provider","Consumer","contextComponents","_mdxTag","get","_interopRequireDefault"],"mappings":"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","file":"component---using-redocly-development-tips-mdx-54db06e0c67dd46c1565.js","sourcesContent":["import * as React from 'react';\n\nexport function Counter() {\n  const [count, setCount] = React.useState(0);\n\n  return (\n    <div style={{ border: '1px solid red', padding: '10px' }}>\n      <div style={{ fontSize: '18px', marginBottom: '10px' }}>\n        Clicks: <strong>{count}</strong>\n      </div>\n      <button onClick={() => setCount(count + 1)}> Click </button>\n    </div>\n  );\n}\n","\n  import React from 'react'\n  import { MDXTag } from '@mdx-js/tag'\n\n  import { MdxLayout } from '@redocly/ui';\nimport { Counter } from '../components/Counter.tsx'\n\nconst layoutProps = {\n  \n};\nexport default class MDXContent extends React.Component {\n  constructor(props) {\n    super(props)\n    this.layout = MdxLayout\n  }\n  render() {\n    const props = this.props\n    const components = { wrapper: React.Fragment };\n\n\n    return <MDXTag\n             name=\"wrapper\"\n             Layout={this.layout} layoutProps={Object.assign({}, layoutProps, props)}\n             components={components}>\n\n\n<MDXTag name=\"h1\" components={components} props={{\"id\":\"creating-react-components\",\"style\":{\"position\":\"relative\"}}}><MDXTag name=\"a\" components={components} parentName=\"h1\" props={{\"href\":\"#creating-react-components\",\"aria-label\":\"creating react components permalink\",\"className\":\"anchor before\"}}><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fillRule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></MDXTag>{`Creating React components`}</MDXTag>\n<MDXTag name=\"p\" components={components}>{`This page describes developing React components for `}<MDXTag name=\"strong\" components={components} parentName=\"p\">{`Redocly Portal`}</MDXTag>{`.`}</MDXTag>\n<MDXTag name=\"hr\" components={components}></MDXTag>\n<MDXTag name=\"h2\" components={components} props={{\"id\":\"component-example\",\"style\":{\"position\":\"relative\"}}}><MDXTag name=\"a\" components={components} parentName=\"h2\" props={{\"href\":\"#component-example\",\"aria-label\":\"component example permalink\",\"className\":\"anchor before\"}}><svg aria-hidden=\"true\" focusable=\"false\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fillRule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></MDXTag>{`Component example`}</MDXTag>\n<Counter />\n<MDXTag name=\"p\" components={components}>{`TBD`}</MDXTag>\n           </MDXTag>\n  }\n}\nMDXContent.isMDXComponent = true\n  ","'use strict';\n\nrequire(\"core-js/modules/es6.function.name\");\n\nrequire(\"core-js/modules/es6.object.set-prototype-of\");\n\nrequire(\"core-js/modules/es6.object.create\");\n\nrequire(\"core-js/modules/es6.object.assign\");\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _extends = Object.assign || function (target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i];\n\n    for (var key in source) {\n      if (Object.prototype.hasOwnProperty.call(source, key)) {\n        target[key] = source[key];\n      }\n    }\n  }\n\n  return target;\n};\n\nvar _createClass = function () {\n  function defineProperties(target, props) {\n    for (var i = 0; i < props.length; i++) {\n      var descriptor = props[i];\n      descriptor.enumerable = descriptor.enumerable || false;\n      descriptor.configurable = true;\n      if (\"value\" in descriptor) descriptor.writable = true;\n      Object.defineProperty(target, descriptor.key, descriptor);\n    }\n  }\n\n  return function (Constructor, protoProps, staticProps) {\n    if (protoProps) defineProperties(Constructor.prototype, protoProps);\n    if (staticProps) defineProperties(Constructor, staticProps);\n    return Constructor;\n  };\n}();\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nvar _mdxProvider = require('./mdx-provider');\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : {\n    \"default\": obj\n  };\n}\n\nfunction _classCallCheck(instance, Constructor) {\n  if (!(instance instanceof Constructor)) {\n    throw new TypeError(\"Cannot call a class as a function\");\n  }\n}\n\nfunction _possibleConstructorReturn(self, call) {\n  if (!self) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return call && (typeof call === \"object\" || typeof call === \"function\") ? call : self;\n}\n\nfunction _inherits(subClass, superClass) {\n  if (typeof superClass !== \"function\" && superClass !== null) {\n    throw new TypeError(\"Super expression must either be null or a function, not \" + typeof superClass);\n  }\n\n  subClass.prototype = Object.create(superClass && superClass.prototype, {\n    constructor: {\n      value: subClass,\n      enumerable: false,\n      writable: true,\n      configurable: true\n    }\n  });\n  if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;\n}\n\nvar defaults = {\n  inlineCode: 'code',\n  wrapper: 'div'\n};\n\nvar MDXTag = function (_Component) {\n  _inherits(MDXTag, _Component);\n\n  function MDXTag() {\n    _classCallCheck(this, MDXTag);\n\n    return _possibleConstructorReturn(this, (MDXTag.__proto__ || Object.getPrototypeOf(MDXTag)).apply(this, arguments));\n  }\n\n  _createClass(MDXTag, [{\n    key: 'render',\n    value: function render() {\n      var _props = this.props,\n          name = _props.name,\n          parentName = _props.parentName,\n          _props$props = _props.props,\n          childProps = _props$props === undefined ? {} : _props$props,\n          children = _props.children,\n          _props$components = _props.components,\n          components = _props$components === undefined ? {} : _props$components,\n          Layout = _props.Layout,\n          layoutProps = _props.layoutProps;\n      var Component = components[parentName + '.' + name] || components[name] || defaults[name] || name;\n\n      if (Layout) {\n        return _react2[\"default\"].createElement(Layout, _extends({\n          components: components\n        }, layoutProps), _react2[\"default\"].createElement(Component, childProps, children));\n      }\n\n      return _react2[\"default\"].createElement(Component, childProps, children);\n    }\n  }]);\n\n  return MDXTag;\n}(_react.Component);\n\nexports[\"default\"] = (0, _mdxProvider.withMDXComponents)(MDXTag);","'use strict';\n\nrequire(\"core-js/modules/es6.object.assign\");\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\nexports.withMDXComponents = undefined;\n\nvar _extends = Object.assign || function (target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i];\n\n    for (var key in source) {\n      if (Object.prototype.hasOwnProperty.call(source, key)) {\n        target[key] = source[key];\n      }\n    }\n  }\n\n  return target;\n};\n\nvar _react = require('react');\n\nvar _react2 = _interopRequireDefault(_react);\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : {\n    \"default\": obj\n  };\n}\n\nvar _React$createContext = _react2[\"default\"].createContext({}),\n    Provider = _React$createContext.Provider,\n    Consumer = _React$createContext.Consumer;\n\nvar withMDXComponents = exports.withMDXComponents = function withMDXComponents(Component) {\n  return function (props) {\n    return _react2[\"default\"].createElement(Consumer, null, function (contextComponents) {\n      return _react2[\"default\"].createElement(Component, _extends({}, props, {\n        components: props.components || contextComponents\n      }));\n    });\n  };\n};\n\nvar MDXProvider = function MDXProvider(props) {\n  return _react2[\"default\"].createElement(Provider, {\n    value: props.components\n  }, props.children);\n};\n\nexports[\"default\"] = MDXProvider;","'use strict';\n\nrequire(\"core-js/modules/es6.object.define-property\");\n\nObject.defineProperty(exports, \"__esModule\", {\n  value: true\n});\n\nvar _mdxTag = require('./mdx-tag');\n\nObject.defineProperty(exports, 'MDXTag', {\n  enumerable: true,\n  get: function get() {\n    return _interopRequireDefault(_mdxTag)[\"default\"];\n  }\n});\n\nvar _mdxProvider = require('./mdx-provider');\n\nObject.defineProperty(exports, 'MDXProvider', {\n  enumerable: true,\n  get: function get() {\n    return _interopRequireDefault(_mdxProvider)[\"default\"];\n  }\n});\n\nfunction _interopRequireDefault(obj) {\n  return obj && obj.__esModule ? obj : {\n    \"default\": obj\n  };\n}"],"sourceRoot":""}