@ndla/video-search 8.0.99-alpha.0 → 8.0.100-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ndla/video-search",
-  "version": "8.0.99-alpha.0",
+  "version": "8.0.100-alpha.0",
   "description": "A simple library for searching NDLA videos",
   "license": "GPL-3.0",
   "main": "lib/index.js",
@@ -28,7 +28,7 @@
   "dependencies": {
     "@ndla/icons": "^8.0.58-alpha.0",
     "@ndla/licenses": "^9.0.1",
-    "@ndla/primitives": "^1.0.87-alpha.0",
+    "@ndla/primitives": "^1.0.88-alpha.0",
     "@ndla/styled-system": "^0.0.34"
   },
   "devDependencies": {
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "168853a36b0654ff01db41b8b78e81b1afb66768"
+  "gitHead": "52adafa4348c1c02ebc4da28317aa5270cbe2a80"
 }

package/es/VideoListItem.js

@@ -1,154 +0,0 @@
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { useState } from "react";
-import { CloseLine, PanoramaPhotosphere } from "@ndla/icons";
-import { getLicenseByNBTitle } from "@ndla/licenses";
-import { Image, Text, ListItemContent, ListItemRoot, Button, IconButton } from "@ndla/primitives";
-import { styled } from "@ndla/styled-system/jsx";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const ButtonWrapper = styled("div", {
-  base: {
-    display: "flex",
-    gap: "small"
-  }
-});
-const PreviewIframe = styled("iframe", {
-  base: {
-    minHeight: "surface.xxsmall"
-  }
-});
-const PreviewWrapper = styled("div", {
-  base: {
-    display: "grid",
-    gap: "xsmall",
-    gridTemplateColumns: "repeat(3,1fr)",
-    padding: "small",
-    borderBlockEnd: "1px solid",
-    borderColor: "stroke.subtle"
-  }
-});
-const StyledImage = styled(Image, {
-  base: {
-    minWidth: "surface.xxsmall",
-    height: "surface.4xsmall",
-    objectFit: "cover",
-    border: "1px solid",
-    borderColor: "stroke.subtle"
-  }
-});
-const StyledVideoMeta = styled("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "xxsmall"
-  }
-});
-const StyledListItemContent = styled(ListItemContent, {
-  base: {
-    alignItems: "flex-end",
-    tabletDown: {
-      flexDirection: "column",
-      alignItems: "flex-start"
-    }
-  }
-});
-const StyledIconButton = styled(IconButton, {
-  base: {
-    marginLeft: "auto"
-  }
-});
-const StyledListItemRoot = styled(ListItemRoot, {
-  base: {
-    paddingBlock: "medium",
-    tabletDown: {
-      flexDirection: "column",
-      alignItems: "flex-start"
-    }
-  }
-});
-const License = _ref => {
-  let {
-    license
-  } = _ref;
-  if (typeof license === "string") return /*#__PURE__*/_jsx(Text, {
-    children: license
-  });
-  if (license.url?.length) {
-    return /*#__PURE__*/_jsx("a", {
-      href: license.url,
-      rel: "license",
-      children: license.abbreviation
-    });
-  }
-  return /*#__PURE__*/_jsx(Text, {
-    children: license.abbreviation
-  });
-};
-export const VideoListItem = _ref2 => {
-  let {
-    video,
-    onVideoSelect,
-    translations,
-    locale
-  } = _ref2;
-  const [isPreviewing, setIsPreviewing] = useState(false);
-  const license = video.custom_fields?.license ? getLicenseByNBTitle(video.custom_fields.license, locale) : "";
-  return /*#__PURE__*/_jsxs("li", {
-    children: [/*#__PURE__*/_jsxs(StyledListItemRoot, {
-      context: "list",
-      nonInteractive: true,
-      children: [/*#__PURE__*/_jsx(StyledImage, {
-        src: video.images?.thumbnail?.src,
-        alt: "",
-        variant: "rounded"
-      }), /*#__PURE__*/_jsxs(StyledListItemContent, {
-        children: [/*#__PURE__*/_jsxs(StyledVideoMeta, {
-          children: [/*#__PURE__*/_jsxs(Text, {
-            textStyle: "title.medium",
-            children: [video.name, video.projection === "equirectangular" && /*#__PURE__*/_jsx(PanoramaPhotosphere, {
-              "aria-hidden": false,
-              "aria-label": translations.is360Video,
-              title: translations.is360Video
-            })]
-          }), /*#__PURE__*/_jsx(Text, {
-            children: video.custom_fields?.licenseinfo ?? ""
-          }), /*#__PURE__*/_jsx(License, {
-            license: license
-          })]
-        }), /*#__PURE__*/_jsxs(ButtonWrapper, {
-          children: [/*#__PURE__*/_jsx(Button, {
-            variant: "secondary",
-            size: "small",
-            onClick: () => setIsPreviewing(p => !p),
-            "aria-expanded": isPreviewing,
-            "aria-controls": `video-preview-${video.id}`,
-            children: translations.previewVideo
-          }), /*#__PURE__*/_jsx(Button, {
-            size: "small",
-            onClick: () => onVideoSelect(video),
-            children: translations.addVideo
-          })]
-        })]
-      })]
-    }), !!isPreviewing && /*#__PURE__*/_jsxs(PreviewWrapper, {
-      id: `video-preview-${video.id}`,
-      children: [/*#__PURE__*/_jsx("div", {}), /*#__PURE__*/_jsx(PreviewIframe, {
-        title: video.name,
-        src: `//players.brightcove.net/${video.account_id}/BkLm8fT_default/index.html?videoId=${video.id}`,
-        allowFullScreen: true
-      }), /*#__PURE__*/_jsx(StyledIconButton, {
-        variant: "secondary",
-        "aria-label": translations.close,
-        title: translations.close,
-        onClick: () => setIsPreviewing(false),
-        children: /*#__PURE__*/_jsx(CloseLine, {})
-      })]
-    })]
-  });
-};

package/es/VideoResultList.js

@@ -1,52 +0,0 @@
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { Text, Button, Spinner } from "@ndla/primitives";
-import { styled } from "@ndla/styled-system/jsx";
-import { VideoListItem } from "./VideoListItem";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const StyledList = styled("ul", {
-  base: {
-    listStyle: "none",
-    width: "100%"
-  }
-});
-const StyledVideoResultWrapper = styled("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "medium",
-    alignItems: "center"
-  }
-});
-export const VideoResultList = _ref => {
-  let {
-    videos,
-    existsMoreVideos,
-    isLoading,
-    translations,
-    locale,
-    onVideoSelect,
-    onShowMore
-  } = _ref;
-  return /*#__PURE__*/_jsxs(StyledVideoResultWrapper, {
-    children: [!videos.length && !isLoading ? /*#__PURE__*/_jsx(Text, {
-      children: translations.noResults
-    }) : /*#__PURE__*/_jsx(StyledList, {
-      children: videos.map((video, index) => /*#__PURE__*/_jsx(VideoListItem, {
-        video: video,
-        translations: translations,
-        locale: locale,
-        onVideoSelect: onVideoSelect
-      }, `${video.id}-${index}`))
-    }), !!isLoading && /*#__PURE__*/_jsx(Spinner, {}), !!existsMoreVideos && /*#__PURE__*/_jsx(Button, {
-      onClick: onShowMore,
-      children: translations.loadMoreVideos
-    })]
-  });
-};

package/es/VideoSearch.js

@@ -1,104 +0,0 @@
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import { useCallback, useEffect, useState } from "react";
-import { SearchLine } from "@ndla/icons";
-import { IconButton, Input } from "@ndla/primitives";
-import { styled } from "@ndla/styled-system/jsx";
-import { VideoResultList } from "./VideoResultList";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const VideoSearchWrapper = styled("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "xsmall"
-  }
-});
-const InputWrapper = styled("div", {
-  base: {
-    display: "flex",
-    gap: "xsmall"
-  }
-});
-const VIDEO_FETCH_LIMIT = 10;
-export const VideoSearch = _ref => {
-  let {
-    onVideoSelect,
-    searchVideos,
-    onError,
-    translations,
-    locale
-  } = _ref;
-  const [query, setQuery] = useState("");
-  const [offset, setOffset] = useState(0);
-  const [videos, setVideos] = useState([]);
-  const [isLoading, setIsLoading] = useState(false);
-  const fetchVideos = useCallback(async (query, offset, isAppending) => {
-    setIsLoading(true);
-    try {
-      const results = await searchVideos({
-        query,
-        offset: offset,
-        limit: VIDEO_FETCH_LIMIT
-      });
-      setVideos(prev => isAppending ? prev.concat(results) : results);
-    } catch (e) {
-      onError(e);
-    }
-    setIsLoading(false);
-  }, [searchVideos, onError]);
-  useEffect(() => {
-    fetchVideos("", 0);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const onSearch = useCallback(() => {
-    setOffset(0);
-    fetchVideos(query, 0);
-  }, [fetchVideos, query]);
-  const onShowMore = useCallback(() => {
-    const newOffset = offset + VIDEO_FETCH_LIMIT;
-    setOffset(newOffset);
-    fetchVideos(query, newOffset, true);
-  }, [fetchVideos, offset, query]);
-  const onQueryChange = useCallback(e => {
-    setQuery(e.target.value);
-  }, []);
-  const onEnter = e => {
-    if (e.key === "Enter") {
-      onSearch();
-    }
-  };
-  return /*#__PURE__*/_jsxs(VideoSearchWrapper, {
-    children: [/*#__PURE__*/_jsxs(InputWrapper, {
-      role: "search",
-      children: [/*#__PURE__*/_jsx(Input, {
-        type: "search",
-        placeholder: translations.searchPlaceholder,
-        value: query,
-        onChange: onQueryChange,
-        onKeyDown: onEnter
-      }), /*#__PURE__*/_jsx(IconButton, {
-        variant: "primary",
-        type: "submit",
-        "aria-label": translations.searchButtonTitle,
-        title: translations.searchButtonTitle,
-        onKeyDown: onEnter,
-        onClick: onSearch,
-        children: /*#__PURE__*/_jsx(SearchLine, {})
-      })]
-    }), /*#__PURE__*/_jsx(VideoResultList, {
-      videos: videos,
-      isLoading: isLoading,
-      translations: translations,
-      locale: locale,
-      onVideoSelect: onVideoSelect,
-      onShowMore: onShowMore,
-      existsMoreVideos: videos.length === offset + VIDEO_FETCH_LIMIT
-    })]
-  });
-};

package/es/index.js

@@ -1,9 +0,0 @@
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-export { VideoSearch } from "./VideoSearch";

package/lib/VideoListItem.js

@@ -1,161 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VideoListItem = void 0;
-var _react = require("react");
-var _icons = require("@ndla/icons");
-var _licenses = require("@ndla/licenses");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2024-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const ButtonWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    gap: "small"
-  }
-});
-const PreviewIframe = (0, _jsx2.styled)("iframe", {
-  base: {
-    minHeight: "surface.xxsmall"
-  }
-});
-const PreviewWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "grid",
-    gap: "xsmall",
-    gridTemplateColumns: "repeat(3,1fr)",
-    padding: "small",
-    borderBlockEnd: "1px solid",
-    borderColor: "stroke.subtle"
-  }
-});
-const StyledImage = (0, _jsx2.styled)(_primitives.Image, {
-  base: {
-    minWidth: "surface.xxsmall",
-    height: "surface.4xsmall",
-    objectFit: "cover",
-    border: "1px solid",
-    borderColor: "stroke.subtle"
-  }
-});
-const StyledVideoMeta = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "xxsmall"
-  }
-});
-const StyledListItemContent = (0, _jsx2.styled)(_primitives.ListItemContent, {
-  base: {
-    alignItems: "flex-end",
-    tabletDown: {
-      flexDirection: "column",
-      alignItems: "flex-start"
-    }
-  }
-});
-const StyledIconButton = (0, _jsx2.styled)(_primitives.IconButton, {
-  base: {
-    marginLeft: "auto"
-  }
-});
-const StyledListItemRoot = (0, _jsx2.styled)(_primitives.ListItemRoot, {
-  base: {
-    paddingBlock: "medium",
-    tabletDown: {
-      flexDirection: "column",
-      alignItems: "flex-start"
-    }
-  }
-});
-const License = _ref => {
-  let {
-    license
-  } = _ref;
-  if (typeof license === "string") return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-    children: license
-  });
-  if (license.url?.length) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
-      href: license.url,
-      rel: "license",
-      children: license.abbreviation
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-    children: license.abbreviation
-  });
-};
-const VideoListItem = _ref2 => {
-  let {
-    video,
-    onVideoSelect,
-    translations,
-    locale
-  } = _ref2;
-  const [isPreviewing, setIsPreviewing] = (0, _react.useState)(false);
-  const license = video.custom_fields?.license ? (0, _licenses.getLicenseByNBTitle)(video.custom_fields.license, locale) : "";
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledListItemRoot, {
-      context: "list",
-      nonInteractive: true,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(StyledImage, {
-        src: video.images?.thumbnail?.src,
-        alt: "",
-        variant: "rounded"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledListItemContent, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledVideoMeta, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Text, {
-            textStyle: "title.medium",
-            children: [video.name, video.projection === "equirectangular" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PanoramaPhotosphere, {
-              "aria-hidden": false,
-              "aria-label": translations.is360Video,
-              title: translations.is360Video
-            })]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-            children: video.custom_fields?.licenseinfo ?? ""
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(License, {
-            license: license
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ButtonWrapper, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Button, {
-            variant: "secondary",
-            size: "small",
-            onClick: () => setIsPreviewing(p => !p),
-            "aria-expanded": isPreviewing,
-            "aria-controls": `video-preview-${video.id}`,
-            children: translations.previewVideo
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Button, {
-            size: "small",
-            onClick: () => onVideoSelect(video),
-            children: translations.addVideo
-          })]
-        })]
-      })]
-    }), !!isPreviewing && /*#__PURE__*/(0, _jsxRuntime.jsxs)(PreviewWrapper, {
-      id: `video-preview-${video.id}`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(PreviewIframe, {
-        title: video.name,
-        src: `//players.brightcove.net/${video.account_id}/BkLm8fT_default/index.html?videoId=${video.id}`,
-        allowFullScreen: true
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledIconButton, {
-        variant: "secondary",
-        "aria-label": translations.close,
-        title: translations.close,
-        onClick: () => setIsPreviewing(false),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseLine, {})
-      })]
-    })]
-  });
-};
-exports.VideoListItem = VideoListItem;

package/lib/VideoResultList.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VideoResultList = void 0;
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _VideoListItem = require("./VideoListItem");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const StyledList = (0, _jsx2.styled)("ul", {
-  base: {
-    listStyle: "none",
-    width: "100%"
-  }
-});
-const StyledVideoResultWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "medium",
-    alignItems: "center"
-  }
-});
-const VideoResultList = _ref => {
-  let {
-    videos,
-    existsMoreVideos,
-    isLoading,
-    translations,
-    locale,
-    onVideoSelect,
-    onShowMore
-  } = _ref;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(StyledVideoResultWrapper, {
-    children: [!videos.length && !isLoading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Text, {
-      children: translations.noResults
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledList, {
-      children: videos.map((video, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_VideoListItem.VideoListItem, {
-        video: video,
-        translations: translations,
-        locale: locale,
-        onVideoSelect: onVideoSelect
-      }, `${video.id}-${index}`))
-    }), !!isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Spinner, {}), !!existsMoreVideos && /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Button, {
-      onClick: onShowMore,
-      children: translations.loadMoreVideos
-    })]
-  });
-};
-exports.VideoResultList = VideoResultList;

package/lib/VideoSearch.js

@@ -1,111 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VideoSearch = void 0;
-var _react = require("react");
-var _icons = require("@ndla/icons");
-var _primitives = require("@ndla/primitives");
-var _jsx2 = require("@ndla/styled-system/jsx");
-var _VideoResultList = require("./VideoResultList");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Copyright (c) 2017-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-const VideoSearchWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    flexDirection: "column",
-    gap: "xsmall"
-  }
-});
-const InputWrapper = (0, _jsx2.styled)("div", {
-  base: {
-    display: "flex",
-    gap: "xsmall"
-  }
-});
-const VIDEO_FETCH_LIMIT = 10;
-const VideoSearch = _ref => {
-  let {
-    onVideoSelect,
-    searchVideos,
-    onError,
-    translations,
-    locale
-  } = _ref;
-  const [query, setQuery] = (0, _react.useState)("");
-  const [offset, setOffset] = (0, _react.useState)(0);
-  const [videos, setVideos] = (0, _react.useState)([]);
-  const [isLoading, setIsLoading] = (0, _react.useState)(false);
-  const fetchVideos = (0, _react.useCallback)(async (query, offset, isAppending) => {
-    setIsLoading(true);
-    try {
-      const results = await searchVideos({
-        query,
-        offset: offset,
-        limit: VIDEO_FETCH_LIMIT
-      });
-      setVideos(prev => isAppending ? prev.concat(results) : results);
-    } catch (e) {
-      onError(e);
-    }
-    setIsLoading(false);
-  }, [searchVideos, onError]);
-  (0, _react.useEffect)(() => {
-    fetchVideos("", 0);
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-  const onSearch = (0, _react.useCallback)(() => {
-    setOffset(0);
-    fetchVideos(query, 0);
-  }, [fetchVideos, query]);
-  const onShowMore = (0, _react.useCallback)(() => {
-    const newOffset = offset + VIDEO_FETCH_LIMIT;
-    setOffset(newOffset);
-    fetchVideos(query, newOffset, true);
-  }, [fetchVideos, offset, query]);
-  const onQueryChange = (0, _react.useCallback)(e => {
-    setQuery(e.target.value);
-  }, []);
-  const onEnter = e => {
-    if (e.key === "Enter") {
-      onSearch();
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(VideoSearchWrapper, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(InputWrapper, {
-      role: "search",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Input, {
-        type: "search",
-        placeholder: translations.searchPlaceholder,
-        value: query,
-        onChange: onQueryChange,
-        onKeyDown: onEnter
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.IconButton, {
-        variant: "primary",
-        type: "submit",
-        "aria-label": translations.searchButtonTitle,
-        title: translations.searchButtonTitle,
-        onKeyDown: onEnter,
-        onClick: onSearch,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SearchLine, {})
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_VideoResultList.VideoResultList, {
-      videos: videos,
-      isLoading: isLoading,
-      translations: translations,
-      locale: locale,
-      onVideoSelect: onVideoSelect,
-      onShowMore: onShowMore,
-      existsMoreVideos: videos.length === offset + VIDEO_FETCH_LIMIT
-    })]
-  });
-};
-exports.VideoSearch = VideoSearch;

package/lib/index.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "VideoSearch", {
-  enumerable: true,
-  get: function () {
-    return _VideoSearch.VideoSearch;
-  }
-});
-var _VideoSearch = require("./VideoSearch");