@clickview/lite 0.0.17 → 0.0.18-dev.1

package/dist/libs/shared/src/components/forms/form-wrapper/FormWrapper.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { FormikValues, FormikConfig, FormikContextType } from 'formik';
+declare type ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;
+interface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {
+    initialValues: FormValues | ApiValues;
+    onSubmit: (data: FormValues, onDone: () => void) => void;
+    castInitialValues?: boolean;
+    castValuesOnSubmit?: boolean;
+    allowInitialSubmit?: boolean;
+    resetOnSubmit?: boolean;
+}
+export declare function FormWrapper<FormValues extends FormikValues = FormikValues, ApiValues extends FormikValues = FormikValues, ExtraProps = {}>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element;
+export declare namespace FormWrapper {
+    var defaultProps: {
+        castInitialValues: boolean;
+        castValuesOnSubmit: boolean;
+    };
+}
+export declare function useFormikContextWrapper<T>(): FormikContextType<T>;
+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/infinite-scroll-footer/InfiniteScrollFooter.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface InfiniteScrollFooterProps {
+    isFetching: boolean;
+    onClick?: () => void;
+}
+export declare function InfiniteScrollFooter(props: InfiniteScrollFooterProps): 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/Popup.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface PopupProps {
+    title?: string;
+    closeButton?: boolean;
+    closePopup: () => void;
+    onEntered?: () => void;
+    showLoadingSpinner?: boolean;
+}
+export declare function Popup(props: React.PropsWithChildren<PopupProps>): React.ReactElement;
+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 {};

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

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

package/dist/libs/shared/src/components/search-bar/SearchBar.d.ts

@@ -0,0 +1,129 @@
+/// <reference types="react" />
+import * as Autosuggest from 'react-autosuggest';
+import { HashObject } from "../../../../common/src/react/interfaces/HashObject";
+import * as SearchUtils from './SearchUtils';
+export interface SearchBarProps<T extends HashObject> {
+    /**
+     * Callback function for when a suggestion is selected.
+     */
+    onSuggestionSelected: (suggestion: T) => void;
+    /**
+     * Flag to determine if the query should be updated when a
+     * suggestion is selected. Defaults to `true` in `defaultProps`.
+     * If true, SearchUtils.getSuggestionValue is used to update the query.
+     */
+    updateQueryOnSelection?: boolean;
+    /**
+     * Optional callback for when the search query changes.
+     */
+    onQueryChange?: (query: string) => void;
+    /**
+     * Optional callback for when the search is submitted.
+     */
+    onSubmit?: (query: string) => void;
+    /**
+     * Optional callback to get the remote resource if remote search
+     * results are being used.
+     */
+    getRemoteUrl?: (query: string) => string;
+    /**
+     * Optional formatting function for the data returned from the remote resource.
+     */
+    formatRemoteSuggestions?: (data: any) => T[];
+    /**
+     * Optional array of recent searches.
+     */
+    recentSearches?: T[];
+    /**
+     * A label for the recent search section.
+     * A default is provided in the i18n config.
+     */
+    recentSearchHeading?: string;
+    /**
+     * A label for the main suggestions section.
+     * Will not be used if getSections is passed as a prop.
+     */
+    suggestionsHeading?: string;
+    /**
+     * Optional array of local data to be used as suggestion sources.
+     */
+    local?: T[];
+    /**
+     * Optional array of initial suggestions. These suggestions will be available
+     * when no query is present. Entering a query will begin filtering suggestions.
+     * This is useful for using SearchBar to filter a list.
+     */
+    initialSuggestions?: T[];
+    /**
+     * Key used to filter local data. This is required if local is provided,
+     * however a default of 'name' is set in `defaultProps`.
+     */
+    valueKey?: keyof T;
+    /**
+     * Optional function to filter suggestions from local data.
+     * SearchUtils.getLocalSuggestions will be used by default.
+     */
+    getLocalSuggestions?: (query: string, local: T[]) => T[];
+    /**
+     * Optional function for splitting suggestions into sections.
+     * Doesn't apply to recent searches (SuggestionType.Recent).
+     */
+    getSections?: (suggestions: T[]) => SearchUtils.SuggestionSection<T>[];
+    /**
+     * Placeholder for the search input.
+     * A default is provided in the i18n config.
+     */
+    placeholder?: string;
+    /**
+     * The number of characters required to begin providing suggestions.
+     * A default is provided in `defaultProps`.
+     */
+    activationLength?: number;
+    /**
+     * Max number of suggestions to render. A default is set in `defaultProps`.
+     * Set to false to render all suggestions (e.g. for filtering a list in memory).
+     */
+    suggestionLimit?: number | false;
+    /**
+     * Callback function to get the component to be rendered for a suggestion.
+     * SearchUtils.getSuggestionComponent is used a default. This uses
+     * `valueKey` to render text.
+     */
+    getSuggestionComponent?: (suggestion: T) => JSX.Element;
+    /**
+     * If true, suggestions will be rendered, even if the input isn't focussed.
+     */
+    alwaysRenderSuggestions?: boolean;
+    theme?: Autosuggest.Theme;
+    /**
+     * Option to determine whether to render the search icon and if so,
+     * which side to render it on. Defaults to `right` in `defaultProps`
+     */
+    searchIconPlacement?: 'left' | 'right' | false;
+    /**
+     * Flag to determine whether clicking the search icon should trigger
+     * submitting the search query.
+     */
+    submitOnClickSearchIcon?: boolean;
+    /**
+     * Flag to determine whether the search input should be autofocused.
+     */
+    autoFocusInput?: boolean;
+    /**
+     * When true, the input field will be cleared whenever a suggestion is selected.
+     */
+    clearQueryOnSelect?: boolean;
+    onBackspace?: () => void;
+}
+export declare function SearchBar<T extends HashObject>(props: SearchBarProps<T>): JSX.Element;
+export declare namespace SearchBar {
+    var defaultProps: {
+        updateQueryOnSelection: boolean;
+        valueKey: string;
+        activationLength: number;
+        suggestionLimit: number;
+        recentSearches: any[];
+        initialSuggestions: any[];
+        searchIconPlacement: string;
+    };
+}

package/dist/libs/shared/src/components/search-bar/SearchInput.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import * as Autosuggest from 'react-autosuggest';
+interface SearchInputProps {
+    onClickSearchIcon?: () => void;
+    searchIconPlacement?: 'left' | 'right' | false;
+}
+export declare function SearchInput<T extends {}>(props: SearchInputProps & Autosuggest.InputProps<T>): JSX.Element;
+export {};

package/dist/libs/shared/src/components/search-bar/SearchUtils.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import * as Autosuggest from 'react-autosuggest';
+import { HashObject } from "../../../../common/src/react/interfaces/HashObject";
+import { SearchBarProps } from './SearchBar';
+export declare enum SuggestionType {
+    Local = "local",
+    Recent = "recent",
+    Remote = "remote"
+}
+/**
+ * Suggestions grouped as a section
+ */
+export interface SuggestionSection<T extends HashObject> {
+    data: T[];
+    title?: string;
+}
+/**
+ * How suggestion data is stored in state in SearchBar
+ */
+export declare type SuggestionState<T extends HashObject> = {
+    [key in SuggestionType]: T[];
+};
+export declare function getInitialState<T extends HashObject>(initialSuggestions: T[], recentSearches: T[]): SuggestionState<T>;
+export declare function onSuggestionsFetchRequestedHandler<T extends HashObject>(props: SearchBarProps<T>, setSuggestions: React.Dispatch<React.SetStateAction<SuggestionState<T>>>, resetSuggestions: () => void): (params: Autosuggest.SuggestionsFetchRequestedParams) => void;
+export declare function getSuggestionValue<T extends HashObject>(valueKey: keyof T, suggestion: T): string;
+/**
+ * Default suggestion component. Renders text based on valueKey.
+ *
+ * @param valueKey object attribute to be rendered.
+ */
+export declare function getSuggestionComponent<T extends HashObject>(valueKey: keyof T, suggestion: T): JSX.Element;
+/**
+ * Maps the suggestion state into sections.
+ *
+ * @param getSections - an optional function passed in from anything consuming
+ * SearchBar used to break the local and remote suggestions into sections.
+ */
+export declare function getSuggestionSections<T extends HashObject>(suggestionState: SuggestionState<T>, showRecentSearches: boolean, recentSearchHeading: string, suggestionsHeading?: string, getSections?: (suggestions: T[]) => SuggestionSection<T>[], suggestionLimit?: number | false): SuggestionSection<T>[];
+/**
+ * Maps a section into a list of suggestions.
+ */
+export declare function getSectionSuggestions<T extends HashObject>(section: SuggestionSection<T>): T[];
+export declare function renderSectionTitle<T extends HashObject>(section: SuggestionSection<T>): JSX.Element | null;
+export declare function getTheme(theme?: Autosuggest.Theme): Autosuggest.Theme;

package/dist/libs/shared/src/components/series-link/SeriesLink.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Core } from "../../../../common/src/backbone";
+import { Video } from "../../interfaces";
+interface SeriesLinkProps {
+    appLink: Core.AppLink;
+    video: Video;
+    className?: string;
+}
+export declare function SeriesLink(props: SeriesLinkProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/spinner-button/SpinnerButton.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { ButtonProps } from 'react-bootstrap';
+export interface SpinnerButtonProps extends ButtonProps {
+    showSpinner: boolean;
+    onClick?: () => void;
+}
+export declare function SpinnerButton(props: React.PropsWithChildren<SpinnerButtonProps>): React.ReactElement;

package/dist/libs/shared/src/components/svg-container/SvgContainer.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Placement } from 'react-bootstrap/Overlay';
+export declare enum SvgContainerSize {
+    Standard = "std",
+    Small = "sm",
+    Medium = "md",
+    Large = "lg",
+    ExtraLarge = "xlg"
+}
+interface SvgContainerProps {
+    svgName: string;
+    size?: SvgContainerSize;
+    className?: string;
+    tagName?: React.ElementType;
+    onClick?: (...args: any[]) => void;
+    title?: string;
+    tooltipPlacement?: Placement;
+}
+export declare function SvgContainer(props: SvgContainerProps): React.ReactElement;
+export {};

package/dist/libs/shared/src/components/svg-container/SvgContainer2.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { Placement } from 'react-bootstrap/Overlay';
+import { SvgContainerSize } from './SvgContainer';
+interface SvgContainerProps2 {
+    size?: SvgContainerSize;
+    className?: string;
+    tagName?: React.ElementType;
+    onClick?: (...args: any[]) => void;
+    title?: string;
+    tooltipPlacement?: Placement;
+}
+/**
+ * This will eventually become just `SvgContainer` when we get around to converting all of our SVGs
+ * to React components and delete the old `SvgContainer` component
+ */
+export declare function SvgContainer2(props: React.PropsWithChildren<SvgContainerProps2>): React.ReactElement;
+export {};

package/dist/libs/shared/src/components/tags/TagItem.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Tag } from "../../interfaces";
+interface TagItemProps {
+    tag: Tag;
+}
+export declare function TagItem({ tag }: TagItemProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/tags/TagList.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { TagCollection } from "../../interfaces";
+interface TagListProps {
+    tags: TagCollection;
+}
+export declare function TagList({ tags }: TagListProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/text/Text.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+interface LanguageInterpolationOptions {
+    smartCount?: number;
+    [propName: string]: any;
+}
+interface TextProps {
+    phrase: string;
+    namespace?: string;
+    options?: LanguageInterpolationOptions;
+}
+export declare const LanguageNamespaceContext: React.Context<string>;
+export declare const Text: React.NamedExoticComponent<TextProps>;
+export {};

package/dist/libs/shared/src/components/thumbnails/base/BaseThumbnail.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Core } from "../../../../../common/src/backbone";
+import { Image } from "../../../interfaces";
+import { ThumbnailSize } from "../../../enums/ThumbnailSize";
+export declare enum AspectRatio {
+    SixteenByNine = 0,
+    OneByOne = 1,
+    TwoByThree = 2,
+    NineBySixteen = 3
+}
+interface ThumbnailProps {
+    data: Image | string;
+    size?: ThumbnailSize;
+    appLink?: Core.AppLink;
+    aspectRatio?: AspectRatio;
+    className?: string;
+    preload?: boolean;
+}
+export declare function BaseThumbnail(props: React.PropsWithChildren<ThumbnailProps>): React.ReactElement;
+export {};

package/dist/libs/shared/src/components/thumbnails/base/ThumbnailFallback.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export declare enum ThumbnailFallbackType {
+    Video = 0,
+    Playlist = 1,
+    Series = 2,
+    Subject = 3,
+    TallSubject = 4
+}
+export declare enum ThumbnailFallbackMediaType {
+    Svg = 0,
+    Image = 1
+}
+interface ThumbnailFallbackProps {
+    type: ThumbnailFallbackType;
+    mediaType?: ThumbnailFallbackMediaType;
+    extraClasses?: string;
+}
+export declare function ThumbnailFallback(props: ThumbnailFallbackProps): JSX.Element;
+export declare namespace ThumbnailFallback {
+    var defaultProps: {
+        mediaType: ThumbnailFallbackMediaType;
+    };
+}
+export {};

package/dist/libs/shared/src/components/thumbnails/video/VideoThumbnail.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+import { Core } from "../../../../../common/src/backbone";
+import { Video } from "../../../interfaces";
+import { ThumbnailSize } from "../../../enums/ThumbnailSize";
+import { ThumbnailTextPosition } from "../../../enums/ThumbnailTextPosition";
+export interface VideoThumbnailProps {
+    video: Video;
+    size: ThumbnailSize;
+    type: 'expandable' | 'static';
+    textPosition: ThumbnailTextPosition;
+    appLink: Core.AppLink;
+    seriesAppLink?: Core.AppLink;
+    setFavourite?: (videoId: string, shouldFavourite: boolean, onError?: () => void) => void;
+    preload?: boolean;
+    hovering?: boolean;
+}
+export declare function VideoThumbnail(props: VideoThumbnailProps): JSX.Element;

package/dist/libs/shared/src/components/thumbnails/video/expandable/ExpandableVideoThumbnail.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { VideoThumbnailProps } from "../VideoThumbnail";
+export declare function ExpandableVideoThumbnail(props: VideoThumbnailProps): JSX.Element;

package/dist/libs/shared/src/components/thumbnails/video/static/StaticVideoThumbnail.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { VideoThumbnailProps } from "../VideoThumbnail";
+export declare function StaticVideoThumbnail(props: VideoThumbnailProps): JSX.Element;

package/dist/libs/shared/src/components/tooltip/Tooltip.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Placement } from 'react-bootstrap/Overlay';
+declare type TriggerType = 'hover' | 'click' | 'focus';
+interface TooltipProps {
+    title: string;
+    placement?: Placement;
+    trigger?: TriggerType | TriggerType[];
+}
+export declare function Tooltip(props: React.PropsWithChildren<TooltipProps>): React.ReactElement;
+export declare namespace Tooltip {
+    var defaultProps: {
+        trigger: string[];
+        placement: string;
+    };
+}
+export {};

package/dist/libs/shared/src/components/video-list/PartialVideoList.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+interface PartialVideoListProps {
+}
+export declare function PartialVideoList(props: PartialVideoListProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/video-list/VideoItem.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { Core } from "../../../../common/src/backbone";
+import { Video, Series } from "../../interfaces";
+interface VideoItemProps {
+    video: Video;
+    getVideoAppLink: (video: Video) => Core.AppLink;
+    getSeriesAppLink: (series: Series) => Core.AppLink;
+    setFavourite?: (videoId: string, shouldFavourite: boolean, onError?: () => void) => void;
+    idx?: number;
+}
+export declare function VideoItem(props: VideoItemProps): JSX.Element;
+export declare const SortableVideoItem: React.ComponentClass<VideoItemProps & import("react-sortable-hoc").SortableElementProps, any>;
+export {};

package/dist/libs/shared/src/components/video-list/VideoList.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { Core } from "../../../../common/src/backbone";
+import { Cursors } from "../../../../common/src/backbone/interfaces";
+import { Video, Series } from "../../interfaces";
+interface SortableContextProps {
+    isSortable: boolean;
+    currentSortingIndex?: number;
+}
+export declare const SortableContext: React.Context<SortableContextProps>;
+export interface VideoListProps {
+    videos: Video[];
+    getVideoAppLink: (video: Video) => Core.AppLink;
+    getSeriesAppLink: (series: Series) => Core.AppLink;
+    setFavourite?: (videoId: string, shouldFavourite: boolean, onError?: () => void) => void;
+    cursors?: Cursors;
+}
+export declare function VideoList(props: VideoListProps): JSX.Element;
+interface SortableVideoListProps extends VideoListProps {
+    currentSortingIndex?: number;
+}
+export declare const SortableVideoList: React.ComponentClass<SortableVideoListProps & import("react-sortable-hoc").SortableContainerProps, any>;
+export {};

package/dist/libs/shared/src/components/video-list/components/video-item-actions/VideoItemActions.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Video } from "../../../../interfaces";
+interface VideoItemActionsProps {
+    video: Video;
+}
+export declare function VideoItemActions(props: VideoItemActionsProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/video-list/components/video-item-badges/VideoItemBadges.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Video } from "../../../../interfaces";
+interface VideoItemBadgesProps {
+    video: Video;
+}
+export declare function VideoItemBadges(props: VideoItemBadgesProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/video-list/components/video-item-description/UseTruncateText.d.ts

@@ -0,0 +1,9 @@
+import { MutableRefObject } from 'react';
+interface TruncationState<T extends HTMLElement> {
+    ref: MutableRefObject<T>;
+    isExpandable: boolean;
+    isTruncated: boolean;
+    toggleTruncation: () => void;
+}
+export declare function useTruncateText<T extends HTMLElement>(maxHeight: number): TruncationState<T>;
+export {};

package/dist/libs/shared/src/components/video-list/components/video-item-description/VideoItemDescription.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Video } from "../../../../interfaces";
+interface VideoItemDescriptionProps {
+    video: Video;
+    forceTruncate?: boolean;
+}
+export declare function VideoItemDescription(props: VideoItemDescriptionProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/video-list/components/video-item-header/VideoItemHeader.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Core } from "../../../../../../common/src/backbone";
+import { Video } from "../../../../interfaces";
+interface VideoItemHeaderProps {
+    video: Video;
+    appLink: Core.AppLink;
+}
+export declare function VideoItemHeader(props: VideoItemHeaderProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/widgets/banner-widget/BannerWidget.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Core } from "../../../../../common/src/backbone";
+import { Banner } from "../../../interfaces";
+interface BannerWidgetProps {
+    appLink: Core.AppLink;
+    banner: Banner;
+    imageCdnUrl: string;
+    heading?: string;
+}
+export declare function BannerWidget(props: BannerWidgetProps): JSX.Element;
+export {};

package/dist/libs/shared/src/components/widgets/dynamic-widget/DynamicWidget.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Core } from "../../../../../common/src/backbone";
+import { BaseObject } from "../../../interfaces";
+interface DynamicWidgetProps {
+    childAppLink: Core.AppLink;
+    childComponent: React.ElementType;
+    endComponent?: React.ElementType;
+    collection?: BaseObject[];
+    fetch?: (...args: any[]) => any;
+    lazyLoad?: boolean;
+    headingPhraseKey?: 'topics' | 'teach';
+}
+export declare function DynamicWidget(props: DynamicWidgetProps): JSX.Element;
+export declare const PartialDynamicWidget: () => JSX.Element;
+export {};

package/dist/libs/shared/src/components/widgets/dynamic-widget/DynamicWidgetEventHandlers.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { ReducerActions } from "../../../../../common/src/react/interfaces";
+import { WidgetInteraction } from "../../../enums/WidgetInteraction";
+import { SlidingListRefs } from "../../../interfaces/SlidingListRefs";
+import { DynamicWidgetState } from './DynamicWidgetReducer';
+interface WidgetSnapshot extends DynamicWidgetState {
+    initialMouseX: number;
+}
+/**
+ * Resize events
+ */
+export declare const getResizeHandler: (elementRefs: SlidingListRefs, dispatch: import("react").Dispatch<ReducerActions<WidgetInteraction, any>>) => () => void;
+export declare const getResizeEndHandler: (containerRef: import("react").MutableRefObject<HTMLDivElement>) => () => void;
+/**
+ * Touch / Drag start events
+ */
+export declare const getDragHandler: (containerRef: import("react").MutableRefObject<HTMLDivElement>, widgetState: DynamicWidgetState, dispatch: import("react").Dispatch<ReducerActions<WidgetInteraction, any>>, widgetSnapshot: WidgetSnapshot, setWidgetSnapshot: import("react").Dispatch<WidgetSnapshot>) => (event: import("react").DragEvent<HTMLDivElement>) => void;
+export declare const getTouchMoveHandler: (containerRef: import("react").MutableRefObject<HTMLDivElement>, widgetState: DynamicWidgetState, dispatch: import("react").Dispatch<ReducerActions<WidgetInteraction, any>>, widgetSnapshot: WidgetSnapshot, setWidgetSnapshot: import("react").Dispatch<WidgetSnapshot>) => (event: import("react").TouchEvent<HTMLDivElement>) => void;
+/**
+ * Touch / Drag end events
+ */
+export declare const getDragEndHandler: (containerRef: import("react").MutableRefObject<HTMLDivElement>, setWidgetSnapshot: import("react").Dispatch<WidgetSnapshot>) => () => void;
+export declare const getTouchEndHandler: (containerRef: import("react").MutableRefObject<HTMLDivElement>, setWidgetSnapshot: import("react").Dispatch<WidgetSnapshot>) => () => void;
+export {};