suada-components 1.9.0 → 1.10.0

package/dist/components/YouTube-DKkYzN7-.esm.js

@@ -0,0 +1,258 @@
+import { r as requireUtils, a as requirePatterns, g as getDefaultExportFromCjs } from './index-F6zEoSWf.esm.js';
+import React__default from 'react';
+
+function _mergeNamespaces(n, m) {
+  m.forEach(function (e) {
+    e && typeof e !== 'string' && !Array.isArray(e) && Object.keys(e).forEach(function (k) {
+      if (k !== 'default' && !(k in n)) {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  });
+  return Object.freeze(n);
+}
+
+var YouTube_1;
+var hasRequiredYouTube;
+
+function requireYouTube () {
+	if (hasRequiredYouTube) return YouTube_1;
+	hasRequiredYouTube = 1;
+	var __create = Object.create;
+	var __defProp = Object.defineProperty;
+	var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+	var __getOwnPropNames = Object.getOwnPropertyNames;
+	var __getProtoOf = Object.getPrototypeOf;
+	var __hasOwnProp = Object.prototype.hasOwnProperty;
+	var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+	var __export = (target, all) => {
+	  for (var name in all)
+	    __defProp(target, name, { get: all[name], enumerable: true });
+	};
+	var __copyProps = (to, from, except, desc) => {
+	  if (from && typeof from === "object" || typeof from === "function") {
+	    for (let key of __getOwnPropNames(from))
+	      if (!__hasOwnProp.call(to, key) && key !== except)
+	        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+	  }
+	  return to;
+	};
+	var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+	  // If the importer is in node compatibility mode or this is not an ESM
+	  // file that has been converted to a CommonJS file using a Babel-
+	  // compatible transform (i.e. "__esModule" has not been set), then set
+	  // "default" to the CommonJS "module.exports" for node compatibility.
+	  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+	  mod
+	));
+	var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+	var __publicField = (obj, key, value) => {
+	  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+	  return value;
+	};
+	var YouTube_exports = {};
+	__export(YouTube_exports, {
+	  default: () => YouTube
+	});
+	YouTube_1 = __toCommonJS(YouTube_exports);
+	var import_react = __toESM(React__default);
+	var import_utils = /*@__PURE__*/ requireUtils();
+	var import_patterns = /*@__PURE__*/ requirePatterns();
+	const SDK_URL = "https://www.youtube.com/iframe_api";
+	const SDK_GLOBAL = "YT";
+	const SDK_GLOBAL_READY = "onYouTubeIframeAPIReady";
+	const MATCH_PLAYLIST = /[?&](?:list|channel)=([a-zA-Z0-9_-]+)/;
+	const MATCH_USER_UPLOADS = /user\/([a-zA-Z0-9_-]+)\/?/;
+	const MATCH_NOCOOKIE = /youtube-nocookie\.com/;
+	const NOCOOKIE_HOST = "https://www.youtube-nocookie.com";
+	class YouTube extends import_react.Component {
+	  constructor() {
+	    super(...arguments);
+	    __publicField(this, "callPlayer", import_utils.callPlayer);
+	    __publicField(this, "parsePlaylist", (url) => {
+	      if (url instanceof Array) {
+	        return {
+	          listType: "playlist",
+	          playlist: url.map(this.getID).join(",")
+	        };
+	      }
+	      if (MATCH_PLAYLIST.test(url)) {
+	        const [, playlistId] = url.match(MATCH_PLAYLIST);
+	        return {
+	          listType: "playlist",
+	          list: playlistId.replace(/^UC/, "UU")
+	        };
+	      }
+	      if (MATCH_USER_UPLOADS.test(url)) {
+	        const [, username] = url.match(MATCH_USER_UPLOADS);
+	        return {
+	          listType: "user_uploads",
+	          list: username
+	        };
+	      }
+	      return {};
+	    });
+	    __publicField(this, "onStateChange", (event) => {
+	      const { data } = event;
+	      const { onPlay, onPause, onBuffer, onBufferEnd, onEnded, onReady, loop, config: { playerVars, onUnstarted } } = this.props;
+	      const { UNSTARTED, PLAYING, PAUSED, BUFFERING, ENDED, CUED } = window[SDK_GLOBAL].PlayerState;
+	      if (data === UNSTARTED)
+	        onUnstarted();
+	      if (data === PLAYING) {
+	        onPlay();
+	        onBufferEnd();
+	      }
+	      if (data === PAUSED)
+	        onPause();
+	      if (data === BUFFERING)
+	        onBuffer();
+	      if (data === ENDED) {
+	        const isPlaylist = !!this.callPlayer("getPlaylist");
+	        if (loop && !isPlaylist) {
+	          if (playerVars.start) {
+	            this.seekTo(playerVars.start);
+	          } else {
+	            this.play();
+	          }
+	        }
+	        onEnded();
+	      }
+	      if (data === CUED)
+	        onReady();
+	    });
+	    __publicField(this, "mute", () => {
+	      this.callPlayer("mute");
+	    });
+	    __publicField(this, "unmute", () => {
+	      this.callPlayer("unMute");
+	    });
+	    __publicField(this, "ref", (container) => {
+	      this.container = container;
+	    });
+	  }
+	  componentDidMount() {
+	    this.props.onMount && this.props.onMount(this);
+	  }
+	  getID(url) {
+	    if (!url || url instanceof Array || MATCH_PLAYLIST.test(url)) {
+	      return null;
+	    }
+	    return url.match(import_patterns.MATCH_URL_YOUTUBE)[1];
+	  }
+	  load(url, isReady) {
+	    const { playing, muted, playsinline, controls, loop, config, onError } = this.props;
+	    const { playerVars, embedOptions } = config;
+	    const id = this.getID(url);
+	    if (isReady) {
+	      if (MATCH_PLAYLIST.test(url) || MATCH_USER_UPLOADS.test(url) || url instanceof Array) {
+	        this.player.loadPlaylist(this.parsePlaylist(url));
+	        return;
+	      }
+	      this.player.cueVideoById({
+	        videoId: id,
+	        startSeconds: (0, import_utils.parseStartTime)(url) || playerVars.start,
+	        endSeconds: (0, import_utils.parseEndTime)(url) || playerVars.end
+	      });
+	      return;
+	    }
+	    (0, import_utils.getSDK)(SDK_URL, SDK_GLOBAL, SDK_GLOBAL_READY, (YT) => YT.loaded).then((YT) => {
+	      if (!this.container)
+	        return;
+	      this.player = new YT.Player(this.container, {
+	        width: "100%",
+	        height: "100%",
+	        videoId: id,
+	        playerVars: {
+	          autoplay: playing ? 1 : 0,
+	          mute: muted ? 1 : 0,
+	          controls: controls ? 1 : 0,
+	          start: (0, import_utils.parseStartTime)(url),
+	          end: (0, import_utils.parseEndTime)(url),
+	          origin: window.location.origin,
+	          playsinline: playsinline ? 1 : 0,
+	          ...this.parsePlaylist(url),
+	          ...playerVars
+	        },
+	        events: {
+	          onReady: () => {
+	            if (loop) {
+	              this.player.setLoop(true);
+	            }
+	            this.props.onReady();
+	          },
+	          onPlaybackRateChange: (event) => this.props.onPlaybackRateChange(event.data),
+	          onPlaybackQualityChange: (event) => this.props.onPlaybackQualityChange(event),
+	          onStateChange: this.onStateChange,
+	          onError: (event) => onError(event.data)
+	        },
+	        host: MATCH_NOCOOKIE.test(url) ? NOCOOKIE_HOST : void 0,
+	        ...embedOptions
+	      });
+	    }, onError);
+	    if (embedOptions.events) {
+	      console.warn("Using `embedOptions.events` will likely break things. Use ReactPlayer\u2019s callback props instead, eg onReady, onPlay, onPause");
+	    }
+	  }
+	  play() {
+	    this.callPlayer("playVideo");
+	  }
+	  pause() {
+	    this.callPlayer("pauseVideo");
+	  }
+	  stop() {
+	    if (!document.body.contains(this.callPlayer("getIframe")))
+	      return;
+	    this.callPlayer("stopVideo");
+	  }
+	  seekTo(amount, keepPlaying = false) {
+	    this.callPlayer("seekTo", amount);
+	    if (!keepPlaying && !this.props.playing) {
+	      this.pause();
+	    }
+	  }
+	  setVolume(fraction) {
+	    this.callPlayer("setVolume", fraction * 100);
+	  }
+	  setPlaybackRate(rate) {
+	    this.callPlayer("setPlaybackRate", rate);
+	  }
+	  setLoop(loop) {
+	    this.callPlayer("setLoop", loop);
+	  }
+	  getDuration() {
+	    return this.callPlayer("getDuration");
+	  }
+	  getCurrentTime() {
+	    return this.callPlayer("getCurrentTime");
+	  }
+	  getSecondsLoaded() {
+	    return this.callPlayer("getVideoLoadedFraction") * this.getDuration();
+	  }
+	  render() {
+	    const { display } = this.props;
+	    const style = {
+	      width: "100%",
+	      height: "100%",
+	      display
+	    };
+	    return /* @__PURE__ */ import_react.default.createElement("div", { style }, /* @__PURE__ */ import_react.default.createElement("div", { ref: this.ref }));
+	  }
+	}
+	__publicField(YouTube, "displayName", "YouTube");
+	__publicField(YouTube, "canPlay", import_patterns.canPlay.youtube);
+	return YouTube_1;
+}
+
+var YouTubeExports = /*@__PURE__*/ requireYouTube();
+var YouTube = /*@__PURE__*/getDefaultExportFromCjs(YouTubeExports);
+
+var YouTube$1 = /*#__PURE__*/_mergeNamespaces({
+  __proto__: null,
+  default: YouTube
+}, [YouTubeExports]);
+
+export { YouTube$1 as Y };

package/dist/components/components/CourseCard/CourseCard.styles.d.ts

@@ -4,7 +4,7 @@ export declare const GridItemTitle: import("styled-components/dist/types").IStyl
 export declare const DeleteSpan: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const DisabledTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "children" | "className" | "p" | "zIndex" | "typography" | "style" | "color" | "height" | "width" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "align" | "bgcolor" | "border" | "classes" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "displayPrint" | "textOverflow" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "lineHeight" | "textAlign" | "textTransform" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping">, never>> & string & Omit<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TypographyTypeMap<{}, "span">>, keyof import("react").Component<any, {}, any>>;
+}, "children" | "className" | "p" | "style" | "color" | "height" | "width" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "align" | "bgcolor" | "border" | "classes" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "displayPrint" | "textOverflow" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "lineHeight" | "textAlign" | "textTransform" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping">, never>> & string & Omit<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TypographyTypeMap<{}, "span">>, keyof import("react").Component<any, {}, any>>;
 export declare const ActionConfig: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     disabled?: boolean;
     $hoverColor?: string;

package/dist/components/components/VideoPlayer/PiPContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { PiPContextType } from './PiPContext.types';
+export declare const PiPContext: React.Context<PiPContextType | undefined>;
+interface PiPProviderProps {
+    children: React.ReactNode;
+}
+export declare const PiPProvider: React.FC<PiPProviderProps>;
+export {};

package/dist/components/components/VideoPlayer/PiPContext.types.d.ts

@@ -0,0 +1,16 @@
+export interface PiPVideoState {
+    url: string;
+    currentTime: number;
+    isPlaying: boolean;
+    volume: number;
+    muted: boolean;
+}
+export interface PiPContextType {
+    isPiPActive: boolean;
+    pipVideoState: PiPVideoState | null;
+    enterPiP: (videoElement: HTMLVideoElement, videoState: PiPVideoState) => Promise<boolean>;
+    exitPiP: () => Promise<boolean>;
+    updateVideoState: (state: Partial<PiPVideoState>) => void;
+    registerVideoElement: (element: HTMLVideoElement) => void;
+    unregisterVideoElement: () => void;
+}

package/dist/components/components/VideoPlayer/usePiP.d.ts

@@ -0,0 +1,2 @@
+import { PiPContextType } from './PiPContext.types';
+export declare const usePiP: () => PiPContextType;

package/dist/components/components/index.d.ts

@@ -19,6 +19,8 @@ export { Badge } from './Badge';
 export { TooltipHeight } from './Tooltip';
 export { CustomTooltip } from './Tooltip';
 export { VideoPlayer } from './VideoPlayer';
+export { PiPProvider } from './VideoPlayer/PiPContext';
+export { usePiP } from './VideoPlayer/usePiP';
 export { SplashScreen } from './SplashScreen';
 export { AudioPlayer } from './AudioPlayer';
 export { ColumnNavigation } from './ColumnNavigation';