@geoinsight/react-components 0.8.12 → 1.0.0

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/utils/palette.d.ts

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

package/dist/cjs/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;

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

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

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

@@ -1,4 +0,0 @@
-import "./index.css";
-import { AccordionContent as AccordionContentProps } from "./index.types";
-export declare const AccordionContent: ({ children, className, label, toggle, }: AccordionContentProps) => false | "" | import("react/jsx-runtime").JSX.Element | undefined;
-export default AccordionContent;

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

@@ -1,4 +0,0 @@
-import "./index.css";
-import { AccordionItem as AccordionItemProps } from "./index.types";
-export declare function AccordionItem({ children, className, label, isExpanded, }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
-export default AccordionItem;

package/dist/esm/components/accordion/accordion.d.ts

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

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

@@ -1,4 +0,0 @@
-export { Accordion } from "./accordion";
-export { AccordionItem } from "./accordion-item";
-export { AccordionButton } from "./accordion-button";
-export { AccordionContent } from "./accordion-content";

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

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

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

@@ -1,36 +0,0 @@
-import { ReactNode } from "react";
-import { ButtonAsButton, ButtonAsLink } from "../button/index.types";
-export interface Accordion {
-    /**
-     * Accordion children
-     */
-    children: ReactNode | ReactNode[];
-    /**
-     * Expand all items
-     */
-    expanded: "all" | "none" | "custom";
-}
-export interface ToggleArray {
-    [key: string]: {
-        depth: number;
-        isToggle: boolean;
-        paddingLeft?: string;
-    };
-}
-export interface AccordionItem {
-    children: ReactNode | ReactNode[];
-    className?: string;
-    label?: string;
-    isExpanded?: boolean;
-}
-export type AccordionButton = ButtonAsButton & ButtonAsLink & {
-    is?: "button" | "link";
-    label?: string;
-    toggle?: ToggleArray;
-};
-export interface AccordionContent {
-    children: ReactNode | ReactNode[];
-    className?: string;
-    label?: string;
-    toggle?: ToggleArray;
-}

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import { ButtonAsButton, ButtonAsLink } from "./index.types";
-import "./index.css";
-export declare function Button({ children, className, icon, isNewWindow, mode, size, as, CustomAnchor, ...rest }: ButtonAsButton | ButtonAsLink): JSX.Element;
-export default Button;

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

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

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

@@ -1,41 +0,0 @@
-/// <reference types="react" />
-type Mode = "primary" | "secondary" | "icon";
-type Size = "small" | "medium" | "large";
-export type ButtonAsButton = Base & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof Base> & {
-    as?: "button";
-};
-export type ButtonAsLink = Base & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof Base> & {
-    as?: "link";
-};
-export interface Base {
-    /**
-     * What to put inside the button (string or html elements)
-     */
-    children?: JSX.Element | string;
-    /**
-     * Custom css class name
-     */
-    className?: string;
-    /**
-     * If you want to add an icon image next to the children. Needs to be an react html element.
-     */
-    icon?: JSX.Element;
-    /**
-     * If you want to open a new window on the browser when you click the button. Only applies to html anchor elements.
-     */
-    isNewWindow?: boolean;
-    /**
-     * Css mode used to style the button.
-     */
-    mode?: Mode;
-    /**
-     * Button size.
-     */
-    size?: Size;
-    /**
-     * Button type.
-     */
-    as?: "button" | "link";
-    CustomAnchor?: React.ComponentClass<any>;
-}
-export {};

package/dist/esm/components/form/FormInput.d.ts

@@ -1,4 +0,0 @@
-import "./index.css";
-import { FormInputs } from "./index.types";
-export declare function FormInput({ name, isRequired, error, defaultValue, ...rest }: FormInputs): import("react/jsx-runtime").JSX.Element;
-export default FormInput;

package/dist/esm/components/form/FormSelect.d.ts

@@ -1,4 +0,0 @@
-import "./index.css";
-import { FormSelect as FormSelectProps } from "./index.types";
-export declare function FormSelect({ name, isRequired, error, fieldsToReset, ...rest }: FormSelectProps): import("react/jsx-runtime").JSX.Element;
-export default FormSelect;

package/dist/esm/components/form/FormTextArea.d.ts

@@ -1,4 +0,0 @@
-import "./index.css";
-import { FormInputs } from "./index.types";
-export declare function FormTextArea({ name, isRequired, error, ...rest }: FormInputs): import("react/jsx-runtime").JSX.Element;
-export default FormTextArea;

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

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

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

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

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

@@ -1,45 +0,0 @@
-import { Dispatch, JSXElementConstructor, ReactElement, ReactNode, SetStateAction } from "react";
-import { FieldError, FieldErrorsImpl, FieldValues, FormState, Merge } from "react-hook-form";
-import { Input } from "../input/index.types";
-import { TextArea } from "../text-area/index.types";
-import { Select } from "../select/index.types";
-export interface Form {
-    /**
-     * Custom css class name.
-     */
-    className?: string;
-    children?: ReactNode | ReactNode[];
-    onSubmit: (data: FieldValues, setResult: SetResult) => void;
-    submitButton?: {
-        label: string;
-    };
-    initialState?: FormState<FieldValues>;
-}
-export interface ReactNodeControlled extends ReactElement<any, string | JSXElementConstructor<any>> {
-    props: ControlledInput;
-}
-export type ControlledInput = Input & TextArea & {
-    name: string;
-    error: string;
-};
-export type SetResult = Dispatch<SetStateAction<{
-    message?: string;
-    isSuccess: boolean;
-}>>;
-export interface FormInputs extends Input {
-    name: string;
-    isRequired?: boolean;
-    error?: {
-        message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
-        is?: boolean;
-    };
-}
-export interface FormSelect extends Select {
-    name: string;
-    isRequired?: boolean;
-    error?: {
-        message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
-        is?: boolean;
-    };
-    fieldsToReset?: string[];
-}

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

@@ -1,4 +0,0 @@
-import { Input as InputProps } from "./index.types";
-import "./index.css";
-export declare function Input({ inputClassName, classNameGroup, error, inputRef, styleGroup, placeholder, label, labelClass, icon, ...rest }: InputProps): import("react/jsx-runtime").JSX.Element;
-export default Input;

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

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

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

@@ -1,40 +0,0 @@
-import { dataTheme } from "data-theme";
-import { CSSProperties, ReactNode, Ref } from "react";
-import { FieldError, FieldErrorsImpl, Merge } from "react-hook-form";
-export interface Input 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.
-     */
-    error?: {
-        message?: string | false | FieldError | Merge<FieldError, FieldErrorsImpl<any>> | undefined;
-        is?: boolean;
-    };
-    /**
-     * Ref react elemnt to use
-     */
-    inputRef?: Ref<HTMLInputElement>;
-    /**
-     * Style input group wrapper
-     */
-    styleGroup?: CSSProperties;
-    isRequired?: boolean;
-    label?: string;
-    labelClass?: string;
-    icon?: {
-        className?: string;
-        element?: ReactNode;
-        position?: "right" | "left";
-    };
-}

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

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

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

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

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

@@ -1,11 +0,0 @@
-import React from "react";
-export interface Loading {
-    /**
-     * Image or gif used
-     */
-    img?: string;
-    /**
-     * Message that its sent
-     */
-    children?: React.ReactNode;
-}

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

@@ -1,2 +0,0 @@
-declare function MapboxMap(): import("react/jsx-runtime").JSX.Element;
-export default MapboxMap;

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

@@ -1,4 +0,0 @@
-import { Map as MapProps } from "./index.types";
-import "./index.css";
-export declare function MapComponent({ basemap, initialViewState, framework, mapProps, hasSwitchBasemap, layers, controls, basemapToken, ...rest }: MapProps): import("react/jsx-runtime").JSX.Element;
-export default MapComponent;

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

@@ -1,8 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { MapComponent } from "./index";
-declare const meta: Meta<typeof MapComponent>;
-export default meta;
-type Story = StoryObj<typeof MapComponent>;
-export declare const DeckGL: Story;
-export declare const DeckGLPoints: Story;
-export declare const Mapbox: Story;