pixel-react 1.1.0 → 1.1.1

package/lib/components/FF_Captcha/Recaptcha.d.ts

@@ -0,0 +1,5 @@
+import ReCAPTCHA from 'react-google-recaptcha';
+import { RecaptchaProps } from './types';
+import './Recaptcha.scss';
+declare const Recaptcha: import("react").ForwardRefExoticComponent<RecaptchaProps & import("react").RefAttributes<ReCAPTCHA>>;
+export default Recaptcha;

package/lib/components/FF_Captcha/captcha.stories.d.ts

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

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

@@ -0,0 +1,20 @@
+import { ComponentProps } from 'react';
+import ReCAPTCHA from 'react-google-recaptcha';
+export interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, 'onChange'> {
+    /**
+     * Callback function that receives the verification token
+     */
+    onVerify: (token: string | null) => void;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+    /**
+     * Optional error message to display
+     */
+    error?: string | null;
+    /**
+     * reCAPTCHA site key
+     */
+    sitekey: string;
+}

package/lib/index.d.ts

@@ -1,12 +1,13 @@
 import * as LazyLoad from 'react-window';
 export { LazyLoad };
 import * as React$1 from 'react';
-import React__default, { ReactNode, FC, RefObject } from 'react';
+import React__default, { ReactNode, FC, RefObject, ComponentProps } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { FieldValues, UseFormProps, SubmitHandler, FieldPath, FieldErrors } from 'react-hook-form';
 import * as DNDCore from '@dnd-kit/core';
 import * as DNDSortable from '@dnd-kit/sortable';
 import * as DNDUtilities from '@dnd-kit/utilities';
+import ReCAPTCHA from 'react-google-recaptcha';
 
 interface ButtonProps$1 {
     /**
@@ -1491,6 +1492,27 @@ interface appHeaderQuickMenuItemProps {
 
 declare const AppHeader: React.FC<AppHeaderProps>;
 
+interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, 'onChange'> {
+    /**
+     * Callback function that receives the verification token
+     */
+    onVerify: (token: string | null) => void;
+    /**
+     * Optional CSS class name
+     */
+    className?: string;
+    /**
+     * Optional error message to display
+     */
+    error?: string | null;
+    /**
+     * reCAPTCHA site key
+     */
+    sitekey: string;
+}
+
+declare const Recaptcha: React$1.ForwardRefExoticComponent<RecaptchaProps & React$1.RefAttributes<ReCAPTCHA>>;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -1498,4 +1520,4 @@ type valueType = File | string;
 declare const getExtension: (value: valueType) => string | undefined;
 declare const getExtensionWithPeriod: (value: valueType) => string;
 
-export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button, Checkbox, Chip, Col, Container, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MenuOption, MiniModal, Modal, MultiSelect, RadialChart, RadioButton, RadioGroup, Row, Search, Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button, Checkbox, Chip, Col, Container, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MenuOption, MiniModal, Modal, MultiSelect, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };