@mohamed-karawia/library 0.1.16 → 0.1.17

package/dist/stories/Common Inputs/EditorComponent/EditorComponent.js

@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _reactEditorJs = _interopRequireDefault(require("react-editor-js"));
+var _reactEditorJs = require("react-editor-js");
 
 var _constants = require("./constants");
 
@@ -30,6 +30,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var EditorComponent = function EditorComponent(props) {
   var _instanceRef = (0, _react.useRef)(null);
 
+  var ReactEditorJS = (0, _reactEditorJs.createReactEditorJS)();
+
   function handleSave() {
     return _handleSave.apply(this, arguments);
   }
@@ -58,7 +60,7 @@ var EditorComponent = function EditorComponent(props) {
     return _handleSave.apply(this, arguments);
   }
 
-  return /*#__PURE__*/_react.default.createElement(Container, props, /*#__PURE__*/_react.default.createElement(_reactEditorJs.default, {
+  return /*#__PURE__*/_react.default.createElement(Container, props, /*#__PURE__*/_react.default.createElement(ReactEditorJS, {
     instanceRef: function instanceRef(instance) {
       return _instanceRef.current = instance;
     },

package/dist/stories/Library/Folders/Folders.js

@@ -113,7 +113,7 @@ var Folders = function Folders(_ref) {
   })));
 };
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    background-color: black;\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    background-color: transparent;\n"])));
 
 Folders.defaultProps = {};
 var _default = Folders;

package/dist/stories/Pages/Library/Folders/Library.js

@@ -113,7 +113,8 @@ var Library = function Library(props) {
         controlsStyles: {
           showOnHover: true
         }
-      }
+      },
+      cardClicked: cardClicked
     }
   })), /*#__PURE__*/_react.default.createElement(_Center.default, null, /*#__PURE__*/_react.default.createElement(_SpaceContainer.default, {
     title: "Music Album",

package/package.json

@@ -10,7 +10,7 @@
       ]
     ]
   },
-  "version": "0.1.16",
+  "version": "0.1.17",
   "private": false,
   "dependencies": {
     "@babel/cli": "^7.16.7",

package/src/stories/Common Inputs/EditorComponent/EditorComponent.jsx

@@ -4,14 +4,14 @@ import PropTypes from "prop-types";
 import styled from 'styled-components';
 
 // Editor.js
-import EditorJs from 'react-editor-js';
+import { createReactEditorJS } from 'react-editor-js'
 // Editor.js Constants
 import { EDITOR_JS_TOOLS } from "./constants";
 
 
 const EditorComponent = (props) => {
     const instanceRef = useRef(null)
-
+    const ReactEditorJS = createReactEditorJS()
 
     async function handleSave() {
         const savedData = await instanceRef.current.save()
@@ -20,7 +20,7 @@ const EditorComponent = (props) => {
 
     return (
         <Container {...props}>
-            <EditorJs
+            <ReactEditorJS
                 instanceRef={(instance) => (instanceRef.current = instance)}
                 tools={EDITOR_JS_TOOLS}
                 data={props.data}

package/src/stories/Library/Folders/Folders.jsx

@@ -85,7 +85,7 @@ const Folders = ({
 }
 
 const Container = styled.div`
-    background-color: black;
+    background-color: transparent;
 `
 
 Folders.defaultProps = {};

package/src/stories/Pages/Library/Folders/Library.jsx

@@ -84,6 +84,7 @@ const Library = (props) => {
                                     showOnHover: true,
                                 }
                             },
+                            cardClicked
                         }}
                     />
                 </Left>