@24i/bigscreen-sdk 1.0.0 → 1.0.1-alpha.2074

package/packages/focus/src/__test__/safeFocus.spec.tsx

@@ -1,41 +0,0 @@
-import { createRef } from '@24i/bigscreen-sdk/jsx';
-import { shallow } from '@24i/bigscreen-sdk/jsx/test-utils';
-import { safeFocus } from '../safeFocus';
-
-describe('safeFocus', () => {
-    const wrapperElement = createRef<HTMLDivElement>();
-    const element1 = createRef<HTMLDivElement>();
-    const element2 = createRef<HTMLDivElement>();
-    const testSafeFocus = safeFocus(wrapperElement);
-
-    shallow(
-        <div>
-            <div ref={wrapperElement} tabIndex={0}>
-                <div ref={element1} tabIndex={0} />
-            </div>
-            <div ref={element2} tabIndex={0} />
-        </div>,
-    );
-
-    it('should focus element when activeElement is inside of the wrapperElement', () => {
-        wrapperElement.current!.focus();
-        testSafeFocus(element1.current!);
-        expect(document.activeElement === element1.current!).toBeTruthy();
-        testSafeFocus(wrapperElement.current!);
-        expect(document.activeElement === wrapperElement.current!).toBeTruthy();
-    });
-
-    it('should focus element when activeElement is body', () => {
-        document.body.focus();
-        testSafeFocus(element1.current!);
-        expect(document.activeElement === element1.current!).toBeTruthy();
-    });
-
-    it('should not focus element when activeElement is outside of the wrapperElement', () => {
-        element2.current!.focus();
-        testSafeFocus(element1.current!);
-        expect(document.activeElement === element1.current!).toBeFalsy();
-        testSafeFocus(wrapperElement.current!);
-        expect(document.activeElement === wrapperElement.current!).toBeFalsy();
-    });
-});

package/packages/grid/src/Base/Base.mouse.tsx

@@ -1,24 +0,0 @@
-import { createRef, forwardRef, Reference } from '@24i/bigscreen-sdk/jsx';
-import { MouseNavigation } from '@24i/bigscreen-sdk/mouse-navigation';
-import { GridBase as Base, Props as GridProps } from './Base';
-import { Item } from '../types';
-
-export const GridBase = forwardRef(<T extends Item<U>, U>(props: GridProps<T, U>,
-    gridRef: Reference<Base<T, U>>,
-) => {
-    const direction = props.horizontal ? 'horizontal' : 'vertical';
-    const mrcuRef = createRef<MouseNavigation>();
-    return (
-        <MouseNavigation
-            ref={mrcuRef}
-            getMountingPoint={() => gridRef.current!.scroller.current!.wrapRef}
-            direction={direction}
-            forward={props.mrcuForward || props.forwardGroup}
-            backward={props.mrcuBackward || props.backwardGroup}
-            shouldShowMrcuForward={props.shouldShowMrcuForward}
-            shouldShowMrcuBackward={props.shouldShowMrcuBackward}
-        >
-            <Base {...props} ref={gridRef} mrcuRef={mrcuRef} />
-        </MouseNavigation>
-    );
-});

package/packages/grid/src/Base/index.tizen.tv.ts

@@ -1 +0,0 @@
-export { GridBase } from './Base.mouse';

package/packages/grid/src/Base/index.webos.tv.ts

@@ -1 +0,0 @@
-export { GridBase } from './Base.mouse';

package/packages/grid/src/Base/index.webtv.ts

@@ -1 +0,0 @@
-export { GridBase } from './Base.mouse';

package/packages/list/src/Base/Base.mouse.tsx

@@ -1,28 +0,0 @@
-import { createRef, forwardRef, Reference } from '@24i/bigscreen-sdk/jsx';
-import { MouseNavigation } from '@24i/bigscreen-sdk/mouse-navigation';
-import { ListBase as Base, Props as ListProps } from './Base';
-import { Item } from '../types';
-
-export const ListBase = forwardRef(<T extends Item<U>, U>(props: ListProps<T, U>,
-    listRef: Reference<Base<T, U>>,
-) => {
-    const direction = props.horizontal ? 'horizontal' : 'vertical';
-    const mrcuRef = createRef<MouseNavigation>();
-    return (
-        <MouseNavigation
-            getMountingPoint={() => listRef.current!.scroller.current!.wrapRef}
-            direction={direction}
-            forward={props.mrcuForward || props.forward}
-            backward={props.mrcuBackward || props.backward}
-            shouldShowMrcuForward={props.shouldShowMrcuForward}
-            shouldShowMrcuBackward={props.shouldShowMrcuBackward}
-            ref={mrcuRef}
-        >
-            <Base
-                {...props}
-                mrcuRef={mrcuRef}
-                ref={listRef}
-            />
-        </MouseNavigation>
-    );
-});

package/packages/list/src/Base/index.tizen.tv.ts

@@ -1 +0,0 @@
-export { ListBase } from './Base.mouse';

package/packages/list/src/Base/index.webos.tv.ts

@@ -1 +0,0 @@
-export { ListBase } from './Base.mouse';

package/packages/list/src/Base/index.webtv.ts

@@ -1 +0,0 @@
-export { ListBase } from './Base.mouse';

package/packages/mouse-navigation/src/__test__/MouseElementWrapper.spec.tsx

@@ -1,61 +0,0 @@
-import { createRef } from '@24i/bigscreen-sdk/jsx';
-import { getKeyMap } from '@24i/bigscreen-sdk/device';
-import { MountedComponent, shallow, keydown } from '@24i/bigscreen-sdk/jsx/test-utils';
-import { MouseElementWrapper } from '../MouseElementWrapper';
-import { MouseNavigationInterface } from '../MouseNavigationInterface';
-
-describe('MouseElementWrapper', () => {
-    const mPointRef = createRef<HTMLDivElement>();
-    let root: MountedComponent<HTMLDivElement>;
-    let nav: MountedComponent<MouseElementWrapper>;
-
-    beforeEach(() => {
-        jest.clearAllMocks();
-        root = shallow(<div className="mounting-point" ref={mPointRef} />);
-        nav = shallow(
-            <>
-                <MouseElementWrapper
-                    getMountingPoint={() => mPointRef}
-                >
-                    <div className="test-child" />
-                </MouseElementWrapper>
-            </>,
-        );
-    });
-
-    afterEach(() => {
-        nav.unmount();
-        root.unmount();
-    });
-
-    it('should not render child immediately', () => {
-        expect(root.find('.test-child')).toBe(null);
-    });
-
-    it('should handle key event correctly', () => {
-
-        const event = new MouseEvent('mousemove', {});
-        document.dispatchEvent(event);
-
-        expect(root.find('.mounting-point').firstElementChild)
-            .toBe(nav.ref().domRef.current);
-
-        keydown(document, getKeyMap().UP!);
-        expect(root.find('.mounting-point').firstElementChild).toBe(null);
-    });
-
-    it('should handle interface request to hide', () => {
-        const event = new MouseEvent('mousemove', {});
-        document.dispatchEvent(event);
-
-        expect(root.find('.mounting-point').firstElementChild)
-            .toBe(nav.ref().domRef.current);
-
-        MouseNavigationInterface.hide();
-        expect(root.find('.mounting-point').firstElementChild).toBe(null);
-
-        MouseNavigationInterface.show();
-        expect(root.find('.mounting-point').firstElementChild)
-            .toBe(nav.ref().domRef.current);
-    });
-});

package/packages/mouse-navigation/src/__test__/MouseNavigation.spec.tsx

@@ -1,107 +0,0 @@
-import { createRef } from '@24i/bigscreen-sdk/jsx';
-import { getKeyMap } from '@24i/bigscreen-sdk/device';
-import { MountedComponent, shallow, keydown } from '@24i/bigscreen-sdk/jsx/test-utils';
-import { MouseNavigation } from '../MouseNavigation';
-import { MouseNavigationInterface } from '../MouseNavigationInterface';
-
-const forwardMock = jest.fn();
-const backwardMock = jest.fn();
-const showForwardMock = jest.fn(() => true);
-const showBackwardMock = jest.fn(() => true);
-
-describe('MouseNavigation', () => {
-    const mPointRef = createRef<HTMLDivElement>();
-    let nav: MountedComponent<MouseNavigation>;
-
-    beforeEach(() => {
-        nav = shallow(
-            <MouseNavigation
-                getMountingPoint={() => mPointRef}
-                direction="vertical"
-                forward={forwardMock}
-                backward={backwardMock}
-                shouldShowMrcuForward={showForwardMock}
-                shouldShowMrcuBackward={showBackwardMock}
-            >
-                <>
-                    <div className="test-child" />
-                    <div className="mounting-point" ref={mPointRef} />
-                </>
-            </MouseNavigation>,
-        );
-    });
-
-    afterEach(() => {
-        nav.unmount();
-    });
-
-    it('should handle key event correctly', () => {
-
-        const event = new MouseEvent('mousemove', {});
-        document.dispatchEvent(event);
-
-        expect(nav.find('.mounting-point').firstElementChild)
-            .toBe(nav.ref().arrows.current?.domRef.current);
-
-        keydown(document, getKeyMap().UP!);
-
-        expect(nav.find('.mounting-point').firstElementChild).toBe(null);
-    });
-
-    it('should render child', () => {
-        expect(nav.find('.test-child').className).not.toBe(null);
-    });
-
-    it('should return correct mapped direction', () => {
-        expect(nav.ref().mapDirectionToProps('horizontal').horizontal).toBe(true);
-        expect(nav.ref().mapDirectionToProps('vertical').vertical).toBe(true);
-    });
-
-    it('should handle interface request to hide', () => {
-        const event = new MouseEvent('mousemove', {});
-        document.dispatchEvent(event);
-
-        expect(nav.find('.mounting-point').firstElementChild)
-            .toBe(nav.ref().arrows.current?.domRef.current);
-
-        MouseNavigationInterface.hide();
-
-        expect(nav.find('.mounting-point').firstElementChild).toBe(null);
-
-        MouseNavigationInterface.show();
-
-        expect(nav.find('.mounting-point').firstElementChild)
-            .toBe(nav.ref().arrows.current?.domRef.current);
-    });
-
-    it('should propagate forward and backward', () => {
-        nav.ref().handleArrowState = jest.fn();
-        nav.ref().forward();
-        nav.ref().backward();
-
-        expect(forwardMock).toHaveBeenCalledTimes(1);
-        expect(backwardMock).toHaveBeenCalledTimes(1);
-        expect(nav.ref().handleArrowState).toHaveBeenCalledTimes(2);
-    });
-
-    it('should show/hide arrows as reported', () => {
-        nav.ref().arrows = {
-            current: {
-                enableArrow: jest.fn(),
-                disableArrow: jest.fn(),
-            },
-        } as any;
-
-        nav.ref().handleArrowState();
-        expect(nav.ref().arrows.current?.enableArrow).toHaveBeenNthCalledWith(1, 'down');
-        expect(nav.ref().arrows.current?.enableArrow).toHaveBeenNthCalledWith(2, 'up');
-        expect(nav.ref().arrows.current?.enableArrow).toHaveBeenCalledTimes(2);
-
-        showForwardMock.mockImplementationOnce(() => false);
-        showBackwardMock.mockImplementationOnce(() => false);
-        nav.ref().handleArrowState();
-        expect(nav.ref().arrows.current?.disableArrow).toHaveBeenNthCalledWith(1, 'down');
-        expect(nav.ref().arrows.current?.disableArrow).toHaveBeenNthCalledWith(2, 'up');
-        expect(nav.ref().arrows.current?.disableArrow).toHaveBeenCalledTimes(2);
-    });
-});