feat: add type declarations to libs and styles

.eslintignore

@@ -0,0 +1 @@
+src/**/*.d.ts

src/components/Application/index.d.ts

@@ -1,17 +1,6 @@
 import { ReactNode } from 'react';
 import { BaseProps } from '../types';
-
-type ThemeType = {
-    rainbow?: {
-        palette?: {
-            brand?: string;
-            success?: string;
-            error?: string;
-            warning?: string;
-            mainBackground?: string;
-        };
-    };
-};
+import { ThemeType } from '../../styled';
 
 export interface ApplicationProps extends BaseProps {
     children?: ReactNode;

src/libs/ResizeSensor/index.d.ts

@@ -0,0 +1,6 @@
+declare class ResizeSensor {
+    constructor(element: Element, resizeListener: () => void);
+    detach(): void;
+    reset(): void;
+}
+export default ResizeSensor;

src/libs/WindowResize/index.d.ts

@@ -0,0 +1,6 @@
+declare class WindowResize {
+    constructor();
+    startListening(callback: (event: UIEvent) => void): void;
+    stopListening(): void;
+}
+export default WindowResize;

src/libs/constants.d.ts

@@ -0,0 +1,13 @@
+export const LEFT_KEY = 37;
+export const UP_KEY = 38;
+export const RIGHT_KEY = 39;
+export const DOWN_KEY = 40;
+export const ESCAPE_KEY = 27;
+export const TAB_KEY = 9;
+export const ENTER_KEY = 13;
+export const DELETE_KEY = 8;
+export const SPACE_KEY = 32;
+export const PAGEUP_KEY = 33;
+export const PAGEDN_KEY = 34;
+export const END_KEY = 35;
+export const HOME_KEY = 36;

src/libs/counterManager/index.d.ts

@@ -0,0 +1,9 @@
+declare class CounterManager {
+    constructor();
+    increment(): void;
+    decrement(): void;
+    hasModalOpen(): boolean;
+}
+
+const counterManager = new CounterManager();
+export default counterManager;

src/libs/debounce/index.d.ts

@@ -0,0 +1,3 @@
+declare function debounce(callback: Function, time?: number): (...args: unknown[]) => void;
+
+export default debounce;

src/libs/hocs/withDebounce/index.d.ts

@@ -0,0 +1,2 @@
+declare function withDebounce<P>(WrappedComponent: React.ComponentType<P>): React.Component<P>;
+export default withDebounce;

src/libs/hocs/withReduxForm/index.d.ts

@@ -0,0 +1,2 @@
+declare function withReduxForm<P>(WrappedComponent: React.ComponentType<P>): React.Component<P>;
+export default withReduxForm;

src/libs/hooks/useDisclosure.d.ts

@@ -0,0 +1,9 @@
+interface Disclosure {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}
+
+declare function useDisclosure(defaultIsOpen?: unknown): Disclosure;
+export default useDisclosure;

src/libs/hooks/useErrorMessageId.d.ts

@@ -0,0 +1,2 @@
+declare function useErrorMessageId(error: unknown): string | undefined;
+export default useErrorMessageId;

src/libs/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,5 @@
+declare function useIsomorphicLayoutEffect(
+    effect: React.EffectCallback,
+    deps?: React.DependencyList | undefined,
+): void;
+export default useIsomorphicLayoutEffect;

src/libs/hooks/useLabelId.d.ts

@@ -0,0 +1,2 @@
+declare function useLabelId(label?: unknown): string | undefined;
+export default useLabelId;

src/libs/hooks/useLocale.d.ts

@@ -0,0 +1,2 @@
+declare function useLocale(localProp?: string): string;
+export default useLocale;

src/libs/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+declare function useTheme(): Record<string, any>;
+export default useTheme;

src/libs/hooks/useUniqueIdentifier.d.ts

@@ -0,0 +1,2 @@
+declare function useUniqueIdentifier(prefix?: string): string;
+export default useUniqueIdentifier;

src/libs/hooks/useWindowResize.d.ts

@@ -0,0 +1,5 @@
+declare function useWindowResize(
+    handler: (this: Window, ev: UIEvent) => void,
+    isListening?: boolean,
+): void;
+export default useWindowResize;

src/libs/manageTab/index.d.ts

@@ -1,3 +1,2 @@
-import { KeyboardEvent } from 'react';
-
-export default function manageTab(node: HTMLElement, event: KeyboardEvent<Element>): void;
+declare function manageTab(node: HTMLElement, event: React.KeyboardEvent<Element>): void;
+export default manageTab;

src/libs/outsideClick/index.d.ts

@@ -0,0 +1,9 @@
+declare class OutsideClick {
+    constructor();
+    startListening(
+        containerRef?: Element,
+        callback?: (this: OutsideClick, event: MouseEvent) => void,
+    ): void;
+}
+
+export default OutsideClick;

src/libs/scrollController/index.d.ts

@@ -0,0 +1,4 @@
+export function disableBodyScroll(targetElement: Element, options: Record<string, any>): void;
+export function clearAllBodyScrollLocks(): void;
+export function enableBodyScroll(targetElement: Element): void;
+export { default as WindowScrolling } from './windowScrolling';

src/libs/scrollController/windowScrolling.d.ts

@@ -0,0 +1,6 @@
+declare class WindowScrolling {
+    constructor();
+    startListening(callback: (event: UIEvent) => void): void;
+    stopListening(): void;
+}
+export default WindowScrolling;

src/libs/utils/getBrowserLocale.d.ts

@@ -0,0 +1,2 @@
+declare function getBrowserLocale(): string;
+export default getBrowserLocale;

src/libs/utils/getLocale.d.ts

@@ -0,0 +1,2 @@
+declare function getLocale(context?: unknown, localProp?: string): string;
+export default getLocale;

src/libs/utils/getSuffixSI.d.ts

@@ -0,0 +1,2 @@
+declare function getSuffixSI(number?: number): string;
+export default getSuffixSI;

src/libs/utils/isServer.d.ts

@@ -0,0 +1,2 @@
+declare const isServer: boolean;
+export default isServer;

src/libs/utils/uniqueId.d.ts

@@ -0,0 +1,2 @@
+declare function uniqueId(prefix?: string): string;
+export default uniqueId;

src/styled.d.ts

@@ -0,0 +1,87 @@
+export type ThemeType = {
+    rainbow?: {
+        palette?: {
+            brand?: string;
+            success?: string;
+            error?: string;
+            warning?: string;
+            mainBackground?: string;
+        };
+    };
+};
+
+export interface Palette {
+    brand: {
+        main: string;
+        dark: string;
+        light: string;
+    };
+    success: {
+        main: string;
+        dark: string;
+        light: string;
+    };
+    error: {
+        main: string;
+        dark: string;
+        light: string;
+    };
+    warning: {
+        main: string;
+        dark: string;
+        light: string;
+    };
+    background: {
+        main: string;
+        secondary: string;
+        highlight: string;
+        active: string;
+    };
+    text: {
+        main: string;
+        title: string;
+        header: string;
+        label: string;
+        disabled: string;
+    };
+    border: {
+        main: string;
+        divider: string;
+        disabled: string;
+    };
+    action: {
+        active: string;
+        hover: string;
+    };
+    getContrastText: (background: string) => string;
+    isDark: boolean;
+}
+
+export interface Shadows {
+    brand: string;
+    success: string;
+    error: string;
+    shadow_1: string;
+    shadow_2: string;
+    shadow_3: string;
+    shadow_4: string;
+    shadow_5: string;
+    shadow_6: string;
+    shadow_7: string;
+    shadow_8: string;
+    shadow_9: string;
+    shadow_10: string;
+    shadow_11: string;
+    shadow_12: string;
+}
+
+export interface RainbowTheme {
+    palette: Palette;
+    shadows: Shadows;
+}
+
+declare module 'styled-components' {
+    export interface DefaultTheme {
+        rainbow: RainbowTheme;
+    }
+}

src/styles/borderRadius.d.ts

@@ -0,0 +1,4 @@
+export const BORDER_RADIUS_1: '0.875rem';
+export const BORDER_RADIUS_2: '12rem';
+export const BORDER_RADIUS_3: '0.4rem';
+export const BORDER_RADIUS_4: '0.5rem';

src/styles/colors.d.ts

@@ -0,0 +1,40 @@
+// white
+export const COLOR_WHITE: '#fff';
+
+// brand colors
+export const COLOR_BRAND: '#01b6f5';
+export const COLOR_BRAND_ACTIVE: '#009acf';
+export const COLOR_BRAND_LIGHT: 'rgba(0, 184, 245, 0.2)';
+export const COLOR_BRAND_2: '#07b0ea';
+
+// success colors
+export const COLOR_SUCCESS: '#1de9b6';
+export const COLOR_SUCCESS_ACTIVE: '#1ad1a3';
+export const COLOR_SUCCESS_LIGHT: 'rgba(29, 233, 182, 0.2)';
+
+// error colors
+export const COLOR_ERROR: '#fe4849';
+export const COLOR_ERROR_ACTIVE: '#ea4243';
+
+// gray colors
+export const COLOR_GRAY_1: '#F6F7F9';
+export const COLOR_GRAY_2: '#D7D9E2';
+export const COLOR_GRAY_3: '#a4a7b5';
+export const COLOR_GRAY_4: '#3F4954';
+export const COLOR_GRAY_TRANSPARENT_1: 'rgba(244, 246, 249, 0.4)';
+export const COLOR_GRAY_TRANSPARENT_2: 'rgba(82, 95, 127, 0.3)';
+export const COLOR_GRAY_TRANSPARENT_3: 'rgba(82, 95, 127, 0.15)';
+export const COLOR_GRAY_DARK_TRANSPARENT: 'rgba(42, 48, 57, 0.2)';
+
+// text colors
+export const COLOR_DARK_1: '#2A3039';
+
+// yellow colors
+// TODO: only warning const should remain
+export const COLOR_YELLOW_1: '#fc0';
+export const COLOR_WARNING: '#fc0';
+export const COLOR_WARNING_DARK: '#FFB900';
+export const COLOR_WARNING_LIGHT: '#FFDC7F';
+
+// purple colors
+export const COLOR_PURPLE: '#663398';

src/styles/defaultTheme.d.ts

@@ -0,0 +1,4 @@
+import { RainbowTheme } from '../styled';
+
+const defaultTheme: RainbowTheme;
+export default defaultTheme;

src/styles/fontSizes.d.ts

@@ -0,0 +1,11 @@
+// font sizes heading
+export const FONT_SIZE_HEADING_SMALL: '1rem';
+export const FONT_SIZE_HEADING_MEDIUM: '1.25rem';
+export const FONT_SIZE_HEADING_LARGE: '1.5rem';
+export const FONT_SIZE_HEADING_X_LARGE: '2rem';
+
+// font sizes text
+export const FONT_SIZE_TEXT_X_SMALL: '0.625rem';
+export const FONT_SIZE_TEXT_SMALL: '0.75rem';
+export const FONT_SIZE_TEXT_MEDIUM: '0.875rem';
+export const FONT_SIZE_TEXT_LARGE: '1rem';

src/styles/helpers/attachThemeAttrs.d.ts

@@ -0,0 +1,6 @@
+import { ThemedStyledFunction } from 'styled-components';
+
+declare function attachThemeAttrs<C, T, O, A>(
+    styledElement: ThemedStyledFunction<C, T, O, A>,
+): ThemedStyledFunction<C, T, O, A>;
+export default attachThemeAttrs;

src/styles/helpers/color/bound01.d.ts

@@ -0,0 +1,2 @@
+declare function bound01(value: number, max: number): number;
+export default bound01;

src/styles/helpers/color/clamp.d.ts

@@ -0,0 +1,2 @@
+declare function clamp(value: number, min?: number, max?: number): number;
+export default clamp;

src/styles/helpers/color/colorToRgba.d.ts

@@ -0,0 +1,2 @@
+declare function colorToRgba(color: string): string;
+export default colorToRgba;

src/styles/helpers/color/darken.d.ts

@@ -0,0 +1,2 @@
+declare function darken(color: string, coefficient?: number): string;
+export default darken;

src/styles/helpers/color/decomposeColor.d.ts

@@ -0,0 +1,4 @@
+declare function decomposeColor(
+    color: string | { type: string; values: number[] },
+): { type: string; values: number[] };
+export default decomposeColor;

src/styles/helpers/color/getBrightness.d.ts

@@ -0,0 +1,2 @@
+declare function getBrightness(color: string): number;
+export default getBrightness;

src/styles/helpers/color/getContrastRatio.d.ts

@@ -0,0 +1,2 @@
+declare function getContrastRatio(foreground: string, background: string): number;
+export default getContrastRatio;

src/styles/helpers/color/getContrastText.d.ts

@@ -0,0 +1,2 @@
+declare function getContrastText(background: string): string;
+export default getContrastText;

src/styles/helpers/color/getLuminance.d.ts

@@ -0,0 +1,2 @@
+declare function getLuminance(color: string): number;
+export default getLuminance;

src/styles/helpers/color/hexToRgb.d.ts

@@ -0,0 +1,2 @@
+declare function hexToRgb(color: string): string;
+export default hexToRgb;

src/styles/helpers/color/hexToRgba.d.ts

@@ -0,0 +1,2 @@
+declare function hexToRgba(color: string, alpha?: number): string;
+export default hexToRgba;

src/styles/helpers/color/hslToRgb.d.ts

@@ -0,0 +1,2 @@
+declare function hslToRgb(color: string): string;
+export default hslToRgb;

src/styles/helpers/color/hsvToRgb.d.ts

@@ -0,0 +1,2 @@
+declare function hsvToRgb(color: string): string;
+export default hsvToRgb;

src/styles/helpers/color/index.d.ts

@@ -0,0 +1,20 @@
+export { default as hexToRgb } from './hexToRgb';
+export { default as hexToRgba } from './hexToRgba';
+export { default as replaceAlpha } from './replaceAlpha';
+export { default as rgbaToRgb } from './rgbaToRgb';
+export { default as rgbToRgba } from './rgbToRgba';
+export { default as decomposeColor } from './decomposeColor';
+export { default as recomposeColor } from './recomposeColor';
+export { default as darken } from './darken';
+export { default as lighten } from './lighten';
+export { default as getLuminance } from './getLuminance';
+export { default as getContrastRatio } from './getContrastRatio';
+export { default as getContrastText } from './getContrastText';
+export { default as isValidColor } from './isValidColor';
+export { default as getBrightness } from './getBrightness';
+export { default as isDark } from './isDark';
+export { default as colorToRgba } from './colorToRgba';
+export { default as rgbaToHex } from './rgbaToHex';
+export { default as rgbToHsv } from './rgbToHsv';
+export { default as hsvToRgb } from './hsvToRgb';
+export { default as isHsvColor } from './isHsvColor';

src/styles/helpers/color/isDark.d.ts

@@ -0,0 +1,2 @@
+declare function isDark(color: string): boolean;
+export default isDark;

src/styles/helpers/color/isHexColor.d.ts

@@ -0,0 +1,2 @@
+declare function isHexColor(color: string): boolean;
+export default isHexColor;

src/styles/helpers/color/isHsvColor.d.ts

@@ -0,0 +1,2 @@
+declare function isHsvColor(color: string): boolean;
+export default isHsvColor;

src/styles/helpers/color/isOnePointZero.d.ts

@@ -0,0 +1,2 @@
+declare function isOnePointZero(value?: string): boolean;
+export default isOnePointZero;

src/styles/helpers/color/isPercentage.d.ts

@@ -0,0 +1,2 @@
+declare function isPercentage(value?: string): boolean;
+export default isPercentage;

src/styles/helpers/color/isValidColor.d.ts

@@ -0,0 +1,2 @@
+declare function isValidColor(color?: string): boolean;
+export default isValidColor;

src/styles/helpers/color/lighten.d.ts

@@ -0,0 +1,2 @@
+declare function lighten(color: string, coefficient?: number): string;
+export default lighten;

src/styles/helpers/color/recomposeColor.d.ts

@@ -0,0 +1,5 @@
+declare function recomposeColor(color: {
+    type: string;
+    values: { type: string; values: number[] };
+}): string;
+export default recomposeColor;

src/styles/helpers/color/replaceAlpha.d.ts

@@ -0,0 +1,2 @@
+declare function replaceAlpha(color: string, alpha?: number): string;
+export default replaceAlpha;