@mirrormedia/lilith-draft-editor 2.1.0 → 2.2.1

package/lib/draft-js/buttons/text-align.js

@@ -7,12 +7,16 @@ exports.AlignCenterButton = AlignCenterButton;
 exports.AlignLeftButton = AlignLeftButton;
 exports.getSelectionBlockData = void 0;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _draftJs = require("draft-js");
 
 var _modifier = require("../modifier");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const toggleSelectionTextAlign = (editorState, textAlign) => {
   return setSelectionBlockData(editorState, {
     textAlign: getSelectionBlockData(editorState, 'textAlign') !== textAlign ? textAlign : undefined
@@ -45,16 +49,16 @@ function AlignCenterButton(props) {
     _draftJs.EditorState.push(editorState, newContentState, 'change-block-style'));
   };
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onMouseDown: toggleTextAlign
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M11.4286 2.28571H4.57143C3.93929 2.28571 3.42857 1.77393 3.42857 1.14286C3.42857 0.511786 3.93929 0 4.57143 0H11.4286C12.0607 0 12.5714 0.511786 12.5714 1.14286C12.5714 1.77393 12.0607 2.28571 11.4286 2.28571ZM14.8571 6.85714H1.14286C0.511786 6.85714 0 6.34643 0 5.71429C0 5.08214 0.511786 4.57143 1.14286 4.57143H14.8571C15.4893 4.57143 16 5.08214 16 5.71429C16 6.34643 15.4893 6.85714 14.8571 6.85714ZM0 14.8571C0 14.225 0.511786 13.7143 1.14286 13.7143H14.8571C15.4893 13.7143 16 14.225 16 14.8571C16 15.4893 15.4893 16 14.8571 16H1.14286C0.511786 16 0 15.4893 0 14.8571ZM11.4286 11.4286H4.57143C3.93929 11.4286 3.42857 10.9179 3.42857 10.2857C3.42857 9.65357 3.93929 9.14286 4.57143 9.14286H11.4286C12.0607 9.14286 12.5714 9.65357 12.5714 10.2857C12.5714 10.9179 12.0607 11.4286 11.4286 11.4286Z",
     fill: isActive ? '#ED8B00' : '#6b7280'
   }))));
@@ -74,16 +78,16 @@ function AlignLeftButton(props) {
     _draftJs.EditorState.push(editorState, newContentState, 'change-block-style'));
   };
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onMouseDown: toggleTextAlign
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     width: "16",
     height: "16",
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M9.14286 2.28571H1.14286C0.511786 2.28571 0 1.77393 0 1.14286C0 0.511786 0.511786 0 1.14286 0H9.14286C9.775 0 10.2857 0.511786 10.2857 1.14286C10.2857 1.77393 9.775 2.28571 9.14286 2.28571ZM9.14286 11.4286H1.14286C0.511786 11.4286 0 10.9179 0 10.2857C0 9.65357 0.511786 9.14286 1.14286 9.14286H9.14286C9.775 9.14286 10.2857 9.65357 10.2857 10.2857C10.2857 10.9179 9.775 11.4286 9.14286 11.4286ZM0 5.71429C0 5.08214 0.511786 4.57143 1.14286 4.57143H14.8571C15.4893 4.57143 16 5.08214 16 5.71429C16 6.34643 15.4893 6.85714 14.8571 6.85714H1.14286C0.511786 6.85714 0 6.34643 0 5.71429ZM14.8571 16H1.14286C0.511786 16 0 15.4893 0 14.8571C0 14.225 0.511786 13.7143 1.14286 13.7143H14.8571C15.4893 13.7143 16 14.225 16 14.8571C16 15.4893 15.4893 16 14.8571 16Z",
     fill: isActive ? '#ED8B00' : '#6b7280'
   }))));

package/lib/draft-js/buttons/video.js

@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.VideoButton = VideoButton;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _draftJs = require("draft-js");
 
 var _videoSelector = require("./selector/video-selector");
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function VideoButton(props) {
   const {
     editorState,
@@ -50,12 +54,12 @@ function VideoButton(props) {
     setToShowVideoSelector(false);
   };
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, toShowVideoSelector && /*#__PURE__*/React.createElement(VideoSelector, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, toShowVideoSelector && /*#__PURE__*/_react.default.createElement(VideoSelector, {
     onChange: onVideoSelectorChange
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onClick: promptForVideoSelector
-  }, /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/_react.default.createElement("i", {
     className: "fa fa-video-camera"
-  }), /*#__PURE__*/React.createElement("span", null, " Video")));
+  }), /*#__PURE__*/_react.default.createElement("span", null, " Video")));
 }

package/lib/draft-js/buttons/youtube.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.YoutubeButton = YoutubeButton;
 exports.YoutubeInput = YoutubeInput;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _draftJs = require("draft-js");
 
@@ -18,6 +18,10 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const Label = _styledComponents.default.label`
   display: block;
   font-weight: 600;
@@ -40,9 +44,9 @@ function YoutubeInput(props) {
     setInputValue(initialInputValue);
   };
 
-  return /*#__PURE__*/React.createElement(_modals.DrawerController, {
+  return /*#__PURE__*/_react.default.createElement(_modals.DrawerController, {
     isOpen: isOpen
-  }, /*#__PURE__*/React.createElement(_modals.Drawer, {
+  }, /*#__PURE__*/_react.default.createElement(_modals.Drawer, {
     title: `Insert Youtube video`,
     actions: {
       cancel: {
@@ -63,9 +67,9 @@ function YoutubeInput(props) {
         }
       }
     }
-  }, /*#__PURE__*/React.createElement(Label, {
+  }, /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: "description"
-  }, "Youtube Description"), /*#__PURE__*/React.createElement(_fields.TextInput, {
+  }, "Youtube Description"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
     onChange: e => setInputValue({
       description: e.target.value,
       youtubeId: inputValue.youtubeId
@@ -74,9 +78,9 @@ function YoutubeInput(props) {
     placeholder: "description",
     id: "description",
     value: inputValue.description
-  }), /*#__PURE__*/React.createElement(Label, {
+  }), /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: "youtubeId"
-  }, "Youtube Videi Id"), /*#__PURE__*/React.createElement(_fields.TextInput, {
+  }, "Youtube Videi Id"), /*#__PURE__*/_react.default.createElement(_fields.TextInput, {
     onChange: e => setInputValue({
       description: inputValue.description,
       youtubeId: e.target.value
@@ -118,26 +122,26 @@ function YoutubeButton(props) {
     setToShowInput(false);
   };
 
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(YoutubeInput, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(YoutubeInput, {
     onChange: onChange,
     onCancel: () => {
       setToShowInput(false);
     },
     isOpen: toShowInput
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: className,
     onClick: () => {
       setToShowInput(true);
     }
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     height: "16px",
     width: "14px",
     version: "1.1",
     id: "Layer_1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 461.001 461.001"
-  }, /*#__PURE__*/React.createElement("path", {
+  }, /*#__PURE__*/_react.default.createElement("path", {
     fill: "#6b7280",
     d: "M365.257,67.393H95.744C42.866,67.393,0,110.259,0,163.137v134.728 c0,52.878,42.866,95.744,95.744,95.744h269.513c52.878,0,95.744-42.866,95.744-95.744V163.137 C461.001,110.259,418.135,67.393,365.257,67.393z M300.506,237.056l-126.06,60.123c-3.359,1.602-7.239-0.847-7.239-4.568V168.607 c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z"
-  })), /*#__PURE__*/React.createElement("span", null, "Youtube")));
+  })), /*#__PURE__*/_react.default.createElement("span", null, "Youtube")));
 }

package/lib/website/mirrormedia/draft-editor.js

@@ -922,7 +922,9 @@ const blockStyles = [{
 const BlockStyleControls = props => {
   const {
     editorState,
-    disabledButtons
+    disabledButtons,
+    onToggle,
+    readOnly
   } = props;
   const selection = editorState.getSelection();
   const blockType = editorState.getCurrentContent().getBlockForKey(selection.getStartKey()).getType();
@@ -931,10 +933,10 @@ const BlockStyleControls = props => {
     key: type.label,
     active: type.style === blockType,
     label: type.label,
-    onToggle: props.onToggle,
+    onToggle: onToggle,
     style: type.style,
     icon: type.icon,
-    readOnly: props.readOnly
+    readOnly: readOnly
   })));
 };
 

package/lib/website/mirrormedia/selector/align-selector.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.AlignSelector = AlignSelector;
 
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
@@ -13,6 +13,10 @@ var _fields = require("@keystone-ui/fields");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 const Label = _styledComponents.default.label`
   display: block;
   margin: 10px 0;
@@ -50,9 +54,9 @@ function AlignSelector(props) {
       onOpen();
     }
   }, [isOpen]);
-  return /*#__PURE__*/React.createElement(_react.Fragment, null, /*#__PURE__*/React.createElement(Label, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(Label, {
     htmlFor: "alignment"
-  }, "\u5C0D\u9F4A"), /*#__PURE__*/React.createElement(AlignSelect, {
+  }, "\u5C0D\u9F4A"), /*#__PURE__*/_react.default.createElement(AlignSelect, {
     id: "alignment" // default align === undefined
     ,
     value: options.find(option => option.value === align) ?? null,

package/lib/website/mirrormedia/selector/pagination.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Pagination = Pagination;
 
+var _react = _interopRequireDefault(require("react"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -44,12 +46,12 @@ function Pagination({
   const prevPage = currentPage - 1; // Don't render the pagiantion component if the pageSize is greater than the total number of items in the list.
 
   if (total <= pageSize) return null;
-  return /*#__PURE__*/React.createElement(PaginationWrapper, null, /*#__PURE__*/React.createElement("div", null, currentPage, " of ", limit, " pages"), /*#__PURE__*/React.createElement(Arrows, null, /*#__PURE__*/React.createElement(ArrowButtonWrapper, {
+  return /*#__PURE__*/_react.default.createElement(PaginationWrapper, null, /*#__PURE__*/_react.default.createElement("div", null, currentPage, " of ", limit, " pages"), /*#__PURE__*/_react.default.createElement(Arrows, null, /*#__PURE__*/_react.default.createElement(ArrowButtonWrapper, {
     onClick: () => {
       onChange(prevPage);
     },
     disable: prevPage < minPage
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     "aria-hidden": "true",
     focusable: "false",
     height: "24px",
@@ -58,14 +60,14 @@ function Pagination({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     className: "css-bztyua"
-  }, /*#__PURE__*/React.createElement("polyline", {
+  }, /*#__PURE__*/_react.default.createElement("polyline", {
     points: "15 18 9 12 15 6"
-  }), ' ')), /*#__PURE__*/React.createElement(ArrowButtonWrapper, {
+  }), ' ')), /*#__PURE__*/_react.default.createElement(ArrowButtonWrapper, {
     onClick: () => {
       onChange(nextPage);
     },
     disable: nextPage > limit
-  }, /*#__PURE__*/React.createElement("svg", {
+  }, /*#__PURE__*/_react.default.createElement("svg", {
     "aria-hidden": "true",
     focusable: "false",
     height: "24px",
@@ -74,7 +76,7 @@ function Pagination({
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg",
     className: "css-bztyua"
-  }, /*#__PURE__*/React.createElement("polyline", {
+  }, /*#__PURE__*/_react.default.createElement("polyline", {
     points: "9 18 15 12 9 6"
   })))));
 }

package/package.json

@@ -1,15 +1,12 @@
 {
   "name": "@mirrormedia/lilith-draft-editor",
-  "version": "2.1.0",
+  "version": "2.2.1",
   "description": "",
   "main": "lib/index.js",
-  "types": "@types/index.d.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
-    "dev": "make dev",
     "build": "make build",
-    "clean": "make clean",
-    "build-lib": "make build-lib"
+    "clean": "make clean"
   },
   "repository": {
     "type": "git",
@@ -27,16 +24,15 @@
     "draft-js": "^0.11.7"
   },
   "peerDependencies": {
-    "@keystone-6/core": "5",
-    "@keystone-ui/button": "5",
-    "@keystone-ui/fields": "5",
-    "@keystone-ui/modals": "6",
-    "react": "18",
-    "react-dom": "18",
-    "styled-components": "5"
+    "@keystone-6/core": "^5",
+    "@keystone-ui/button": "^5",
+    "@keystone-ui/fields": "^5",
+    "@keystone-ui/modals": "^6",
+    "react": "^18",
+    "react-dom": "^18",
+    "styled-components": "^5"
   },
   "files": [
-    "lib",
-    "@types"
+    "lib"
   ]
 }

package/@types/draft-js/buttons/annotation.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function AnnotationButton(props: any): JSX.Element;

package/@types/draft-js/buttons/audio.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { EditorState } from 'draft-js';
-import { AudioSelector as DefaultAudioSelector } from './selector/audio-selector';
-export declare function AudioButton(props: {
-    editorState: EditorState;
-    onChange: (param: EditorState) => void;
-    className?: string;
-    AudioSelector: typeof DefaultAudioSelector;
-}): JSX.Element;

package/@types/draft-js/buttons/background-color.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function BackgroundColorButton(props: any): JSX.Element;

package/@types/draft-js/buttons/background-image.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import { EditorState, RawDraftContentState, CompositeDecorator } from 'draft-js';
-import { ImageSelector as DefaultImageSelector, ImageEntity } from './selector/image-selector';
-export declare type RenderBasicEditor = (propsOfBasicEditor: {
-    onChange: (es: EditorState) => void;
-    editorState: EditorState;
-}) => React.ReactElement;
-declare type BGImageInputOnChange = ({ textBlockAlign, image, rawContentState, }: {
-    textBlockAlign: string;
-    image?: ImageEntity;
-    rawContentState: RawDraftContentState;
-}) => void;
-declare type BGImageInputType = {
-    textBlockAlign?: string;
-    image?: ImageEntity;
-    rawContentStateForBGImageEditor?: RawDraftContentState;
-    isOpen: boolean;
-    onChange: BGImageInputOnChange;
-    onCancel: () => void;
-    ImageSelector: typeof DefaultImageSelector;
-    renderBasicEditor: RenderBasicEditor;
-    decorators: CompositeDecorator;
-};
-export declare function BGImageInput(props: BGImageInputType): JSX.Element;
-declare type BGImageButtonProps = {
-    className: string;
-    editorState: EditorState;
-    onChange: ({ editorState }: {
-        editorState: EditorState;
-    }) => void;
-    ImageSelector: typeof DefaultImageSelector;
-    renderBasicEditor: RenderBasicEditor;
-};
-export declare function BGImageButton(props: BGImageButtonProps): JSX.Element;
-export {};

package/@types/draft-js/buttons/background-video.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-import { EditorState, RawDraftContentState, CompositeDecorator } from 'draft-js';
-import { VideoSelector as DefaultVideoSelector, VideoEntity } from './selector/video-selector';
-export declare type RenderBasicEditor = (propsOfBasicEditor: {
-    onChange: (es: EditorState) => void;
-    editorState: EditorState;
-}) => React.ReactElement;
-declare type BGVideoInputOnChange = ({ textBlockAlign, video, rawContentState, }: {
-    textBlockAlign: string;
-    video?: VideoEntity;
-    rawContentState: RawDraftContentState;
-}) => void;
-declare type BGVideoInputType = {
-    textBlockAlign?: string;
-    video?: VideoEntity;
-    rawContentStateForBGVideoEditor?: RawDraftContentState;
-    isOpen: boolean;
-    onChange: BGVideoInputOnChange;
-    onCancel: () => void;
-    VideoSelector: typeof DefaultVideoSelector;
-    renderBasicEditor: RenderBasicEditor;
-    decorators: CompositeDecorator;
-};
-export declare function BGVideoInput(props: BGVideoInputType): JSX.Element;
-declare type BGVideoButtonProps = {
-    className: string;
-    editorState: EditorState;
-    onChange: ({ editorState }: {
-        editorState: EditorState;
-    }) => void;
-    VideoSelector: typeof DefaultVideoSelector;
-    renderBasicEditor: RenderBasicEditor;
-};
-export declare function BGVideoButton(props: BGVideoButtonProps): JSX.Element;
-export {};

package/@types/draft-js/buttons/color-box.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { EditorState, RawDraftContentState, CompositeDecorator } from 'draft-js';
-export declare type RenderBasicEditor = (propsOfBasicEditor: {
-    onChange: (es: EditorState) => void;
-    editorState: EditorState;
-}) => React.ReactElement;
-declare type ColorBoxInputType = {
-    color?: string;
-    rawContentStateForColorBoxEditor?: RawDraftContentState;
-    isOpen: boolean;
-    onChange: ({ color, rawContentState, }: {
-        color: string;
-        rawContentState: RawDraftContentState;
-    }) => void;
-    onCancel: () => void;
-    renderBasicEditor: RenderBasicEditor;
-    decorators: CompositeDecorator;
-};
-export declare function ColorBoxInput(props: ColorBoxInputType): JSX.Element;
-declare type ColorBoxButtonProps = {
-    className: string;
-    editorState: EditorState;
-    onChange: ({ editorState }: {
-        editorState: EditorState;
-    }) => void;
-    renderBasicEditor: RenderBasicEditor;
-};
-export declare function ColorBoxButton(props: ColorBoxButtonProps): JSX.Element;
-export {};

package/@types/draft-js/buttons/divider.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function DividerButton(props: any): JSX.Element;

package/@types/draft-js/buttons/embedded-code.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function EmbeddedCodeButton(props: any): JSX.Element;

package/@types/draft-js/buttons/enlarge.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function EnlargeButton(props: any): JSX.Element;

package/@types/draft-js/buttons/font-color.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function FontColorButton(props: any): JSX.Element;

package/@types/draft-js/buttons/image.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import { EditorState } from 'draft-js';
-import { ImageSelector as DefaultImageSelector } from './selector/image-selector';
-export declare function ImageButton(props: {
-    editorState: EditorState;
-    onChange: (param: EditorState) => void;
-    className?: string;
-    ImageSelector: typeof DefaultImageSelector;
-}): JSX.Element;

package/@types/draft-js/buttons/info-box.d.ts

@@ -1,27 +0,0 @@
-import React from 'react';
-import { EditorState, RawDraftContentState, CompositeDecorator } from 'draft-js';
-export declare type RenderBasicEditor = (propsOfBasicEditor: {
-    onChange: (es: EditorState) => void;
-    editorState: EditorState;
-}) => React.ReactElement;
-declare type InfoBoxInputType = {
-    title?: string;
-    rawContentStateForInfoBoxEditor?: RawDraftContentState;
-    isOpen: boolean;
-    onChange: ({ title, rawContentState, }: {
-        title: string;
-        rawContentState: RawDraftContentState;
-    }) => void;
-    onCancel: () => void;
-    renderBasicEditor: RenderBasicEditor;
-    decorators?: CompositeDecorator;
-};
-export declare function InfoBoxInput(props: InfoBoxInputType): JSX.Element;
-declare type InfoBoxButtonProps = {
-    className: string;
-    editorState: EditorState;
-    onChange: (param: EditorState) => void;
-    renderBasicEditor: RenderBasicEditor;
-};
-export declare function InfoBoxButton(props: InfoBoxButtonProps): JSX.Element;
-export {};

package/@types/draft-js/buttons/link.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function LinkButton(props: any): JSX.Element;

package/@types/draft-js/buttons/media.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function MediaButton(props: any): JSX.Element;

package/@types/draft-js/buttons/related-post.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { EditorState } from 'draft-js';
-import { PostSelector as DefaultPostSelector } from './selector/post-selector';
-declare type RelatedPostButtonProps = {
-    className: string;
-    editorState: EditorState;
-    onChange: ({ editorState }: {
-        editorState: EditorState;
-    }) => void;
-    PostSelector: typeof DefaultPostSelector;
-};
-export declare function RelatedPostButton(props: RelatedPostButtonProps): JSX.Element;
-export {};

package/@types/draft-js/buttons/selector/align-selector.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-declare type Option = {
-    label: string;
-    value: string;
-    isDisabled?: boolean;
-};
-declare type AlignSelectorOnChangeFn = (param: string) => void;
-declare type Options = Option[];
-export declare function AlignSelector(props: {
-    align: string;
-    options: Options;
-    onChange: AlignSelectorOnChangeFn;
-    onOpen?: () => void;
-}): JSX.Element;
-export {};

package/@types/draft-js/buttons/selector/audio-selector.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { ImageEntity } from './image-selector';
-declare type ID = string;
-export declare type AudioEntity = {
-    id: ID;
-    name?: string;
-    urlOriginal?: string;
-    audioSrc?: string;
-    file?: {
-        url: string;
-    };
-    heroImage?: ImageEntity;
-};
-export declare type AudioEntityWithMeta = {
-    audio: AudioEntity;
-};
-declare type AudioSelectorOnChangeFn = (params: AudioEntityWithMeta[]) => void;
-export declare function AudioSelector(props: {
-    onChange: AudioSelectorOnChangeFn;
-}): JSX.Element;
-export {};

package/@types/draft-js/buttons/selector/image-selector.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-declare type ID = string;
-export declare type ImageEntity = {
-    id: ID;
-    name?: string;
-    imageFile: {
-        url: string;
-    };
-    resized: {
-        original: string;
-        w480: string;
-        w800: string;
-        w1200: string;
-        w1600: string;
-        w2400: string;
-    };
-};
-export declare type ImageEntityWithMeta = {
-    image: ImageEntity;
-    desc?: string;
-    url?: string;
-};
-export declare type ImageSelectorOnChangeFn = (params: ImageEntityWithMeta[], align?: string, delay?: number) => void;
-export declare function ImageSelector(props: {
-    enableMultiSelect?: boolean;
-    enableCaption?: boolean;
-    enableUrl?: boolean;
-    enableAlignment?: boolean;
-    enableDelay?: boolean;
-    onChange: ImageSelectorOnChangeFn;
-    initialSelected?: ImageEntityWithMeta[];
-    initialAlign?: string;
-}): JSX.Element;
-export {};

package/@types/draft-js/buttons/selector/pagination.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare function Pagination({ currentPage, total, pageSize, onChange }: {
-    currentPage: any;
-    total: any;
-    pageSize: any;
-    onChange: any;
-}): JSX.Element | null;

package/@types/draft-js/buttons/selector/post-selector.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { ImageEntity } from './image-selector';
-declare type ID = string;
-export declare type PostEntity = {
-    id: ID;
-    slug: string;
-    name: string;
-    type: string;
-    heroImage: ImageEntity;
-    ogImage: ImageEntity;
-};
-export declare type PostEntityWithMeta = {
-    post: PostEntity;
-};
-declare type PostSelectorOnChangeFn = (params: PostEntityWithMeta[]) => void;
-export declare function PostSelector(props: {
-    onChange: PostSelectorOnChangeFn;
-    enableMultiSelect?: boolean;
-    minSelectCount?: number;
-    maxSelectCount?: number;
-}): JSX.Element;
-export {};