@byomakase/omakase-react-components 1.2.0-SNAPSHOT.1764842944 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@byomakase/omakase-react-components",
-  "version": "1.2.0-SNAPSHOT.1764842944",
+  "version": "1.2.0",
   "description": "Omakase Player React.js wrapped components",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
@@ -25,7 +25,7 @@
     "vite-plugin-dts": "^4.5.0"
   },
   "peerDependencies": {
-    "@byomakase/omakase-player": "0.23.1-SNAPSHOT.1764065709",
+    "@byomakase/omakase-player": "0.24.0",
     "react": "^18.3.1"
   },
   "dependencies": {

package/dist/packages/react/omakase-react-components/src/components/OmakaseMarkerListComponent/OmakaseMarkerListComponent.d.ts

@@ -1,10 +0,0 @@
-import { MarkerListApi, OmakasePlayer } from '@byomakase/omakase-player';
-import { MarkerListConfig } from '@byomakase/omakase-player/dist/marker-list/marker-list';
-import { default as React } from 'react';
-type OmakaseMarkerListComponentProps = {
-    omakasePlayer: OmakasePlayer;
-    config: MarkerListConfig;
-    onCreateMarkerListCallback?: (markerListApi: MarkerListApi) => void;
-};
-declare const OmakaseMarkerListComponent: React.MemoExoticComponent<({ omakasePlayer, config, onCreateMarkerListCallback, }: OmakaseMarkerListComponentProps) => React.JSX.Element>;
-export default OmakaseMarkerListComponent;

package/dist/packages/react/omakase-react-components/src/components/OmakaseMarkerListComponent/index.d.ts

@@ -1 +0,0 @@
-export { default as OmakaseMarkerListComponent } from './OmakaseMarkerListComponent';

package/dist/packages/react/omakase-react-components/src/components/OmakasePlayerComponent/OmakasePlayerComponent.d.ts

@@ -1,11 +0,0 @@
-import { OmakasePlayer, OmakasePlayerConfig, Video, VideoLoadOptions } from '@byomakase/omakase-player';
-import { default as React } from 'react';
-type OmakasePlayerComponentProps = {
-    videoUrl: string;
-    videoLoadOptions?: VideoLoadOptions;
-    onVideoLoadedCallback?: (omakasePlayer: OmakasePlayer, video: Video) => void;
-    config: Partial<OmakasePlayerConfig>;
-    enableHotkeys?: boolean;
-};
-declare const OmakasePlayerComponent: React.NamedExoticComponent<OmakasePlayerComponentProps>;
-export default OmakasePlayerComponent;

package/dist/packages/react/omakase-react-components/src/components/OmakasePlayerComponent/OmakasePlayerHotKeyHandler.d.ts

@@ -1,5 +0,0 @@
-import { HelpMenuGroup, OmakasePlayer } from '@byomakase/omakase-player';
-export declare class OmakasePlayerHotKeyHandler {
-    static getKeyboardShortcutsHelpMenuGroup(): HelpMenuGroup;
-    static handleKeyboardEvent(event: KeyboardEvent, omakasePlayer: OmakasePlayer): boolean;
-}

package/dist/packages/react/omakase-react-components/src/components/OmakasePlayerComponent/index.d.ts

@@ -1 +0,0 @@
-export { default } from './OmakasePlayerComponent';

package/dist/packages/react/omakase-react-components/src/components/OmakasePlayerTimelineComponent/OmakasePlayerTimelineComponent.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-import { OmakasePlayer, TimelineApi, TimelineConfig, ConfigWithOptionalStyle } from '@byomakase/omakase-player';
-interface OmakasePlayerTimelineComponentProps {
-    omakasePlayer: OmakasePlayer;
-    onTimelineCreatedCallback: (timeline: TimelineApi) => void;
-    timelineConfig: Partial<ConfigWithOptionalStyle<TimelineConfig>>;
-    enableHotKeys?: boolean;
-}
-declare const OmakasePlayerTimelineComponent: React.MemoExoticComponent<({ omakasePlayer, onTimelineCreatedCallback, timelineConfig, enableHotKeys, }: OmakasePlayerTimelineComponentProps) => React.JSX.Element>;
-export default OmakasePlayerTimelineComponent;

package/dist/packages/react/omakase-react-components/src/components/OmakasePlayerTimelineComponent/OmakasePlayerTimelineHotKeyHandler.d.ts

@@ -1,11 +0,0 @@
-import { HelpMenuGroup } from '@byomakase/omakase-player';
-export declare class OmakasePlayerTimelineHotKeyHandler {
-    actionZoomIn?: () => void;
-    actionZoomOut?: () => void;
-    actionResetZoom?: () => void;
-    actionToggleNextAudioTrack?: () => void;
-    actionTogglePreviousAudioTrack?: () => void;
-    actionToggleCti?: () => void;
-    getKeyboardShortcutsHelpMenuGroup(): HelpMenuGroup;
-    handleKeyboardEvent(event: KeyboardEvent): boolean;
-}

package/dist/packages/react/omakase-react-components/src/components/OmakasePlayerTimelineComponent/OmaksePlayerTimelineBuilder.d.ts

@@ -1,23 +0,0 @@
-import { ConfigWithOptionalStyle, LabelLaneConfig, Marker, MarkerLaneConfig, OmakasePlayer, SubtitlesLaneConfig, ThumbnailLaneConfig, TimelineApi, TimelineConfig, TimelineNode } from '@byomakase/omakase-player';
-import { TimelineLaneComponentConfig, TimelineLaneConfigDefaultsExcluded } from '@byomakase/omakase-player/dist/timeline/timeline-lane';
-type NodeConstructionData = {
-    config: TimelineLaneComponentConfig;
-    node: TimelineNode;
-};
-export declare class OmakasePlayerTimelineBuilder {
-    private omakasePlayer;
-    private _lanes;
-    private _markersLaneMap;
-    private _laneNodenMap;
-    constructor(omakasePlayer: OmakasePlayer);
-    addMarkerLane(config: TimelineLaneConfigDefaultsExcluded<MarkerLaneConfig>): void;
-    addMarkers(markerLaneId: string, markers: Marker[]): void;
-    addTimelineNode(laneId: string, nodeConstructionData: NodeConstructionData): void;
-    addThumbnailLane(config: TimelineLaneConfigDefaultsExcluded<ThumbnailLaneConfig>): void;
-    addLabelLane(config: TimelineLaneConfigDefaultsExcluded<LabelLaneConfig>): void;
-    addSubtitlesLane(config: TimelineLaneConfigDefaultsExcluded<SubtitlesLaneConfig>): void;
-    buildAndAttachTimeline(timelineConfig: Partial<ConfigWithOptionalStyle<TimelineConfig>>): void;
-    buildAttachedTimeline(timeline: TimelineApi): void;
-    private _createAndAttachLane;
-}
-export {};

package/dist/packages/react/omakase-react-components/src/components/OmakasePlayerTimelineComponent/index.d.ts

@@ -1,2 +0,0 @@
-export { OmakasePlayerTimelineBuilder } from './OmaksePlayerTimelineBuilder';
-export { default } from './OmakasePlayerTimelineComponent';

package/dist/packages/react/omakase-react-components/src/components/OmakasePlayerTimelineControlsToolbar/OmakaseButton.d.ts

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from '../../icons/icons';
-interface OmakaseButtonProps {
-    Icon: React.ComponentType<IconProps>;
-    width?: number;
-    height?: number;
-    text?: string;
-    onClick: () => void;
-    disabled?: boolean;
-}
-export declare const OmakaseButton: ({ Icon, onClick, width, height, text, disabled, }: OmakaseButtonProps) => React.JSX.Element;
-export {};

package/dist/packages/react/omakase-react-components/src/components/OmakasePlayerTimelineControlsToolbar/OmakasePlayerTimelineControlsToolbar.d.ts

@@ -1,27 +0,0 @@
-import { default as React } from 'react';
-import { Marker, MarkerLane, OmakasePlayer, MarkerListApi, TimelineLaneStyle, PeriodMarkerStyle, TextLabelStyle } from '@byomakase/omakase-player';
-type OmakasePlayerTimelineControlsToolbarProps = {
-    selectedMarker: Marker | undefined;
-    omakasePlayer: OmakasePlayer;
-    markerListApi?: MarkerListApi;
-    segmentationLanes: MarkerLane[];
-    source: MarkerLane | undefined;
-    enableHotKeys?: boolean;
-    constants: OmakasePlayerTimelineControlsToolbarConstants;
-    setSource: React.Dispatch<React.SetStateAction<MarkerLane | undefined>>;
-    setSegmentationLanes: React.Dispatch<React.SetStateAction<MarkerLane[]>>;
-    setSelectedMarker: React.Dispatch<React.SetStateAction<Marker | undefined>>;
-    onMarkerClickCallback: (marker: Marker | undefined) => void;
-};
-export type OmakasePlayerTimelineControlsToolbarConstants = {
-    HIGHLIGHTED_PERIOD_MARKER_STYLE: Partial<PeriodMarkerStyle> & {
-        color: string;
-    };
-    PERIOD_MARKER_STYLE: Partial<PeriodMarkerStyle> & {
-        color: string;
-    };
-    TIMELINE_LANE_STYLE: Partial<TimelineLaneStyle>;
-    MARKER_LANE_TEXT_LABEL_STYLE: Partial<TextLabelStyle>;
-};
-declare const OmakasePlayerTimelineControlsToolbar: ({ selectedMarker, omakasePlayer, markerListApi, enableHotKeys, segmentationLanes, setSegmentationLanes, setSelectedMarker, onMarkerClickCallback, setSource, source, constants, }: OmakasePlayerTimelineControlsToolbarProps) => React.JSX.Element;
-export default OmakasePlayerTimelineControlsToolbar;

package/dist/packages/react/omakase-react-components/src/components/OmakasePlayerTimelineControlsToolbar/OmakasePlayerTimelineControlsToolbarHotKeyHandler.d.ts

@@ -1,17 +0,0 @@
-import { HelpMenuGroup, OmakasePlayer } from '@byomakase/omakase-player';
-export declare class OmakasePlayerTimelineControlsToolbarHotKeyHandler {
-    actionMarkerInOut?: () => void;
-    actionMarkerSplit?: () => void;
-    actionMarkerDelete?: () => void;
-    actionPreviousMarkerToggle?: () => void;
-    actionNextMarkerToggle?: () => void;
-    actionSetMarkerStartToPlayhead?: () => void;
-    actionSetMarkerEndToPlayhead?: () => void;
-    actionSetPlayheadToMarkerStart?: () => void;
-    actionSetPlayheadToMarkerEnd?: () => void;
-    actionRewind3SecondsAndPlayToCurrent?: () => void;
-    actionPlay3SecondsAndRewindToCurrent?: () => void;
-    actionLoopActiveMarker?: () => void;
-    getKeyboardShortcutsHelpMenuGroup(): HelpMenuGroup;
-    handleKeyboardEvent(event: KeyboardEvent, omakasePlayer: OmakasePlayer): boolean;
-}

package/dist/packages/react/omakase-react-components/src/components/OmakasePlayerTimelineControlsToolbar/index.d.ts

@@ -1 +0,0 @@
-export { default } from './OmakasePlayerTimelineControlsToolbar';

package/dist/packages/react/omakase-react-components/src/components/OmakaseTamsPlayerComponent/OmakaseTamsPlayerComponent.d.ts

@@ -1,16 +0,0 @@
-import { OmakasePlayer, OmakasePlayerConfig, Video, VideoLoadOptions } from '@byomakase/omakase-player';
-import { Flow, FlowSegment } from '../../../../../../shared/types/tams';
-import { default as React } from 'react';
-import { MediaInfo } from '../../../../../../shared/types/';
-type OmakaseTamsPlayerComponentProps = {
-    flow: Flow;
-    childFlows: Flow[];
-    flowsSegments: Map<string, FlowSegment[]>;
-    onVideoLoadedCallback?: (omakasePlayer: OmakasePlayer, video: Video, mediaInfo: MediaInfo) => void;
-    config: Partial<OmakasePlayerConfig>;
-    timerange: string;
-    videoLoadOptions?: VideoLoadOptions;
-    enableHotkey?: boolean;
-};
-declare const OmakaseTamsPlayerComponent: React.NamedExoticComponent<OmakaseTamsPlayerComponentProps>;
-export default OmakaseTamsPlayerComponent;

package/dist/packages/react/omakase-react-components/src/components/OmakaseTamsPlayerComponent/index.d.ts

@@ -1 +0,0 @@
-export { default } from './OmakaseTamsPlayerComponent';

package/dist/packages/react/omakase-react-components/src/components/OmakaseTimeRangePicker/OmakaseTimeRangePicker.d.ts

@@ -1,11 +0,0 @@
-import { default as React } from 'react';
-type OmakaseTimerangePickerProps = {
-    timeRange: string;
-    maxTimeRange: string;
-    numberOfSegments: number;
-    segmentSize: number;
-    maxSliderRange: number;
-    onCheckmarkClickCallback: (start: number, end: number) => void;
-};
-declare const OmakaseTimeRangePicker: ({ timeRange, maxTimeRange, numberOfSegments, segmentSize, maxSliderRange, onCheckmarkClickCallback, }: OmakaseTimerangePickerProps) => React.JSX.Element;
-export default OmakaseTimeRangePicker;

package/dist/packages/react/omakase-react-components/src/components/OmakaseTimeRangePicker/index.d.ts

@@ -1 +0,0 @@
-export { default } from './OmakaseTimeRangePicker';

package/dist/packages/react/omakase-react-components/src/components/index.d.ts

@@ -1,7 +0,0 @@
-export { OmakasePlayerTimelineBuilder } from './OmakasePlayerTimelineComponent';
-export { default as OmakasePlayerComponent } from './OmakasePlayerComponent';
-export { default as OmakasePlayerTimelineControlsToolbar } from './OmakasePlayerTimelineControlsToolbar';
-export { default as OmakaseTamsPlayerComponent } from './OmakaseTamsPlayerComponent';
-export { default as OmakasePlayerTimelineComponent } from './OmakasePlayerTimelineComponent';
-export { default as OmakaseTimeRangePicker } from './OmakaseTimeRangePicker';
-export { OmakaseMarkerListComponent } from './OmakaseMarkerListComponent';

package/dist/packages/react/omakase-react-components/src/icons/Back3Icon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const Back3Icon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/DeleteMarkerIcon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const DeleteMarkerIcon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/Forward3Icon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const Forward3Icon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/LeftBracketIcon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const LeftBracketIcon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/LeftDoubleBracketIcon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const LeftDoubleBracketIcon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/LeftMarkerIcon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const LeftMarkerIcon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/PlusIcon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const PlusIcon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/RefreshIcon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const RefreshIcon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/RightBracketIcon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const RightBracketIcon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/RightDoubleBracketIcon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const RightDoubleBracketIcon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/RightMarkerIcon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const RightMarkerIcon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/SplitMarkerIcon.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { IconProps } from './icons';
-export declare const SplitMarkerIcon: ({ width, height }: IconProps) => React.JSX.Element;

package/dist/packages/react/omakase-react-components/src/icons/index.d.ts

@@ -1 +0,0 @@
-export { LeftDoubleBracketIcon } from './LeftDoubleBracketIcon';

package/dist/packages/react/omakase-react-components/src/index.d.ts

@@ -1,5 +0,0 @@
-export { convertFlowIdToSubtitlesId } from '../../../../shared/util/tams-util';
-export * from './components/index';
-export { TimeRangeUtil } from '../../../../shared/util/time-range-util';
-export { TimecodeUtil } from '../../../../shared/util/timecode-util';
-export * from '../../../../shared/types/tams';