UNPKG

@plurid/plurid-react

Version:

React implementation of Plurid to explore the web in three dimensions

73 lines (72 loc) 5.41 kB
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;