@geekapps/silo-elements-nextjs 0.2.33 → 0.2.34

package/dist/VideoPlayer.d.ts

@@ -49,11 +49,29 @@ type VideoProps = {
     fixedHeight?: string | number;
 };
 declare function Sources(_props: SourcesProps): null;
+declare namespace Sources {
+    var displayName: string;
+}
 declare function Source(_props: SourceProps): null;
+declare namespace Source {
+    var displayName: string;
+}
 declare function Subtitles(_props: SubtitlesProps): null;
+declare namespace Subtitles {
+    var displayName: string;
+}
 declare function Subtitle(_props: SubtitleProps): null;
+declare namespace Subtitle {
+    var displayName: string;
+}
 declare function Storyboard(_props: StoryboardProps): null;
+declare namespace Storyboard {
+    var displayName: string;
+}
 declare function StoryboardFrame(_props: StoryboardFrameProps): null;
+declare namespace StoryboardFrame {
+    var displayName: string;
+}
 declare function Video({ title, description, poster, children, className, autoHideControls, defaultVolume, maxHeight, fixedHeight, }: VideoProps): react__default.JSX.Element;
 declare const VideoPlayer: typeof Video;
 

package/dist/VideoPlayer.js

@@ -12,21 +12,27 @@ var PLAYBACK_SPEEDS = [0.25, 0.5, 0.75, 1, 1.25, 1.5, 2];
 function Sources(_props) {
   return null;
 }
+Sources.displayName = "SiloSources";
 function Source(_props) {
   return null;
 }
+Source.displayName = "SiloSource";
 function Subtitles(_props) {
   return null;
 }
+Subtitles.displayName = "SiloSubtitles";
 function Subtitle(_props) {
   return null;
 }
+Subtitle.displayName = "SiloSubtitle";
 function Storyboard(_props) {
   return null;
 }
+Storyboard.displayName = "SiloStoryboard";
 function StoryboardFrame(_props) {
   return null;
 }
+StoryboardFrame.displayName = "SiloStoryboardFrame";
 function Video({
   title,
   description,
@@ -1197,32 +1203,36 @@ function parseVideoChildren(children) {
     sources: [],
     subtitles: []
   };
+  function isType(child, fn) {
+    if (child.type === fn) return true;
+    return child.type?.displayName === fn.displayName && !!fn.displayName;
+  }
   React.Children.forEach(children, (child) => {
     if (!React.isValidElement(child)) return;
-    if (child.type === Sources) {
+    if (isType(child, Sources)) {
       const element = child;
       React.Children.forEach(element.props.children, (sourceChild) => {
         if (!React.isValidElement(sourceChild)) return;
-        if (sourceChild.type !== Source) return;
+        if (!isType(sourceChild, Source)) return;
         const sourceElement = sourceChild;
         parsed.sources.push(sourceElement.props);
       });
     }
-    if (child.type === Subtitles) {
+    if (isType(child, Subtitles)) {
       const element = child;
       React.Children.forEach(element.props.children, (subtitleChild) => {
         if (!React.isValidElement(subtitleChild)) return;
-        if (subtitleChild.type !== Subtitle) return;
+        if (!isType(subtitleChild, Subtitle)) return;
         const subtitleElement = subtitleChild;
         parsed.subtitles.push(subtitleElement.props);
       });
     }
-    if (child.type === Storyboard) {
+    if (isType(child, Storyboard)) {
       const element = child;
       const frames = [];
       React.Children.forEach(element.props.children, (frameChild) => {
         if (!React.isValidElement(frameChild)) return;
-        if (frameChild.type !== StoryboardFrame) return;
+        if (!isType(frameChild, StoryboardFrame)) return;
         const frameElement = frameChild;
         frames.push(frameElement.props);
       });