feat: updated lib export

src/lib/components/DocumentEditor/document-editor.stories.tsx

@@ -1,49 +1,8 @@
+import { Meta, StoryFn } from '@storybook/react'
 import React from 'react'
+import { Descendant } from 'slate'
 import { DocumentEditor, DocumentEditorProps } from '.'
-import { Meta } from '@storybook/react'
-import { StoryFn } from '@storybook/react'
 import { defaultDocumentFeatures, initialEditorValue } from '../DocumentEditor/defaultComponentFeatures'
-import { Descendant } from 'slate'
-import { component } from '../component-blocks'
-import { useState, useEffect } from 'react'
-
-function ImageUploadPreview({ defaultValue }: { defaultValue: any }) {
-  const [image, setImage] = useState(null) // To store the uploaded image
-  const [preview, setPreview] = useState<string | null>(defaultValue?.image?.url ?? '') // To store the URL of the preview image
-
-  // Update the preview when image state changes
-  useEffect(() => {
-    if (image) {
-      const reader = new FileReader()
-      reader.onloadend = () => {
-        setPreview(reader.result as string)
-      }
-      reader.readAsDataURL(image)
-    } else {
-      setPreview(null)
-    }
-  }, [image])
-
-  const handleImageChange = (e) => {
-    const file = e.target.files[0]
-    if (file && file.type.substr(0, 5) === 'image') {
-      setImage(file)
-    } else {
-      setImage(null)
-    }
-  }
-
-  return (
-    <div>
-      <input type="file" accept="image/*" onChange={handleImageChange} />
-      {preview ? (
-        <img src={preview} alt="Image preview" style={{ width: '100%', height: 'auto' }} />
-      ) : (
-        <p>No image selected</p>
-      )}
-    </div>
-  )
-}
 
 // More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
 const meta: Meta<typeof DocumentEditor> = {

src/lib/components/index.ts

@@ -1,2 +1,3 @@
 export * from './DocumentEditor'
 export * from './DocumentEditor/defaultComponentFeatures'
+export * from './component-blocks'