@mapcomponents/react-maplibre 0.1.96 → 1.0.1

package/dist/ui_components/LayerList/LayerListItemFactory.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-import { LayerConfig } from '../../contexts/LayerContext';
-import { FitBoundsOptions } from 'maplibre-gl';
-export interface LayerListItemFactoryProps {
-    mapId?: string;
-    layers: LayerConfig[];
-    setLayers?: (layers: LayerConfig[] | ((state: LayerConfig[]) => LayerConfig[])) => void;
-    insertBeforeLayer?: string;
-    sortable?: boolean;
-    fitBoundsOptions?: FitBoundsOptions;
-}
-declare function LayerListItemFactory(props: LayerListItemFactoryProps): JSX.Element;
-declare namespace LayerListItemFactory {
-    var defaultProps: {
-        mapId: undefined;
-    };
-}
-export default LayerListItemFactory;
+import React from 'react';
+import { LayerConfig } from '../../contexts/LayerContext';
+import { FitBoundsOptions } from 'maplibre-gl';
+export interface LayerListItemFactoryProps {
+    mapId?: string;
+    layers: LayerConfig[];
+    setLayers?: (layers: LayerConfig[] | ((state: LayerConfig[]) => LayerConfig[])) => void;
+    insertBeforeLayer?: string;
+    sortable?: boolean;
+    fitBoundsOptions?: FitBoundsOptions;
+}
+declare function LayerListItemFactory(props: LayerListItemFactoryProps): React.JSX.Element;
+declare namespace LayerListItemFactory {
+    var defaultProps: {
+        mapId: undefined;
+    };
+}
+export default LayerListItemFactory;

package/dist/ui_components/LayerList/util/LayerListItemVectorLayer.d.ts

@@ -1,36 +1,23 @@
-import React from 'react';
-import { MlVectorTileLayerProps } from '../../../components/MlVectorTileLayer/MlVectorTileLayer';
-export declare const ListItemStyled: import("@emotion/styled").StyledComponent<{
-    button?: false | undefined;
-} & import("@mui/material").ListItemBaseProps & {
-    components?: {
-        Root?: React.ElementType<any> | undefined;
-    } | undefined;
-    componentsProps?: {
-        root?: (React.HTMLAttributes<HTMLDivElement> & import("@mui/material").ListItemComponentsPropsOverrides) | undefined;
-    } | undefined;
-    slotProps?: {
-        root?: (React.HTMLAttributes<HTMLDivElement> & import("@mui/material").ListItemComponentsPropsOverrides) | undefined;
-    } | undefined;
-    slots?: {
-        root?: React.ElementType<any> | undefined;
-    } | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "key" | keyof React.LiHTMLAttributes<HTMLLIElement>> & {
-    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
-}, "className" | "style" | "classes" | "button" | "children" | "disabled" | "sx" | "alignItems" | "autoFocus" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction" | "selected" | "components" | "componentsProps" | "slotProps" | "slots"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const CheckboxListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export declare const CheckboxStyled: import("@emotion/styled").StyledComponent<import("@mui/material").CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-interface LayerListItemVectorLayerProps {
-    id: string;
-    configurable?: boolean;
-    vtProps: MlVectorTileLayerProps;
-    setVtProps: ((state: unknown) => void) | undefined;
-    visibleMaster?: boolean;
-}
-declare function LayerListItemVectorLayer({ configurable, vtProps, setVtProps, id, ...props }: LayerListItemVectorLayerProps): JSX.Element;
-declare namespace LayerListItemVectorLayer {
-    var defaultProps: {
-        configurable: boolean;
-    };
-}
-export default LayerListItemVectorLayer;
+import React from 'react';
+import { MlVectorTileLayerProps } from '../../../components/MlVectorTileLayer/MlVectorTileLayer';
+export declare const ListItemStyled: import("@emotion/styled").StyledComponent<{
+    button?: false | undefined;
+} & import("@mui/material").ListItemOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
+}, "className" | "style" | "classes" | "button" | "children" | "disabled" | "sx" | "autoFocus" | "components" | "componentsProps" | "slotProps" | "slots" | "alignItems" | "ContainerComponent" | "ContainerProps" | "dense" | "disableGutters" | "disablePadding" | "divider" | "secondaryAction" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CheckboxListItemIcon: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemIconProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CheckboxStyled: import("@emotion/styled").StyledComponent<import("@mui/material").CheckboxProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+interface LayerListItemVectorLayerProps {
+    id: string;
+    configurable?: boolean;
+    vtProps: MlVectorTileLayerProps;
+    setVtProps: ((state: unknown) => void) | undefined;
+    visibleMaster?: boolean;
+}
+declare function LayerListItemVectorLayer({ configurable, vtProps, setVtProps, id, ...props }: LayerListItemVectorLayerProps): React.JSX.Element;
+declare namespace LayerListItemVectorLayer {
+    var defaultProps: {
+        configurable: boolean;
+    };
+}
+export default LayerListItemVectorLayer;

package/dist/ui_components/LayerList/util/LayerPropertyForm.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { CircleLayerSpecification, FillLayerSpecification, LineLayerSpecification } from 'maplibre-gl';
-export type paintPropsType = CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
-interface LayerPropertyFormProps {
-    paintProps: paintPropsType;
-    setPaintProps: (paintProps: paintPropsType | ((current: paintPropsType) => paintPropsType)) => void;
-    layerType: string;
-}
-declare function LayerPropertyForm({ paintProps, setPaintProps }: LayerPropertyFormProps): JSX.Element;
-export default LayerPropertyForm;
+import React from 'react';
+import { CircleLayerSpecification, FillLayerSpecification, LineLayerSpecification } from 'maplibre-gl';
+export type paintPropsType = CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
+interface LayerPropertyFormProps {
+    paintProps: paintPropsType;
+    setPaintProps: (paintProps: paintPropsType | ((current: paintPropsType) => paintPropsType)) => void;
+    layerType: string;
+}
+declare function LayerPropertyForm({ paintProps, setPaintProps }: LayerPropertyFormProps): React.JSX.Element;
+export default LayerPropertyForm;

package/dist/ui_components/LayerList/util/SortableContainer.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-interface SortableContainerProps {
-    children: ReactNode;
-    layerId: string;
-}
-declare function SortableContainer({ children, layerId }: SortableContainerProps): JSX.Element;
-export default SortableContainer;
+import React, { ReactNode } from 'react';
+interface SortableContainerProps {
+    children: ReactNode;
+    layerId: string;
+}
+declare function SortableContainer({ children, layerId }: SortableContainerProps): React.JSX.Element;
+export default SortableContainer;

package/dist/ui_components/LayerList/util/input/ColorPicker.d.ts

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { paintPropsType } from '../LayerPropertyForm';
-interface PaintPropsColorPickerProps {
-    key: string;
-    value: string;
-    propKey: string;
-    setPaintProps: (paintProps: paintPropsType | ((current: paintPropsType) => paintPropsType)) => void;
-}
-declare function PaintPropsColorPicker({ propKey, value, setPaintProps }: PaintPropsColorPickerProps): JSX.Element;
-export default PaintPropsColorPicker;
+import React from 'react';
+import { paintPropsType } from '../LayerPropertyForm';
+interface PaintPropsColorPickerProps {
+    key: string;
+    value: string;
+    propKey: string;
+    setPaintProps: (paintProps: paintPropsType | ((current: paintPropsType) => paintPropsType)) => void;
+}
+declare function PaintPropsColorPicker({ propKey, value, setPaintProps }: PaintPropsColorPickerProps): React.JSX.Element;
+export default PaintPropsColorPicker;

package/dist/ui_components/LoadingOverlayContext.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-declare const LoadingOverlayContext: React.Context<{}>;
-declare const LoadingOverlayProvider: {
-    (children: JsxChildren): JSX.Element;
-    propTypes: {
-        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
-    };
-};
-export { LoadingOverlayContext, LoadingOverlayProvider };
+import React from 'react';
+import PropTypes from 'prop-types';
+declare const LoadingOverlayContext: React.Context<{}>;
+declare const LoadingOverlayProvider: {
+    (children: React.ReactNode): React.JSX.Element;
+    propTypes: {
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+    };
+};
+export { LoadingOverlayContext, LoadingOverlayProvider };

package/dist/ui_components/MapcomponentsTheme.d.ts

@@ -1,35 +1,35 @@
-declare module '@mui/material' {
-    interface Palette {
-        topToolbar: {
-            barColor: string;
-        };
-        navigation: {
-            navColor: string;
-            navHover: string;
-        };
-        GPS: {
-            GPSActiveColor: string;
-            GPSInactiveColor: string;
-            GPSActiveBackgroundColor: string;
-        };
-        compass: {
-            compColor: string;
-            compHover: string;
-            compStroke: string;
-            compNorth: string;
-            compSouth: string;
-        };
-    }
-}
-declare module '@mui/material/Button' {
-    interface ButtonPropsVariantOverrides {
-        navtools: true;
-    }
-}
-declare module '@mui/material' {
-    interface ListItemTextProps {
-        variant?: 'layerlist';
-    }
-}
-declare const getTheme: (mode: 'light' | 'dark') => import("@mui/material").Theme;
-export default getTheme;
+declare module '@mui/material' {
+    interface Palette {
+        topToolbar: {
+            barColor: string;
+        };
+        navigation: {
+            navColor: string;
+            navHover: string;
+        };
+        GPS: {
+            GPSActiveColor: string;
+            GPSInactiveColor: string;
+            GPSActiveBackgroundColor: string;
+        };
+        compass: {
+            compColor: string;
+            compHover: string;
+            compStroke: string;
+            compNorth: string;
+            compSouth: string;
+        };
+    }
+}
+declare module '@mui/material/Button' {
+    interface ButtonPropsVariantOverrides {
+        navtools: true;
+    }
+}
+declare module '@mui/material' {
+    interface ListItemTextProps {
+        variant?: 'layerlist';
+    }
+}
+declare const getTheme: (mode: 'light' | 'dark' | undefined) => import("@mui/material").Theme;
+export default getTheme;

package/dist/ui_components/SelectStyleButton/SelectStyleButton.d.ts

@@ -1,20 +1,20 @@
-/// <reference types="react" />
-import { SxProps } from '@mui/material';
-import { StyleSpecification } from 'maplibre-gl';
-export interface SelectStyleButtonProps {
-    sx?: SxProps;
-    onComplete?: (config: StyleSpecification[]) => void;
-    styles?: StyleSpecification[];
-    defaultStyles?: boolean;
-    styleThumbnailPaths?: {
-        [key: string]: string;
-    };
-}
-declare const SelectStyleButton: {
-    (props: SelectStyleButtonProps): JSX.Element;
-    defaultProps: {
-        style: never[];
-        defaultStyles: boolean;
-    };
-};
-export default SelectStyleButton;
+import { SxProps } from '@mui/material';
+import React from 'react';
+import { StyleSpecification } from 'maplibre-gl';
+export interface SelectStyleButtonProps {
+    sx?: SxProps;
+    onComplete?: (config: StyleSpecification[]) => void;
+    styles?: StyleSpecification[];
+    defaultStyles?: boolean;
+    styleThumbnailPaths?: {
+        [key: string]: string;
+    };
+}
+declare const SelectStyleButton: {
+    (props: SelectStyleButtonProps): React.JSX.Element;
+    defaultProps: {
+        style: never[];
+        defaultStyles: boolean;
+    };
+};
+export default SelectStyleButton;

package/dist/ui_components/SelectStyleButton/SelectStylePopup.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-import { StyleSpecification } from 'maplibre-gl';
-export interface SelectStylePopupProps {
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    styles?: StyleSpecification[];
-    onSelect?: (style: StyleSpecification) => void;
-    styleThumbnailPaths?: {
-        [key: string]: string;
-    };
-}
-declare const SelectStylePopup: {
-    (props: SelectStylePopupProps): JSX.Element;
-    defaultProps: {
-        styleThumbnailPaths: {};
-    };
-};
-export default SelectStylePopup;
+import React from 'react';
+import { StyleSpecification } from 'maplibre-gl';
+export interface SelectStylePopupProps {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    styles?: StyleSpecification[];
+    onSelect?: (style: StyleSpecification) => void;
+    styleThumbnailPaths?: {
+        [key: string]: string;
+    };
+}
+declare const SelectStylePopup: {
+    (props: SelectStylePopupProps): React.JSX.Element;
+    defaultProps: {
+        styleThumbnailPaths: {};
+    };
+};
+export default SelectStylePopup;

package/dist/ui_components/Sidebar.d.ts

@@ -1,12 +1,12 @@
-import React from 'react';
-import { PaperProps, DrawerProps } from '@mui/material';
-interface SidebarProps {
-    drawerPaperProps?: PaperProps;
-    drawerHeaderProps?: Headers;
-    children?: React.ReactNode;
-    open?: boolean;
-    setOpen?: (val: boolean) => void;
-    name?: string;
-}
-export default function Sidebar({ drawerPaperProps, drawerHeaderProps, setOpen, ...props }: SidebarProps & DrawerProps): JSX.Element;
-export {};
+import React from 'react';
+import { PaperProps, DrawerProps } from '@mui/material';
+interface SidebarProps {
+    drawerPaperProps?: PaperProps;
+    drawerHeaderProps?: Headers;
+    children?: React.ReactNode;
+    open?: boolean;
+    setOpen?: (val: boolean) => void;
+    name?: string;
+}
+export default function Sidebar({ drawerPaperProps, drawerHeaderProps, setOpen, ...props }: SidebarProps & DrawerProps): React.JSX.Element;
+export {};

package/dist/ui_components/SpeedDial/SpeedDial.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-export interface SpeedDialProps {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-}
-declare const SpeedDial: {
-    (): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-    };
-};
-export default SpeedDial;
+import React from 'react';
+export interface SpeedDialProps {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+}
+declare const SpeedDial: {
+    (): React.JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+    };
+};
+export default SpeedDial;

package/dist/ui_components/TopToolbar.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-export interface TopToolbarProps {
-    children?: React.ReactNode;
-    unmovableButtons?: React.ReactNode;
-    buttons?: React.ReactNode;
-    logo?: React.ReactNode;
-}
-declare function TopToolbar(props: TopToolbarProps): JSX.Element;
-export default TopToolbar;
+import * as React from 'react';
+export interface TopToolbarProps {
+    children?: React.ReactNode;
+    unmovableButtons?: React.ReactNode;
+    buttons?: React.ReactNode;
+    logo?: React.ReactNode;
+}
+declare function TopToolbar(props: TopToolbarProps): React.JSX.Element;
+export default TopToolbar;

package/dist/ui_components/UploadButton.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-type Props = {
-    setData: (data: string) => void;
-    buttonComponent: any;
-    accept?: string;
-};
-export default function UploadButton(props: Props): JSX.Element;
-export {};
+import React from 'react';
+type Props = {
+    setData: (data: string) => void;
+    buttonComponent: any;
+    accept?: string;
+};
+export default function UploadButton(props: Props): React.JSX.Element;
+export {};

package/dist/util/BubbleForInstructions.d.ts

@@ -1,2 +1,16 @@
-export default BubbleForInstruction;
-declare function BubbleForInstruction(props: any): JSX.Element;
+import React from 'react';
+export interface BubbleForInstructionProps {
+    bubbleRight?: string;
+    bubbleLeft?: string;
+    bubbleTop?: string;
+    bubbleBottom?: string;
+    zIndex: string;
+    textMarginTop: string;
+    textMarginLeft: string;
+    iconTransform: string;
+    iconMarginTop: string;
+    iconMarginLeft: string;
+    children?: React.ReactNode;
+}
+declare function BubbleForInstruction(props: BubbleForInstructionProps): React.JSX.Element;
+export default BubbleForInstruction;

package/dist/util/Instructions.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
-import { SxProps } from '@mui/material';
-interface StepObject {
-    duration: number;
-    props: SxProps;
-    content: JSX.Element;
-}
-interface InstructionProps {
-    steps: Array<StepObject>;
-    open: boolean;
-    callback?: () => void;
-}
-declare const Instructions: (props: InstructionProps) => JSX.Element;
-export default Instructions;
+import React from 'react';
+import { BubbleForInstructionProps } from './BubbleForInstructions';
+export interface StepObject {
+    duration: number;
+    props: BubbleForInstructionProps;
+    content: JSX.Element;
+}
+export interface InstructionProps {
+    steps: StepObject[];
+    open: boolean;
+    callback?: () => void;
+}
+declare const Instructions: (props: InstructionProps) => React.JSX.Element;
+export default Instructions;