@plurid/plurid-react
Version:
React implementation of Plurid to explore the web in three dimensions
73 lines (72 loc) • 5.41 kB
TypeScript
import React from 'react';
import { AnyAction, ThunkDispatch } from '@reduxjs/toolkit';
import { Theme } from '@plurid/plurid-themes';
import {
/** interfaces */
PluridApplication as PluridApplicationProperties, PluridConfiguration as PluridAppConfiguration, TreePlane, SpaceTransform, PluridPubSub as IPluridPubSub, PluridApplicationView } from '@plurid/plurid-data';
import { PluridReactComponent } from "../../../data/interfaces";
import { AppState } from "../../../services/state/store";
import actions from "../../../services/state/actions";
import { DispatchAction, DispatchActionWithoutPayload } from "../../../data/interfaces";
export interface PluridViewOwnProperties extends PluridApplicationProperties<PluridReactComponent> {
}
export interface PluridViewStateProperties {
state: AppState;
stateConfiguration: PluridAppConfiguration;
stateSpaceLoading: boolean;
stateResolvedLayout: boolean;
stateTransform: SpaceTransform;
stateTree: TreePlane[];
stateSpaceView: PluridApplicationView;
stateGeneralTheme: Theme;
}
export interface PluridViewDispatchProperties {
dispatch: ThunkDispatch<{}, {}, AnyAction>;
dispatchSetConfiguration: DispatchAction<typeof actions.configuration.setConfiguration>;
dispatchSetConfigurationMicro: DispatchActionWithoutPayload<typeof actions.configuration.setConfigurationMicro>;
dispatchSetSpaceField: DispatchAction<typeof actions.space.setSpaceField>;
dispatchSetSpaceLoading: DispatchAction<typeof actions.space.setSpaceLoading>;
dispatchSetAnimatedTransform: DispatchAction<typeof actions.space.setAnimatedTransform>;
dispatchSetTransformTime: DispatchAction<typeof actions.space.setTransformTime>;
dispatchSetSpaceLocation: DispatchAction<typeof actions.space.setSpaceLocation>;
dispatchSetTree: DispatchAction<typeof actions.space.setTree>;
dispatchSetGeneralTheme: DispatchAction<typeof actions.themes.setGeneralTheme>;
dispatchSetInteractionTheme: DispatchAction<typeof actions.themes.setInteractionTheme>;
dispatchRotateXWith: DispatchAction<typeof actions.space.rotateXWith>;
dispatchRotateX: DispatchAction<typeof actions.space.rotateX>;
dispatchRotateYWith: DispatchAction<typeof actions.space.rotateYWith>;
dispatchRotateY: DispatchAction<typeof actions.space.rotateY>;
dispatchTranslateXWith: DispatchAction<typeof actions.space.translateXWith>;
dispatchTranslateYWith: DispatchAction<typeof actions.space.translateYWith>;
dispatchTranslateZWith: DispatchAction<typeof actions.space.translateZWith>;
dispatchScaleUpWith: DispatchAction<typeof actions.space.scaleUpWith>;
dispatchScaleDownWith: DispatchAction<typeof actions.space.scaleDownWith>;
dispatchSpaceSetViewSize: DispatchAction<typeof actions.space.setViewSize>;
dispatchSpaceSetView: DispatchAction<typeof actions.space.spaceSetView>;
}
export declare type PluridViewProperties = PluridViewOwnProperties & PluridViewStateProperties & PluridViewDispatchProperties;
declare const ConnectedPluridView: import("react-redux").ConnectedComponent<React.FC<PluridViewProperties>, {
configuration?: import("@plurid/plurid-data").RecursivePartial<PluridAppConfiguration> | undefined;
space?: string | undefined;
view: PluridApplicationView;
id?: string | undefined;
hostname?: string | undefined;
planeRenderError?: boolean | PluridReactComponent<any, import("@plurid/plurid-data").PluridPlaneComponentProperty | import("@plurid/plurid-data").PluridRouteComponentProperty> | undefined;
planesRegistrar?: import("@plurid/plurid-data").PluridPlanesRegistrar<PluridReactComponent<any, import("@plurid/plurid-data").PluridPlaneComponentProperty | import("@plurid/plurid-data").PluridRouteComponentProperty>> | undefined;
planeContext?: any;
planeContextValue?: Record<string, any> | undefined;
customPlane?: PluridReactComponent<any, import("@plurid/plurid-data").PluridPlaneComponentProperty | import("@plurid/plurid-data").PluridRouteComponentProperty> | undefined;
matchedRoute?: import("@plurid/plurid-data").IsoMatcherRouteResult<PluridReactComponent<any, import("@plurid/plurid-data").PluridPlaneComponentProperty | import("@plurid/plurid-data").PluridRouteComponentProperty>> | undefined;
planesProperties?: Map<string, any> | undefined;
planes?: import("@plurid/plurid-data").PluridPlane<PluridReactComponent<any, import("@plurid/plurid-data").PluridPlaneComponentProperty | import("@plurid/plurid-data").PluridRouteComponentProperty>>[] | undefined;
centerView?: string | undefined;
universes?: import("@plurid/plurid-data").PluridUniverse<PluridReactComponent<any, import("@plurid/plurid-data").PluridPlaneComponentProperty | import("@plurid/plurid-data").PluridRouteComponentProperty>>[] | undefined;
planeNotFound?: boolean | PluridReactComponent<any, import("@plurid/plurid-data").PluridPlaneComponentProperty | import("@plurid/plurid-data").PluridRouteComponentProperty> | undefined;
pubsub?: IPluridPubSub | undefined;
static?: boolean | undefined;
precomputedState?: Partial<import("@plurid/plurid-data").PluridState> | undefined;
useLocalStorage?: boolean | undefined;
context?: React.Context<import("react-redux").ReactReduxContextValue<any, AnyAction>> | undefined;
store?: import("@reduxjs/toolkit").Store<any, AnyAction> | undefined;
}>;
export default ConnectedPluridView;