@geoinsight/react-components 1.0.6 → 1.0.7

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

@@ -1,135 +0,0 @@
-import { ReactNode, ReactElement } from "react";
-import { Viewport } from "@deck.gl/core/typed";
-import { LayerProps } from "@deck.gl/core/typed";
-import { AnyLayer, AnySourceData } from "mapbox-gl";
-import { Deck } from "@deck.gl/core/src";
-import { MapboxProps } from "react-map-gl/dist/esm/mapbox/mapbox";
-export type MapAsDeckgl = Map & {
-    /**
-     * Props of the visualization framework
-     */
-    mapProps?: Deck;
-};
-export type MapAsMapbox = Map & {
-    /**
-     * Props of the visualization framework
-     */
-    mapProps?: MapboxProps;
-};
-export interface Map {
-    /**
-     * Basemap attribution
-     */
-    attribution?: string | ReactElement;
-    /**
-     * Basemap tile
-     */
-    basemap?: string;
-    /**
-     * If basemap needs token
-     */
-    basemapToken?: string;
-    /**
-     * Component's children
-     */
-    children?: ReactNode;
-    /**
-     * Viewport of the map
-     */
-    initialViewState?: Viewport;
-    /**
-     * Type of the visualization framework
-     */
-    framework?: "deck.gl" | "mapboxgl";
-    /**
-     * if it has switch basemap button
-     */
-    hasSwitchBasemap?: boolean;
-    /**
-     * if it has switch projection button (only works on mapboxgl framework)
-     */
-    hasSwitchProjection?: boolean;
-    /**
-     * Access token for mapbox  (only works on mapboxgl framework)
-     */
-    mapboxAccessToken?: string;
-    /**
-     * Layers to be used on deck.gl
-     */
-    layers?: {
-        type: string;
-        layer: LayerProps;
-    }[];
-    /**
-     * Popup upon on click
-     */
-    popup?: {
-        data?: {
-            fields: string[];
-            values: any[];
-        };
-        isDefault?: boolean;
-        render?: ReactElement;
-    };
-    /**
-     * Controls you want to add
-     */
-    renderControls?: Controls;
-    /**
-     * Sources to be used on mapbox
-     */
-    sources?: (AnySourceData & {
-        id?: string;
-        children?: any;
-        layers?: AnyLayer[];
-    })[];
-    /**
-     * Table of contents (toc needs to be inside a provider, so you need to call <MapProvider />)
-     */
-    toc?: any;
-}
-export type Controls = {
-    [key in keyof Position]: ReactNode;
-};
-export interface Position {
-    "top-left"?: ReactNode;
-    "top-center"?: ReactNode;
-    "top-right"?: ReactNode;
-    "center-left"?: ReactNode;
-    center?: ReactNode;
-    "center-right"?: ReactNode;
-    "bottom-left"?: ReactNode;
-    "bottom-center"?: ReactNode;
-    "bottom-right"?: ReactNode;
-}
-export interface PopupData {
-    info: {
-        [key: string]: any;
-    };
-    model: {
-        data: {
-            fields: string[];
-            values: ((v?: any) => string | number)[];
-        };
-        isDefault?: boolean;
-        render?: ReactElement;
-    };
-}
-export interface Toc {
-    defaultIds?: string[];
-    parents: ParentsToc;
-}
-export interface ParentsToc {
-    [key: string]: {
-        title: string;
-        icon: ReactElement;
-        children: ChildrenToc;
-    };
-}
-export interface ChildrenToc {
-    [key: string]: ChildToc;
-}
-export interface ChildToc {
-    label: string;
-    icon: ReactElement;
-}

package/dist/esm/components/map/map-deckgl.d.ts

@@ -1,4 +0,0 @@
-import { MapAsDeckgl } from "./index.types";
-import "./index.css";
-export declare function MapDeckgl({ attribution, basemap, basemapToken, initialViewState, hasSwitchBasemap, layers, mapProps, renderControls, toc, }: MapAsDeckgl): import("react/jsx-runtime").JSX.Element;
-export default MapDeckgl;

package/dist/esm/components/map/map-mapbox.d.ts

@@ -1,11 +0,0 @@
-import { Viewport } from "maplibre-gl";
-import { MapAsMapbox } from "./index.types";
-export interface MapboxMapProps {
-    basemap?: string;
-    initialViewState?: Viewport;
-    hasSwitchBasemap?: boolean;
-    hasSwitchProjection?: boolean;
-    mapboxAccessToken: string;
-}
-declare function MapMapbox({ basemap, mapProps, hasSwitchBasemap, hasSwitchProjection, renderControls, sources, toc, }: MapAsMapbox): import("react/jsx-runtime").JSX.Element;
-export default MapMapbox;

package/dist/esm/components/map/map-popup.d.ts

@@ -1,12 +0,0 @@
-import "./index.css";
-import { PopupData } from "./index.types";
-import { Dispatch, SetStateAction } from "react";
-type MapPopupProps = {
-    framework?: "deck.gl" | "mapboxgl";
-    latitude: number;
-    longitude: number;
-    setPopupData?: Dispatch<SetStateAction<PopupData | undefined>>;
-    popup?: PopupData;
-};
-declare const MapPopup: ({ popup, framework, setPopupData, longitude, latitude, }: MapPopupProps) => import("react/jsx-runtime").JSX.Element;
-export default MapPopup;

package/dist/esm/components/map/map-toc.d.ts

@@ -1,13 +0,0 @@
-import "./index.css";
-import { ChildToc, Toc } from "./index.types";
-interface TocProps {
-    items: Toc;
-    selected: ChildToc & {
-        id: string;
-    };
-    setSelected: (layer: ChildToc & {
-        id: string;
-    }) => void;
-}
-declare function MapToc({ items, selected, setSelected }: TocProps): import("react/jsx-runtime").JSX.Element;
-export default MapToc;

package/dist/esm/components/map-control/index.d.ts

@@ -1,4 +0,0 @@
-import { MapControl as MapControlProps } from "./index.types";
-import "./index.css";
-export declare function MapControl({ children, position, ...rest }: MapControlProps): import("react/jsx-runtime").JSX.Element;
-export default MapControl;

package/dist/esm/components/map-control/index.types.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-export interface MapControl {
-    /**
-     * Position of the control
-     */
-    position?: "top-left" | "top-center" | "top-right" | "center-left" | "center" | "center-right" | "bottom-left" | "bottom-center" | "bottom-right";
-    /**
-     * Children inside the control
-     */
-    children?: React.ReactNode;
-}

package/dist/esm/components/menu/index.d.ts

@@ -1,11 +0,0 @@
-import { MenuButton } from "./menu-button";
-import { MenuContent } from "./menu-content";
-import { MenuItem } from "./menu-item";
-import { MenuRoot } from "./menu-root";
-export declare const Menu: {
-    Root: typeof MenuRoot;
-    Item: typeof MenuItem;
-    Button: typeof MenuButton;
-    Content: typeof MenuContent;
-};
-export default Menu;

package/dist/esm/components/menu/index.stories.d.ts

@@ -1,7 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Menu from ".";
-declare const meta: Meta<typeof Menu>;
-type Story = StoryObj<typeof Menu>;
-export declare const PrimaryOpenByDefault: Story;
-export declare const SecondaryClosedByDefault: Story;
-export default meta;

package/dist/esm/components/menu/menu-button.d.ts

@@ -1,21 +0,0 @@
-/** React */
-import React, { HtmlHTMLAttributes, ReactNode } from "react";
-/** CSS */
-import "./index.css";
-/** Props */
-type Props = HtmlHTMLAttributes<HTMLDivElement> & {
-    anchor?: React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-        Custom?: React.ComponentClass<any>;
-    };
-    children: ReactNode;
-    buttonClassName?: string;
-    nested?: boolean;
-    subnested?: boolean;
-    dropdown?: boolean;
-    isLink?: boolean;
-    isSelected?: boolean;
-    handleCallbackClick?: () => void;
-    "data-menu-id"?: string;
-};
-export declare function MenuButton({ anchor, children, buttonClassName, nested, subnested, dropdown, isLink, isSelected, handleCallbackClick, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/components/menu/menu-content.d.ts

@@ -1,8 +0,0 @@
-/** React */
-import { HTMLAttributes } from "react";
-/** Props */
-type Props = HTMLAttributes<HTMLDivElement> & {
-    "data-menu-id"?: string | undefined;
-};
-export declare function MenuContent({ children, ...props }: Props): import("react/jsx-runtime").JSX.Element | undefined;
-export {};

package/dist/esm/components/menu/menu-item.d.ts

@@ -1,10 +0,0 @@
-/** React */
-import { HtmlHTMLAttributes, ReactNode } from "react";
-/** CSS */
-import "./index.css";
-/** Props */
-type Props = HtmlHTMLAttributes<HTMLDivElement> & {
-    children: ReactNode;
-};
-export declare function MenuItem({ children, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/components/menu/menu-root.d.ts

@@ -1,21 +0,0 @@
-/** React */
-import React, { ReactNode } from "react";
-/** Types */
-type Item = {
-    id: string;
-    isExpanded: boolean;
-};
-/** Context type */
-type MenuContextType = {
-    items: Record<string, Item>;
-    addItem: (item: Item) => void;
-    toggle: (id: string) => void;
-};
-/** Props */
-type MenuRootProps = {
-    children: ReactNode;
-    isOpenByDefault?: true;
-};
-export declare function MenuRoot({ children, isOpenByDefault }: MenuRootProps): import("react/jsx-runtime").JSX.Element;
-export declare function useMenu(): React.Context<MenuContextType>;
-export {};

package/dist/esm/components/menu/menu-utils.d.ts

@@ -1 +0,0 @@
-export declare const generateId: () => string;

package/dist/esm/components/menu/menu-wrapper.d.ts

@@ -1,10 +0,0 @@
-/** React */
-import { ReactNode } from "react";
-/** CSS */
-import "./index.css";
-/** Props */
-type MenuWrapperProps = {
-    children: ReactNode;
-};
-export declare function MenuWrapper({ children }: MenuWrapperProps): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/components/modal/index.d.ts

@@ -1,4 +0,0 @@
-import { Modal as ModalProps } from "./index.types";
-import "./index.css";
-export declare function Modal({ className, modalref, children, title, subtitle, footer, hasOverlay, hasCloseButton, handleClose, ...rest }: ModalProps): import("react/jsx-runtime").JSX.Element;
-export default Modal;

package/dist/esm/components/modal/index.stories.d.ts

@@ -1,11 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Modal } from "./index";
-declare const meta: Meta<typeof Modal>;
-export default meta;
-type Story = StoryObj<typeof Modal>;
-export declare const PrimaryWithOverlay: Story;
-export declare const TitleAndSubtitle: Story;
-export declare const WithoutOverlay: Story;
-export declare const WithFooter: Story;
-export declare const WithFooterAndSubtitle: Story;
-export declare const WithoutCloseButton: Story;

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

@@ -1,39 +0,0 @@
-import React from "react";
-export interface Modal {
-    /**
-     * Custom css class name.
-     */
-    className?: string;
-    /**
-     * Children
-     */
-    children?: React.ReactNode;
-    /**
-     * Modal footer
-     */
-    footer?: React.ReactNode;
-    /**
-     * Close click function
-     */
-    handleClose?: any;
-    /**
-     * Modal close button
-     */
-    hasCloseButton?: boolean;
-    /**
-     * Overlay div
-     */
-    hasOverlay?: boolean;
-    /**
-     * Modal body ref
-     */
-    modalref?: React.LegacyRef<HTMLDivElement>;
-    /**
-     * Subtitle of the modal
-     */
-    subtitle?: React.ReactNode;
-    /**
-     * Title of the modal
-     */
-    title?: React.ReactNode;
-}

package/dist/esm/components/select/index.d.ts

@@ -1,4 +0,0 @@
-import { Select as SelectProps } from "./index.types";
-import "./index.css";
-export declare function Select({ inputClassName, classNameGroup, options, styleGroup, defaultValue, setFormSelected, clearError, resetForm, onFormBlur, handleSelect, label, labelClassName, error, backgroundColor, isRequired, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
-export default Select;

package/dist/esm/components/select/index.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Select } from "./index";
-declare const meta: Meta<typeof Select>;
-export default meta;
-type Story = StoryObj<typeof Select>;
-export declare const Primary: Story;
-export declare const PrimaryLabelAndLabelClass: Story;
-export declare const Error: Story;
-export declare const DifferentDefaultSelectedValue: Story;
-export declare const DifferentClassNameGroup: Story;

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

@@ -1,53 +0,0 @@
-import { CSSProperties } from "react";
-import { dataTheme } from "data-theme";
-export interface Select extends React.InputHTMLAttributes<HTMLInputElement> {
-    /**
-     * Custom css class name.
-     */
-    inputClassName?: string;
-    /**
-     * Custom css class name for group wrapper.
-     */
-    classNameGroup?: string;
-    /**
-     * Data theme for the html. `${themes}`
-     */
-    paletteTheme?: dataTheme;
-    /**
-     * Options of the select component.
-     */
-    options?: string[];
-    /**
-     * Error message to show when input has an error.
-     */
-    error: {
-        is: boolean;
-        message: string;
-    };
-    /**
-     * Style input group wrapper
-     */
-    styleGroup?: CSSProperties;
-    /**Default selected value */
-    defaultValue?: string;
-    /**
-     * Style of the backgroundColor
-     */
-    backgroundColor?: string;
-    /**Pass a custom function to the select */
-    handleSelect?: Function;
-    /**Pass a custom function to the select */
-    setFormSelected?: Function;
-    /**Pass a custom function to the select on clear error*/
-    clearError?: Function;
-    /**Pass a custom function to the select on reset form*/
-    resetForm?: Function;
-    /**Pass a custom function to the select on form blur, when closing the select*/
-    onFormBlur?: Function;
-    /**Pass a custom label to the select*/
-    label?: string;
-    /**Pass a custom class to the label of the select*/
-    labelClassName?: string;
-    /**Sets if select is required or not*/
-    isRequired: boolean;
-}

package/dist/esm/components/text-area/index.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { TextArea as TextAreaProps } from "./index.types";
-import "./index.css";
-export declare function TextArea({ buttonDisabled, className, disabled, error, hasToggleButton, hideHeight, label, labelClassName, isRequired, placeholder, showHeight, backgroundColor, style, textareaClassName, ...rest }: TextAreaProps): JSX.Element;
-export default TextArea;

package/dist/esm/components/text-area/index.stories.d.ts

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { TextArea } from "./index";
-declare const meta: Meta<typeof TextArea>;
-export default meta;
-type Story = StoryObj<typeof TextArea>;
-export declare const Active: Story;
-export declare const Disabled: Story;
-export declare const ActiveWithLabel: Story;
-export declare const ActiveWithConfigurableLabel: Story;
-export declare const NoToggleButton: Story;

package/dist/esm/components/text-area/index.types.d.ts

@@ -1,50 +0,0 @@
-import { CSSProperties } from "react";
-import { FieldError, FieldErrorsImpl, Merge } from "react-hook-form";
-export interface TextArea {
-    /**
-     * Custom css class name textarea wrapper.
-     */
-    className?: string;
-    /**
-     * Disable prop
-     */
-    disabled?: boolean;
-    /**
-     * Error message to show when input has an error.
-     */
-    error?: {
-        message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
-        is?: boolean;
-    };
-    hasToggleButton?: boolean;
-    /**
-     * Minimum height if toggle button is true
-     */
-    hideHeight?: string;
-    /**
-     * Placeholder for textarea html tag
-     */
-    placeholder?: string;
-    /**
-     * Maximum height if toggle button is false
-     */
-    showHeight?: string;
-    /**
-     * Style textarea group wrapper
-     */
-    style?: CSSProperties;
-    /**
-     * Classname of the textarea
-     */
-    textareaClassName?: string;
-    /**Places a text on top of the text-area */
-    label?: string;
-    /**className of the text on top of the text-area */
-    labelClassName?: string;
-    /**Shows the full component as disabled */
-    buttonDisabled?: boolean;
-    /**Changes the background color of the input*/
-    backgroundColor?: string;
-    /**Makes input text required or not*/
-    isRequired: boolean;
-}

package/dist/esm/context/loading/index.d.ts

@@ -1,24 +0,0 @@
-import React, { ReactNode, RefObject } from "react";
-type State = {
-    isLoading: boolean;
-    message?: string | React.ReactNode;
-    ref?: RefObject<ReactNode>;
-};
-type Context = {
-    state: State;
-    setRef: (ref: RefObject<ReactNode>) => void;
-    setMessage: (message: string) => void;
-    startLoading: () => void;
-    stopLoading: () => void;
-};
-type LoadingProviderProps = {
-    children: React.ReactNode;
-};
-type UseLoadingProps = {
-    ref?: RefObject<ReactNode>;
-    message?: string;
-};
-declare const LoadingContext: React.Context<Context | undefined>;
-declare function LoadingProvider({ children }: LoadingProviderProps): import("react/jsx-runtime").JSX.Element;
-declare function useLoading({ ref, message }?: UseLoadingProps): Context;
-export { LoadingContext, LoadingProvider, useLoading };

package/dist/esm/context/loading/index.stories.d.ts

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { LoadingProvider } from ".";
-declare const meta: Meta<typeof LoadingProvider>;
-export default meta;
-type Story = StoryObj<typeof LoadingProvider>;
-export declare const Basic: Story;
-export declare const CustomMessage: Story;
-export declare const CustomImage: Story;

package/dist/esm/context/map/index.d.ts

@@ -1,20 +0,0 @@
-/** React */
-import { Dispatch, ReactNode, SetStateAction } from "react";
-import { Toc } from "../../components/map/index.types";
-/** Context type */
-type MapContextType = {
-    state?: {
-        currentLayer?: Toc;
-    };
-    setCurrentLayer: Dispatch<SetStateAction<Toc | undefined>>;
-};
-/** Props */
-type MapProviderProps = {
-    children: ReactNode;
-};
-type UseMapProps = {
-    defaultLayer?: Toc;
-};
-export declare function MapProvider({ children }: MapProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare function useMap({ defaultLayer }: UseMapProps): MapContextType;
-export {};

package/dist/esm/context/modal/index.d.ts

@@ -1,29 +0,0 @@
-import React from "react";
-import Modal from "../../components/modal";
-type Modal = {
-    title?: React.ReactNode;
-    subtitle?: React.ReactNode;
-    content?: React.ReactNode;
-    hasCloseButton?: boolean;
-    hasOverlay?: boolean;
-    hasWindowClose?: boolean;
-    footer?: React.ReactNode;
-    isCustom?: boolean;
-    customRef?: any;
-};
-interface State extends Modal {
-    isModal: boolean;
-}
-type Context = {
-    state: State;
-    openModal: (modal?: Modal) => void;
-    closeModal: () => void;
-};
-type ModalProviderProps = {
-    children: React.ReactNode;
-};
-type UseModalProps = {};
-declare const ModalContext: React.Context<Context | undefined>;
-declare function ModalProvider({ children }: ModalProviderProps): import("react/jsx-runtime").JSX.Element;
-declare function useModal({}?: UseModalProps): Context;
-export { ModalContext, ModalProvider, useModal };

package/dist/esm/context/modal/index.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { ModalProvider } from ".";
-declare const meta: Meta<typeof ModalProvider>;
-export default meta;
-type Story = StoryObj<typeof ModalProvider>;
-export declare const Basic: Story;

package/dist/esm/context/theme/index.d.ts

@@ -1,18 +0,0 @@
-import { DataPalette } from "data-palette";
-import React from "react";
-type DataTheme = "light" | "dark";
-type State = {
-    dataTheme?: DataTheme;
-    switchDataTheme: (mode: DataTheme) => void;
-    dataPalette?: DataPalette;
-    switchDataPalette: (mode: DataPalette) => void;
-};
-type ThemeProviderProps = {
-    children: React.ReactNode;
-    dataTheme?: DataTheme;
-    dataPalette?: DataPalette;
-};
-declare const ThemeContext: React.Context<State | undefined>;
-declare function ThemeProvider({ children, dataTheme: dataThemeProp, dataPalette: dataPaletteProp, }: ThemeProviderProps): import("react/jsx-runtime").JSX.Element;
-declare function useTheme(): State;
-export { ThemeContext, ThemeProvider, useTheme };

package/dist/esm/decorators/withColorScheme.d.ts

@@ -1,7 +0,0 @@
-import { StoryContext, StoryFn } from "@storybook/react";
-import "../styles/variables.css";
-export declare const withColorScheme: (Story: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;
-export declare const Wrapped: ({ Story, context, }: {
-    Story: StoryFn;
-    context: StoryContext;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/decorators/withLoading.d.ts

@@ -1,2 +0,0 @@
-import { StoryContext, StoryFn } from "@storybook/react";
-export declare const withLoading: (Story: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/decorators/withMap.d.ts

@@ -1,2 +0,0 @@
-import { StoryContext, StoryFn } from "@storybook/react";
-export declare const withMap: (Story: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/decorators/withModal.d.ts

@@ -1,2 +0,0 @@
-import { StoryContext, StoryFn } from "@storybook/react";
-export declare const withModal: (Story: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/decorators/withWrapper.d.ts

@@ -1,2 +0,0 @@
-import { StoryContext, StoryFn } from "@storybook/react";
-export declare const withWrapper: (Story: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/index.d.ts

@@ -1,15 +0,0 @@
-import "../src/styles/variables.css";
-export { Menu } from "./components/menu";
-export { Button } from "./components/button";
-export { Form } from "./components/form";
-export { FormInput } from "./components/form/form-input";
-export { FormTextArea } from "./components/form/form-text-area";
-export { FormSelect } from "./components/form/form-select";
-export { Input } from "./components/input";
-export { Loading } from "./components/loading";
-export { Modal } from "./components/modal";
-export { Select } from "./components/select";
-export { TextArea } from "./components/text-area";
-export { LoadingContext, LoadingProvider, useLoading } from "./context/loading";
-export { ModalContext, ModalProvider, useModal } from "./context/modal";
-export { ThemeContext, ThemeProvider, useTheme } from "./context/theme";

package/dist/esm/utils/palette.d.ts

@@ -1 +0,0 @@
-export declare const palette: readonly ["forest", "water", "earth"];