@geoinsight/react-components 0.6.11 → 0.7.1

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

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

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

@@ -0,0 +1,7 @@
+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/types/components/text-area/index.types.d.ts

@@ -0,0 +1,37 @@
+import { CSSProperties } from "react";
+export interface TextArea extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /**
+     * Custom css class name textarea wrapper.
+     */
+    className?: string;
+    /**
+     * Disable prop
+     */
+    disabled?: boolean;
+    /**
+     * Check if there is a toggle button
+     */
+    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;
+}

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

@@ -0,0 +1,10 @@
+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/types/context/loading/index.d.ts

@@ -0,0 +1,24 @@
+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/types/context/loading/index.stories.d.ts

@@ -0,0 +1,8 @@
+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/types/context/modal/index.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import Modal from "../../components/modal";
+type Modal = {
+    title?: React.ReactNode;
+    subtitle?: React.ReactNode;
+    content?: React.ReactNode;
+    hasCloseButton?: boolean;
+    footer?: React.ReactNode;
+};
+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/types/context/modal/index.stories.d.ts

@@ -0,0 +1,6 @@
+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/types/context/theme/index.d.ts

@@ -0,0 +1,18 @@
+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/types/decorators/withColorScheme.d.ts

@@ -0,0 +1,7 @@
+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/types/decorators/withLoading.d.ts

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+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 { LoadingContext, LoadingProvider, useLoading } from "./context/loading";
+export { ModalContext, ModalProvider, useModal } from "./context/modal";
+export { ThemeContext, ThemeProvider, useTheme } from "./context/theme";

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

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

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

@@ -0,0 +1,6 @@
+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/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@geoinsight/react-components",
-  "version": "0.6.11",
+  "version": "0.7.1",
   "description": "This library is the main UI component library for geoinsight",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "typings": "dist/types/index.d.ts",
   "author": "Geoinsight",
   "license": "MIT",
   "scripts": {