@carto/ps-react-ui 3.0.0 → 4.0.0-canary.1

package/dist/types/common-stories/maps/deckgl-maps.component.d.ts

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

package/dist/types/common-stories/maps/google-maps.component.d.ts

@@ -1,3 +0,0 @@
-import { GoogleMapsProps } from '@carto/ps-react-maps';
-export declare function GoogleMapsComponent(props: GoogleMapsProps): import("react/jsx-runtime").JSX.Element;
-export declare function GoogleMap({ apiKey, basemap, instanceRef, layers, overlayRef, initialViewState, viewState, controller, id, language, mapId, mapOptions, style, version, getTooltip, onResize, onViewStateChange, ...rest }: GoogleMapsProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/common-stories/maps/map-container.component.d.ts

@@ -1,4 +0,0 @@
-import { MapsProps } from '@carto/ps-react-maps';
-type MapContainerProps = Pick<MapsProps, 'id' | 'controller' | 'layers'>;
-export declare function MapContainer({ id, layers, controller, }: MapContainerProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/common-stories/maps/map.component.d.ts

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

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

@@ -1,2 +0,0 @@
-export * from './list-data.component';
-export * from './types';

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

@@ -1,37 +0,0 @@
-/// <reference types="react" />
-import { ListDataProps } from './types';
-/**
- * ListData component with two columns and collapse mode.
- *
- * @param {ListDataProps} props -  UI List props
- *
- * @defaultValues
- *
- * | Prop | Value |
- * | :--- | :--- |
- * | itemsToShow | `10` |
- * | texts | `{ showMore: 'View all', showLess: 'Collapse list' }` |
- * | dense | `false` |
- *
- * @remarks
- * The ListData component is a wrapper around the  UI List component. More information about the props can be found here: https://v4.mui.com/api/list/
- *
- * @example
- *
- * ```jsx
- *  <ListData
- *    items={[
- *      { id: '1', label: 'Option 1', value: 1 },
- *      { id: '2', label: 'Option 2', value: 2 },
- *    ]}
- *    label='List Widget'
- *    unit='$'
- *    itemsToShow={2}
- *    texts={{ showMore: 'View all', showLess: 'Collapse list' }}
- *    dense={false}
- *    formatter={(value) => value.toFixed(2)}
- *    onRowClick={(event, item) => console.log(item)}
- *  />;
- * ```
- */
-export declare function ListData({ items, itemsToShow, label, ListProps, texts: { showMore, showLess }, unit, formatter, onRowClick, }: ListDataProps): JSX.Element;

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

@@ -1,6 +0,0 @@
-import { Theme } from '@mui/material';
-export declare const styles: {
-    box: {
-        marginLeft: ({ spacing }: Theme) => string;
-    };
-};

package/dist/types/components/map-measurement-tool-ui/index.d.ts

@@ -1 +0,0 @@
-export { MapMeasureToolUI } from './map-measurement-tool-ui.component';

package/dist/types/components/map-measurement-tool-ui/map-measurement-tool-ui.component.d.ts

@@ -1,4 +0,0 @@
-import type { MapMeasureToolChildrenProps } from '@carto/ps-react-maps';
-import { SVGProps } from 'react';
-export declare function MapMeasureToolUI({ enable, onToggleButton, text, tooltip, }: MapMeasureToolChildrenProps): JSX.Element;
-export declare function RulerIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/map-measurement-tool-ui/map-measurement-tool-ui.styles.d.ts

@@ -1,25 +0,0 @@
-import { Theme } from '@mui/material';
-export declare const styles: {
-    container: {
-        display: "flex";
-        flexDirection: "row";
-        alignItems: "center";
-        justifyContent: "flex-start";
-        gap: ({ spacing }: Theme) => string;
-    };
-    buttonContainer: {
-        display: "flex";
-        flexDirection: "column";
-        alignItems: "center";
-        justifyContent: "center";
-        height: ({ spacing }: Theme) => string;
-        width: ({ spacing }: Theme) => string;
-        backgroundColor: ({ palette }: Theme) => string;
-        button: {
-            borderRadius: number;
-            '.MuiTouchRipple-ripple .MuiTouchRipple-child': {
-                borderRadius: number;
-            };
-        };
-    };
-};

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

@@ -1,2 +0,0 @@
-export * from './scroll-to-anchor.component';
-export * from './types';

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

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-import { ScrollToAnchorProps } from './types';
-/**
- * The `ScrollToAnchor` component is a wrapper that adds the necessary properties to work with anchor links with the onScroll event.
- *
- * @param {ScrollToAnchorProps} props - ScrollToAnchor props
- *
- * @defaultValues
- *
- * | Prop | Value |
- * | --- | --- |
- * | `timeout` | `50` |
- *
- * @example
- *
- * ```ts
- * <ScrollToAnchor
- *  currentAnchor={currentAnchor}
- *  onChange={handleScrollChange}
- *  className='my-custom-scroll'
- *  timeout={50}
- * >
- *  <SectionContainer
- *    title='Section 1'
- *    id='section-1'
- *    anchor={true}
- *    scrollMarginTop={0}
- *  >
- *    <Box>Content</Box>
- *  </SectionContainer>
- * </ScrollToAnchor>
- * ```
- */
-export declare function ScrollToAnchor({ children, currentAnchor, BoxProps, className, timeout, onChange, }: ScrollToAnchorProps): JSX.Element;

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

@@ -1,13 +0,0 @@
-import { Theme } from '@mui/material';
-export declare const styles: {
-    box: {
-        borderRadius: ({ spacing }: Theme) => string;
-        flex: number;
-        height: string;
-        margin: string;
-        maxWidth: ({ breakpoints }: Theme) => number;
-        overflow: "auto";
-        position: "relative";
-        width: string;
-    };
-};

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { BoxProps } from '@mui/material';
-export interface ScrollToAnchorProps {
-    children: JSX.Element;
-    currentAnchor: string;
-    BoxProps?: BoxProps;
-    className?: string;
-    timeout?: number;
-    onChange: (section: string) => void;
-}

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

@@ -1,2 +0,0 @@
-export * from './section-container.component';
-export * from './types';

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

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { SectionContainerProps } from './types';
-/**
- * `SectionContainer` component is used to group content in a section with a sticky title with an optional anchor.
- *
- * @param {SectionContainerProps} props - SectionContainer props
- *
- * @defaultValues
- *
- * | Prop | Value |
- * | --- | --- |
- * | `anchor` | `false` |
- * | `scrollMarginTop` | `0` |
- *
- * @example
- *
- * ```ts
- * <SectionContainer
- *   title='Section title'
- *   id='section-id'
- *   anchor={true}
- *   scrollMarginTop={0}
- * >
- *  <Box>Content</Box>
- * </SectionContainer>
- * ```
- */
-export declare function SectionContainer({ title, id, anchor, scrollMarginTop, children, BoxProps, }: SectionContainerProps): JSX.Element;

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

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { Theme } from '@mui/material';
-import { SectionContainerProps } from './types';
-export declare const styles: {
-    contentBox: {
-        paddingBottom: number;
-        paddingX: number;
-    };
-};
-type StyledSectionContainerBoxProps = {
-    scrollMarginTop: SectionContainerProps['scrollMarginTop'];
-};
-export declare const StyledSectionContainerBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & StyledSectionContainerBoxProps, {}, {}>;
-type StyledTitleBoxProp = {
-    scrollMarginTop: SectionContainerProps['scrollMarginTop'];
-};
-export declare const StyledTitleBox: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<Theme>> & import("@mui/system").MUIStyledCommonProps<Theme> & StyledTitleBoxProp, {}, {}>;
-export {};

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

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { BoxProps } from '@mui/material';
-export interface SectionContainerProps {
-    title: string;
-    id: string;
-    children: JSX.Element | JSX.Element[];
-    anchor?: boolean;
-    scrollMarginTop?: number;
-    BoxProps?: BoxProps;
-}

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

@@ -1,2 +0,0 @@
-export * from './tabs-to-anchor.component';
-export * from './types';

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

@@ -1,25 +0,0 @@
-import { TabsToAnchorProps } from './types';
-/**
- * The `TabsToAnchor` component is a wrapper that adds the necessary properties to work with anchor links with the onScroll event.
- *
- * @param {TabsToAnchorProps} props - TabsToAnchor props
- *
- * @defaultValues
- *
- * | Prop | Value |
- * | --- | --- |
- * | variant | 'standard' |
- *
- * @example
- *
- * ```ts
- * <TabsToAnchor
- *  anchor={currentAnchor}
- *  variant='scrollable'
- *  onChange={setCurrentAnchor}
- * >
- *  <Tab id='section-1' label='Section 1' value='section-1' />
- * </TabsToAnchor>
- * ```
- */
-export declare function TabsToAnchor({ children, anchor, TabsProps, variant, onChange, }: TabsToAnchorProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,23 +0,0 @@
-import { Theme } from '@mui/material';
-export declare const styles: {
-    tabsWrapper: {
-        backgroundColor: ({ palette }: Theme) => string;
-        left: number;
-        position: "sticky";
-        top: number;
-        width: string;
-        zIndex: number;
-        '& .MuiTab-root:last-of-type': {
-            marginRight: number;
-        };
-        '& .MuiTab-textColorPrimary': {
-            color: ({ palette }: Theme) => string;
-            '&.Mui-selected': {
-                color: ({ palette }: Theme) => string;
-            };
-        };
-        '& .MuiTabs-indicator.colorPrimary': {
-            backgroundColor: ({ palette }: Theme) => string;
-        };
-    };
-};

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import type { TabsProps } from '@mui/material';
-export interface TabsToAnchorProps {
-    children: JSX.Element[];
-    anchor?: string;
-    variant?: 'fullWidth' | 'scrollable' | 'standard';
-    onChange?: (anchor: string) => void;
-    TabsProps?: TabsProps;
-}

package/dist/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components';
-export * from './utils';

package/dist/types/utils/create-select-options-from-array.utils.d.ts

@@ -1,5 +0,0 @@
-export type SelectOptions = {
-    value: string | number;
-    label: string;
-};
-export declare function createSelectOptionsFromArray(data: (number | string)[]): SelectOptions[];

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

@@ -1 +0,0 @@
-export * from './create-select-options-from-array.utils';