@geoinsight/react-components 0.8.11 → 1.0.0

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

@@ -1,56 +0,0 @@
-import { ReactNode } from "react";
-import { Viewport } from "@deck.gl/core/typed";
-import { LayerProps } from "@deck.gl/core/typed";
-export interface Map {
-    /**
-     * Basemap tile
-     */
-    basemap?: 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;
-    /**
-     * Props of the visualization framework
-     */
-    layers?: {
-        type: string;
-        layer: LayerProps;
-    }[];
-    /**
-     * Props of the visualization framework
-     */
-    mapProps?: {
-        [key: string]: any;
-    };
-    /**
-     * Controls you want to add
-     */
-    controls?: Controls;
-}
-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;
-}

package/dist/esm/components/map/useAddMap.d.ts

@@ -1,8 +0,0 @@
-import mapboxgl from "mapbox-gl";
-interface hookProps {
-    accessToken: string;
-    projection: mapboxgl.Projection["name"];
-    theme: string;
-}
-declare const useAddMap: ({ accessToken, projection, theme }: hookProps) => any;
-export default useAddMap;

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 }: 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/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,6 +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 Primary: 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, ...rest }: SelectProps): import("react/jsx-runtime").JSX.Element;
-export default Select;

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

@@ -1,7 +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 Error: Story;

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

@@ -1,30 +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;
-    /**
-     * Error message to show when input has an error.
-     */
-    options?: string[];
-    /**
-     * Style input group wrapper
-     */
-    styleGroup?: CSSProperties;
-    defaultValue?: string;
-    setFormSelected?: any;
-    clearError?: any;
-    resetForm?: any;
-    onFormBlur?: any;
-    handleSelect?: any;
-}

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, labelClass, placeholder, showHeight, style, textareaClassName, ...rest }: TextAreaProps): JSX.Element;
-export default TextArea;

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

@@ -1,7 +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;

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

@@ -1,43 +0,0 @@
-import { CSSProperties } from "react";
-import { FieldError, FieldErrorsImpl, Merge } from "react-hook-form";
-export interface TextArea extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /**
-     * 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;
-    label?: string;
-    labelClass?: string;
-    buttonDisabled?: boolean;
-}

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

@@ -1,10 +0,0 @@
-import React from "react";
-import { Accordion, ToggleArray } from "../../components/accordion/index.types";
-interface State {
-    toggle?: ToggleArray;
-    setToggle: (prev: any) => void;
-}
-declare const AccordionContext: React.Context<State | undefined>;
-declare function AccordionProvider({ children, expanded }: Accordion): import("react/jsx-runtime").JSX.Element;
-declare function useAccordion(): State;
-export { useAccordion, AccordionContext, AccordionProvider };

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/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/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,18 +0,0 @@
-import "../src/styles/variables.css";
-export { Accordion, AccordionItem, AccordionButton, AccordionContent } from "./components/accordion";
-export { Button } from "./components/button";
-export { Form } from "./components/form";
-export { FormInput } from "./components/form/FormInput";
-export { FormTextArea } from "./components/form/FormTextArea";
-export { FormSelect } from "./components/form/FormSelect";
-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 { MapComponent } from "./components/map";
-export { MapControl } from "./components/map-control";
-export { LoadingContext, LoadingProvider, useLoading } from "./context/loading";
-export { ModalContext, ModalProvider, useModal } from "./context/modal";
-export { ThemeContext, ThemeProvider, useTheme } from "./context/theme";
-export { AccordionContext, AccordionProvider, useAccordion } from "./context/accordion";

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

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

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

@@ -1,6 +0,0 @@
-import { ReactNode } from "react";
-import { ToggleArray } from "../components/accordion/index.types";
-export declare function recursiveChildren(children: ReactNode | ReactNode[], i?: number): ReactNode;
-export declare function recursiveToggle(children: ReactNode[], toggleArray: ToggleArray | undefined, i: number | undefined, props: {
-    expanded: "all" | "none" | "custom";
-}): ToggleArray | undefined;