@viasoftbr/shared-ui 0.0.1 → 0.0.2

package/dist/components/RemoteModule.d.ts

@@ -0,0 +1,8 @@
+interface RemoteModuleProps {
+    scope: string;
+    url: string;
+    module: string;
+    fallback?: React.ReactNode;
+}
+export declare function RemoteModule({ scope, url, module, fallback }: RemoteModuleProps): import("react/jsx-runtime").JSX.Element;
+export default RemoteModule;

package/dist/components/display/Accordion.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface AccordionProps {
+    title: string;
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+}
+declare const Accordion: React.FC<AccordionProps>;
+export default Accordion;

package/dist/components/display/Section.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export type SectionId = string;
+interface SectionProps {
+    id: SectionId;
+    title: string;
+    icon: React.ReactNode;
+    expanded: boolean;
+    onToggle: (section: SectionId) => void;
+    children: React.ReactNode;
+    readonly?: boolean;
+    loading?: boolean;
+}
+export interface SectionContextType {
+    readonly: boolean;
+}
+export declare const SectionContext: React.Context<SectionContextType | undefined>;
+export declare function useSection(): SectionContextType;
+declare const Section: React.FC<SectionProps>;
+export default Section;

package/dist/components/display/Skeleton.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface SkeletonProps {
+    count?: number;
+    height?: string;
+    className?: string;
+    circle?: boolean;
+    fullWidth?: boolean;
+}
+export declare const SkeletonLine: React.FC<SkeletonProps>;
+interface SkeletonBlockProps {
+    lines?: number;
+    className?: string;
+}
+export declare const SkeletonBlock: React.FC<SkeletonBlockProps>;
+interface SkeletonTableProps {
+    rows?: number;
+    columns?: number;
+    className?: string;
+}
+export declare const SkeletonTable: React.FC<SkeletonTableProps>;
+export default SkeletonBlock;

package/dist/components/display/index.d.ts

@@ -0,0 +1,4 @@
+import Accordion from "./Accordion";
+import Section from "./Section";
+import SkeletonBlock, { SkeletonLine, SkeletonTable } from "./Skeleton";
+export { Accordion, Section, SkeletonBlock, SkeletonLine, SkeletonTable };

package/dist/components/encoder/DvB.d.ts

@@ -0,0 +1,53 @@
+import { ProtocolSettings } from '../../types/protocol';
+import { AudioSettings } from '../../components/groups/AudioGroup';
+export interface EncoderDvBSettings extends AudioSettings {
+    engine: 'cpu' | 'gpu';
+    low_latency: boolean;
+    video_connection: string;
+    video_format: string;
+    audio_connection: string;
+    video_codec: 'mpeg2' | 'h264' | 'hevc';
+    resize: string;
+    deinterlace: string;
+    clk_src_audio: string;
+    clk_src_video: string;
+    fec_columns?: string;
+    fec_rows?: string;
+    srt_stream_id?: string;
+    srt_latency?: string;
+    ts_bitrate: string;
+    video_bitrate: string;
+    video_buffer_size: string;
+    video_nr: string;
+    video_profile: string;
+    video_level: string;
+    video_preset: string;
+    gop_size: string;
+    bframes: string;
+    refs: string;
+    b_pyramid: boolean;
+    weightp: boolean;
+    cabac: boolean;
+    video_pid: string;
+    audio1_pid: string;
+    audio1_pair: string;
+    audio1_gain: string;
+    cc_pid: string;
+    ts_id: string;
+    program_num: string;
+    pmt_pid: string;
+    pcr_pid: string;
+    pcr_interval: string;
+    service_name: string;
+    provider_name: string;
+    protocol: ProtocolSettings;
+}
+export declare const defaultDvBSettings: EncoderDvBSettings;
+declare const DvB: import("react").ForwardRefExoticComponent<{
+    settings?: EncoderDvBSettings;
+    setSettings?: (s: EncoderDvBSettings) => void;
+    encoderId?: number;
+    isLoading?: boolean;
+    setIsLoading?: (loading: boolean) => void;
+} & import("react").RefAttributes<unknown>>;
+export default DvB;

package/dist/components/encoder/Livecast.d.ts

@@ -0,0 +1,37 @@
+import { AudioSettings } from '../../components/groups/AudioGroup';
+import { ProtocolSettings } from '../../types/protocol';
+export interface EncoderLivecastSettings extends AudioSettings {
+    service_label: string;
+    video_connection: string;
+    video_connection_auto: boolean;
+    no_locked_mode: 'black' | 'colorbar';
+    video_format: string;
+    video_format_auto: boolean;
+    input_video_filter: string;
+    resize_video: string;
+    video_fps: string;
+    enable_preview_web: boolean;
+    enable_preview_lcd: boolean;
+    enable_preview_hdmi: boolean;
+    video_codec: 'mpeg2' | 'h264' | 'hevc' | 'hevc_qsv';
+    video_bitrate: string;
+    enable_abr: boolean;
+    video_keyint: string;
+    input_audio_filter: string;
+    rec_stream: boolean;
+    rec_profile: string;
+    send_stream: boolean;
+    send_protocol: 'mhv2' | 'mhv1' | 'rtmp';
+    send_ip: string;
+    send_port: number;
+    protocol: ProtocolSettings;
+}
+export declare const defaultLivecastSettings: EncoderLivecastSettings;
+declare const Livecast: import("react").ForwardRefExoticComponent<{
+    settings?: EncoderLivecastSettings;
+    setSettings?: (s: EncoderLivecastSettings) => void;
+    encoderId?: number;
+    isLoading?: boolean;
+    setIsLoading?: (loading: boolean) => void;
+} & import("react").RefAttributes<unknown>>;
+export default Livecast;

package/dist/components/encoder/ViewLog.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+declare const ViewLog: React.FC<{
+    encoder: boolean[];
+}>;
+export default ViewLog;

package/dist/components/encoder/index.d.ts

@@ -0,0 +1,4 @@
+import DvB from "./DvB";
+import Livecast from "./Livecast";
+import ViewLog from "./ViewLog";
+export { DvB, Livecast, ViewLog, };

package/dist/components/general/Copy2Clipboard.d.ts

@@ -0,0 +1,4 @@
+declare const Copy2Clipboard: React.FC<{
+    content: string;
+}>;
+export default Copy2Clipboard;

package/dist/components/general/GridSelectionModal.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+export type GridSize = 'full' | '2x2' | '3x3';
+export type CellFull = 'cropped' | 'top';
+export type Cell2x2 = '1' | '2' | '3' | '4';
+export type Cell3x3 = 'main' | '3' | '6' | '7' | '8' | '9';
+export type CellType = CellFull | Cell2x2 | Cell3x3;
+export interface GridSettings {
+    gridSize: GridSize;
+    selectedCell: CellType;
+}
+export type GridMode = 'lcd' | 'hdmi';
+export declare const valueToGridSettings: Record<string, GridSettings>;
+export declare const gridSettingsToValue: (settings: GridSettings) => string;
+export declare const getGridLabel: (value: string) => string;
+interface GridSelectionModalProps {
+    open: boolean;
+    onClose: () => void;
+    value: string;
+    onSave: (value: string) => void;
+    mode?: GridMode;
+    title?: string;
+}
+declare const GridSelectionModal: React.FC<GridSelectionModalProps>;
+export default GridSelectionModal;

package/dist/components/general/Modal.d.ts

@@ -0,0 +1,17 @@
+import { JSX } from 'react';
+interface ModalProps {
+    open: boolean;
+    setOpen: (value: boolean) => void;
+    title: string;
+    message?: string;
+    icon?: JSX.Element;
+    actionColor?: string;
+    element?: JSX.Element;
+    positiveLabel?: string;
+    negativeLabel?: string;
+    positiveCommand?: () => void;
+    negativeCommand?: () => void;
+    enableToClose?: boolean;
+}
+declare const Modal: React.FC<ModalProps>;
+export default Modal;

package/dist/components/general/Validation.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const ValidationItem: React.FC<{
+    isValid: boolean;
+    text: string;
+}>;
+export default ValidationItem;

package/dist/components/general/index.d.ts

@@ -0,0 +1,5 @@
+import Copy2Clipboard from "./Copy2Clipboard";
+import GridSelectionModal, { getGridLabel } from "./GridSelectionModal";
+import Modal from "./Modal";
+import ValidationItem from "./Validation";
+export { Copy2Clipboard, getGridLabel, GridSelectionModal, Modal, ValidationItem, };

package/dist/components/groups/AudioGroup.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+export interface AudioSettings {
+    audioSource?: string;
+    audioCodec?: string;
+    audioBitrate?: string;
+    audioSampleRate?: string;
+    audioChannels?: string;
+    bitrate?: string;
+    channels?: string;
+    codec?: string;
+    samplerate?: string;
+    volume?: number;
+    pid?: string;
+    enablePreview?: boolean;
+    selectedInput?: string;
+}
+interface AudioGroupProps {
+    expanded: boolean;
+    onToggle: (id: string) => void;
+    settings: any;
+    setSettings: (settings: any) => void;
+    loading?: boolean;
+    children?: React.ReactNode;
+}
+declare const AudioGroup: React.FC<AudioGroupProps>;
+export default AudioGroup;

package/dist/components/groups/FilterGroup.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const FilterGroup: React.FC<GroupProps>;
+export default FilterGroup;

package/dist/components/groups/Middleware/Auth.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface AuthSettings {
+    authEnabled: boolean;
+    operatorLogin: string;
+    operatorPassword: string;
+    journalistLogin: string;
+    journalistPassword: string;
+}
+interface MiddlewareAuthGroupProps extends GroupProps {
+    settings: AuthSettings;
+    onChange: (key: keyof AuthSettings, value: any) => void;
+}
+declare const MiddlewareAuthGroup: React.FC<MiddlewareAuthGroupProps>;
+export default MiddlewareAuthGroup;

package/dist/components/groups/Middleware/Channels.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+interface ChannelMirror {
+    enable: boolean;
+    host: string;
+    port: string;
+    remoteChannel: string;
+}
+interface Channel {
+    key: number;
+    label: string;
+    enabled: boolean;
+    filesPath: string;
+    pgmPath: string;
+    pgmPort: string;
+    host: string;
+    port: string;
+    fsWatcherPort: string;
+    mirror: ChannelMirror;
+}
+interface MiddlewareChannelsGroupProps extends GroupProps {
+    channels: Channel[];
+    onChannelChange: (index: number, field: keyof Channel, value: any) => void;
+    onMirrorChange: (index: number, field: keyof ChannelMirror, value: any) => void;
+}
+declare const MiddlewareChannelsGroup: React.FC<MiddlewareChannelsGroupProps>;
+export default MiddlewareChannelsGroup;

package/dist/components/groups/Middleware/MOS.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+interface FolderMapping {
+    key: number;
+    folderId: string;
+    channelToPlace: string;
+}
+interface MOSSettings {
+    mosEnabled: boolean;
+    mosDebug: boolean;
+    mosID: string;
+    mosHost: string;
+    ncsID: string;
+    defaultClipName: string;
+    defaultClipExtension: string;
+    defaultImageDuration: string;
+    folderMappings: FolderMapping[];
+}
+interface MiddlewareMOSGroupProps extends GroupProps {
+    settings: MOSSettings;
+    onChange: (key: keyof MOSSettings, value: any) => void;
+    onFolderMappingChange: (index: number, field: 'folderId' | 'channelToPlace', value: string) => void;
+}
+declare const MiddlewareMOSGroup: React.FC<MiddlewareMOSGroupProps>;
+export default MiddlewareMOSGroup;

package/dist/components/groups/Middleware/Service.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface ServiceSettings {
+    serviceLabelText: string;
+    serviceLabelColor: string;
+    wsPort: string;
+    autoRollEnabled: boolean;
+    autoRollInterval: number;
+    autoReinsertModified: boolean;
+    maxClipsPerCommand: string;
+}
+interface MiddlewareServiceGroupProps extends GroupProps {
+    settings: ServiceSettings;
+    onChange: (key: keyof ServiceSettings, value: any) => void;
+}
+declare const MiddlewareServiceGroup: React.FC<MiddlewareServiceGroupProps>;
+export default MiddlewareServiceGroup;

package/dist/components/groups/Middleware/index.d.ts

@@ -0,0 +1,5 @@
+import MiddlewareAuthGroup from "./Auth";
+import MiddlewareChannelsGroup from "./Channels";
+import MiddlewareMOSGroup from "./MOS";
+import MiddlewareServiceGroup from "./Service";
+export { MiddlewareAuthGroup, MiddlewareChannelsGroup, MiddlewareMOSGroup, MiddlewareServiceGroup, };

package/dist/components/groups/PreviewGroup.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const PreviewGroup: React.FC<GroupProps>;
+export default PreviewGroup;

package/dist/components/groups/ProtocolGroup.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ProtocolSettings } from "../../types/protocol";
+interface ProtocolGroupProps extends GroupProps {
+    ffurl?: string;
+    settings?: ProtocolSettings;
+    setSettings?: (s: ProtocolSettings) => void;
+}
+export declare const defaultProtocolSettings: ProtocolSettings;
+declare const ProtocolGroup: React.FC<ProtocolGroupProps>;
+export default ProtocolGroup;

package/dist/components/groups/VideoGroup.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const VideoGroup: React.FC<GroupProps>;
+export default VideoGroup;

package/dist/components/groups/index.d.ts

@@ -0,0 +1,7 @@
+import AudioGroup from "./AudioGroup";
+import FilterGroup from "./FilterGroup";
+import PreviewGroup from "./PreviewGroup";
+import ProtocolGroup from "./ProtocolGroup";
+import VideoGroup from "./VideoGroup";
+import { MiddlewareAuthGroup, MiddlewareChannelsGroup, MiddlewareMOSGroup, MiddlewareServiceGroup } from './Middleware';
+export { AudioGroup, FilterGroup, MiddlewareAuthGroup, MiddlewareChannelsGroup, MiddlewareMOSGroup, MiddlewareServiceGroup, PreviewGroup, ProtocolGroup, VideoGroup, };

package/dist/components/index.d.ts

@@ -0,0 +1,11 @@
+import { Accordion, Section } from './display';
+import { Copy2Clipboard, getGridLabel, GridSelectionModal, Modal, ValidationItem } from './general';
+import { AudioGroup, FilterGroup, MiddlewareAuthGroup, MiddlewareChannelsGroup, MiddlewareMOSGroup, MiddlewareServiceGroup, PreviewGroup, ProtocolGroup, VideoGroup } from './groups';
+import { DvB, Livecast, ViewLog } from './encoder';
+import { CheckboxField, ColorField, DatePicker, EditInPlaceField, InputField, Protocol, RangeField, SelectField, SliderField, SwitchField } from './input';
+import { Footer, Header, PageHeader, SaveDiscard, Sidebar } from './main';
+import { AddNetwork, InterfacesTable, InterfacesTimeseries } from './network';
+import { ConfigWizard, RequireAuth } from './system';
+import { RemoteModule } from './RemoteModule';
+import { Fflog, MetricBar, Panel, Preview, StreamControl, VideoPlayer, VUBar } from './xcoder';
+export { Accordion, AddNetwork, AudioGroup, CheckboxField, ConfigWizard, Copy2Clipboard, ColorField, getGridLabel, GridSelectionModal, DatePicker, DvB, EditInPlaceField, Fflog, FilterGroup, Footer, Header, InputField, InterfacesTable, InterfacesTimeseries, SwitchField, Livecast, MetricBar, MiddlewareAuthGroup, MiddlewareChannelsGroup, MiddlewareMOSGroup, MiddlewareServiceGroup, Modal, PageHeader, Panel, Preview, PreviewGroup, ProtocolGroup, Protocol, RangeField, RemoteModule, RequireAuth, SaveDiscard, Section, SelectField, Sidebar, SliderField, StreamControl, ValidationItem, VideoGroup, VideoPlayer, ViewLog, VUBar };

package/dist/components/input/CheckboxField.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface CheckboxFieldProps {
+    label: string;
+    checked: boolean;
+    onChange: () => void;
+    disabled?: boolean;
+}
+declare const CheckboxField: React.FC<CheckboxFieldProps>;
+export default CheckboxField;

package/dist/components/input/ColorField.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare const ColorField: React.FC<{
+    label: string;
+    value: string;
+    onChange: (value: string) => "";
+    placeholder: string;
+    readonly: boolean;
+}>;
+export default ColorField;

package/dist/components/input/DatePicker.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface DatePickerProps {
+    value?: Date;
+    onChange?: (date: Date) => void;
+    minDate?: Date;
+    maxDate?: Date;
+    placeholder?: string;
+    justIcon?: boolean;
+    localDisplayemnt?: boolean;
+}
+declare const DatePicker: React.FC<DatePickerProps>;
+export default DatePicker;

package/dist/components/input/EditInPlaceField.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface EditProps {
+    initialValue: string;
+    onSave: (newValue: string) => void;
+}
+declare const EditInPlaceField: React.FC<EditProps>;
+export default EditInPlaceField;

package/dist/components/input/InputField.d.ts

@@ -0,0 +1,15 @@
+import React, { JSX } from 'react';
+interface InputFieldProps {
+    label?: string | JSX.Element;
+    type: 'text' | 'number' | 'password' | 'ip' | 'dns';
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    readonly?: boolean;
+    isValid?: boolean;
+    errorMessage?: string;
+    min?: string;
+    max?: string;
+}
+declare const InputField: React.FC<InputFieldProps>;
+export default InputField;

package/dist/components/input/Protocol.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ProtocolSettings } from "../../types/protocol";
+interface ProtocolProps {
+    settings: ProtocolSettings;
+    setSettings: (value: any) => void;
+    availableOptions?: string[];
+    type?: 'input' | 'output';
+}
+declare const Protocol: React.FC<ProtocolProps>;
+export default Protocol;

package/dist/components/input/RangeField.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface RangeProps {
+    value: [number, number];
+    setValue: (newRange: [number, number]) => void;
+    label: string;
+    min: number;
+    max: number;
+    step?: number;
+    displayBg?: boolean;
+    disabled?: boolean;
+}
+declare const RangeField: React.FC<RangeProps>;
+export default RangeField;

package/dist/components/input/SelectField.d.ts

@@ -0,0 +1,13 @@
+interface Option {
+    value: string;
+    label: string;
+}
+interface SelectFieldProps {
+    label?: string;
+    value: string;
+    onChange: (value: string) => void;
+    options: Option[];
+    disabled?: boolean;
+}
+declare const SelectField: React.FC<SelectFieldProps>;
+export default SelectField;

package/dist/components/input/SliderField.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface SliderProps {
+    value: number;
+    setValue: (value: number) => void;
+    label: string;
+    min: number;
+    max: number;
+    step?: number;
+    hideButtons?: boolean;
+    displayBg?: boolean;
+    content?: any[];
+    disabled?: boolean;
+}
+declare const SliderField: React.FC<SliderProps>;
+export default SliderField;

package/dist/components/input/SwitchField.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface SwitchFieldProps {
+    label?: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    content: string[];
+    width?: string;
+    disabled?: boolean;
+}
+declare const SwitchField: React.FC<SwitchFieldProps>;
+export default SwitchField;

package/dist/components/input/index.d.ts

@@ -0,0 +1,11 @@
+import CheckboxField from './CheckboxField';
+import ColorField from './ColorField';
+import DatePicker from './DatePicker';
+import EditInPlaceField from './EditInPlaceField';
+import InputField from './InputField';
+import Protocol from './Protocol';
+import RangeField from './RangeField';
+import SelectField from './SelectField';
+import SliderField from './SliderField';
+import SwitchField from './SwitchField';
+export { CheckboxField, ColorField, DatePicker, EditInPlaceField, InputField, Protocol, RangeField, SelectField, SliderField, SwitchField, };

package/dist/components/main/Footer.d.ts

@@ -0,0 +1,2 @@
+declare const Footer: React.FC;
+export default Footer;

package/dist/components/main/Header.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface HeaderProps {
+    isSidebarOpen: boolean;
+    setSidebarOpen: (state: boolean) => void;
+}
+declare const Header: React.FC<HeaderProps>;
+export default Header;

package/dist/components/main/PageHeader.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+interface PageHeaderProps {
+    icon: React.ReactNode;
+    title: string;
+    select?: [value: string, setValue: (value: string) => void, options: {
+        value: string;
+        label: string;
+    }[]];
+    state?: 'start' | 'stop';
+    hasStates?: boolean;
+    children?: React.ReactNode;
+}
+declare const PageHeader: React.FC<PageHeaderProps>;
+export default PageHeader;

package/dist/components/main/SaveDiscard.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    isDirty: boolean;
+    saving?: boolean;
+    canSave?: boolean;
+    onDiscard: () => void;
+    onSave: () => Promise<void> | void;
+    saveLabel?: string;
+    discardLabel?: string;
+    children?: React.ReactNode;
+}
+declare const SaveDiscard: React.FC<Props>;
+export default SaveDiscard;

package/dist/components/main/Sidebar.d.ts

@@ -0,0 +1,10 @@
+import type { PageMetadata } from '../../types/plugin.types';
+import type { ModuleDefinition } from '../../types/module';
+interface SidebarProps {
+    pages?: PageMetadata[];
+    modules?: ModuleDefinition[];
+    isOpen: boolean;
+    setIsOpen?: (value: boolean) => void;
+}
+declare const Sidebar: React.FC<SidebarProps>;
+export default Sidebar;

package/dist/components/main/index.d.ts

@@ -0,0 +1,6 @@
+import Footer from "./Footer";
+import Header from "./Header";
+import PageHeader from "./PageHeader";
+import SaveDiscard from "./SaveDiscard";
+import Sidebar from "./Sidebar";
+export { Footer, Header, PageHeader, SaveDiscard, Sidebar, };

package/dist/components/network/AddNetwork.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    onAdd: (name: string) => void;
+}
+declare const AddNetwork: React.FC<Props>;
+export default AddNetwork;

package/dist/components/network/InterfacesTable.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export interface NetworkInterface {
+    interface_name: string;
+    ip: string;
+    rx_rate: number;
+    tx_rate: number;
+    mac?: string;
+    operstate?: string;
+    speed?: string;
+    duplex?: string;
+}
+interface Props {
+    snapshot: NetworkInterface[];
+    isOverlay?: boolean;
+    onClose?: () => void;
+    height?: string;
+}
+declare const InterfacesTable: React.FC<Props>;
+export default InterfacesTable;