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

package/dist/{apps/content-updates/flight-requests/ContentUpdatesRequests.d.ts → libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.d.ts}

@@ -1,5 +1,5 @@
-import { Flight } from '@clickview/common';
-import { Video } from '@clickview/shared';
+import { Flight } from "../../../../../common/src/react";
+import { Video } from "../../../interfaces";
 export declare const ContentUpdateRequests: {
     getContentUpdates(from: string, to: string): Flight.Request;
     getClassifications(ids: string[]): Flight.Request;

package/dist/{apps → libs/shared/src/apps}/content-updates/interfaces/ClassificationVideosGrouping.d.ts

@@ -1,4 +1,4 @@
-import { VideoClassificationMapping, Reason } from 'apps/content-updates/interfaces';
+import { VideoClassificationMapping, Reason } from "./";
 export interface ClassificationVideosGrouping {
     classificationId: string;
     videos: VideoClassificationMapping[];

package/dist/libs/shared/src/apps/content-updates/interfaces/ContentUpdate.d.ts

@@ -0,0 +1,7 @@
+import { VideoWithClassification } from "./";
+import { Classification } from "../../../interfaces";
+export interface ContentUpdate {
+    classification: Classification;
+    videos: VideoWithClassification[];
+    showMore: boolean;
+}

package/dist/{apps → libs/shared/src/apps}/content-updates/interfaces/ContentUpdateAppLinks.d.ts

@@ -1,5 +1,5 @@
-import { Video, Series, Classification } from '@clickview/shared';
-import { Core } from '@clickview/common';
+import { Core } from "../../../../../common/src/backbone";
+import { Video, Classification, Series } from "../../../interfaces";
 export interface ContentUpdateAppLinks {
     getVideoAppLink: (video: Video) => Core.AppLink;
     getSeriesAppLink: (series: Series) => Core.AppLink;

package/dist/{apps → libs/shared/src/apps}/content-updates/interfaces/Reason.d.ts

@@ -1,4 +1,4 @@
-import { HashObject } from '@clickview/common';
+import { HashObject } from "../../../../../common/src/react/interfaces/HashObject";
 export interface Reason {
     activityType: string;
     details: string;

package/dist/{apps → libs/shared/src/apps}/content-updates/interfaces/VideoClassificationMapping.d.ts

@@ -1,4 +1,5 @@
+import { Video } from "../../../interfaces";
 export interface VideoClassificationMapping {
     classificationId: string;
-    videoId: string;
+    video: Video;
 }

package/dist/{apps → libs/shared/src/apps}/content-updates/interfaces/VideoWithClassification.d.ts

@@ -1,4 +1,4 @@
-import { Classification, Video } from '@clickview/shared';
+import { Video, Classification } from "../../../interfaces";
 export interface VideoWithClassification extends Video {
     classification: Classification;
 }

package/dist/{apps → libs/shared/src/apps}/content-updates/interfaces/index.d.ts

@@ -1,6 +1,5 @@
 export * from './ContentUpdate';
 export * from './ContentUpdateAppLinks';
-export * from './VideoWithClassification';
 export * from './Reason';
 export * from './VideoClassificationMapping';
 export * from './VideoWithClassification';

package/dist/libs/shared/src/apps/notifications/enums/NotificationType.d.ts

@@ -0,0 +1,16 @@
+export declare enum NotificationType {
+    ExchangeVideoAvailable = "exchange-video-available",
+    WorkspaceVideoAvailable = "workspace-video-available",
+    Marketing = "marketing",
+    EditedVideoAvailable = "edited-video-available",
+    VideoRequestAvailable = "pay-tv-video-available",
+    VideoRequestDenied = "pay-tv-video-denied",
+    VideoReviewReminder = "term-update-review-reminder",
+    VideoReviewAddedToLibrary = "term-update-review-videos-added-to-library",
+    CustomLibraryVideoAvailable = "custom-library-video-available",
+    VideoProcessingFailed = "video-processing-failed",
+    StaffRequest = "new-staff-request",
+    StaffRequestFulfilled = "staff-request-fulfilment",
+    ChapterMergeSuccess = "media-concatenate-success",
+    SuggestEdit = "suggest-an-edit"
+}

package/dist/libs/shared/src/apps/playlists/components/empty-state/EmptyPlaylistList.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function EmptyPlaylistList(): React.ReactElement;

package/dist/libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+interface PartialPlaylistListProps {
+    numItems?: number;
+    itemClassName?: string;
+    showHeading?: boolean;
+}
+export declare function PartialPlaylistList(props: PartialPlaylistListProps): JSX.Element;
+export declare namespace PartialPlaylistList {
+    var defaultProps: {
+        numItems: number;
+    };
+}
+export {};

package/dist/libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Core } from "../../../../../../common/src/backbone";
+import { Playlist, PresentationAudience } from "../../../../interfaces";
+interface PlaylistItemProps {
+    data: Playlist;
+    appLink: Core.AppLink;
+    presentationAudiences: PresentationAudience[];
+    className?: string;
+    showCount?: boolean;
+}
+export declare function PlaylistItem(props: PlaylistItemProps): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Core } from "../../../../../../common/src/backbone";
+import { Playlist, PresentationAudience } from "../../../../interfaces";
+interface PlaylistListProps {
+    playlists: Playlist[];
+    getPlaylistAppLink: (playlist: Playlist) => Core.AppLink;
+    presentationAudiences: PresentationAudience[];
+    itemClassName?: string;
+    showCount?: boolean;
+}
+export declare function PlaylistList(props: PlaylistListProps): JSX.Element;
+export {};

package/dist/libs/shared/src/apps/playlists/components/playlist-list/index.d.ts

@@ -0,0 +1,3 @@
+export * from './PartialPlaylistList';
+export * from './PlaylistList';
+export * from './PlaylistItem';

package/dist/libs/shared/src/apps/playlists/hooks/UseHandlePlaylistError.d.ts

@@ -0,0 +1,9 @@
+import { Core } from "../../../../../common/src/backbone";
+import { Flight } from "../../../../../common/src/react";
+import { Playlist } from "../../../interfaces";
+interface ErrorAppLinks {
+    forbidden?: Core.AppLink;
+    notFound?: Core.AppLink;
+}
+export declare function useHandlePlaylistError(response: Flight.Response<Playlist>, appLinks?: ErrorAppLinks): void;
+export {};

package/dist/libs/shared/src/apps/playlists/interfaces/data-requests/CreateOrUpdatePlaylistRequest.d.ts

@@ -0,0 +1,7 @@
+import { Cover, Banner } from "../../../../interfaces";
+export interface CreateOrUpdatePlaylistRequest {
+    name: string;
+    description?: string;
+    cover?: Cover;
+    banner?: Banner;
+}

package/dist/{apps/playlists/interfaces → libs/shared/src/apps/playlists/interfaces/identifiers}/PlaylistCollectionIdentifier.d.ts

@@ -1,5 +1,5 @@
-import { BaseCollectionIdentifier } from '@clickview/common';
-import { PlaylistSortType } from 'apps/playlists/enums';
+import { BaseCollectionIdentifier } from "../../../../../../common/src/backbone/interfaces";
+import { PlaylistSortType } from "../../enums/PlaylistSortType";
 export declare class PlaylistCollectionIdentifier extends BaseCollectionIdentifier<PlaylistSortType> {
     constructor(sort?: PlaylistSortType, cursor?: string);
 }

package/dist/{apps/playlists/interfaces → libs/shared/src/apps/playlists/interfaces/identifiers}/PlaylistVideoCollectionIdentifier.d.ts

@@ -1,4 +1,4 @@
-import { BaseCollectionIdentifier } from '@clickview/common';
+import { BaseCollectionIdentifier } from "../../../../../../common/src/backbone/interfaces";
 export declare class PlaylistVideoCollectionIdentifier extends BaseCollectionIdentifier {
     constructor(id: string, cursor?: string);
 }

package/dist/{apps/playlists/interfaces → libs/shared/src/apps/playlists/interfaces/identifiers}/index.d.ts

@@ -1,4 +1,2 @@
-export * from './data-requests';
-export * from './models';
 export * from './PlaylistCollectionIdentifier';
 export * from './PlaylistVideoCollectionIdentifier';

package/dist/libs/shared/src/apps/playlists/interfaces/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data-requests';
+export * from './identifiers';

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

@@ -1,4 +1,4 @@
-import { PlaylistSortType } from 'apps/playlists/enums';
+import { PlaylistSortType } from "../enums/PlaylistSortType";
 export declare const PlaylistSortHelper: {
     getFilterFromSort(sort: PlaylistSortType): string;
     getSortTypeFromName(sortName: string): PlaylistSortType;

package/dist/{apps/playlists/flight-requests → libs/shared/src/apps/playlists}/utils/PlaylistStateUpdateHelper.d.ts

@@ -1,5 +1,5 @@
-import { HashObject } from '@clickview/common';
-import { CreateOrUpdatePlaylistRequest } from 'apps/playlists/interfaces';
+import { HashObject } from "../../../../../common/src/react/interfaces/HashObject";
+import { CreateOrUpdatePlaylistRequest } from "../interfaces";
 declare type StateMap = {
     [key: string]: HashObject;
 };

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/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/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 {};