@carto/ps-react-maps 0.0.1-alpha.9 → 0.0.1-beta.1

package/dist/types/src/index.d.ts

@@ -0,0 +1 @@
+export * from './map-provider';

package/dist/types/src/map-provider/index.d.ts

@@ -0,0 +1,6 @@
+export * from './map-provider.const';
+export * from './map-provider.types';
+export { INITIAL_STATE, MapContext, MapActionsContext, } from './map-provider.context';
+export { reducer } from './map-provider.reducer';
+export { useMap, useMapActions } from './map-provider.hook';
+export { MapProvider } from './map-provider.provider';

package/dist/types/{map.context.d.ts → src/map-provider/map-provider.context.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { MapContextInterface } from './map.types';
+import type { MapContextInterface } from './map-provider.types';
 export declare const INITIAL_STATE: MapContextInterface;
-export declare const MapContext: import("react").Context<import("./map.types").MapState>;
-export declare const MapActionsContext: import("react").Context<import("./map.types").MapActionsState>;
+export declare const MapContext: import("react").Context<import("./map-provider.types").MapState>;
+export declare const MapActionsContext: import("react").Context<import("./map-provider.types").MapActionsState>;

package/dist/types/src/map-provider/map-provider.hook.d.ts

@@ -0,0 +1,2 @@
+export declare function useMap(): import("./map-provider.types").MapState;
+export declare function useMapActions(): import("./map-provider.types").MapActionsState;

package/dist/types/src/map-provider/map-provider.hook.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/{map.provider.d.ts → src/map-provider/map-provider.provider.d.ts}

@@ -1,2 +1,2 @@
-import type { MapProviderProps } from './map.types';
+import type { MapProviderProps } from './map-provider.types';
 export declare function MapProvider({ children, maps }: MapProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/{map.reducer.d.ts → src/map-provider/map-provider.reducer.d.ts}

@@ -1,4 +1,4 @@
-import type { MapsProps, MapState } from './map.types';
+import type { MapsProps, MapState } from './map-provider.types';
 export declare enum Actions {
     SetViewState = "SetViewState",
     SetBasemap = "SetBasemap",

package/dist/types/src/map-provider/map-provider.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: typeof MapWrapper;
+    parameters: {
+        layout: string;
+        docs: {
+            page: null;
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {};
+    args: {};
+    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {}>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+declare function MapWrapper(): import("react/jsx-runtime").JSX.Element;

package/dist/types/{map.types.d.ts → src/map-provider/map-provider.types.d.ts}

@@ -1,15 +1,19 @@
 /// <reference types="google.maps" />
-import { type MapViewState } from '@deck.gl/core/typed';
-import { type GoogleMapsOverlay, type GoogleMapsOverlayProps } from '@deck.gl/google-maps/typed';
-import { type DeckGLProps, type DeckGLRef } from '@deck.gl/react/typed';
+import type { PickingInfo, MapViewState } from '@deck.gl/core/typed';
+import type { GoogleMapsOverlay, GoogleMapsOverlayProps } from '@deck.gl/google-maps/typed';
+import type { DeckGLProps, DeckGLRef } from '@deck.gl/react/typed';
 import type { StyleSpecification } from 'maplibre-gl';
 import type { Properties } from 'csstype';
-import type { MutableRefObject, ReactNode, RefObject } from 'react';
-import { type MapRef } from 'react-map-gl';
-import { CartoBasemapsNames, GMapsBasemap } from './map.const';
+import type { MutableRefObject, ReactNode } from 'react';
+import type { MapRef } from 'react-map-gl';
+import { CartoBasemapsNames, GMapsBasemap } from './map-provider.const';
 export type MapProviderProps = {
     children: ReactNode;
-    maps: MapsProps[];
+    maps: {
+        id: MapsProps['id'];
+        basemap: MapsProps['basemap'];
+        viewState: MapsProps['viewState'];
+    }[];
 };
 export type MapState = {
     maps: Record<MapsProps['id'], MapsProps>;
@@ -31,8 +35,8 @@ export type MapContextInterface = {
 export type Basemap = (typeof GMapsBasemap)[keyof typeof GMapsBasemap] | (typeof CartoBasemapsNames)[keyof typeof CartoBasemapsNames] | string | StyleSpecification;
 export type CommonProps = {
     id: string;
-    basemap?: Basemap;
-    instanceRef?: RefObject<InstanceMapRef>;
+    basemap: Basemap;
+    instanceRef?: MutableRefObject<InstanceMapRef>;
     overlayRef?: MutableRefObject<OverlayMapRef>;
 } & DeckGLProps;
 export type MapsProps = DeckGLMapsProps & GoogleMapsProps;
@@ -43,8 +47,15 @@ export type GoogleMapsProps = {
     apiKey?: string;
     height?: string | undefined;
     language?: string;
+    mapId?: string;
     mapOptions?: Record<string, number | string>;
     style?: Properties;
     version?: string;
     width?: string | undefined;
 } & CommonProps & GoogleMapsOverlayProps;
+export type Tooltip = {
+    text?: string | undefined;
+    html?: string | undefined;
+    className?: string | undefined;
+    style?: Partial<CSSStyleDeclaration> | undefined;
+} & PickingInfo;

package/dist/types/tests/utils/test-utils.d.ts

@@ -0,0 +1,10 @@
+import { type MapProviderProps } from '../../src/map-provider';
+import { type ReactElement } from 'react';
+export type Wrapper = ({ children }: {
+    children: ReactElement;
+}) => JSX.Element;
+export declare const wrapper: ({ maps }: {
+    maps: MapProviderProps['maps'];
+}) => Wrapper;
+export * from '@testing-library/react';
+export { default as userEvent } from '@testing-library/user-event';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/ps-react-maps",
-  "version": "0.0.1-alpha.9",
+  "version": "0.0.1-beta.1",
   "description": "CARTO's Professional Service React Maps library",
   "files": [
     "dist"
@@ -17,29 +17,43 @@
     }
   },
   "scripts": {
+    "start": "npm run storybook:start",
     "prebuild": "npm exec rimraf dist",
     "build": "tsc && vite build",
     "lint": "eslint './**/*.{ts,tsx}' --ignore-path ../../.gitignore",
     "format": "prettier --write . --ignore-path ../../.gitignore",
     "test:watch": "vitest",
     "test:related": "vitest --run --passWithNoTests",
-    "test:coverage": "vitest run --coverage"
+    "test:coverage": "vitest run --coverage",
+    "storybook:start": "storybook dev --no-open -p 6006",
+    "storybook:build": "storybook build"
   },
   "dependencies": {
-    "@carto/react-redux": "2.2.13",
+    "@carto/react-redux": "2.2.14",
     "react-redux": "8.1.3"
   },
   "devDependencies": {
-    "@deck.gl/core": "8.9.31",
-    "@deck.gl/google-maps": "8.9.31",
-    "@deck.gl/react": "8.9.31",
+    "@carto/react-basemaps": "2.2.14",
+    "@deck.gl/core": "8.9.32",
+    "@deck.gl/google-maps": "8.9.32",
+    "@deck.gl/react": "8.9.32",
+    "@react-google-maps/api": "2.19.2",
+    "@storybook/addon-actions": "7.5.2",
+    "@storybook/addon-essentials": "7.5.2",
+    "@storybook/addon-interactions": "7.5.2",
+    "@storybook/addon-links": "7.5.2",
+    "@storybook/blocks": "7.5.2",
+    "@storybook/builder-vite": "7.5.2",
+    "@storybook/react": "7.5.2",
+    "@storybook/react-vite": "7.5.2",
+    "@storybook/testing-library": "0.2.2",
     "@testing-library/jest-dom": "6.1.4",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.5.1",
-    "@types/google.maps": "3.54.4",
-    "@vitejs/plugin-react-swc": "3.4.0",
-    "maplibre-gl": "3.5.1",
-    "react-map-gl": "7.1.6"
+    "@types/google.maps": "3.54.6",
+    "maplibre-gl": "3.5.2",
+    "react-map-gl": "7.1.6",
+    "storybook": "7.5.2"
   },
   "peerDependencies": {
     "@carto/react-redux": "1.x || 2.x",

package/dist/types/index.d.ts

@@ -1,6 +0,0 @@
-export * from './map.const';
-export * from './map.types';
-export { INITIAL_STATE, MapContext, MapActionsContext } from './map.context';
-export { reducer } from './map.reducer';
-export { useMap, useMapActions } from './map.hook';
-export { MapProvider } from './map.provider';

package/dist/types/map.hook.d.ts

@@ -1,2 +0,0 @@
-export declare function useMap(): import("./map.types").MapState;
-export declare function useMapActions(): import("./map.types").MapActionsState;

package/dist/types/tmp.utils.d.ts

@@ -1 +0,0 @@
-export declare const debounce: <F extends (...args: Parameters<F>) => void>(func: F, waitFor: number) => (...args: Parameters<F>) => ReturnType<F>;