@bigbinary/neeto-commons-frontend 0.0.1 → 0.0.2

package/react-utils.d.ts

@@ -0,0 +1,99 @@
+import { AvatarProps, TooltipProps, TypographyProps } from "@bigbinary/neetoui";
+import { LinkType, NavLinkItemType } from "@bigbinary/neetoui/layouts";
+import React from "react";
+import { RouteProps } from "react-router-dom";
+import { ObjectAndPrimitives } from "./pure";
+import { DateTimeType, timeFormat } from "./utils";
+
+export const HoneybadgerErrorBoundary: React.FC<{
+  ErrorComponent?: React.ReactNode | React.ComponentType<any>;
+}>;
+export function PrivateRoute(
+  props: {
+    condition?: boolean;
+    redirectRoute: string;
+  } & RouteProps
+): JSX.Element;
+export const Sidebar: React.FC<{
+  navLinks: NavLinkItemType[];
+  appName: string;
+  profileInfoOverrides?: {
+    name?: string;
+    email?: string;
+    topLinks?: LinkType[];
+    bottomLinks?: LinkType[];
+    customContent?: React.ReactNode;
+    changelogProps?: LinkType;
+    helpProps?: LinkType;
+    "data-cy"?: string;
+  } & AvatarProps;
+  organizationInfoOverrides?: {
+    logo?: React.ReactNode;
+    name?: React.ReactNode;
+    subdomain?: React.ReactNode;
+  };
+  extraTopLinks?: LinkType[];
+  showAppSwitcher?: boolean;
+}>;
+
+type OptionsType = {
+  root?: Element | null,
+  rootMargin?: String,
+  threshold?: Number | Number[]
+}
+export function useIsElementVisibleInDom(target: Element | null, options?: OptionsType): Boolean
+export function useDebounce<T>(value: T, delay?: number): T;
+export function useFuncDebounce<F extends Function>(
+  func: F,
+  delay?: number
+): F & { cancel: () => void };
+export function useLocalStorage<T>(
+  key: string,
+  initialValue?: T
+): [T, (value: T) => void];
+export function useOnClickOutside<T>(
+  ref: React.MutableRefObject<T>,
+  handler: (event: MouseEvent | TouchEvent) => any
+);
+export function usePrevious<T>(value: T): T;
+export function useUpdateEffect(effect: () => void, deps: any[]): void;
+
+export function createContext<T>(initialValue: T): {
+  Provider: React.FC<{}>;
+  useState: T;
+  useSetState: React.Dispatch<React.SetStateAction<T>>;
+  useContext: [T, React.Dispatch<React.SetStateAction<T>>];
+};
+type ActionType<T> = {
+  type: string;
+  payload: Partial<T> | ObjectAndPrimitives;
+};
+export function createContext<T>(
+  initialValue: T,
+  reducer: (prevState: T, action: ActionType<T>) => T
+): {
+  Provider: React.FC<{}>;
+  useState: T;
+  useDispatch: (action: ActionType<T>) => void;
+  useContext: [T, (action: ActionType<T>) => void];
+};
+
+export const ErrorPage: React.FC<{ homeUrl?: string }>;
+export const LoginPage: React.FC<{
+  handleSubmit: (data: {
+    user: {
+      email: string;
+      password: string;
+    };
+  }) => any;
+}>;
+
+export const DateFormat: {
+  [key in Capitalize<keyof typeof timeFormat>]: React.FC<{
+    date: DateTimeType;
+    typographyProps?: Partial<TypographyProps>;
+    tooltipProps?: Partial<TooltipProps>;
+  }>;
+};
+
+export const TimeFormat: typeof DateFormat;