react-iro-gradient-picker 1.0.0

package/dist/components/core/IroColorPicker/index.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+interface IroColorPickerProps {
+    width?: number;
+    color?: string;
+    colors?: string[];
+    display?: string;
+    id?: string;
+    layout?: any[];
+    layoutDirection?: 'vertical' | 'horizontal';
+    padding?: number;
+    margin?: number;
+    borderWidth?: number;
+    borderColor?: string;
+    handleRadius?: number;
+    activeHandleRadius?: number;
+    handleSvg?: string;
+    handleProps?: {
+        x: number;
+        y: number;
+    };
+    wheelLightness?: boolean;
+    wheelAngle?: number;
+    wheelDirection?: 'clockwise' | 'anticlockwise';
+    sliderSize?: number;
+    boxHeight?: number;
+    onColorChange?: (color: any) => void;
+    onInputChange?: (color: any) => void;
+    onInputStart?: (color: any) => void;
+    onInputMove?: (color: any) => void;
+    onInputEnd?: (color: any) => void;
+    onMount?: (colorPicker: any) => void;
+}
+export interface IroColorPickerRef {
+    colorPicker: any;
+}
+declare const IroColorPicker: React.ForwardRefExoticComponent<IroColorPickerProps & React.RefAttributes<IroColorPickerRef>>;
+export default IroColorPicker;

package/dist/components/forms/InputRgba/InputRgba.d.ts

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+interface IChange {
+    hex: string;
+    alpha: number;
+}
+type TProps = {
+    hex: string;
+    alpha: number;
+    format?: 'rgb' | 'hsl' | 'hex';
+    showAlpha?: boolean;
+    onChange: ({ hex, alpha }: IChange) => void;
+    onSubmitChange?: (rgba: string) => void;
+};
+declare const InputRgba: FC<TProps>;
+export default InputRgba;

package/dist/components/forms/InputRgba/helpers.d.ts

@@ -0,0 +1,24 @@
+import { ChangeEvent, KeyboardEvent } from 'react';
+interface IInput {
+    alphaValue: number;
+    hexValue: string;
+    showAlpha?: boolean;
+    onChangeAlpha: (value: string) => void;
+    onChangeHex: (value: string) => void;
+}
+export declare const getAlphaValue: (value: string) => string | number;
+export declare const onlyDigits: (string: string) => string;
+export declare const onlyLatins: (string: string) => string;
+export declare const handlePressEnter: (e: KeyboardEvent, fn: () => void) => void;
+export declare const inputsData: (props: IInput) => {
+    wrapClass: string;
+    labelSymbol: boolean;
+    idInput: string;
+    valueInput: string;
+    labelText: string;
+    labelArea: string;
+    labelClass: string;
+    onChangeInput: (e: ChangeEvent<HTMLInputElement>) => void;
+    name: string;
+}[];
+export {};

package/dist/components/forms/InputRgba/index.d.ts

@@ -0,0 +1 @@
+export { default } from './InputRgba';

package/dist/components/forms/index.d.ts

@@ -0,0 +1 @@
+export { default as InputRgba } from './InputRgba';

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export { default as ColorPicker } from './core/Colorpicker';
+export * from './forms';
+export { ThemeProvider } from './providers/ThemeContext';
+export * from './ui/PopupTab';
+export { ThemeToggle } from './ui/ThemeToggle';

package/dist/components/providers/ThemeContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type Theme = 'light' | 'dark';
+interface ThemeContextType {
+    theme: Theme;
+    toggleTheme: () => void;
+    setTheme: (theme: Theme) => void;
+}
+export declare const useTheme: () => ThemeContextType;
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export {};

package/dist/components/ui/PopupTab/index.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+interface Popups {
+    children?: any;
+    activeTab?: string | 'solid' | 'gradient';
+    tabName?: string;
+    popupWidth?: number;
+    onClick?: () => void;
+}
+export declare const PopupTabs: FC<Popups>;
+export declare const PopupTabsHeaderLabel: FC<Popups>;
+export declare const PopupTabsHeader: FC<Popups>;
+export declare const PopupTabsBody: FC<Popups>;
+export declare const PopupTabsBodyItem: FC<Popups>;
+export {};

package/dist/components/ui/ThemeToggle/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ThemeToggleProps {
+    className?: string;
+}
+export declare const ThemeToggle: React.FC<ThemeToggleProps>;
+export {};

package/dist/constants/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const DEFAULT_COLORS: string[];
+export declare const RADIALS_POS: {
+    pos: string;
+    css: string;
+    active: boolean;
+}[];

package/dist/constants/index.d.ts

@@ -0,0 +1 @@
+export * from './constants';

package/dist/context/ThemeContext.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+type Theme = 'light' | 'dark';
+interface ThemeContextType {
+    theme: Theme;
+    toggleTheme: () => void;
+    setTheme: (theme: Theme) => void;
+}
+export declare const useTheme: () => ThemeContextType;
+interface ThemeProviderProps {
+    children: React.ReactNode;
+    defaultTheme?: Theme;
+}
+export declare const ThemeProvider: React.FC<ThemeProviderProps>;
+export {};

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export { default as useDebounce } from './useDebounce';

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1,2 @@
+declare const _default: <T>(value: T, delay?: number) => T;
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib';
+export { default } from './lib';