@capytale/meta-player 0.8.2 → 0.8.3

package/src/settings.ts

@@ -1,6 +1,6 @@
-const settings = {
-  STATEMENT_MAX_SIZE: 2000000, // 2 MB
-  TOOLTIP_SHOW_DELAY: 500,
-};
-
-export default settings;
+const settings = {
+  STATEMENT_MAX_SIZE: 2000000, // 2 MB
+  TOOLTIP_SHOW_DELAY: 500,
+};
+
+export default settings;

package/src/types.ts

@@ -1,10 +1,10 @@
-export type AntiCheatOptions = {
-  preserveDom: boolean;
-  hasIframes: boolean;
-};
-
-export type UIOptions = {
-  closePedagoByDefault: boolean;
-  noWorkflow: boolean;
-  noSaveForStudents: boolean;
+export type AntiCheatOptions = {
+  preserveDom: boolean;
+  hasIframes: boolean;
+};
+
+export type UIOptions = {
+  closePedagoByDefault: boolean;
+  noWorkflow: boolean;
+  noSaveForStudents: boolean;
 };

package/src/utils/ButtonDoubleIcon.tsx

@@ -1,35 +1,35 @@
-import { Button, ButtonProps } from "primereact/button";
-import React from "react";
-
-type ButtonDoubleIconProps = Exclude<
-  ButtonProps,
-  "icon" | "children" | "iconPos"
-> & {
-  leftIcon: string;
-  rightIcon: string;
-};
-
-const ButtonDoubleIcon: React.FC<ButtonDoubleIconProps> = function ({
-  label,
-  leftIcon,
-  rightIcon,
-  ...props
-}) {
-  return (
-    <Button {...props}>
-      <span
-        className={"p-button-icon p-c p-button-icon-left " + leftIcon}
-        data-pc-section="icon"
-      ></span>
-      <span className="p-button-label p-c" data-pc-section="label">
-        {label}
-      </span>
-      <span
-        className={"p-button-icon p-c p-button-icon-right " + rightIcon}
-        data-pc-section="icon"
-      ></span>
-    </Button>
-  );
-};
-
-export default ButtonDoubleIcon;
+import { Button, ButtonProps } from "primereact/button";
+import React from "react";
+
+type ButtonDoubleIconProps = Exclude<
+  ButtonProps,
+  "icon" | "children" | "iconPos"
+> & {
+  leftIcon: string;
+  rightIcon: string;
+};
+
+const ButtonDoubleIcon: React.FC<ButtonDoubleIconProps> = function ({
+  label,
+  leftIcon,
+  rightIcon,
+  ...props
+}) {
+  return (
+    <Button {...props}>
+      <span
+        className={"p-button-icon p-c p-button-icon-left " + leftIcon}
+        data-pc-section="icon"
+      ></span>
+      <span className="p-button-label p-c" data-pc-section="label">
+        {label}
+      </span>
+      <span
+        className={"p-button-icon p-c p-button-icon-right " + rightIcon}
+        data-pc-section="icon"
+      ></span>
+    </Button>
+  );
+};
+
+export default ButtonDoubleIcon;

package/src/utils/CardSelector.tsx

@@ -1,41 +1,41 @@
-import { RadioButton } from "primereact/radiobutton";
-import styles from "./style.module.scss";
-
-type CardSelectorProps<ValueType> = {
-  options: { title: string; description: string; value: ValueType }[];
-  selected?: ValueType | null;
-  onChange: (value: ValueType) => void | Promise<void>;
-};
-const CardSelector = function <ValueType>(props: CardSelectorProps<ValueType>) {
-  return (
-    <>
-      <div className={styles.cardSelector}>
-        {props.options.map((option) => (
-          <div
-            className={styles.cardSelectorOption}
-            data-selected={props.selected === option.value}
-            role="button"
-            aria-label={`Sélectionner l'option ${option.title}`}
-            onClick={() => {
-              props.onChange(option.value);
-            }}
-          >
-            <div className={styles.cardSelectorOptionRadio}>
-              <RadioButton checked={props.selected === option.value} />
-            </div>
-            <div className={styles.cardSelectorOptionContent}>
-              <div className={styles.cardSelectorOptionTitle}>
-                {option.title}
-              </div>
-              <div className={styles.cardSelectorOptionDescription}>
-                {option.description}
-              </div>
-            </div>
-          </div>
-        ))}
-      </div>
-    </>
-  );
-};
-
-export default CardSelector;
+import { RadioButton } from "primereact/radiobutton";
+import styles from "./style.module.scss";
+
+type CardSelectorProps<ValueType> = {
+  options: { title: string; description: string; value: ValueType }[];
+  selected?: ValueType | null;
+  onChange: (value: ValueType) => void | Promise<void>;
+};
+const CardSelector = function <ValueType>(props: CardSelectorProps<ValueType>) {
+  return (
+    <>
+      <div className={styles.cardSelector}>
+        {props.options.map((option) => (
+          <div
+            className={styles.cardSelectorOption}
+            data-selected={props.selected === option.value}
+            role="button"
+            aria-label={`Sélectionner l'option ${option.title}`}
+            onClick={() => {
+              props.onChange(option.value);
+            }}
+          >
+            <div className={styles.cardSelectorOptionRadio}>
+              <RadioButton checked={props.selected === option.value} />
+            </div>
+            <div className={styles.cardSelectorOptionContent}>
+              <div className={styles.cardSelectorOptionTitle}>
+                {option.title}
+              </div>
+              <div className={styles.cardSelectorOptionDescription}>
+                {option.description}
+              </div>
+            </div>
+          </div>
+        ))}
+      </div>
+    </>
+  );
+};
+
+export default CardSelector;

package/src/utils/ErrorBoundary.tsx

@@ -1,41 +1,41 @@
-import { Component, ErrorInfo, PropsWithChildren, ReactNode } from "react";
-
-type ErrorBoundaryProps = PropsWithChildren<{
-  fallback: ReactNode;
-}>;
-type ErrorBoundaryState = {
-  hasError: boolean;
-};
-
-export class ErrorBoundary extends Component<
-  ErrorBoundaryProps,
-  ErrorBoundaryState
-> {
-  constructor(props: ErrorBoundaryProps) {
-    super(props);
-    this.state = { hasError: false };
-  }
-
-  static getDerivedStateFromError(_error: Error) {
-    // Update state so the next render will show the fallback UI.
-    return { hasError: true };
-  }
-
-  componentDidCatch(error: Error, info: ErrorInfo) {
-    // Example "componentStack":
-    //   in ComponentThatThrows (created by App)
-    //   in ErrorBoundary (created by App)
-    //   in div (created by App)
-    //   in App
-    console.error(error, info.componentStack);
-  }
-
-  render() {
-    if (this.state.hasError) {
-      // You can render any custom fallback UI
-      return this.props.fallback;
-    }
-
-    return this.props.children;
-  }
-}
+import { Component, ErrorInfo, PropsWithChildren, ReactNode } from "react";
+
+type ErrorBoundaryProps = PropsWithChildren<{
+  fallback: ReactNode;
+}>;
+type ErrorBoundaryState = {
+  hasError: boolean;
+};
+
+export class ErrorBoundary extends Component<
+  ErrorBoundaryProps,
+  ErrorBoundaryState
+> {
+  constructor(props: ErrorBoundaryProps) {
+    super(props);
+    this.state = { hasError: false };
+  }
+
+  static getDerivedStateFromError(_error: Error) {
+    // Update state so the next render will show the fallback UI.
+    return { hasError: true };
+  }
+
+  componentDidCatch(error: Error, info: ErrorInfo) {
+    // Example "componentStack":
+    //   in ComponentThatThrows (created by App)
+    //   in ErrorBoundary (created by App)
+    //   in div (created by App)
+    //   in App
+    console.error(error, info.componentStack);
+  }
+
+  render() {
+    if (this.state.hasError) {
+      // You can render any custom fallback UI
+      return this.props.fallback;
+    }
+
+    return this.props.children;
+  }
+}

package/src/utils/PopupButton.tsx

@@ -1,135 +1,135 @@
-import { Button, ButtonProps } from "primereact/button";
-import { MenuItem } from "primereact/menuitem";
-import { TieredMenu } from "primereact/tieredmenu";
-import { useMountEffect } from "primereact/hooks";
-import {
-  IconType,
-  ObjectUtils,
-  UniqueComponentId,
-  classNames,
-} from "primereact/utils";
-import {
-  CSSProperties,
-  KeyboardEventHandler,
-  MouseEventHandler,
-  ReactNode,
-  useRef,
-  useState,
-} from "react";
-import { Tooltip } from "primereact/tooltip";
-import { TooltipOptions } from "primereact/tooltip/tooltipoptions";
-
-type PopupButtonProps = {
-  id?: string;
-  icon?: IconType<ButtonProps>;
-  buttonClassName?: string;
-  disabled?: boolean;
-  buttonProps?: ButtonProps;
-  size?: "small" | "large";
-  severity?: "secondary" | "success" | "info" | "warning" | "danger" | "help";
-  outlined?: boolean;
-  text?: boolean;
-  raised?: boolean;
-  unstyled?: boolean;
-  onButtonKeydown?: KeyboardEventHandler<HTMLButtonElement>;
-  model?: MenuItem[];
-  appendTo?: HTMLElement | "self" | (() => HTMLElement) | null;
-  tooltip?: ReactNode;
-  menuStyle?: CSSProperties;
-  autoZIndex?: boolean;
-  baseZIndex?: number;
-  menuClassName?: string;
-  tooltipOptions?: TooltipOptions;
-};
-
-const PopupButton: React.FC<PopupButtonProps> = ({
-  id,
-  icon,
-  buttonClassName,
-  disabled,
-  buttonProps,
-  size,
-  severity,
-  outlined,
-  text,
-  raised,
-  unstyled,
-  onButtonKeydown,
-  model,
-  appendTo,
-  tooltip,
-  menuStyle,
-  autoZIndex,
-  baseZIndex,
-  menuClassName,
-  tooltipOptions,
-  ...props
-}: PopupButtonProps) => {
-  const [idState, setIdState] = useState(id);
-  useMountEffect(() => {
-    if (!idState) {
-      setIdState(UniqueComponentId());
-    }
-  });
-
-  const [overlayVisibleState, _setOverlayVisibleState] =
-    useState<boolean>(false);
-  const menuRef = useRef(null);
-  const elementRef = useRef(null);
-
-  const hasTooltip = ObjectUtils.isNotEmpty(tooltip);
-
-  const onDropdownButtonClick: MouseEventHandler<HTMLButtonElement> = (
-    event,
-  ) => {
-    menuRef && (menuRef.current as any)?.toggle(event);
-  };
-
-  const menuId = idState + "_overlay";
-
-  return (
-    <>
-      <div {...props}>
-        <Button
-          type="button"
-          className={classNames(buttonClassName)}
-          icon={icon}
-          onClick={onDropdownButtonClick}
-          disabled={disabled}
-          aria-expanded={overlayVisibleState}
-          aria-haspopup="true"
-          aria-controls={menuId}
-          {...buttonProps}
-          size={size}
-          severity={severity}
-          outlined={outlined}
-          text={text}
-          raised={raised}
-          onKeyDown={onButtonKeydown}
-          unstyled={unstyled}
-        />
-        <TieredMenu
-          ref={menuRef}
-          popup={true}
-          unstyled={unstyled}
-          model={model}
-          appendTo={appendTo}
-          id={menuId}
-          style={menuStyle}
-          autoZIndex={autoZIndex}
-          baseZIndex={baseZIndex}
-          className={menuClassName}
-        />
-      </div>
-      {hasTooltip && (
-        <Tooltip
-          target={elementRef}
-          content={tooltip}
-          {...tooltipOptions}
-        />
-      )}
-    </>
-  );
-};
-
+import { Button, ButtonProps } from "primereact/button";
+import { MenuItem } from "primereact/menuitem";
+import { TieredMenu } from "primereact/tieredmenu";
+import { useMountEffect } from "primereact/hooks";
+import {
+  IconType,
+  ObjectUtils,
+  UniqueComponentId,
+  classNames,
+} from "primereact/utils";
+import {
+  CSSProperties,
+  KeyboardEventHandler,
+  MouseEventHandler,
+  ReactNode,
+  useRef,
+  useState,
+} from "react";
+import { Tooltip } from "primereact/tooltip";
+import { TooltipOptions } from "primereact/tooltip/tooltipoptions";
+
+type PopupButtonProps = {
+  id?: string;
+  icon?: IconType<ButtonProps>;
+  buttonClassName?: string;
+  disabled?: boolean;
+  buttonProps?: ButtonProps;
+  size?: "small" | "large";
+  severity?: "secondary" | "success" | "info" | "warning" | "danger" | "help";
+  outlined?: boolean;
+  text?: boolean;
+  raised?: boolean;
+  unstyled?: boolean;
+  onButtonKeydown?: KeyboardEventHandler<HTMLButtonElement>;
+  model?: MenuItem[];
+  appendTo?: HTMLElement | "self" | (() => HTMLElement) | null;
+  tooltip?: ReactNode;
+  menuStyle?: CSSProperties;
+  autoZIndex?: boolean;
+  baseZIndex?: number;
+  menuClassName?: string;
+  tooltipOptions?: TooltipOptions;
+};
+
+const PopupButton: React.FC<PopupButtonProps> = ({
+  id,
+  icon,
+  buttonClassName,
+  disabled,
+  buttonProps,
+  size,
+  severity,
+  outlined,
+  text,
+  raised,
+  unstyled,
+  onButtonKeydown,
+  model,
+  appendTo,
+  tooltip,
+  menuStyle,
+  autoZIndex,
+  baseZIndex,
+  menuClassName,
+  tooltipOptions,
+  ...props
+}: PopupButtonProps) => {
+  const [idState, setIdState] = useState(id);
+  useMountEffect(() => {
+    if (!idState) {
+      setIdState(UniqueComponentId());
+    }
+  });
+
+  const [overlayVisibleState, _setOverlayVisibleState] =
+    useState<boolean>(false);
+  const menuRef = useRef(null);
+  const elementRef = useRef(null);
+
+  const hasTooltip = ObjectUtils.isNotEmpty(tooltip);
+
+  const onDropdownButtonClick: MouseEventHandler<HTMLButtonElement> = (
+    event,
+  ) => {
+    menuRef && (menuRef.current as any)?.toggle(event);
+  };
+
+  const menuId = idState + "_overlay";
+
+  return (
+    <>
+      <div {...props}>
+        <Button
+          type="button"
+          className={classNames(buttonClassName)}
+          icon={icon}
+          onClick={onDropdownButtonClick}
+          disabled={disabled}
+          aria-expanded={overlayVisibleState}
+          aria-haspopup="true"
+          aria-controls={menuId}
+          {...buttonProps}
+          size={size}
+          severity={severity}
+          outlined={outlined}
+          text={text}
+          raised={raised}
+          onKeyDown={onButtonKeydown}
+          unstyled={unstyled}
+        />
+        <TieredMenu
+          ref={menuRef}
+          popup={true}
+          unstyled={unstyled}
+          model={model}
+          appendTo={appendTo}
+          id={menuId}
+          style={menuStyle}
+          autoZIndex={autoZIndex}
+          baseZIndex={baseZIndex}
+          className={menuClassName}
+        />
+      </div>
+      {hasTooltip && (
+        <Tooltip
+          target={elementRef}
+          content={tooltip}
+          {...tooltipOptions}
+        />
+      )}
+    </>
+  );
+};
+
 export default PopupButton;

package/src/utils/activity.ts

@@ -1,8 +1,8 @@
-export function getIdFromUrl() {
-  const params = new URLSearchParams(window.location.search);
-  const id = params.get("id");
-  if (id !== null) {
-    return parseInt(id, 10);
-  }
-  return null;
-}
+export function getIdFromUrl() {
+  const params = new URLSearchParams(window.location.search);
+  const id = params.get("id");
+  if (id !== null) {
+    return parseInt(id, 10);
+  }
+  return null;
+}

package/src/utils/breakpoints.ts

@@ -1,5 +1,5 @@
-export const SM = 576;
-export const MD = 768;
-export const ML = 850;
-export const LG = 992;
+export const SM = 576;
+export const MD = 768;
+export const ML = 850;
+export const LG = 992;
 export const XL = 1200;

package/src/utils/capytale.ts

@@ -1,11 +1,11 @@
-import httpClient from '@capytale/activity.js/backend/capytale/http';
-
-// Definit le endpoint de l'API
-const myActivitiesApiEp = '/web/c-hdls/api/my-activities';
-
-export async function apiCloneActivity(nid: number | string, title?: string) {
-  return httpClient.postGetJsonAsync<any>(
-    myActivitiesApiEp,
-    { action: 'clone', nid, title },
-  )
+import httpClient from '@capytale/activity.js/backend/capytale/http';
+
+// Definit le endpoint de l'API
+const myActivitiesApiEp = '/web/c-hdls/api/my-activities';
+
+export async function apiCloneActivity(nid: number | string, title?: string) {
+  return httpClient.postGetJsonAsync<any>(
+    myActivitiesApiEp,
+    { action: 'clone', nid, title },
+  )
 }

package/src/utils/clipboard.ts

@@ -1,11 +1,11 @@
-export async function copyToClipboard(
-  text: string,
-  callback?: (success: boolean, error?: any) => any,
-) {
-  try {
-    await navigator.clipboard.writeText(text);
-    callback?.(true);
-  } catch (err) {
-    callback?.(false, err);
-  }
-}
+export async function copyToClipboard(
+  text: string,
+  callback?: (success: boolean, error?: any) => any,
+) {
+  try {
+    await navigator.clipboard.writeText(text);
+    callback?.(true);
+  } catch (err) {
+    callback?.(false, err);
+  }
+}

package/src/utils/download.ts

@@ -1,8 +1,8 @@
-export function downloadFile(url: string, name?: string) {
-  const a = document.createElement("a");
-  a.href = url;
-  a.download = name || url.split("/").pop() || "download";
-  document.body.appendChild(a);
-  a.click();
-  document.body.removeChild(a);
+export function downloadFile(url: string, name?: string) {
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = name || url.split("/").pop() || "download";
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
 }