@carto/ps-react-ui 2.1.0 → 2.2.0

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

@@ -1,5 +1,4 @@
 export * from './list-data';
-export * from './map';
 export * from './section-container';
 export * from './tabs-to-anchor';
 export * from './scroll-to-anchor';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carto/ps-react-ui",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "CARTO's Professional Service React UI library",
   "files": [
     "dist"
@@ -19,7 +19,7 @@
   "scripts": {
     "start": "npm run storybook:start",
     "prebuild": "npm exec rimraf dist",
-    "build": "tsc && vite build",
+    "build": "tsc -p tsconfig.prod.json && vite build",
     "lint": "eslint './**/*.{ts,tsx}' --ignore-path ../../.gitignore --ignore-pattern '.storybook'",
     "format": "prettier --write . --ignore-path ../../.gitignore",
     "test:watch": "vitest",
@@ -33,50 +33,40 @@
     "readmeFile": "./README.md"
   },
   "dependencies": {
-    "@deck.gl/google-maps": "8.9.17",
-    "@deck.gl/react": "8.9.17",
-    "@emotion/react": "11.11.0",
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
     "@mui/icons-material": "5.11.16",
-    "@mui/lab": "5.0.0-alpha.132",
-    "@mui/material": "5.13.3",
-    "@react-google-maps/api": "2.18.1",
+    "@mui/lab": "5.0.0-alpha.134",
+    "@mui/material": "5.13.5",
     "echarts": "5.4.2",
     "echarts-for-react": "3.0.2",
-    "maplibre-gl": "3.0.1",
-    "react-map-gl": "7.0.25",
     "react-window": "1.8.9"
   },
   "devDependencies": {
     "@carto/eslint-config-ps-react": "1.0.1",
-    "@carto/react-ui": "2.0.5",
-    "@storybook/addon-actions": "7.0.18",
-    "@storybook/addon-essentials": "7.0.18",
-    "@storybook/addon-interactions": "7.0.18",
-    "@storybook/addon-links": "7.0.18",
-    "@storybook/blocks": "7.0.18",
-    "@storybook/builder-vite": "7.0.18",
-    "@storybook/react": "7.0.18",
-    "@storybook/react-vite": "7.0.18",
+    "@carto/react-ui": "2.0.8",
+    "@storybook/addon-actions": "7.0.20",
+    "@storybook/addon-essentials": "7.0.20",
+    "@storybook/addon-interactions": "7.0.20",
+    "@storybook/addon-links": "7.0.20",
+    "@storybook/blocks": "7.0.20",
+    "@storybook/builder-vite": "7.0.20",
+    "@storybook/react": "7.0.20",
+    "@storybook/react-vite": "7.0.20",
     "@storybook/testing-library": "0.1.0",
-    "@types/google.maps": "3.53.2",
-    "@vitejs/plugin-react-swc": "3.3.1",
+    "@vitejs/plugin-react-swc": "3.3.2",
     "eslint-plugin-jsx-a11y": "6.7.1",
-    "storybook": "7.0.18"
+    "storybook": "7.0.20"
   },
   "peerDependencies": {
-    "@deck.gl/google-maps": "8.x",
-    "@deck.gl/react": "8.x",
     "@emotion/react": "11.x",
     "@mui/icons-material": "5.x",
     "@mui/lab": "5.x",
     "@mui/material": "5.x",
-    "@react-google-maps/api": "2.x",
     "echarts": "5.x",
     "echarts-for-react": "3.x",
-    "maplibre-gl": "3.x",
     "react": "17.x || 18.x",
     "react-dom": "17.x || 18.x",
-    "react-map-gl": ">=7.0.25",
     "react-window": "1.x"
   },
   "eslintConfig": {

package/dist/types/components/list-data/list-data.stories.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import { StoryObj } from '@storybook/react';
-import { ListData } from './list-data.component';
-import { ListDataItem } from './types';
-declare const meta: {
-    title: string;
-    component: typeof ListData;
-    parameters: {
-        layout: string;
-        docs: {
-            page: null;
-            description: {
-                component: string;
-            };
-        };
-        actions: {
-            argTypesRegex: string;
-        };
-    };
-    argTypes: {
-        onRowClick: {
-            action: string;
-        };
-    };
-    args: {
-        items: ListDataItem[];
-        itemsToShow: number;
-        label: string;
-        ListProps: {
-            dense: false;
-        };
-        unit: string;
-        formatter: typeof numberFormatter;
-    };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        items: ListDataItem[];
-        itemsToShow?: number | undefined;
-        label?: string | undefined;
-        ListProps?: import("@mui/material").ListProps | undefined;
-        texts?: {
-            showMore?: string | undefined;
-            showLess?: string | undefined;
-        } | undefined;
-        unit?: string | undefined;
-        formatter?: ((value: string | number) => string) | undefined;
-        onRowClick?: ((event: import("react").MouseEvent<HTMLDivElement, MouseEvent>, item: ListDataItem) => void) | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-declare function numberFormatter(value: number | string): string;
-export declare const Default: Story;
-export declare const LessData: Story;

package/dist/types/components/map/components/deckgl-map/deckgl-maps.component.d.ts

@@ -1,2 +0,0 @@
-import { DeckGLMapsProps } from '../../types';
-export declare function DeckGLMapsComponent({ basemap, instanceRef, layers, overlayRef, viewState, height, id, style, width, getCursor, getTooltip, onClick, onDrag, onDragEnd, onDragStart, onHover, onResize, onViewStateChange, }: DeckGLMapsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/map/components/deckgl-map/deckgl-maps.stories.d.ts

@@ -1,83 +0,0 @@
-/// <reference types="google.maps" />
-/// <reference types="react" />
-import { StoryObj } from '@storybook/react';
-import { CartoBasemapsNames } from '../../types';
-import { DeckGLMapsComponent } from './deckgl-maps.component';
-declare const meta: {
-    title: string;
-    component: typeof DeckGLMapsComponent;
-    parameters: {
-        layout: string;
-        docs: {
-            page: null;
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        instanceRef: {
-            control: {
-                disable: boolean;
-            };
-        };
-        overlayRef: {
-            control: {
-                disable: boolean;
-            };
-        };
-        style: {
-            control: {
-                disable: boolean;
-            };
-        };
-        height: {
-            control: string;
-        };
-        basemap: {
-            control: {
-                type: string;
-                default: CartoBasemapsNames;
-                options: CartoBasemapsNames[];
-            };
-        };
-    };
-    args: {
-        layers: never[];
-        basemap: CartoBasemapsNames.DarkMatter;
-        viewState: {
-            latitude: number;
-            longitude: number;
-            zoom: number;
-            minZoom: number;
-            maxZoom: number;
-        };
-        instanceRef: null;
-        overlayRef: null;
-    };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        getCursor?: (({ isDragging }: {
-            isDragging: boolean;
-        }) => string) | null | undefined;
-        onClick?: ((info: unknown, event: unknown) => void) | null | undefined;
-        onDrag?: ((info: unknown, event: unknown) => void) | null | undefined;
-        onDragEnd?: ((info: unknown, event: unknown) => void) | null | undefined;
-        onDragStart?: ((info: unknown, event: unknown) => void) | null | undefined;
-        onHover?: ((info: unknown, event: unknown) => void) | null | undefined;
-        basemap: import("../../types").Basemap;
-        instanceRef: import("react").MutableRefObject<google.maps.Map | import("react-map-gl").MapRef> | null;
-        layers: unknown[];
-        overlayRef: import("react").MutableRefObject<GoogleMapsOverlay> | null;
-        viewState: import("../../types").ViewState;
-        height?: import("csstype").Property.Height<0 | (string & {})> | undefined;
-        id?: string | undefined;
-        style?: Record<string, string | number> | undefined;
-        width?: import("csstype").Property.Width<0 | (string & {})> | undefined;
-        getTooltip?: ((info: unknown) => unknown) | null | undefined;
-        onResize?: ((props: import("../../types").ResizeProps) => void) | undefined;
-        onViewStateChange?: ((props: import("../../types").ViewStateProps) => void) | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/types/components/map/components/google-maps/google-maps.component.d.ts

@@ -1,2 +0,0 @@
-import { GoogleMapsProps } from '../../types';
-export declare function GoogleMapsComponent(props: GoogleMapsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/map/components/google-maps/google-maps.stories.d.ts

@@ -1,85 +0,0 @@
-/// <reference types="google.maps" />
-/// <reference types="react" />
-import { StoryObj } from '@storybook/react';
-import { GMapsBasemap } from '../../types';
-import { GoogleMapsComponent } from './google-maps.component';
-declare const meta: {
-    title: string;
-    component: typeof GoogleMapsComponent;
-    parameters: {
-        layout: string;
-        docs: {
-            page: null;
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        instanceRef: {
-            control: {
-                disable: boolean;
-            };
-        };
-        overlayRef: {
-            control: {
-                disable: boolean;
-            };
-        };
-        mapOptions: {
-            control: {
-                disable: boolean;
-            };
-        };
-        style: {
-            control: {
-                disable: boolean;
-            };
-        };
-        height: {
-            control: string;
-        };
-        basemap: {
-            control: {
-                type: string;
-                default: GMapsBasemap;
-                options: GMapsBasemap[];
-            };
-        };
-    };
-    args: {
-        layers: never[];
-        basemap: GMapsBasemap.Satellite;
-        viewState: {
-            latitude: number;
-            longitude: number;
-            zoom: number;
-            minZoom: number;
-            maxZoom: number;
-        };
-        apiKey: string;
-        instanceRef: null;
-        overlayRef: null;
-    };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        apiKey: string;
-        language?: string | undefined;
-        mapOptions?: Record<string, string | number> | undefined;
-        version?: string | undefined;
-        basemap: import("../../types").Basemap;
-        instanceRef: import("react").MutableRefObject<google.maps.Map | import("react-map-gl").MapRef> | null;
-        layers: unknown[];
-        overlayRef: import("react").MutableRefObject<GoogleMapsOverlay> | null;
-        viewState: import("../../types").ViewState;
-        height?: import("csstype").Property.Height<0 | (string & {})> | undefined;
-        id?: string | undefined;
-        style?: Record<string, string | number> | undefined;
-        width?: import("csstype").Property.Width<0 | (string & {})> | undefined;
-        getTooltip?: ((info: unknown) => unknown) | null | undefined;
-        onResize?: ((props: import("../../types").ResizeProps) => void) | undefined;
-        onViewStateChange?: ((props: import("../../types").ViewStateProps) => void) | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/types/components/map/index.d.ts

@@ -1,4 +0,0 @@
-export * from './map.component';
-export * from './types';
-export * from './components/deckgl-map/deckgl-maps.component';
-export * from './components/google-maps/google-maps.component';

package/dist/types/components/map/map.component.d.ts

@@ -1,2 +0,0 @@
-import { MapsProps } from './types';
-export declare function MapComponent(props: MapsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/map/map.stories.d.ts

@@ -1,92 +0,0 @@
-/// <reference types="google.maps" />
-/// <reference types="react" />
-import { StoryObj } from '@storybook/react';
-import { MapComponent } from './map.component';
-import { CartoBasemapsNames, GMapsBasemap } from './types';
-declare const meta: {
-    title: string;
-    component: typeof MapComponent;
-    parameters: {
-        layout: string;
-        docs: {
-            page: null;
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        instanceRef: {
-            control: {
-                disable: boolean;
-            };
-        };
-        overlayRef: {
-            control: {
-                disable: boolean;
-            };
-        };
-        basemap: {
-            control: {
-                type: string;
-                options: (CartoBasemapsNames | GMapsBasemap)[];
-            };
-        };
-        mapOptions: {
-            control: {
-                disable: boolean;
-            };
-        };
-        style: {
-            control: {
-                disable: boolean;
-            };
-        };
-        height: {
-            control: string;
-        };
-    };
-    args: {
-        layers: never[];
-        basemap: GMapsBasemap.Satellite;
-        viewState: {
-            latitude: number;
-            longitude: number;
-            zoom: number;
-            minZoom: number;
-            maxZoom: number;
-        };
-        apiKey: string;
-        instanceRef: null;
-        overlayRef: null;
-    };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        getCursor?: (({ isDragging }: {
-            isDragging: boolean;
-        }) => string) | null | undefined;
-        onClick?: ((info: unknown, event: unknown) => void) | null | undefined;
-        onDrag?: ((info: unknown, event: unknown) => void) | null | undefined;
-        onDragEnd?: ((info: unknown, event: unknown) => void) | null | undefined;
-        onDragStart?: ((info: unknown, event: unknown) => void) | null | undefined;
-        onHover?: ((info: unknown, event: unknown) => void) | null | undefined;
-        basemap: import("./types").Basemap;
-        instanceRef: import("react").MutableRefObject<google.maps.Map | import("react-map-gl").MapRef> | null;
-        layers: unknown[];
-        overlayRef: import("react").MutableRefObject<GoogleMapsOverlay> | null;
-        viewState: import("./types").ViewState;
-        height?: import("csstype").Property.Height<0 | (string & {})> | undefined;
-        id?: string | undefined;
-        style?: Record<string, string | number> | undefined;
-        width?: import("csstype").Property.Width<0 | (string & {})> | undefined;
-        getTooltip?: ((info: unknown) => unknown) | null | undefined;
-        onResize?: ((props: import("./types").ResizeProps) => void) | undefined;
-        onViewStateChange?: ((props: import("./types").ViewStateProps) => void) | undefined;
-        apiKey: string;
-        language?: string | undefined;
-        mapOptions?: Record<string, string | number> | undefined;
-        version?: string | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

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

@@ -1,67 +0,0 @@
-/// <reference types="google.maps" />
-import { GoogleMapsOverlay } from '@deck.gl/google-maps';
-import type { Properties } from 'csstype';
-import type { MutableRefObject } from 'react';
-import type { MapRef } from 'react-map-gl';
-export declare enum GMapsBasemap {
-    Roadmap = "roadmap",
-    Satellite = "satellite",
-    Terrain = "terrain"
-}
-export declare enum CartoBasemapsNames {
-    DarkMatter = "dark-matter",
-    Positron = "positron",
-    Voyager = "voyager"
-}
-export declare const CartoBasemapURL: {
-    positron: string;
-    voyager: string;
-    "dark-matter": string;
-};
-export type Basemap = (typeof GMapsBasemap)[keyof typeof GMapsBasemap] | (typeof CartoBasemapsNames)[keyof typeof CartoBasemapsNames];
-export type ViewState = {
-    latitude: number;
-    longitude: number;
-    zoom: number;
-    maxZoom?: number;
-    minZoom?: number;
-} & Record<string, number>;
-export type ResizeProps = {
-    height: number;
-    width: number;
-};
-export type ViewStateProps = {
-    viewState: ViewState;
-};
-export type MapsProps = DeckGLMapsProps & GoogleMapsProps;
-type CommonProps = {
-    basemap: Basemap;
-    instanceRef: MutableRefObject<google.maps.Map | MapRef> | null;
-    layers: unknown[];
-    overlayRef: MutableRefObject<GoogleMapsOverlay> | null;
-    viewState: ViewState;
-    height?: Properties['height'];
-    id?: string;
-    style?: Record<string, number | string>;
-    width?: Properties['width'];
-    getTooltip?: ((info: unknown) => unknown) | null;
-    onResize?: (props: ResizeProps) => void;
-    onViewStateChange?: (props: ViewStateProps) => void;
-};
-export type DeckGLMapsProps = {
-    getCursor?: (({ isDragging }: {
-        isDragging: boolean;
-    }) => string) | null;
-    onClick?: ((info: unknown, event: unknown) => void) | null;
-    onDrag?: ((info: unknown, event: unknown) => void) | null;
-    onDragEnd?: ((info: unknown, event: unknown) => void) | null;
-    onDragStart?: ((info: unknown, event: unknown) => void) | null;
-    onHover?: ((info: unknown, event: unknown) => void) | null;
-} & CommonProps;
-export type GoogleMapsProps = {
-    apiKey: string;
-    language?: string;
-    mapOptions?: Record<string, number | string>;
-    version?: string;
-} & CommonProps;
-export {};

package/dist/types/components/scroll-to-anchor/scroll-to-anchor.stories.d.ts

@@ -1,42 +0,0 @@
-/// <reference types="react" />
-import { ScrollToAnchor } from './scroll-to-anchor.component';
-import { StoryObj } from '@storybook/react';
-declare const meta: {
-    title: string;
-    component: typeof ScrollToAnchor;
-    parameters: {
-        layout: string;
-        docs: {
-            page: null;
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        children: {
-            control: {
-                type: null;
-            };
-        };
-    };
-    args: {
-        children: import("react/jsx-runtime").JSX.Element;
-        currentAnchor: string;
-        className: string;
-        timeout: number;
-        onChange: () => void;
-    };
-    decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0a347bb9").R, {
-        children: JSX.Element;
-        currentAnchor: string;
-        BoxProps?: import("@mui/material").BoxProps | undefined;
-        className?: string | undefined;
-        timeout?: number | undefined;
-        onChange: (section: string) => void;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const ButtonsTemplate: Story;

package/dist/types/components/section-container/section-container.stories.d.ts

@@ -1,5 +0,0 @@
-import { StoryObj } from '@storybook/react';
-declare const meta: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./types").SectionContainerProps>;
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;

package/dist/types/components/tabs-to-anchor/tabs-to-anchor.stories.d.ts

@@ -1,30 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { TabsToAnchor } from './tabs-to-anchor.component';
-declare const meta: {
-    title: string;
-    component: typeof TabsToAnchor;
-    parameters: {
-        layout: string;
-        docs: {
-            page: null;
-            description: {
-                component: string;
-            };
-        };
-    };
-    argTypes: {
-        children: {
-            control: {
-                type: null;
-            };
-        };
-    };
-    args: {
-        anchor: string;
-        variant: "fullWidth";
-        children: import("react/jsx-runtime").JSX.Element[];
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;