pixel-react-excel-sheet 1.2.0

package/lib/components/Typography/Typography.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TypographyProps } from './types';
+import './Typography.scss';
+declare const Typography: React.FC<TypographyProps>;
+export default Typography;

package/lib/components/Typography/Typography.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Typography from './Typography';
+declare const meta: Meta<typeof Typography>;
+type Story = StoryObj<typeof Typography>;
+export declare const Docs: Story;
+export declare const Regular12px: Story;
+export declare const Medium12px: Story;
+export declare const SemiBold14px: Story;
+export declare const Bold14px: Story;
+export default meta;

package/lib/components/Typography/index.d.ts

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

package/lib/components/Typography/types.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+export interface TypographyProps {
+    /**
+     * Font Weight
+     */
+    fontWeight?: 'regular' | 'medium' | 'semi-bold' | 'bold';
+    /**
+     * Font Size
+     */
+    fontSize?: number | string;
+    /**
+     * Line height
+     */
+    lineHeight?: string;
+    /**
+     * Color
+     */
+    color?: string;
+    /**
+     *  Text alignment
+     */
+    textAlign?: 'left' | 'right' | 'center' | 'justify';
+    /**
+     * For JSX elements
+     */
+    as?: keyof JSX.IntrinsicElements;
+    /**
+     * htmlFor attribute for element=label,
+     */
+    htmlFor?: string;
+    /**
+     * The content to display within the Typography component
+     */
+    children: React.ReactNode;
+    /**
+     * To add styles in Typography
+     */
+    className?: string;
+    /**
+     * To add letter spacing in Typography
+     */
+    letterSpacing?: string;
+    /**
+     * To add onClick function
+     */
+    onClick?: () => void;
+}

package/lib/components/VariableInput/VariableInput.d.ts

@@ -0,0 +1,4 @@
+import './VariableInput.scss';
+import { VariableInputProps } from './types';
+declare const VariableInput: ({ type, name, label, disabled, required, placeholder, value, error, className, onChange, onKeyDown, onBlur, onFocus, list, ...props }: VariableInputProps) => import("react/jsx-runtime").JSX.Element;
+export default VariableInput;

package/lib/components/VariableInput/VariableInput.stories.d.ts

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

package/lib/components/VariableInput/index.d.ts

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

package/lib/components/VariableInput/types.d.ts

@@ -0,0 +1,53 @@
+export interface VariableInputProps {
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * Label | field label to be displayed
+     */
+    label: string;
+    /**
+     * value | input field value
+     */
+    value: string | null;
+    /**
+     * type to set color/style of the input field
+     */
+    type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * onChange, onKeyDown, onBlur, onFocus actions
+     */
+    onChange?: (value: string) => void | undefined;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * list of variables
+     */
+    list?: string[];
+}

package/lib/hooks/keyboardevents/useEscKeyEvent.d.ts

@@ -0,0 +1,2 @@
+declare function useEscapeKey(key: string): (callBack: () => void) => void;
+export default useEscapeKey;

package/lib/hooks/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void, ignoreRefs?: Array<React.RefObject<HTMLElement> | undefined>) => void;
+export default useClickOutside;

package/lib/hooks/useFileDropzone.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneOptions, DropzoneState } from '../components/FileDropzone/types';
+declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
+export default useFileDropzone;

package/lib/hooks/usePortalPosition.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+export interface PortalPosition {
+    positionX: number;
+    positionY: number;
+    width: number;
+    fromBottom: number;
+}
+declare const usePortalPosition: (portalRef: RefObject<HTMLElement>, isPortalOpen: Boolean) => (portalRef: RefObject<HTMLElement>) => PortalPosition;
+export default usePortalPosition;

package/lib/hooks/useTheme.d.ts

@@ -0,0 +1,3 @@
+import { ThemeContextType } from '../components/ThemeProvider/types';
+declare const useTheme: () => ThemeContextType;
+export default useTheme;