@os-design/editor 1.0.148 → 1.0.149

package/dist/cjs/Editor/blocks/videoBlock.js

@@ -0,0 +1,113 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.VIDEO_BLOCK = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _draftJs = require("draft-js");
+
+var _core = require("@os-design/core");
+
+var _icons = require("@os-design/icons");
+
+var _FigureCaption = _interopRequireDefault(require("./FigureCaption"));
+
+var _changeBlock = _interopRequireDefault(require("../utils/changeBlock"));
+
+var _getCurrentBlock = _interopRequireDefault(require("../utils/getCurrentBlock"));
+
+var _Figure = _interopRequireDefault(require("./Figure"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+var VideoBlock = function VideoBlock(props) {
+  var block = props.block;
+  var data = block.getData();
+  var src = data.get('src');
+  if (!src) return null;
+  return /*#__PURE__*/_react["default"].createElement(_Figure["default"], null, /*#__PURE__*/_react["default"].createElement(_core.Video, {
+    src: src,
+    title: block.getText()
+  }), /*#__PURE__*/_react["default"].createElement(_FigureCaption["default"], null, /*#__PURE__*/_react["default"].createElement(_draftJs.EditorBlock, props)));
+};
+
+var videoTypes = [
+/**
+ * YouTube. Supported formats:
+ * https://www.youtube.com/watch?v=FJIhWbUt600&ab_channel=IlyaOrdin
+ * https://www.youtube.com/embed/FJIhWbUt600
+ * https://youtu.be/FJIhWbUt600
+ */
+{
+  re: /^https:\/\/(?:www\.youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([A-z0-9-_]*).*$/,
+  getUrl: function getUrl(id) {
+    return "https://www.youtube.com/embed/".concat(id);
+  }
+},
+/**
+ * RuTube. Supported formats:
+ * https://rutube.ru/video/d00526135b2b96d272f6d89b486036c1/
+ * https://rutube.ru/play/embed/d00526135b2b96d272f6d89b486036c1
+ */
+{
+  re: /^https:\/\/rutube\.ru\/(?:video|play\/embed)\/([a-z0-9]*)\/?$/,
+  getUrl: function getUrl(id) {
+    return "https://rutube.ru/play/embed/".concat(id);
+  }
+}];
+
+var detectVideo = function detectVideo(url) {
+  // eslint-disable-next-line no-restricted-syntax
+  var _iterator = _createForOfIteratorHelper(videoTypes),
+      _step;
+
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var _step$value = _step.value,
+          re = _step$value.re,
+          getUrl = _step$value.getUrl;
+      var groups = url.match(re);
+      if (groups && groups[1]) return getUrl(groups[1]);
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+
+  return null;
+};
+
+var VIDEO_BLOCK = 'atomic:video';
+exports.VIDEO_BLOCK = VIDEO_BLOCK;
+var videoBlock = {
+  type: VIDEO_BLOCK,
+  component: VideoBlock,
+  icon: /*#__PURE__*/_react["default"].createElement(_icons.Video, null),
+  onClick: function onClick(_ref) {
+    var value = _ref.value,
+        onChange = _ref.onChange;
+    // eslint-disable-next-line no-alert
+    var url = prompt('Insert a link to YouTube or RuTube');
+    if (!url) return;
+    var src = detectVideo(url);
+    if (!src) return;
+    var currentBlock = (0, _getCurrentBlock["default"])(value);
+    var nextEditorState = (0, _changeBlock["default"])(value, currentBlock, VIDEO_BLOCK, {
+      src: src
+    });
+    onChange(nextEditorState);
+  }
+};
+var _default = videoBlock;
+exports["default"] = _default;
+//# sourceMappingURL=videoBlock.js.map

package/dist/cjs/Editor/blocks/videoBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoBlock.js","names":["VideoBlock","props","block","data","getData","src","get","getText","videoTypes","re","getUrl","id","detectVideo","url","groups","match","VIDEO_BLOCK","videoBlock","type","component","icon","onClick","value","onChange","prompt","currentBlock","getCurrentBlock","nextEditorState","changeBlock"],"sources":["../../../../src/Editor/blocks/videoBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { EditorBlock } from 'draft-js';\nimport { Video } from '@os-design/core';\nimport { Video as VideoIcon } from '@os-design/icons';\nimport { BlockToolbarItem, BlockProps } from './types';\nimport FigureCaption from './FigureCaption';\nimport changeBlock from '../utils/changeBlock';\nimport getCurrentBlock from '../utils/getCurrentBlock';\nimport Figure from './Figure';\n\nconst VideoBlock: React.FC<BlockProps> = (props) => {\n  const { block } = props;\n  const data = block.getData();\n  const src = data.get('src');\n\n  if (!src) return null;\n\n  return (\n    <Figure>\n      <Video src={src} title={block.getText()} />\n      <FigureCaption>\n        <EditorBlock {...props} />\n      </FigureCaption>\n    </Figure>\n  );\n};\n\nconst videoTypes = [\n  /**\n   * YouTube. Supported formats:\n   * https://www.youtube.com/watch?v=FJIhWbUt600&ab_channel=IlyaOrdin\n   * https://www.youtube.com/embed/FJIhWbUt600\n   * https://youtu.be/FJIhWbUt600\n   */\n  {\n    re: /^https:\\/\\/(?:www\\.youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([A-z0-9-_]*).*$/,\n    getUrl: (id: string) => `https://www.youtube.com/embed/${id}`,\n  },\n  /**\n   * RuTube. Supported formats:\n   * https://rutube.ru/video/d00526135b2b96d272f6d89b486036c1/\n   * https://rutube.ru/play/embed/d00526135b2b96d272f6d89b486036c1\n   */\n  {\n    re: /^https:\\/\\/rutube\\.ru\\/(?:video|play\\/embed)\\/([a-z0-9]*)\\/?$/,\n    getUrl: (id: string) => `https://rutube.ru/play/embed/${id}`,\n  },\n];\n\nconst detectVideo = (url: string) => {\n  // eslint-disable-next-line no-restricted-syntax\n  for (const { re, getUrl } of videoTypes) {\n    const groups = url.match(re);\n    if (groups && groups[1]) return getUrl(groups[1]);\n  }\n  return null;\n};\n\nexport const VIDEO_BLOCK = 'atomic:video';\n\nconst videoBlock: BlockToolbarItem = {\n  type: VIDEO_BLOCK,\n  component: VideoBlock,\n  icon: <VideoIcon />,\n  onClick: ({ value, onChange }) => {\n    // eslint-disable-next-line no-alert\n    const url = prompt('Insert a link to YouTube or RuTube');\n    if (!url) return;\n\n    const src = detectVideo(url);\n    if (!src) return;\n\n    const currentBlock = getCurrentBlock(value);\n    const nextEditorState = changeBlock(value, currentBlock, VIDEO_BLOCK, {\n      src,\n    });\n\n    onChange(nextEditorState);\n  },\n};\n\nexport default videoBlock;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,UAAgC,GAAG,SAAnCA,UAAmC,CAACC,KAAD,EAAW;EAClD,IAAQC,KAAR,GAAkBD,KAAlB,CAAQC,KAAR;EACA,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAN,EAAb;EACA,IAAMC,GAAG,GAAGF,IAAI,CAACG,GAAL,CAAS,KAAT,CAAZ;EAEA,IAAI,CAACD,GAAL,EAAU,OAAO,IAAP;EAEV,oBACE,gCAAC,kBAAD,qBACE,gCAAC,WAAD;IAAO,GAAG,EAAEA,GAAZ;IAAiB,KAAK,EAAEH,KAAK,CAACK,OAAN;EAAxB,EADF,eAEE,gCAAC,yBAAD,qBACE,gCAAC,oBAAD,EAAiBN,KAAjB,CADF,CAFF,CADF;AAQD,CAfD;;AAiBA,IAAMO,UAAU,GAAG;AACjB;AACF;AACA;AACA;AACA;AACA;AACE;EACEC,EAAE,EAAE,qFADN;EAEEC,MAAM,EAAE,gBAACC,EAAD;IAAA,+CAAiDA,EAAjD;EAAA;AAFV,CAPiB;AAWjB;AACF;AACA;AACA;AACA;AACE;EACEF,EAAE,EAAE,+DADN;EAEEC,MAAM,EAAE,gBAACC,EAAD;IAAA,8CAAgDA,EAAhD;EAAA;AAFV,CAhBiB,CAAnB;;AAsBA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,GAAD,EAAiB;EACnC;EADmC,2CAENL,UAFM;EAAA;;EAAA;IAEnC,oDAAyC;MAAA;MAAA,IAA5BC,EAA4B,eAA5BA,EAA4B;MAAA,IAAxBC,MAAwB,eAAxBA,MAAwB;MACvC,IAAMI,MAAM,GAAGD,GAAG,CAACE,KAAJ,CAAUN,EAAV,CAAf;MACA,IAAIK,MAAM,IAAIA,MAAM,CAAC,CAAD,CAApB,EAAyB,OAAOJ,MAAM,CAACI,MAAM,CAAC,CAAD,CAAP,CAAb;IAC1B;EALkC;IAAA;EAAA;IAAA;EAAA;;EAMnC,OAAO,IAAP;AACD,CAPD;;AASO,IAAME,WAAW,GAAG,cAApB;;AAEP,IAAMC,UAA4B,GAAG;EACnCC,IAAI,EAAEF,WAD6B;EAEnCG,SAAS,EAAEnB,UAFwB;EAGnCoB,IAAI,eAAE,gCAAC,YAAD,OAH6B;EAInCC,OAAO,EAAE,uBAAyB;IAAA,IAAtBC,KAAsB,QAAtBA,KAAsB;IAAA,IAAfC,QAAe,QAAfA,QAAe;IAChC;IACA,IAAMV,GAAG,GAAGW,MAAM,CAAC,oCAAD,CAAlB;IACA,IAAI,CAACX,GAAL,EAAU;IAEV,IAAMR,GAAG,GAAGO,WAAW,CAACC,GAAD,CAAvB;IACA,IAAI,CAACR,GAAL,EAAU;IAEV,IAAMoB,YAAY,GAAG,IAAAC,2BAAA,EAAgBJ,KAAhB,CAArB;IACA,IAAMK,eAAe,GAAG,IAAAC,uBAAA,EAAYN,KAAZ,EAAmBG,YAAnB,EAAiCT,WAAjC,EAA8C;MACpEX,GAAG,EAAHA;IADoE,CAA9C,CAAxB;IAIAkB,QAAQ,CAACI,eAAD,CAAR;EACD;AAlBkC,CAArC;eAqBeV,U"}

package/dist/cjs/index.js

@@ -15,7 +15,7 @@ var _exportNames = {
   defaultStyleToolbarItems: true,
   getCurrentBlock: true,
   imageBlock: true,
-  youTubeBlock: true,
+  videoBlock: true,
   EditorSkeleton: true
 };
 Object.defineProperty(exports, "Editor", {
@@ -78,10 +78,10 @@ Object.defineProperty(exports, "imageBlock", {
     return _imageBlock["default"];
   }
 });
-Object.defineProperty(exports, "youTubeBlock", {
+Object.defineProperty(exports, "videoBlock", {
   enumerable: true,
   get: function get() {
-    return _youTubeBlock["default"];
+    return _videoBlock["default"];
   }
 });
 
@@ -115,7 +115,7 @@ var _getCurrentBlock = _interopRequireDefault(require("./Editor/utils/getCurrent
 
 var _imageBlock = _interopRequireDefault(require("./Editor/blocks/imageBlock"));
 
-var _youTubeBlock = _interopRequireDefault(require("./Editor/blocks/youTubeBlock"));
+var _videoBlock = _interopRequireDefault(require("./Editor/blocks/videoBlock"));
 
 var _EditorSkeleton = _interopRequireWildcard(require("./EditorSkeleton"));
 

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Editor } from './Editor';\nexport { default as addNewBlockAt } from './Editor/utils/addNewBlockAt';\nexport { default as changeBlock } from './Editor/utils/changeBlock';\nexport { default as createContentEditorState } from './Editor/utils/createContentEditorState';\nexport { default as createDecorator } from './Editor/utils/createDecorator';\nexport { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState';\nexport { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';\nexport { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';\nexport { default as imageBlock } from './Editor/blocks/imageBlock';\nexport { default as youTubeBlock } from './Editor/blocks/youTubeBlock';\nexport { default as EditorSkeleton } from './EditorSkeleton';\n\nexport * from './Editor';\nexport * from './Editor/utils/transformers';\nexport * from './Editor/blocks/types';\nexport * from './EditorSkeleton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAYA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAXA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAFA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Editor } from './Editor';\nexport { default as addNewBlockAt } from './Editor/utils/addNewBlockAt';\nexport { default as changeBlock } from './Editor/utils/changeBlock';\nexport { default as createContentEditorState } from './Editor/utils/createContentEditorState';\nexport { default as createDecorator } from './Editor/utils/createDecorator';\nexport { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState';\nexport { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';\nexport { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';\nexport { default as imageBlock } from './Editor/blocks/imageBlock';\nexport { default as videoBlock } from './Editor/blocks/videoBlock';\nexport { default as EditorSkeleton } from './EditorSkeleton';\n\nexport * from './Editor';\nexport * from './Editor/utils/transformers';\nexport * from './Editor/blocks/types';\nexport * from './EditorSkeleton';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAYA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAXA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AAFA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/dist/esm/Editor/blocks/videoBlock.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import { EditorBlock } from 'draft-js';
+import { Video } from '@os-design/core';
+import { Video as VideoIcon } from '@os-design/icons';
+import FigureCaption from './FigureCaption';
+import changeBlock from '../utils/changeBlock';
+import getCurrentBlock from '../utils/getCurrentBlock';
+import Figure from './Figure';
+
+const VideoBlock = props => {
+  const {
+    block
+  } = props;
+  const data = block.getData();
+  const src = data.get('src');
+  if (!src) return null;
+  return /*#__PURE__*/React.createElement(Figure, null, /*#__PURE__*/React.createElement(Video, {
+    src: src,
+    title: block.getText()
+  }), /*#__PURE__*/React.createElement(FigureCaption, null, /*#__PURE__*/React.createElement(EditorBlock, props)));
+};
+
+const videoTypes = [
+/**
+ * YouTube. Supported formats:
+ * https://www.youtube.com/watch?v=FJIhWbUt600&ab_channel=IlyaOrdin
+ * https://www.youtube.com/embed/FJIhWbUt600
+ * https://youtu.be/FJIhWbUt600
+ */
+{
+  re: /^https:\/\/(?:www\.youtube\.com\/(?:watch\?v=|embed\/)|youtu\.be\/)([A-z0-9-_]*).*$/,
+  getUrl: id => `https://www.youtube.com/embed/${id}`
+},
+/**
+ * RuTube. Supported formats:
+ * https://rutube.ru/video/d00526135b2b96d272f6d89b486036c1/
+ * https://rutube.ru/play/embed/d00526135b2b96d272f6d89b486036c1
+ */
+{
+  re: /^https:\/\/rutube\.ru\/(?:video|play\/embed)\/([a-z0-9]*)\/?$/,
+  getUrl: id => `https://rutube.ru/play/embed/${id}`
+}];
+
+const detectVideo = url => {
+  // eslint-disable-next-line no-restricted-syntax
+  for (const {
+    re,
+    getUrl
+  } of videoTypes) {
+    const groups = url.match(re);
+    if (groups && groups[1]) return getUrl(groups[1]);
+  }
+
+  return null;
+};
+
+export const VIDEO_BLOCK = 'atomic:video';
+const videoBlock = {
+  type: VIDEO_BLOCK,
+  component: VideoBlock,
+  icon: /*#__PURE__*/React.createElement(VideoIcon, null),
+  onClick: ({
+    value,
+    onChange
+  }) => {
+    // eslint-disable-next-line no-alert
+    const url = prompt('Insert a link to YouTube or RuTube');
+    if (!url) return;
+    const src = detectVideo(url);
+    if (!src) return;
+    const currentBlock = getCurrentBlock(value);
+    const nextEditorState = changeBlock(value, currentBlock, VIDEO_BLOCK, {
+      src
+    });
+    onChange(nextEditorState);
+  }
+};
+export default videoBlock;
+//# sourceMappingURL=videoBlock.js.map

package/dist/esm/Editor/blocks/videoBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoBlock.js","names":["React","EditorBlock","Video","VideoIcon","FigureCaption","changeBlock","getCurrentBlock","Figure","VideoBlock","props","block","data","getData","src","get","getText","videoTypes","re","getUrl","id","detectVideo","url","groups","match","VIDEO_BLOCK","videoBlock","type","component","icon","onClick","value","onChange","prompt","currentBlock","nextEditorState"],"sources":["../../../../src/Editor/blocks/videoBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { EditorBlock } from 'draft-js';\nimport { Video } from '@os-design/core';\nimport { Video as VideoIcon } from '@os-design/icons';\nimport { BlockToolbarItem, BlockProps } from './types';\nimport FigureCaption from './FigureCaption';\nimport changeBlock from '../utils/changeBlock';\nimport getCurrentBlock from '../utils/getCurrentBlock';\nimport Figure from './Figure';\n\nconst VideoBlock: React.FC<BlockProps> = (props) => {\n  const { block } = props;\n  const data = block.getData();\n  const src = data.get('src');\n\n  if (!src) return null;\n\n  return (\n    <Figure>\n      <Video src={src} title={block.getText()} />\n      <FigureCaption>\n        <EditorBlock {...props} />\n      </FigureCaption>\n    </Figure>\n  );\n};\n\nconst videoTypes = [\n  /**\n   * YouTube. Supported formats:\n   * https://www.youtube.com/watch?v=FJIhWbUt600&ab_channel=IlyaOrdin\n   * https://www.youtube.com/embed/FJIhWbUt600\n   * https://youtu.be/FJIhWbUt600\n   */\n  {\n    re: /^https:\\/\\/(?:www\\.youtube\\.com\\/(?:watch\\?v=|embed\\/)|youtu\\.be\\/)([A-z0-9-_]*).*$/,\n    getUrl: (id: string) => `https://www.youtube.com/embed/${id}`,\n  },\n  /**\n   * RuTube. Supported formats:\n   * https://rutube.ru/video/d00526135b2b96d272f6d89b486036c1/\n   * https://rutube.ru/play/embed/d00526135b2b96d272f6d89b486036c1\n   */\n  {\n    re: /^https:\\/\\/rutube\\.ru\\/(?:video|play\\/embed)\\/([a-z0-9]*)\\/?$/,\n    getUrl: (id: string) => `https://rutube.ru/play/embed/${id}`,\n  },\n];\n\nconst detectVideo = (url: string) => {\n  // eslint-disable-next-line no-restricted-syntax\n  for (const { re, getUrl } of videoTypes) {\n    const groups = url.match(re);\n    if (groups && groups[1]) return getUrl(groups[1]);\n  }\n  return null;\n};\n\nexport const VIDEO_BLOCK = 'atomic:video';\n\nconst videoBlock: BlockToolbarItem = {\n  type: VIDEO_BLOCK,\n  component: VideoBlock,\n  icon: <VideoIcon />,\n  onClick: ({ value, onChange }) => {\n    // eslint-disable-next-line no-alert\n    const url = prompt('Insert a link to YouTube or RuTube');\n    if (!url) return;\n\n    const src = detectVideo(url);\n    if (!src) return;\n\n    const currentBlock = getCurrentBlock(value);\n    const nextEditorState = changeBlock(value, currentBlock, VIDEO_BLOCK, {\n      src,\n    });\n\n    onChange(nextEditorState);\n  },\n};\n\nexport default videoBlock;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,QAA4B,UAA5B;AACA,SAASC,KAAT,QAAsB,iBAAtB;AACA,SAASA,KAAK,IAAIC,SAAlB,QAAmC,kBAAnC;AAEA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,WAAP,MAAwB,sBAAxB;AACA,OAAOC,eAAP,MAA4B,0BAA5B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,UAAgC,GAAIC,KAAD,IAAW;EAClD,MAAM;IAAEC;EAAF,IAAYD,KAAlB;EACA,MAAME,IAAI,GAAGD,KAAK,CAACE,OAAN,EAAb;EACA,MAAMC,GAAG,GAAGF,IAAI,CAACG,GAAL,CAAS,KAAT,CAAZ;EAEA,IAAI,CAACD,GAAL,EAAU,OAAO,IAAP;EAEV,oBACE,oBAAC,MAAD,qBACE,oBAAC,KAAD;IAAO,GAAG,EAAEA,GAAZ;IAAiB,KAAK,EAAEH,KAAK,CAACK,OAAN;EAAxB,EADF,eAEE,oBAAC,aAAD,qBACE,oBAAC,WAAD,EAAiBN,KAAjB,CADF,CAFF,CADF;AAQD,CAfD;;AAiBA,MAAMO,UAAU,GAAG;AACjB;AACF;AACA;AACA;AACA;AACA;AACE;EACEC,EAAE,EAAE,qFADN;EAEEC,MAAM,EAAGC,EAAD,IAAiB,iCAAgCA,EAAG;AAF9D,CAPiB;AAWjB;AACF;AACA;AACA;AACA;AACE;EACEF,EAAE,EAAE,+DADN;EAEEC,MAAM,EAAGC,EAAD,IAAiB,gCAA+BA,EAAG;AAF7D,CAhBiB,CAAnB;;AAsBA,MAAMC,WAAW,GAAIC,GAAD,IAAiB;EACnC;EACA,KAAK,MAAM;IAAEJ,EAAF;IAAMC;EAAN,CAAX,IAA6BF,UAA7B,EAAyC;IACvC,MAAMM,MAAM,GAAGD,GAAG,CAACE,KAAJ,CAAUN,EAAV,CAAf;IACA,IAAIK,MAAM,IAAIA,MAAM,CAAC,CAAD,CAApB,EAAyB,OAAOJ,MAAM,CAACI,MAAM,CAAC,CAAD,CAAP,CAAb;EAC1B;;EACD,OAAO,IAAP;AACD,CAPD;;AASA,OAAO,MAAME,WAAW,GAAG,cAApB;AAEP,MAAMC,UAA4B,GAAG;EACnCC,IAAI,EAAEF,WAD6B;EAEnCG,SAAS,EAAEnB,UAFwB;EAGnCoB,IAAI,eAAE,oBAAC,SAAD,OAH6B;EAInCC,OAAO,EAAE,CAAC;IAAEC,KAAF;IAASC;EAAT,CAAD,KAAyB;IAChC;IACA,MAAMV,GAAG,GAAGW,MAAM,CAAC,oCAAD,CAAlB;IACA,IAAI,CAACX,GAAL,EAAU;IAEV,MAAMR,GAAG,GAAGO,WAAW,CAACC,GAAD,CAAvB;IACA,IAAI,CAACR,GAAL,EAAU;IAEV,MAAMoB,YAAY,GAAG3B,eAAe,CAACwB,KAAD,CAApC;IACA,MAAMI,eAAe,GAAG7B,WAAW,CAACyB,KAAD,EAAQG,YAAR,EAAsBT,WAAtB,EAAmC;MACpEX;IADoE,CAAnC,CAAnC;IAIAkB,QAAQ,CAACG,eAAD,CAAR;EACD;AAlBkC,CAArC;AAqBA,eAAeT,UAAf"}

package/dist/esm/index.js

@@ -7,7 +7,7 @@ export { default as createEmptyEditorState } from './Editor/utils/createEmptyEdi
 export { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';
 export { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';
 export { default as imageBlock } from './Editor/blocks/imageBlock';
-export { default as youTubeBlock } from './Editor/blocks/youTubeBlock';
+export { default as videoBlock } from './Editor/blocks/videoBlock';
 export { default as EditorSkeleton } from './EditorSkeleton';
 export * from './Editor';
 export * from './Editor/utils/transformers';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Editor","addNewBlockAt","changeBlock","createContentEditorState","createDecorator","createEmptyEditorState","defaultStyleToolbarItems","getCurrentBlock","imageBlock","youTubeBlock","EditorSkeleton"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Editor } from './Editor';\nexport { default as addNewBlockAt } from './Editor/utils/addNewBlockAt';\nexport { default as changeBlock } from './Editor/utils/changeBlock';\nexport { default as createContentEditorState } from './Editor/utils/createContentEditorState';\nexport { default as createDecorator } from './Editor/utils/createDecorator';\nexport { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState';\nexport { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';\nexport { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';\nexport { default as imageBlock } from './Editor/blocks/imageBlock';\nexport { default as youTubeBlock } from './Editor/blocks/youTubeBlock';\nexport { default as EditorSkeleton } from './EditorSkeleton';\n\nexport * from './Editor';\nexport * from './Editor/utils/transformers';\nexport * from './Editor/blocks/types';\nexport * from './EditorSkeleton';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,8BAAzC;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,4BAAvC;AACA,SAASH,OAAO,IAAII,wBAApB,QAAoD,yCAApD;AACA,SAASJ,OAAO,IAAIK,eAApB,QAA2C,gCAA3C;AACA,SAASL,OAAO,IAAIM,sBAApB,QAAkD,uCAAlD;AACA,SAASN,OAAO,IAAIO,wBAApB,QAAoD,yCAApD;AACA,SAASP,OAAO,IAAIQ,eAApB,QAA2C,gCAA3C;AACA,SAASR,OAAO,IAAIS,UAApB,QAAsC,4BAAtC;AACA,SAAST,OAAO,IAAIU,YAApB,QAAwC,8BAAxC;AACA,SAASV,OAAO,IAAIW,cAApB,QAA0C,kBAA1C;AAEA,cAAc,UAAd;AACA,cAAc,6BAAd;AACA,cAAc,uBAAd;AACA,cAAc,kBAAd"}
+{"version":3,"file":"index.js","names":["default","Editor","addNewBlockAt","changeBlock","createContentEditorState","createDecorator","createEmptyEditorState","defaultStyleToolbarItems","getCurrentBlock","imageBlock","videoBlock","EditorSkeleton"],"sources":["../../src/index.ts"],"sourcesContent":["export { default as Editor } from './Editor';\nexport { default as addNewBlockAt } from './Editor/utils/addNewBlockAt';\nexport { default as changeBlock } from './Editor/utils/changeBlock';\nexport { default as createContentEditorState } from './Editor/utils/createContentEditorState';\nexport { default as createDecorator } from './Editor/utils/createDecorator';\nexport { default as createEmptyEditorState } from './Editor/utils/createEmptyEditorState';\nexport { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';\nexport { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';\nexport { default as imageBlock } from './Editor/blocks/imageBlock';\nexport { default as videoBlock } from './Editor/blocks/videoBlock';\nexport { default as EditorSkeleton } from './EditorSkeleton';\n\nexport * from './Editor';\nexport * from './Editor/utils/transformers';\nexport * from './Editor/blocks/types';\nexport * from './EditorSkeleton';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AACA,SAASD,OAAO,IAAIE,aAApB,QAAyC,8BAAzC;AACA,SAASF,OAAO,IAAIG,WAApB,QAAuC,4BAAvC;AACA,SAASH,OAAO,IAAII,wBAApB,QAAoD,yCAApD;AACA,SAASJ,OAAO,IAAIK,eAApB,QAA2C,gCAA3C;AACA,SAASL,OAAO,IAAIM,sBAApB,QAAkD,uCAAlD;AACA,SAASN,OAAO,IAAIO,wBAApB,QAAoD,yCAApD;AACA,SAASP,OAAO,IAAIQ,eAApB,QAA2C,gCAA3C;AACA,SAASR,OAAO,IAAIS,UAApB,QAAsC,4BAAtC;AACA,SAAST,OAAO,IAAIU,UAApB,QAAsC,4BAAtC;AACA,SAASV,OAAO,IAAIW,cAApB,QAA0C,kBAA1C;AAEA,cAAc,UAAd;AACA,cAAc,6BAAd;AACA,cAAc,uBAAd;AACA,cAAc,kBAAd"}

package/dist/types/Editor/blocks/videoBlock.d.ts

@@ -0,0 +1,5 @@
+import { BlockToolbarItem } from './types';
+export declare const VIDEO_BLOCK = "atomic:video";
+declare const videoBlock: BlockToolbarItem;
+export default videoBlock;
+//# sourceMappingURL=videoBlock.d.ts.map

package/dist/types/Editor/blocks/videoBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"videoBlock.d.ts","sourceRoot":"","sources":["../../../../src/Editor/blocks/videoBlock.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAc,MAAM,SAAS,CAAC;AAsDvD,eAAO,MAAM,WAAW,iBAAiB,CAAC;AAE1C,QAAA,MAAM,UAAU,EAAE,gBAmBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/index.d.ts

@@ -7,7 +7,7 @@ export { default as createEmptyEditorState } from './Editor/utils/createEmptyEdi
 export { default as defaultStyleToolbarItems } from './Editor/utils/defaultStyleToolbarItems';
 export { default as getCurrentBlock } from './Editor/utils/getCurrentBlock';
 export { default as imageBlock } from './Editor/blocks/imageBlock';
-export { default as youTubeBlock } from './Editor/blocks/youTubeBlock';
+export { default as videoBlock } from './Editor/blocks/videoBlock';
 export { default as EditorSkeleton } from './EditorSkeleton';
 export * from './Editor';
 export * from './Editor/utils/transformers';

package/dist/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,cAAc,UAAU,CAAC;AACzB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,yCAAyC,CAAC;AAC9F,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,cAAc,UAAU,CAAC;AACzB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/editor",
-  "version": "1.0.148",
+  "version": "1.0.149",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -29,7 +29,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@os-design/core": "^1.0.144",
+    "@os-design/core": "^1.0.145",
     "@os-design/icons": "^1.0.37",
     "@os-design/styles": "^1.0.35",
     "@os-design/theming": "^1.0.33",
@@ -49,5 +49,5 @@
     "react": ">=18",
     "react-dom": ">=18"
   },
-  "gitHead": "9d5e3b6abd1889613320ff0fac5b2294c3dccfea"
+  "gitHead": "f06ff2e867ab7984d49aacb98b8b5e6618eae8fd"
 }

package/dist/cjs/Editor/blocks/youTubeBlock.js

@@ -1,61 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.YOUTUBE_BLOCK = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _draftJs = require("draft-js");
-
-var _core = require("@os-design/core");
-
-var _icons = require("@os-design/icons");
-
-var _FigureCaption = _interopRequireDefault(require("./FigureCaption"));
-
-var _changeBlock = _interopRequireDefault(require("../utils/changeBlock"));
-
-var _getCurrentBlock = _interopRequireDefault(require("../utils/getCurrentBlock"));
-
-var _Figure = _interopRequireDefault(require("./Figure"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var YouTubeBlock = function YouTubeBlock(props) {
-  var block = props.block;
-  var data = block.getData();
-  var id = data.get('id');
-  if (!id) return null;
-  return /*#__PURE__*/_react["default"].createElement(_Figure["default"], null, /*#__PURE__*/_react["default"].createElement(_core.YouTubeVideo, {
-    id: id,
-    title: block.getText()
-  }), /*#__PURE__*/_react["default"].createElement(_FigureCaption["default"], null, /*#__PURE__*/_react["default"].createElement(_draftJs.EditorBlock, props)));
-};
-
-var YOUTUBE_ID_RE = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|&v(?:i)?=))([^#&?]*).*/;
-var YOUTUBE_BLOCK = 'atomic:youtube';
-exports.YOUTUBE_BLOCK = YOUTUBE_BLOCK;
-var youTubeBlock = {
-  type: YOUTUBE_BLOCK,
-  component: YouTubeBlock,
-  icon: /*#__PURE__*/_react["default"].createElement(_icons.Video, null),
-  onClick: function onClick(_ref) {
-    var value = _ref.value,
-        onChange = _ref.onChange;
-    // eslint-disable-next-line no-alert
-    var url = prompt('Paste a YouTube link');
-    if (!url) return;
-    var match = url.match(YOUTUBE_ID_RE);
-    if (!match || !match[1]) return;
-    var currentBlock = (0, _getCurrentBlock["default"])(value);
-    var nextEditorState = (0, _changeBlock["default"])(value, currentBlock, YOUTUBE_BLOCK, {
-      id: match[1]
-    });
-    onChange(nextEditorState);
-  }
-};
-var _default = youTubeBlock;
-exports["default"] = _default;
-//# sourceMappingURL=youTubeBlock.js.map

package/dist/cjs/Editor/blocks/youTubeBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"youTubeBlock.js","names":["YouTubeBlock","props","block","data","getData","id","get","getText","YOUTUBE_ID_RE","YOUTUBE_BLOCK","youTubeBlock","type","component","icon","onClick","value","onChange","url","prompt","match","currentBlock","getCurrentBlock","nextEditorState","changeBlock"],"sources":["../../../../src/Editor/blocks/youTubeBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { EditorBlock } from 'draft-js';\nimport { YouTubeVideo } from '@os-design/core';\nimport { Video } from '@os-design/icons';\nimport { BlockToolbarItem, BlockProps } from './types';\nimport FigureCaption from './FigureCaption';\nimport changeBlock from '../utils/changeBlock';\nimport getCurrentBlock from '../utils/getCurrentBlock';\nimport Figure from './Figure';\n\nconst YouTubeBlock: React.FC<BlockProps> = (props) => {\n  const { block } = props;\n  const data = block.getData();\n  const id = data.get('id');\n\n  if (!id) return null;\n\n  return (\n    <Figure>\n      <YouTubeVideo id={id} title={block.getText()} />\n      <FigureCaption>\n        <EditorBlock {...props} />\n      </FigureCaption>\n    </Figure>\n  );\n};\n\nconst YOUTUBE_ID_RE =\n  /^.*(?:(?:youtu\\.be\\/|v\\/|vi\\/|u\\/\\w\\/|embed\\/)|(?:(?:watch)?\\?v(?:i)?=|&v(?:i)?=))([^#&?]*).*/;\n\nexport const YOUTUBE_BLOCK = 'atomic:youtube';\n\nconst youTubeBlock: BlockToolbarItem = {\n  type: YOUTUBE_BLOCK,\n  component: YouTubeBlock,\n  icon: <Video />,\n  onClick: ({ value, onChange }) => {\n    // eslint-disable-next-line no-alert\n    const url = prompt('Paste a YouTube link');\n    if (!url) return;\n\n    const match = url.match(YOUTUBE_ID_RE);\n    if (!match || !match[1]) return;\n\n    const currentBlock = getCurrentBlock(value);\n    const nextEditorState = changeBlock(value, currentBlock, YOUTUBE_BLOCK, {\n      id: match[1],\n    });\n\n    onChange(nextEditorState);\n  },\n};\n\nexport default youTubeBlock;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,YAAkC,GAAG,SAArCA,YAAqC,CAACC,KAAD,EAAW;EACpD,IAAQC,KAAR,GAAkBD,KAAlB,CAAQC,KAAR;EACA,IAAMC,IAAI,GAAGD,KAAK,CAACE,OAAN,EAAb;EACA,IAAMC,EAAE,GAAGF,IAAI,CAACG,GAAL,CAAS,IAAT,CAAX;EAEA,IAAI,CAACD,EAAL,EAAS,OAAO,IAAP;EAET,oBACE,gCAAC,kBAAD,qBACE,gCAAC,kBAAD;IAAc,EAAE,EAAEA,EAAlB;IAAsB,KAAK,EAAEH,KAAK,CAACK,OAAN;EAA7B,EADF,eAEE,gCAAC,yBAAD,qBACE,gCAAC,oBAAD,EAAiBN,KAAjB,CADF,CAFF,CADF;AAQD,CAfD;;AAiBA,IAAMO,aAAa,GACjB,+FADF;AAGO,IAAMC,aAAa,GAAG,gBAAtB;;AAEP,IAAMC,YAA8B,GAAG;EACrCC,IAAI,EAAEF,aAD+B;EAErCG,SAAS,EAAEZ,YAF0B;EAGrCa,IAAI,eAAE,gCAAC,YAAD,OAH+B;EAIrCC,OAAO,EAAE,uBAAyB;IAAA,IAAtBC,KAAsB,QAAtBA,KAAsB;IAAA,IAAfC,QAAe,QAAfA,QAAe;IAChC;IACA,IAAMC,GAAG,GAAGC,MAAM,CAAC,sBAAD,CAAlB;IACA,IAAI,CAACD,GAAL,EAAU;IAEV,IAAME,KAAK,GAAGF,GAAG,CAACE,KAAJ,CAAUX,aAAV,CAAd;IACA,IAAI,CAACW,KAAD,IAAU,CAACA,KAAK,CAAC,CAAD,CAApB,EAAyB;IAEzB,IAAMC,YAAY,GAAG,IAAAC,2BAAA,EAAgBN,KAAhB,CAArB;IACA,IAAMO,eAAe,GAAG,IAAAC,uBAAA,EAAYR,KAAZ,EAAmBK,YAAnB,EAAiCX,aAAjC,EAAgD;MACtEJ,EAAE,EAAEc,KAAK,CAAC,CAAD;IAD6D,CAAhD,CAAxB;IAIAH,QAAQ,CAACM,eAAD,CAAR;EACD;AAlBoC,CAAvC;eAqBeZ,Y"}

package/dist/esm/Editor/blocks/youTubeBlock.js

@@ -1,46 +0,0 @@
-import React from 'react';
-import { EditorBlock } from 'draft-js';
-import { YouTubeVideo } from '@os-design/core';
-import { Video } from '@os-design/icons';
-import FigureCaption from './FigureCaption';
-import changeBlock from '../utils/changeBlock';
-import getCurrentBlock from '../utils/getCurrentBlock';
-import Figure from './Figure';
-
-const YouTubeBlock = props => {
-  const {
-    block
-  } = props;
-  const data = block.getData();
-  const id = data.get('id');
-  if (!id) return null;
-  return /*#__PURE__*/React.createElement(Figure, null, /*#__PURE__*/React.createElement(YouTubeVideo, {
-    id: id,
-    title: block.getText()
-  }), /*#__PURE__*/React.createElement(FigureCaption, null, /*#__PURE__*/React.createElement(EditorBlock, props)));
-};
-
-const YOUTUBE_ID_RE = /^.*(?:(?:youtu\.be\/|v\/|vi\/|u\/\w\/|embed\/)|(?:(?:watch)?\?v(?:i)?=|&v(?:i)?=))([^#&?]*).*/;
-export const YOUTUBE_BLOCK = 'atomic:youtube';
-const youTubeBlock = {
-  type: YOUTUBE_BLOCK,
-  component: YouTubeBlock,
-  icon: /*#__PURE__*/React.createElement(Video, null),
-  onClick: ({
-    value,
-    onChange
-  }) => {
-    // eslint-disable-next-line no-alert
-    const url = prompt('Paste a YouTube link');
-    if (!url) return;
-    const match = url.match(YOUTUBE_ID_RE);
-    if (!match || !match[1]) return;
-    const currentBlock = getCurrentBlock(value);
-    const nextEditorState = changeBlock(value, currentBlock, YOUTUBE_BLOCK, {
-      id: match[1]
-    });
-    onChange(nextEditorState);
-  }
-};
-export default youTubeBlock;
-//# sourceMappingURL=youTubeBlock.js.map

package/dist/esm/Editor/blocks/youTubeBlock.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"youTubeBlock.js","names":["React","EditorBlock","YouTubeVideo","Video","FigureCaption","changeBlock","getCurrentBlock","Figure","YouTubeBlock","props","block","data","getData","id","get","getText","YOUTUBE_ID_RE","YOUTUBE_BLOCK","youTubeBlock","type","component","icon","onClick","value","onChange","url","prompt","match","currentBlock","nextEditorState"],"sources":["../../../../src/Editor/blocks/youTubeBlock.tsx"],"sourcesContent":["import React from 'react';\nimport { EditorBlock } from 'draft-js';\nimport { YouTubeVideo } from '@os-design/core';\nimport { Video } from '@os-design/icons';\nimport { BlockToolbarItem, BlockProps } from './types';\nimport FigureCaption from './FigureCaption';\nimport changeBlock from '../utils/changeBlock';\nimport getCurrentBlock from '../utils/getCurrentBlock';\nimport Figure from './Figure';\n\nconst YouTubeBlock: React.FC<BlockProps> = (props) => {\n  const { block } = props;\n  const data = block.getData();\n  const id = data.get('id');\n\n  if (!id) return null;\n\n  return (\n    <Figure>\n      <YouTubeVideo id={id} title={block.getText()} />\n      <FigureCaption>\n        <EditorBlock {...props} />\n      </FigureCaption>\n    </Figure>\n  );\n};\n\nconst YOUTUBE_ID_RE =\n  /^.*(?:(?:youtu\\.be\\/|v\\/|vi\\/|u\\/\\w\\/|embed\\/)|(?:(?:watch)?\\?v(?:i)?=|&v(?:i)?=))([^#&?]*).*/;\n\nexport const YOUTUBE_BLOCK = 'atomic:youtube';\n\nconst youTubeBlock: BlockToolbarItem = {\n  type: YOUTUBE_BLOCK,\n  component: YouTubeBlock,\n  icon: <Video />,\n  onClick: ({ value, onChange }) => {\n    // eslint-disable-next-line no-alert\n    const url = prompt('Paste a YouTube link');\n    if (!url) return;\n\n    const match = url.match(YOUTUBE_ID_RE);\n    if (!match || !match[1]) return;\n\n    const currentBlock = getCurrentBlock(value);\n    const nextEditorState = changeBlock(value, currentBlock, YOUTUBE_BLOCK, {\n      id: match[1],\n    });\n\n    onChange(nextEditorState);\n  },\n};\n\nexport default youTubeBlock;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,WAAT,QAA4B,UAA5B;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,KAAT,QAAsB,kBAAtB;AAEA,OAAOC,aAAP,MAA0B,iBAA1B;AACA,OAAOC,WAAP,MAAwB,sBAAxB;AACA,OAAOC,eAAP,MAA4B,0BAA5B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,YAAkC,GAAIC,KAAD,IAAW;EACpD,MAAM;IAAEC;EAAF,IAAYD,KAAlB;EACA,MAAME,IAAI,GAAGD,KAAK,CAACE,OAAN,EAAb;EACA,MAAMC,EAAE,GAAGF,IAAI,CAACG,GAAL,CAAS,IAAT,CAAX;EAEA,IAAI,CAACD,EAAL,EAAS,OAAO,IAAP;EAET,oBACE,oBAAC,MAAD,qBACE,oBAAC,YAAD;IAAc,EAAE,EAAEA,EAAlB;IAAsB,KAAK,EAAEH,KAAK,CAACK,OAAN;EAA7B,EADF,eAEE,oBAAC,aAAD,qBACE,oBAAC,WAAD,EAAiBN,KAAjB,CADF,CAFF,CADF;AAQD,CAfD;;AAiBA,MAAMO,aAAa,GACjB,+FADF;AAGA,OAAO,MAAMC,aAAa,GAAG,gBAAtB;AAEP,MAAMC,YAA8B,GAAG;EACrCC,IAAI,EAAEF,aAD+B;EAErCG,SAAS,EAAEZ,YAF0B;EAGrCa,IAAI,eAAE,oBAAC,KAAD,OAH+B;EAIrCC,OAAO,EAAE,CAAC;IAAEC,KAAF;IAASC;EAAT,CAAD,KAAyB;IAChC;IACA,MAAMC,GAAG,GAAGC,MAAM,CAAC,sBAAD,CAAlB;IACA,IAAI,CAACD,GAAL,EAAU;IAEV,MAAME,KAAK,GAAGF,GAAG,CAACE,KAAJ,CAAUX,aAAV,CAAd;IACA,IAAI,CAACW,KAAD,IAAU,CAACA,KAAK,CAAC,CAAD,CAApB,EAAyB;IAEzB,MAAMC,YAAY,GAAGtB,eAAe,CAACiB,KAAD,CAApC;IACA,MAAMM,eAAe,GAAGxB,WAAW,CAACkB,KAAD,EAAQK,YAAR,EAAsBX,aAAtB,EAAqC;MACtEJ,EAAE,EAAEc,KAAK,CAAC,CAAD;IAD6D,CAArC,CAAnC;IAIAH,QAAQ,CAACK,eAAD,CAAR;EACD;AAlBoC,CAAvC;AAqBA,eAAeX,YAAf"}

package/dist/types/Editor/blocks/youTubeBlock.d.ts

@@ -1,5 +0,0 @@
-import { BlockToolbarItem } from './types';
-export declare const YOUTUBE_BLOCK = "atomic:youtube";
-declare const youTubeBlock: BlockToolbarItem;
-export default youTubeBlock;
-//# sourceMappingURL=youTubeBlock.d.ts.map

package/dist/types/Editor/blocks/youTubeBlock.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"youTubeBlock.d.ts","sourceRoot":"","sources":["../../../../src/Editor/blocks/youTubeBlock.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAc,MAAM,SAAS,CAAC;AA0BvD,eAAO,MAAM,aAAa,mBAAmB,CAAC;AAE9C,QAAA,MAAM,YAAY,EAAE,gBAmBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}