@24i/bigscreen-sdk 1.0.52 → 1.0.53-alpha.2837

package/packages/list/src/DoubleList/DoubleListAdapter.ts

@@ -0,0 +1,72 @@
+import { createRef } from '@24i/bigscreen-sdk/jsx';
+import { ListBase } from '../Base';
+import { UnifiedListController } from '../UnifiedListController/UnifiedListController';
+import { RowList, RowType, ROW, Props } from './interface';
+import { Item } from '../types';
+
+/*
+  * DoubleListAdapter class to manage two RowList instances
+*/
+export class DoubleListAdapter<T extends Item<U>, U> {
+    readonly topRowList: RowList<T, U>;
+
+    readonly bottomRowList: RowList<T, U>;
+
+    constructor(props: Props<T, U>) {
+        this.topRowList = new RowList<T, U>(createRef<ListBase<T, U>>(), props);
+        this.bottomRowList = new RowList<T, U>(createRef<ListBase<T, U>>(), props);
+    }
+
+    mount(): void {
+        this.topRowList.controller.componentDidMount();
+        this.bottomRowList.controller.componentDidMount();
+    }
+
+    unmount(): void {
+        this.topRowList.controller.componentWillUnmount();
+        this.bottomRowList.controller.componentWillUnmount();
+    }
+
+    splitData = (data: U[]): { topData: U[]; bottomData: U[] } => {
+        const topData: U[] = [];
+        const bottomData: U[] = [];
+        data.forEach((item, index) => ((index % 2 === 0) ? topData : bottomData).push(item));
+        return { topData, bottomData };
+    };
+
+    appendData(data: U[]): void {
+        const { topData, bottomData } = this.splitData(data);
+        this.topRowList.appendData(topData);
+        this.bottomRowList.appendData(bottomData);
+    }
+
+    getAbsoluteIndex = (row: RowType, columnIndex: number): number => (
+        row === ROW.TOP ? columnIndex * 2 : (columnIndex * 2) + 1
+    );
+
+    prependData(data: U[]): void {
+        const { topData, bottomData } = this.splitData(data);
+        this.topRowList.prependData(topData);
+        this.bottomRowList.prependData(bottomData);
+    }
+
+    getController(row: RowType): UnifiedListController<U> {
+        return row === ROW.TOP ? this.topRowList.controller : this.bottomRowList.controller;
+    }
+
+    getList(row: RowType): RowList<T, U> {
+        return row === ROW.TOP ? this.topRowList : this.bottomRowList;
+    }
+
+    getActiveRow(row: RowType): { controller: UnifiedListController<U>; list: RowList<T, U> } {
+        return row === ROW.TOP
+            ? { controller: this.topRowList.controller, list: this.topRowList }
+            : { controller: this.bottomRowList.controller, list: this.bottomRowList };
+    }
+
+    getInactiveRow(row: RowType): { controller: UnifiedListController<U>; list: RowList<T, U> } {
+        return row === ROW.TOP
+            ? { controller: this.bottomRowList.controller, list: this.bottomRowList }
+            : { controller: this.topRowList.controller, list: this.topRowList };
+    }
+}

package/packages/list/src/DoubleList/config.ts

@@ -0,0 +1,15 @@
+import { AnimationUtils } from '@24i/bigscreen-sdk/animations';
+import { AnimationConfiguration } from '../types';
+import { animate } from '../animate';
+
+export const CONFIG = {
+    defaultAnimation: {
+        normal: {
+            time: 700,
+            easing: AnimationUtils.easeOutQuart,
+        },
+    } as AnimationConfiguration,
+    animate,
+};
+
+export const VISIBLE_ITEMS_OFFSET = 3;

package/packages/list/src/DoubleList/interface.ts

@@ -0,0 +1,82 @@
+import { IFocusable } from '@24i/bigscreen-sdk/focus';
+import { Component } from '@24i/bigscreen-sdk/jsx';
+import { ListBase } from '../Base';
+import { UnifiedListController } from '../UnifiedListController/UnifiedListController';
+import { Item, SharedProps, AnimationConfiguration } from '../types';
+import { CONFIG } from './config';
+
+/**
+ * Constants for row identification
+ */
+export const ROW = {
+    TOP: 'top',
+    BOTTOM: 'bottom',
+} as const;
+
+export type RowType = typeof ROW[keyof typeof ROW];
+
+/*
+ * Constants for horizontal scroll direction
+ */
+export const DIRECTION = {
+    FORWARD: 'forward',
+    BACKWARD: 'backward',
+} as const;
+
+export type DirectionType = typeof DIRECTION[keyof typeof DIRECTION];
+
+export type Props<T extends Item<U>, U> = SharedProps<T, U> & {
+    firstScrollStep: number,
+    animation?: Partial<AnimationConfiguration>,
+    rowClassName?: string,
+};
+
+/**
+ * Interface for DoubleList component
+ */
+export interface DoubleRowList<T extends Item<U>, U>
+    extends IFocusable, Component<SharedProps<T, U>> {
+    appendData(data: U[]): void;
+    prependData(data: U[]): void;
+    scrollTo(index: number, animate?: boolean): void;
+    focus(options?: FocusOptions): void;
+    forward(): boolean;
+    backward(): boolean;
+}
+
+/*
+ * RowList class representing a single row in the DoubleList
+*/
+export class RowList<T extends Item<U>, U> {
+    base: React.RefObject<ListBase<T, U>>;
+
+    props: Props<T, U>;
+
+    controller: UnifiedListController<U>;
+
+    constructor(
+        base: React.RefObject<ListBase<T, U>>,
+        props: Props<T, U>,
+    ) {
+        this.base = base;
+        this.props = props;
+        this.controller = new UnifiedListController<U>(this as any, CONFIG);
+    }
+
+    get current() {
+        return this.base.current;
+    }
+
+    setIndex(index: number): void {
+        if (!this.base.current) return;
+        this.base.current.index = index;
+    }
+
+    appendData(data: U[]): void {
+        this.controller.appendData(data);
+    }
+
+    prependData(data: U[]): void {
+        this.controller.prependData(data);
+    }
+}

package/packages/analytics/src/clients/TwentyFourIQ/mappers/mapAdLoaded.ts

@@ -1,13 +0,0 @@
-import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
-import { Payload, AdLoadedResult } from '../types';
-import { mapBase } from './mapBase';
-
-export const mapAdLoaded = (triggerName: AnalyticsTriggers, payload: Payload): AdLoadedResult => ({
-    ...mapBase(payload),
-    action: triggerName,
-    event_trigger: triggerName,
-    thing_id: payload.assetId || '',
-    attribution_id: payload.attributionId || '',
-    player_advertisment_name: '', // TODO: adPayload?.adName,
-    player_advertisment_position: 0, // TODO: adPayload?.adPosition,
-});

package/packages/analytics/src/clients/TwentyFourIQ/mappers/mapAdSkipped.ts

@@ -1,16 +0,0 @@
-import { AnalyticsTriggers } from '@24i/appstage-shared-analytics';
-import { Payload, AdSkippedResult } from '../types';
-import { mapBase } from './mapBase';
-
-export const mapAdSkipped = (
-    triggerName: AnalyticsTriggers,
-    payload: Payload,
-): AdSkippedResult => ({
-    ...mapBase(payload),
-    action: triggerName,
-    event_trigger: triggerName,
-    thing_id: payload.assetId || '',
-    attribution_id: payload.attributionId || '',
-    player_advertisment_name: '', // TODO: adPayload?.adName,
-    player_advertisment_position: 0, // TODO:  adPayload?.adPosition,
-});

package/packages/driver-tizen/src/types.ts

@@ -1,14 +0,0 @@
-export {
-    ITizen,
-    SystemInfo,
-    TVAudioControl,
-    TVInputDevice,
-    TizenApplication,
-    WebSetting,
-} from './ITizen';
-export {
-    AppCommon,
-    IWebapis,
-    Network,
-    ProductInfo,
-} from './IWebapis';