feat(@tinacms/core): add cms.media.open top make showing the media ma…

…nager easier
tinacms · Sep 14, 2020 · eea3081 · eea3081
1 parent 77573cb
commit eea3081
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/packages/@tinacms/core/src/cms.ts b/packages/@tinacms/core/src/cms.ts
@@ -118,7 +118,7 @@ export class CMS {
 
   events = new EventBus()
 
-  media = new MediaManager(new DummyMediaStore())
+  media = new MediaManager(new DummyMediaStore(), this.events)
 
   /**
    * @hidden

diff --git a/packages/@tinacms/core/src/media.ts b/packages/@tinacms/core/src/media.ts
@@ -16,6 +16,8 @@ limitations under the License.
 
 */
 
+import { EventBus } from './event'
+
 /**
  * Represents an individual file in the MediaStore
  */
@@ -119,7 +121,14 @@ export interface MediaList {
  * ```
  */
 export class MediaManager implements MediaStore {
-  constructor(public store: MediaStore) {}
+  constructor(public store: MediaStore, private events: EventBus) {}
+
+  open(options: SelectMediaOptions = {}) {
+    this.events.dispatch({
+      type: 'media:open',
+      ...options,
+    })
+  }
 
   get accept() {
     return this.store.accept
@@ -137,3 +146,7 @@ export class MediaManager implements MediaStore {
     return this.store.list(options)
   }
 }
+
+export interface SelectMediaOptions {
+  onSelect?(media: Media): void
+}
diff --git a/packages/@tinacms/fields/src/plugins/ImageFieldPlugin.tsx b/packages/@tinacms/fields/src/plugins/ImageFieldPlugin.tsx
@@ -76,8 +76,7 @@ export const ImageField = wrapFieldsWithMeta<InputProps, ImageProps>(props => {
       previewSrc={src}
       loading={srcIsLoading}
       onClick={() => {
-        cms.events.dispatch({
-          type: 'media:open',
+        cms.media.open({
           onSelect(media: any) {
             if (media.filename == props.input.value) {
               props.input.onChange('') // trigger rerender