{"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\n\nvar _this = this,\n    _jsxFileName = \"/Users/silverdust/Projects/ConvertKit/convertkit-design/docs/components/code-block.js\",\n    _s = $RefreshSig$();\n\nvar __jsx = React.createElement;\n\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }\n\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }\n\nimport React, { useState } from \"react\";\nimport theme from \"prism-react-renderer/themes/nightOwlLight\";\nimport { LiveProvider, LiveEditor, LiveError, LivePreview } from \"react-live\";\nimport { mdx } from \"@mdx-js/react\";\nimport Badge from \"@convertkit/design/badge\";\nimport Button, { ButtonGroup, IconButton } from \"@convertkit/design/buttons\";\nimport Modal, { confirm, ConfirmModal, Action as ModalAction } from \"@convertkit/design/modals\";\nimport SelectMenu from \"@convertkit/design/select-menu\";\nimport MultiselectMenu from \"@convertkit/design/multiselect-menu\";\nimport Note, { Title } from \"@convertkit/design/note\";\nimport Portal from \"@convertkit/design/portal\";\nimport Tooltip from \"@convertkit/design/tooltip\";\nimport Stack from \"@convertkit/design/stack\";\nimport useToast from \"@convertkit/design/use-toast\";\nimport useForm, { Form } from \"@convertkit/design/use-form\";\nimport TextField from \"@convertkit/design/text-field\";\nimport CheckboxField from \"@convertkit/design/checkbox-field\";\nimport SelectField from \"@convertkit/design/select-field\";\nimport { useClipboard } from \"@chakra-ui/core\";\nvar dependencies = {\n  ConfirmModal: {\n    Action: ModalAction\n  },\n  Modal: {\n    Action: ModalAction\n  },\n  confirm: {\n    confirm: confirm\n  }\n};\nexport var liveEditorStyle = {\n  fontSize: 14,\n  marginBottom: 32,\n  marginTop: 32,\n  overflowX: \"auto\",\n  fontFamily: \"Menlo,monospace\",\n  borderRadius: 10\n};\nexport var liveErrorStyle = {\n  fontFamily: \"Menlo, monospace\",\n  fontSize: 14,\n  padding: \"1em\",\n  overflowX: \"auto\",\n  color: \"white\",\n  backgroundColor: \"red\"\n};\n\nvar LiveCodePreview = function LiveCodePreview() {\n  return __jsx(LivePreview, {\n    className: \"border mt-4 p-3 rounded\",\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 54,\n      columnNumber: 3\n    }\n  });\n};\n\n_c = LiveCodePreview;\n\nvar CopyButton = function CopyButton(props) {\n  return __jsx(Button, _extends({\n    color: \"red\",\n    className: \"absolute right-0 top-0 bg-red-200 z-10 uppercase\"\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 58,\n      columnNumber: 3\n    }\n  }));\n};\n\n_c2 = CopyButton;\n\nvar EditableNotice = function EditableNotice(props) {\n  return __jsx(\"div\", _extends({\n    className: \"absolute w-full top-0 rounded-t py-1 text-center uppercase pointer-events-none text-sm text-gray-600\"\n  }, props, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 67,\n      columnNumber: 5\n    }\n  }), \"Editable Example\");\n};\n\n_c3 = EditableNotice;\n\nvar CodeBlock = function CodeBlock(_ref) {\n  _s();\n\n  var className = _ref.className,\n      _ref$live = _ref.live,\n      live = _ref$live === void 0 ? true : _ref$live,\n      isManual = _ref.isManual,\n      render = _ref.render,\n      children = _ref.children,\n      metastring = _ref.metastring,\n      props = _objectWithoutProperties(_ref, [\"className\", \"live\", \"isManual\", \"render\", \"children\", \"metastring\"]);\n\n  var _useState = useState(children.trim()),\n      editorCode = _useState[0],\n      setEditorCode = _useState[1];\n\n  var language = className && className.replace(/language-/, \"\");\n\n  var _useClipboard = useClipboard(editorCode),\n      onCopy = _useClipboard.onCopy,\n      hasCopied = _useClipboard.hasCopied;\n\n  var liveProviderProps = _objectSpread({\n    theme: theme,\n    language: language,\n    code: editorCode,\n    transformCode: function transformCode(code) {\n      return \"/** @jsx mdx */\" + code;\n    },\n    scope: _objectSpread(_objectSpread({\n      Badge: Badge,\n      Button: Button,\n      ButtonGroup: ButtonGroup,\n      CheckboxField: CheckboxField,\n      ConfirmModal: ConfirmModal,\n      Form: Form,\n      IconButton: IconButton,\n      Modal: Modal,\n      MultiselectMenu: MultiselectMenu,\n      Note: Note,\n      Portal: Portal,\n      Tooltip: Tooltip,\n      SelectField: SelectField,\n      SelectMenu: SelectMenu,\n      Stack: Stack,\n      TextField: TextField,\n      Title: Title,\n      useToast: useToast,\n      useForm: useForm\n    }, dependencies[metastring] || {}), {}, {\n      mdx: mdx\n    }),\n    noInline: isManual\n  }, props);\n\n  var handleCodeChange = function handleCodeChange(newCode) {\n    return setEditorCode(newCode.trim());\n  };\n\n  if (language === \"jsx\" && live === true) {\n    return __jsx(LiveProvider, _extends({}, liveProviderProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 126,\n        columnNumber: 7\n      }\n    }), __jsx(LiveCodePreview, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 127,\n        columnNumber: 9\n      }\n    }), __jsx(\"div\", {\n      className: \"relative\",\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 128,\n        columnNumber: 9\n      }\n    }, __jsx(LiveEditor, {\n      onChange: handleCodeChange,\n      padding: 20,\n      style: liveEditorStyle,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 129,\n        columnNumber: 11\n      }\n    }), __jsx(CopyButton, {\n      onClick: onCopy,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 134,\n        columnNumber: 11\n      }\n    }, hasCopied ? \"copied\" : \"copy\"), __jsx(EditableNotice, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 137,\n        columnNumber: 11\n      }\n    })), __jsx(LiveError, {\n      style: liveErrorStyle,\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 139,\n        columnNumber: 9\n      }\n    }));\n  }\n\n  if (render) {\n    return __jsx(\"div\", {\n      style: {\n        marginTop: \"40px\"\n      },\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 146,\n        columnNumber: 7\n      }\n    }, __jsx(LiveProvider, _extends({}, liveProviderProps, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 147,\n        columnNumber: 9\n      }\n    }), __jsx(LiveCodePreview, {\n      __self: _this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 148,\n        columnNumber: 11\n      }\n    })));\n  }\n\n  return __jsx(LiveProvider, _extends({\n    disabled: true\n  }, liveProviderProps, {\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 155,\n      columnNumber: 5\n    }\n  }), __jsx(LiveEditor, {\n    padding: 20,\n    style: liveEditorStyle,\n    __self: _this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 156,\n      columnNumber: 7\n    }\n  }));\n};\n\n_s(CodeBlock, \"sETT+mWal/KFovmnW+GemhDQ2vk=\", false, function () {\n  return [useClipboard];\n});\n\n_c4 = CodeBlock;\nCodeBlock.defaultProps = {\n  mountStylesheet: false\n};\nexport default CodeBlock;\n\nvar _c, _c2, _c3, _c4;\n\n$RefreshReg$(_c, \"LiveCodePreview\");\n$RefreshReg$(_c2, \"CopyButton\");\n$RefreshReg$(_c3, \"EditableNotice\");\n$RefreshReg$(_c4, \"CodeBlock\");","map":{"version":3,"sources":["/Users/silverdust/Projects/ConvertKit/convertkit-design/docs/components/code-block.js"],"names":["React","useState","theme","LiveProvider","LiveEditor","LiveError","LivePreview","mdx","Badge","Button","ButtonGroup","IconButton","Modal","confirm","ConfirmModal","Action","ModalAction","SelectMenu","MultiselectMenu","Note","Title","Portal","Tooltip","Stack","useToast","useForm","Form","TextField","CheckboxField","SelectField","useClipboard","dependencies","liveEditorStyle","fontSize","marginBottom","marginTop","overflowX","fontFamily","borderRadius","liveErrorStyle","padding","color","backgroundColor","LiveCodePreview","CopyButton","props","EditableNotice","CodeBlock","className","live","isManual","render","children","metastring","trim","editorCode","setEditorCode","language","replace","onCopy","hasCopied","liveProviderProps","code","transformCode","scope","noInline","handleCodeChange","newCode","defaultProps","mountStylesheet"],"mappings":"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","sourcesContent":["import React, { useState } from \"react\";\nimport theme from \"prism-react-renderer/themes/nightOwlLight\";\nimport { LiveProvider, LiveEditor, LiveError, LivePreview } from \"react-live\";\nimport { mdx } from \"@mdx-js/react\";\n\nimport Badge from \"@convertkit/design/badge\";\nimport Button, { ButtonGroup, IconButton } from \"@convertkit/design/buttons\";\nimport Modal, {\n  confirm,\n  ConfirmModal,\n  Action as ModalAction,\n} from \"@convertkit/design/modals\";\nimport SelectMenu from \"@convertkit/design/select-menu\";\nimport MultiselectMenu from \"@convertkit/design/multiselect-menu\";\n\nimport Note, { Title } from \"@convertkit/design/note\";\nimport Portal from \"@convertkit/design/portal\";\nimport Tooltip from \"@convertkit/design/tooltip\";\nimport Stack from \"@convertkit/design/stack\";\nimport useToast from \"@convertkit/design/use-toast\";\n\nimport useForm, { Form } from \"@convertkit/design/use-form\";\nimport TextField from \"@convertkit/design/text-field\";\nimport CheckboxField from \"@convertkit/design/checkbox-field\";\nimport SelectField from \"@convertkit/design/select-field\";\n\nimport { useClipboard } from \"@chakra-ui/core\";\n\nconst dependencies = {\n  ConfirmModal: { Action: ModalAction },\n  Modal: { Action: ModalAction },\n  confirm: { confirm },\n};\n\nexport const liveEditorStyle = {\n  fontSize: 14,\n  marginBottom: 32,\n  marginTop: 32,\n  overflowX: \"auto\",\n  fontFamily: \"Menlo,monospace\",\n  borderRadius: 10,\n};\n\nexport const liveErrorStyle = {\n  fontFamily: \"Menlo, monospace\",\n  fontSize: 14,\n  padding: \"1em\",\n  overflowX: \"auto\",\n  color: \"white\",\n  backgroundColor: \"red\",\n};\n\nconst LiveCodePreview = () => (\n  <LivePreview className=\"border mt-4 p-3 rounded\" />\n);\n\nconst CopyButton = (props) => (\n  <Button\n    color=\"red\"\n    className=\"absolute right-0 top-0 bg-red-200 z-10 uppercase\"\n    {...props}\n  />\n);\n\nconst EditableNotice = (props) => {\n  return (\n    <div\n      className=\"absolute w-full top-0 rounded-t py-1 text-center uppercase pointer-events-none text-sm text-gray-600\"\n      {...props}\n    >\n      Editable Example\n    </div>\n  );\n};\n\nconst CodeBlock = ({\n  className,\n  live = true,\n  isManual,\n  render,\n  children,\n  metastring,\n  ...props\n}) => {\n  const [editorCode, setEditorCode] = useState(children.trim());\n\n  const language = className && className.replace(/language-/, \"\");\n  const { onCopy, hasCopied } = useClipboard(editorCode);\n\n  const liveProviderProps = {\n    theme,\n    language,\n    code: editorCode,\n    transformCode: (code) => \"/** @jsx mdx */\" + code,\n    scope: {\n      Badge,\n      Button,\n      ButtonGroup,\n      CheckboxField,\n      ConfirmModal,\n      Form,\n      IconButton,\n      Modal,\n      MultiselectMenu,\n      Note,\n      Portal,\n      Tooltip,\n      SelectField,\n      SelectMenu,\n      Stack,\n      TextField,\n      Title,\n      useToast,\n      useForm,\n      ...(dependencies[metastring] || {}),\n      mdx,\n    },\n    noInline: isManual,\n    ...props,\n  };\n\n  const handleCodeChange = (newCode) => setEditorCode(newCode.trim());\n\n  if (language === \"jsx\" && live === true) {\n    return (\n      <LiveProvider {...liveProviderProps}>\n        <LiveCodePreview />\n        <div className=\"relative\">\n          <LiveEditor\n            onChange={handleCodeChange}\n            padding={20}\n            style={liveEditorStyle}\n          />\n          <CopyButton onClick={onCopy}>\n            {hasCopied ? \"copied\" : \"copy\"}\n          </CopyButton>\n          <EditableNotice />\n        </div>\n        <LiveError style={liveErrorStyle} />\n      </LiveProvider>\n    );\n  }\n\n  if (render) {\n    return (\n      <div style={{ marginTop: \"40px\" }}>\n        <LiveProvider {...liveProviderProps}>\n          <LiveCodePreview />\n        </LiveProvider>\n      </div>\n    );\n  }\n\n  return (\n    <LiveProvider disabled {...liveProviderProps}>\n      <LiveEditor padding={20} style={liveEditorStyle} />\n    </LiveProvider>\n  );\n};\n\nCodeBlock.defaultProps = {\n  mountStylesheet: false,\n};\n\nexport default CodeBlock;\n"]},"metadata":{},"sourceType":"module"}