@clickview/player 0.0.0-rc.12 → 0.0.0-rc.14

package/.storybook/stories/Clips.stories.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { ClickViewPlayer, ClickViewCreateClipPlayer } from '../../src/index';
 import { mockplayerApi } from './utils/mock-playerapi';
-import { mockSetups } from './utils/mock-setup';
 
 interface ClipFormProps {
   startTime?: number;

package/dist/libs/common/src/react/utils/ArrayHelper.d.ts

@@ -0,0 +1,44 @@
+import * as _ from 'underscore';
+import { HashObject } from '../interfaces';
+declare type Iterator<T, TResult = T> = (value: T, index: number, list: T[]) => TResult;
+export declare const ArrayHelper: {
+    first<T>(arr: T[]): T;
+    firstFew<T_1>(arr: T_1[], count: number): T_1[];
+    last<T_2>(arr: T_2[]): T_2;
+    lastFew<T_3>(arr: T_3[], count: number): T_3[];
+    max<T_4, TResult = T_4>(arr: T_4[], iterator?: Iterator<T_4, TResult>): T_4;
+    cloneAndReplaceAtIdx<T_5>(arr: T_5[], idx: number, newVal: T_5, defaultValue?: any): T_5[];
+    moveItem<T_6>(arr: T_6[], fromIdx: number, toIdx: number): T_6[];
+    isEmpty<T_7>(arr: T_7[]): boolean;
+    findIndex<T_8>(arr: T_8[], predicate: (item: T_8) => boolean): number;
+    findWhere<T_9, U extends HashObject<any>>(arr: T_9[], properties: U): T_9;
+    where<T_10, U_1 extends HashObject<any>>(arr: T_10[], properties: U_1): T_10[];
+    groupBy<T_11>(arr: T_11[], property: string): {
+        [index: string]: T_11[];
+    };
+    flatten<T_12>(arr: T_12[], shallow?: boolean): T_12[];
+    intersection<T_13>(...arrays: T_13[][]): T_13[];
+    /**
+     * Add a value to an array, or if it is already in the array, remove it.
+     *
+     * @param arr array of values
+     * @param value value to be added or removed.
+     */
+    addOrRemove<T_14 = string | number>(arr: T_14[], value: T_14): T_14[];
+    /**
+     * This is the same addOrRemove function above, except it doesn't mutate the array in the argument
+     * and returns a branch new array.
+     */
+    addOrRemoveImmutable<T_15>(arr: T_15[], value: T_15): T_15[];
+    /**
+     * Returns a (stably) sorted copy of list, ranked in ascending order
+     * by the results of running each value through iteratee.
+     *
+     * @param arr array of values
+     * @param iteratee an iterator function or a string name of the property to sort by.
+     */
+    sortBy<T_16 extends HashObject<any>, TSort = T_16>(arr: T_16[], iteratee?: Iterator<T_16, TSort> | keyof T_16): T_16[];
+    chunk<T_17>(array: _.Collection<T_17>, count: number): T_17[][];
+    uniq<T_18 extends string | number | HashObject<any>, TSort_1 = T_18>(array: T_18[], iteratee?: Iterator<T_18, TSort_1> | keyof T_18): T_18[];
+};
+export {};

package/dist/libs/shared/src/components/div-button/DivButton.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface DivButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement> {
+    onClick: (...args: any) => any;
+}
+/**
+ * This element lets us use `div` elements as buttons without losing the accessibility of
+ * a regular HTML button element
+ */
+export declare function DivButton(props: React.PropsWithChildren<DivButtonProps>): JSX.Element;
+export {};

package/dist/libs/shared/src/components/widgets/items/resource-widget-item/ResourceWidgetItem.d.ts

@@ -3,15 +3,11 @@ import { Core } from 'libs/common/core';
 import { HashObject } from 'libs/common/react/interfaces';
 import { AnalyticsOptions } from 'libs/analytics/interfaces';
 import { Resource, Link } from 'libs/shared/interfaces';
-interface ResourceTileProps {
+export interface ResourceWidgetItemProps {
     data: Resource | Link;
     appLink: Core.AppLink;
     analyticsData?: HashObject;
     analyticsOptions?: AnalyticsOptions;
     imageCdnUrl: string;
 }
-export declare function ResourceTile(props: ResourceTileProps): JSX.Element;
-export interface ResourceWidgetItemProps extends ResourceTileProps {
-}
 export declare const ResourceWidgetItem: React.NamedExoticComponent<ResourceWidgetItemProps>;
-export {};

package/dist/libs/shared/src/interfaces/models/Video.d.ts

@@ -27,8 +27,9 @@ export interface Video extends BaseObject {
     restrictions?: RestrictedObject[];
     lastProgressPoint?: number;
     favouritedBy?: UserCollection;
-    _hasinteractives?: HasInteractive;
-    _videoprogress?: VideoProgress;
+    _hasInteractives?: HasInteractive;
+    _videoProgress?: VideoProgress;
     _hasCurriculumLinks?: boolean;
     _curriculumLinks?: CurriculumLinks;
+    hasInteractives?: boolean;
 }

package/dist/player-app.css

@@ -193,7 +193,7 @@
 
 @font-face {
   font-family: "CVPlayer";
-  src: url("data:application/font-woff;charset=utf-8;base64,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") format("woff"); }
+  src: url("data:application/font-woff;charset=utf-8;base64,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") format("woff"); }
 
 .cv-icon {
   line-height: 1; }
@@ -246,6 +246,12 @@
 .cv-icon-replay:before {
   content: "\f10d"; }
 
+.cv-icon-clip:before {
+  content: "\f10e"; }
+
+.cv-icon-resources:before {
+  content: "\f10f"; }
+
 .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
   position: absolute;
   top: 0;
@@ -1624,6 +1630,9 @@ video::-webkit-media-text-track-display {
   text-shadow: none;
   box-shadow: none; }
 
+.font-size-base {
+  font-size: 0.875rem; }
+
 .vjs-resize-manager {
   position: absolute;
   top: 0;
@@ -1635,12 +1644,10 @@ video::-webkit-media-text-track-display {
 
 .video-js *:focus:not(:focus-visible),
 .video-js .vjs-menu *:focus:not(:focus-visible) {
-  outline: none;
-  background: none; }
+  outline: none; }
 
 .js-focus-visible .video-js *:focus:not(.focus-visible) {
-  outline: none;
-  background: none; }
+  outline: none; }
 
 .video-js .vjs-local-cache-indicator {
   position: absolute;
@@ -1698,6 +1705,9 @@ video::-webkit-media-text-track-display {
   .video-js .cv-collapsed > button {
     display: none; }
 
+.video-js button.cv-collapsed {
+  display: none; }
+
 .video-js .vjs-button > .vjs-icon-placeholder:before {
   font-size: 1.3em; }
 
@@ -2105,94 +2115,11 @@ li.cv-chapter-menu-item {
   text-shadow: none;
   opacity: 1; }
 
-.cv--image--1YW-E {
-  width: 100%;
-  height: 100%; }
-
-.cv--thumbnail--3lfBf {
-  position: relative;
-  width: 100%;
-  height: 100%; }
-  .cv--thumbnail--3lfBf img {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0; }
-
-.cv--sixteenByNine--2LqZ8 {
-  padding-bottom: 56.25%; }
-
-.cv--nineBySixteen--136ry {
-  padding-bottom: 177.77778%; }
-
-.cv--oneByOne--2wYLa {
-  padding-bottom: 100%; }
-
-.cv--twoByThree--1eC6Q {
-  padding-bottom: 150%; }
-
-.cv--item--yzAZk {
-  width: 25%; }
-  @media (max-width: 768px) {
-    .cv--item--yzAZk {
-      width: 33.33333%; } }
-  @media (max-width: 576px) {
-    .cv--item--yzAZk {
-      width: 50%; } }
-
-.cv--background--2FYoc {
-  height: 10rem; }
-  @media (max-width: 992px) {
-    .cv--background--2FYoc {
-      height: 8rem; } }
-  .cv--background--2FYoc:hover {
-    text-decoration: none; }
-
-.cv--thumbnailContainer--14YzS {
-  height: 66.66667%;
-  border-top-left-radius: 0.5rem;
-  border-top-right-radius: 0.5rem;
-  -webkit-filter: drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1));
-          filter: drop-shadow(0px -1px 4px rgba(0, 0, 0, 0.1)); }
-
-.cv--teacherPack--1H-bZ .cv--text--fDGTW {
-  color: #38A2E8; }
-
-.cv--teacherPack--1H-bZ .cv--background--2FYoc {
-  background-color: #d8edfa; }
-
-.cv--atomGuide--2UrFB .cv--text--fDGTW {
-  color: #7A76E8; }
-
-.cv--atomGuide--2UrFB .cv--background--2FYoc {
-  background-color: #e4e3fa; }
-
-.cv--studentActivity--3bk9l .cv--text--fDGTW {
-  color: #B679C7; }
-
-.cv--studentActivity--3bk9l .cv--background--2FYoc {
-  background-color: #f1e5f4; }
-
-.cv--additionalMaterials--3KgEr .cv--text--fDGTW {
-  color: #5DC786; }
-
-.cv--additionalMaterials--3KgEr .cv--background--2FYoc {
-  background-color: #cfeedb; }
-
-.video-js .cv-resource-item {
-  padding: 0.5em 1em; }
-
-.video-js .cv-resources-button {
-  cursor: pointer; }
-  .video-js .cv-resources-button .vjs-icon-placeholder::before {
-    font-family: CVPlayer;
-    /* Defined in font/icon-map.js */
-    /* TODO: Add correct icon to fonts*/
-    content: "R"; }
-
-.video-js .cv-create-short-answer {
-  color: #313543; }
+.video-js .cv-create-clip-button .vjs-icon-placeholder::before {
+  font-family: CVPlayer;
+  /* Defined in font/icon-map.js */
+  /* TODO: Add correct icon to fonts*/
+  content: "\f10e"; }
 
 .video-js .cv-interaction-title {
   position: relative;
@@ -2263,11 +2190,6 @@ li.cv-chapter-menu-item {
   display: flex;
   margin-top: 1.25rem; }
 
-.video-js .cv-interactive-question {
-  color: #313543;
-  font-size: 1rem; }
-
-
 .video-js .cv-interactive-container {
   position: absolute;
   top: 0;