@clickview/online 0.0.0-rc.0 → 0.0.0-rc.1

package/dist/{apps → libs/shared/src/apps}/playlists/utils/RecentPlaylistHelper.d.ts

@@ -1,4 +1,4 @@
-import { StorageHelper } from '@clickview/common';
+import { StorageHelper } from "../../../../../common/src/backbone/utils/LocalStorageHelper";
 interface AddRecentPlaylistsOptions {
     id: string;
     limit?: number;

package/dist/libs/shared/src/apps/subjects/components/audience-filter/AudienceFilter.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ReducerActions } from "../../../../../../common/src/react/interfaces";
+import { PresentationAudience } from "../../../../interfaces";
+import { AudienceActions, ActiveAudiences } from "../../reducers/AudienceReducer";
+interface AudienceFilterProps {
+    audiences: PresentationAudience[];
+    setAudience: React.Dispatch<ReducerActions<AudienceActions>>;
+    activeAudiences?: ActiveAudiences;
+    disabled?: boolean;
+}
+export declare function AudienceFilter(props: AudienceFilterProps): React.ReactElement;
+export declare const PartialAudienceFilter: () => JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/audience-item/AudienceItem.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { PresentationAudience } from "../../../../interfaces";
+interface AudienceItemProps {
+    audience: PresentationAudience;
+    highlight: boolean;
+    setAudience?: (audience: PresentationAudience, highlight: boolean) => void;
+    isDisabled?: boolean;
+    extraClasses?: string;
+}
+export declare function AudienceItem(props: AudienceItemProps): React.ReactElement;
+export declare namespace AudienceItem {
+    var defaultProps: {
+        extraClasses: string;
+    };
+}
+export {};

package/dist/libs/shared/src/apps/subjects/components/audience-item/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AudienceItem';
+export * from './partial-loading/PartialAudiences';

package/dist/libs/shared/src/apps/subjects/components/audience-item/partial-loading/PartialAudiences.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+interface PartialAudiencesProps {
+    count?: number;
+    width?: number;
+    height?: number;
+    align?: 'left' | 'center';
+}
+export declare function PartialAudiences({ width, height, count, align }: PartialAudiencesProps): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/classification-list/ClassificationList.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Core } from "../../../../../../common/src/backbone";
+import { Classification, BaseObject } from "../../../../interfaces";
+interface ClassificationListProps {
+    classifications: Classification[];
+    getItemAppLink: (item: BaseObject) => Core.AppLink;
+}
+export declare function ClassificationList(props: ClassificationListProps): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/coming-soon/ComingSoon.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Classification } from "../../../../interfaces";
+interface ComingSoonProps {
+    data: Classification;
+    imageCdnUrl: string;
+    onToggleFollow: () => void;
+}
+export declare function ComingSoon(props: ComingSoonProps): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/hero-video/HeroVideo.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Core } from "../../../../../../common/src/backbone";
+import { Video, PresentationAudience } from "../../../../interfaces";
+interface HeroVideoProps {
+    video: Video;
+    presentationAudiences: PresentationAudience[];
+    showExtraMetadata?: boolean;
+    videoAppLink: Core.AppLink;
+    seriesAppLink: Core.AppLink;
+}
+export declare function HeroVideo(props: HeroVideoProps): JSX.Element;
+export declare function PartialHeroVideo(): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface PreferenceFooterProps extends React.PropsWithChildren<{}> {
+    align?: 'right' | 'center';
+}
+export declare function PreferenceFooter(props: PreferenceFooterProps): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/preferences/index.d.ts

@@ -0,0 +1,4 @@
+export * from './footer/PreferenceFooter';
+export * from './progress/PreferenceProgress';
+export * from './subject-preference-grid/SubjectPreferenceGrid';
+export * from './subject-preference-item/SubjectPreferenceItem';

package/dist/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+interface PreferenceItemProps {
+    name: string;
+    imageUrl: string;
+    onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    isDisabled?: boolean;
+    isSelected: boolean;
+    isExpandable?: boolean;
+    expand?: boolean;
+    selectedChildCount?: number;
+    extraClasses?: string;
+}
+export declare function PreferenceItem(props: PreferenceItemProps): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface ExpandableItemStatusProps {
+    selectedChildrenCount: number;
+}
+export declare const ExpandableItemStatus: (props: ExpandableItemStatusProps) => JSX.Element;
+interface SelectableItemStatusProps {
+    selected: boolean;
+}
+export declare const SelectableItemStatus: (props: SelectableItemStatusProps) => JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/preferences/progress/PreferenceProgress.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Core } from "../../../../../../../common/src/backbone";
+export interface PreferenceStepHash {
+    appLink: Core.AppLink;
+    active: boolean;
+}
+interface PreferenceProgressProps {
+    steps: PreferenceStepHash[];
+}
+export declare function PreferenceProgress(props: PreferenceProgressProps): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Classification } from "../../../../../interfaces";
+import { ClassificationPreference } from "../../../interfaces/ClassificationPreference";
+interface SubjectPreferenceGridProps {
+    subjects: ClassificationPreference[];
+    onSelect: (subject: Classification) => void;
+    onExpand: (subject: Classification) => void;
+}
+export declare function SubjectPreferenceGrid({ subjects, ...eventHandlers }: SubjectPreferenceGridProps): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ClassificationPreference } from "../../../interfaces/ClassificationPreference";
+interface SubjectPreferenceItemProps {
+    subject: ClassificationPreference;
+    selected: boolean;
+    disabled?: boolean;
+    onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;
+    extraClasses?: string;
+}
+export declare function SubjectPreferenceItem(props: SubjectPreferenceItemProps): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItemStatus.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+interface ExpandableItemStatusProps {
+    selectedChildrenCount: number;
+}
+export declare const ExpandableItemStatus: (props: ExpandableItemStatusProps) => JSX.Element;
+interface SelectableItemStatusProps {
+    selected: boolean;
+}
+export declare const SelectableItemStatus: (props: SelectableItemStatusProps) => JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/partial-loading/PartialSubjectPreferences.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface PartialSubjectPreferencesProps {
+    count: number;
+    style: 'grid' | 'list';
+}
+export declare function PartialSubjectPreferences(props: PartialSubjectPreferencesProps): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ClassificationPreference } from '../interfaces/ClassificationPreference';
+interface SubjectPreferencesContextFields {
+    selectedSubjects: string[];
+    expandedSubject: ClassificationPreference;
+}
+export declare const SubjectPreferencesContext: import("react").Context<SubjectPreferencesContextFields>;
+export {};

package/dist/libs/shared/src/apps/subjects/enums/ClassificationMemberType.d.ts

@@ -0,0 +1,5 @@
+export declare enum ClassificationMemberType {
+    Playlists = "playlists",
+    Series = "series",
+    Videos = "videos"
+}

package/dist/libs/shared/src/apps/subjects/hooks/useAudienceParams.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import { HashObject, ReducerActions } from "../../../../../common/src/react/interfaces";
+import { PresentationAudience } from "../../../interfaces";
+import { AudienceActions } from "../reducers/AudienceReducer";
+export declare function useParseAudienceParams(params: HashObject, audiences: PresentationAudience[], dispatch: React.Dispatch<ReducerActions<AudienceActions>>, dependencies?: any[]): void;

package/dist/libs/shared/src/apps/subjects/interfaces/ClassificationPreference.d.ts

@@ -0,0 +1,5 @@
+import { Classification } from "../../../interfaces";
+export interface ClassificationPreference extends Classification {
+    isExpandableOption: boolean;
+    isBulkOption: boolean;
+}

package/dist/libs/shared/src/apps/subjects/interfaces/Curriculum.d.ts

@@ -0,0 +1,4 @@
+import { BaseObject, Cover } from "../../../interfaces";
+export interface Curriculum extends BaseObject {
+    cover: Cover;
+}

package/dist/libs/shared/src/apps/subjects/interfaces/SchoolLevel.d.ts

@@ -0,0 +1,4 @@
+import { BaseObject, Cover } from "../../../interfaces";
+export interface SchoolLevel extends BaseObject {
+    cover: Cover;
+}

package/dist/libs/shared/src/apps/subjects/reducers/AudienceReducer.d.ts

@@ -0,0 +1,11 @@
+import { ReducerActions } from "../../../../../common/src/react/interfaces";
+import { PresentationAudience } from "../../../interfaces";
+export declare enum AudienceActions {
+    Init = "init",
+    Toggle = "toggle"
+}
+export interface ActiveAudiences {
+    [audienceId: string]: PresentationAudience;
+}
+export declare const InitialAudienceState: ActiveAudiences;
+export declare function AudienceReducer(prevState: ActiveAudiences, action: ReducerActions<AudienceActions>): ActiveAudiences;

package/dist/libs/shared/src/components/actions/ActionButton.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ActionOptions } from './Actions';
+interface ActionButtonProps {
+    actionOptions: ActionOptions;
+}
+export declare function ActionButton(props: React.PropsWithChildren<ActionButtonProps>): JSX.Element;
+export {};

package/dist/libs/shared/src/components/actions/Actions.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { Core } from "../../../../common/src/backbone";
+import { BaseObject } from "../../interfaces";
+export interface ActionOptions {
+    label: string;
+    appLink?: Core.AppLink;
+    onClick?: (e: React.MouseEvent) => void;
+    svgName?: string;
+    className?: string;
+    button?: boolean;
+    tooltip?: string;
+}
+export declare type ActionGenerator = (obj: BaseObject) => ActionOptions[];
+interface ActionsProps {
+    actions: ActionOptions[];
+    className?: string;
+    actionsDropdownClassName?: string;
+    sortComponent?: JSX.Element;
+}
+export declare function Actions(props: ActionsProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/actions/ActionsDropdown.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ActionOptions } from './Actions';
+interface ActionsDropdownProps {
+    actions: ActionOptions[];
+    className?: string;
+    dropdownToggleClassName?: string;
+}
+export declare function ActionsDropdown(props: ActionsDropdownProps): React.ReactElement;
+export declare namespace ActionsDropdown {
+    var defaultProps: {
+        dropdownToggleClassName: string;
+    };
+}
+export {};

package/dist/libs/shared/src/components/app-link/AppLink.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Core } from "../../../../common/src/backbone";
+export interface AppLinkProps {
+    appLink: Core.AppLink;
+    className?: string;
+    tag?: 'a' | 'button';
+    onClick?: (e: React.MouseEvent) => void;
+}
+export declare function AppLink(props: React.PropsWithChildren<AppLinkProps>): React.ReactElement;

package/dist/libs/shared/src/components/audience-label/AudienceLabel.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Audience } from "../../interfaces";
+declare type AudienceBorderColour = 'dark' | 'white';
+interface AudienceLabelProps {
+    audience: Audience;
+    border: AudienceBorderColour;
+}
+export declare function AudienceLabel(props: AudienceLabelProps): JSX.Element;
+interface AudienceLabelListProps {
+    audiences: Audience[];
+    border: AudienceBorderColour;
+}
+export declare function AudienceLabelList(props: AudienceLabelListProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/back-button/BackButton.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Core } from "../../../../common/src/backbone";
+interface BackButtonProps {
+    appLink: Core.AppLink;
+    backToName?: string;
+    color?: 'black' | 'white';
+}
+export declare function BackButton({ backToName, appLink, color }: BackButtonProps): React.ReactElement;
+export declare namespace BackButton {
+    var defaultProps: {
+        color: string;
+    };
+}
+export {};

package/dist/libs/shared/src/components/badges/Badge.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare enum BadgeType {
+    Duration = "duration",
+    Interactive = "interactive",
+    Rating = "rating",
+    ProductionYear = "production-year"
+}
+interface BadgeProps {
+    type: BadgeType;
+    data: any;
+}
+export declare function Badge(props: BadgeProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/badges/BadgeListContainer.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface BadgeListContainerProps {
+    className?: string;
+}
+export declare function BadgeListContainer(props: React.PropsWithChildren<BadgeListContainerProps>): JSX.Element;
+export {};

package/dist/libs/shared/src/components/banner-header/BannerHeader.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Core } from "../../../../common/src/backbone";
+import { Banner } from "../../interfaces";
+import { ActionOptions } from "../actions/Actions";
+interface BannerHeaderProps {
+    heading: string;
+    banner: Banner;
+    imageCdnUrl: string;
+    actions?: ActionOptions[];
+    backButtonAppLink?: Core.AppLink;
+    backButtonText?: string;
+    sortComponent?: JSX.Element;
+}
+export declare const BannerHeader: React.NamedExoticComponent<BannerHeaderProps>;
+export declare const PartialBannerHeader: () => JSX.Element;
+export {};

package/dist/libs/shared/src/components/breadcrumbs/BreadcrumbList.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Core } from "../../../../common/src/backbone";
+export interface Breadcrumb {
+    label: string;
+    appLink: Core.AppLink;
+    active?: boolean;
+}
+interface BreadcrumbItemProps {
+    breadcrumb: Breadcrumb;
+}
+export declare const BreadcrumbItem: ({ breadcrumb: { label, appLink, active } }: BreadcrumbItemProps) => JSX.Element;
+interface BreadcrumbListProps {
+    breadcrumbs: Breadcrumb[];
+}
+export declare const BreadcrumbList: ({ breadcrumbs }: BreadcrumbListProps) => JSX.Element;
+export {};

package/dist/libs/shared/src/components/breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Core } from "../../../../common/src/backbone";
+import { BaseObject } from "../../interfaces";
+import { Breadcrumb } from './BreadcrumbList';
+export declare enum BreadcrumbType {
+    Static = 0,
+    Dynamic = 1
+}
+interface BreadcrumbsProps<T> {
+    type: BreadcrumbType;
+    currentItem: T;
+    getItemAppLink: (item: T) => Core.AppLink;
+    getParent?: (item: T) => T;
+    rootItem?: Breadcrumb;
+    data?: T[];
+    subview?: string;
+}
+export declare function Breadcrumbs<T extends BaseObject>(props: BreadcrumbsProps<T>): React.ReactElement;
+export declare const PartialBreadcrumbs: () => JSX.Element;
+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/empty-state/EmptyState.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface EmptyStateProps {
+    imageUrl: string;
+    heading: string;
+    description?: string;
+}
+export declare function EmptyState(props: EmptyStateProps): React.ReactElement;
+export {};

package/dist/libs/shared/src/components/favourite-button/FavouriteButton.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Video } from "../../interfaces";
+interface FavouriteButtonProps {
+    video: Video;
+    setFavourite: (videoId: string, shouldFavourite: boolean, onError?: () => void) => void;
+    className?: string;
+}
+export declare function FavouriteButton(props: FavouriteButtonProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/icon-button/IconButton.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Core } from "../../../../common/src/backbone";
+interface IconButtonProps {
+    svgName: string;
+    className?: string;
+    appLink?: Core.AppLink;
+    onClick?: (e: React.MouseEvent) => void;
+}
+/**
+ * Renders a button with an svg followed by text.
+ * The svg is required and is set using the svgName prop.
+ * Button text is optional and can be set using props.children.
+ */
+export declare function IconButton(props: React.PropsWithChildren<IconButtonProps>): React.ReactElement;
+export {};

package/dist/libs/shared/src/components/lazy-image/LazyImage.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface LazyImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    forceLoad?: boolean;
+}
+export declare function LazyImage({ forceLoad, ...propsWithSrc }: LazyImageProps): React.ReactElement;
+export {};

package/dist/libs/shared/src/components/mask/Mask.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare enum MaskType {
+    Video = 0,
+    Playlist = 1
+}
+interface MaskProps {
+    type: MaskType;
+}
+export declare function Mask(props: MaskProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/pagination/Pagination.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { Core } from "../../../../common/src/backbone";
+import { Cursors } from "../../../../common/src/backbone/interfaces";
+interface CursorPaginationProps {
+    cursors: Cursors;
+    appLink: Core.AppLink;
+    className?: string;
+}
+export declare function Pagination({ appLink, cursors, className }: CursorPaginationProps): JSX.Element;
+export declare namespace Pagination {
+    var defaultProps: {
+        className: string;
+    };
+}
+interface LocalPaginationProps {
+    onClickNext: () => void;
+    onClickBack: () => void;
+    currentPage: number;
+    totalPages: number;
+    className?: string;
+}
+export declare function LocalPagination(props: LocalPaginationProps): JSX.Element;
+export declare namespace LocalPagination {
+    var defaultProps: {
+        className: string;
+    };
+}
+export {};

package/dist/libs/shared/src/components/popup/PopupButtons.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ButtonProps } from 'react-bootstrap';
+export interface PopupButton extends ButtonProps {
+    className?: string;
+    onClick: () => void;
+    buttonText: string;
+    isSpinnerButton?: boolean;
+    showSpinner?: boolean;
+}
+interface PopupButtonsProps {
+    buttons: PopupButton[];
+}
+export declare function PopupButtons({ buttons }: PopupButtonsProps): React.ReactElement;
+export {};