pixel-react 1.0.9 → 1.1.1
Sign up to get free protection for your applications and to get access to all the features.
- package/lib/components/FF_Captcha/Recaptcha.d.ts +5 -0
- package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
- package/lib/components/FF_Captcha/types.d.ts +20 -0
- package/lib/index.d.ts +52 -2
- package/lib/index.esm.js +2264 -107
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +2264 -105
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +5 -2
- package/src/components/FF_Captcha/Recaptcha.scss +11 -0
- package/src/components/FF_Captcha/Recaptcha.tsx +41 -0
- package/src/components/FF_Captcha/captcha.stories.tsx +40 -0
- package/src/components/FF_Captcha/index.ts +0 -0
- package/src/components/FF_Captcha/types.ts +22 -0
- package/src/index.ts +4 -0
@@ -0,0 +1,5 @@
|
|
1
|
+
import ReCAPTCHA from 'react-google-recaptcha';
|
2
|
+
import { RecaptchaProps } from './types';
|
3
|
+
import './Recaptcha.scss';
|
4
|
+
declare const Recaptcha: import("react").ForwardRefExoticComponent<RecaptchaProps & import("react").RefAttributes<ReCAPTCHA>>;
|
5
|
+
export default Recaptcha;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import Recaptcha from './Recaptcha';
|
3
|
+
declare const meta: Meta<typeof Recaptcha>;
|
4
|
+
type Story = StoryObj<typeof Recaptcha>;
|
5
|
+
export declare const Default: Story;
|
6
|
+
export declare const WithError: Story;
|
7
|
+
export declare const WithCustomTheme: Story;
|
8
|
+
export default meta;
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { ComponentProps } from 'react';
|
2
|
+
import ReCAPTCHA from 'react-google-recaptcha';
|
3
|
+
export interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, 'onChange'> {
|
4
|
+
/**
|
5
|
+
* Callback function that receives the verification token
|
6
|
+
*/
|
7
|
+
onVerify: (token: string | null) => void;
|
8
|
+
/**
|
9
|
+
* Optional CSS class name
|
10
|
+
*/
|
11
|
+
className?: string;
|
12
|
+
/**
|
13
|
+
* Optional error message to display
|
14
|
+
*/
|
15
|
+
error?: string | null;
|
16
|
+
/**
|
17
|
+
* reCAPTCHA site key
|
18
|
+
*/
|
19
|
+
sitekey: string;
|
20
|
+
}
|
package/lib/index.d.ts
CHANGED
@@ -1,12 +1,13 @@
|
|
1
1
|
import * as LazyLoad from 'react-window';
|
2
2
|
export { LazyLoad };
|
3
3
|
import * as React$1 from 'react';
|
4
|
-
import React__default, { ReactNode, FC, RefObject } from 'react';
|
4
|
+
import React__default, { ReactNode, FC, RefObject, ComponentProps } from 'react';
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
6
6
|
import { FieldValues, UseFormProps, SubmitHandler, FieldPath, FieldErrors } from 'react-hook-form';
|
7
7
|
import * as DNDCore from '@dnd-kit/core';
|
8
8
|
import * as DNDSortable from '@dnd-kit/sortable';
|
9
9
|
import * as DNDUtilities from '@dnd-kit/utilities';
|
10
|
+
import ReCAPTCHA from 'react-google-recaptcha';
|
10
11
|
|
11
12
|
interface ButtonProps$1 {
|
12
13
|
/**
|
@@ -1463,6 +1464,55 @@ declare const DragAndDrop: {
|
|
1463
1464
|
|
1464
1465
|
declare const AllProjectsDropdown: () => react_jsx_runtime.JSX.Element;
|
1465
1466
|
|
1467
|
+
interface AppHeaderProps {
|
1468
|
+
logoIconName: string;
|
1469
|
+
rightContent: ReactNode;
|
1470
|
+
projectsList: string[];
|
1471
|
+
appHeaderMenuItems: appHeaderMenuItemProps[];
|
1472
|
+
appHeaderHiddenMenuItems: string[];
|
1473
|
+
selectedMenu: string;
|
1474
|
+
selectedSubMenu: string;
|
1475
|
+
selectedQuickMenu: string;
|
1476
|
+
onMenuClick?: (text: any) => void;
|
1477
|
+
onSubMenuClick?: (text: any) => void;
|
1478
|
+
onQuickMenuClick?: (text: any) => void;
|
1479
|
+
}
|
1480
|
+
interface appHeaderMenuItemProps {
|
1481
|
+
menuName: string;
|
1482
|
+
subMenuItems: appHeaderSubMenuItemProps[];
|
1483
|
+
}
|
1484
|
+
interface appHeaderSubMenuItemProps {
|
1485
|
+
subMenuName: string;
|
1486
|
+
quickMenuItems: appHeaderQuickMenuItemProps[];
|
1487
|
+
}
|
1488
|
+
interface appHeaderQuickMenuItemProps {
|
1489
|
+
quickMenuName: string;
|
1490
|
+
quickMenuIconName: string;
|
1491
|
+
}
|
1492
|
+
|
1493
|
+
declare const AppHeader: React.FC<AppHeaderProps>;
|
1494
|
+
|
1495
|
+
interface RecaptchaProps extends Omit<ComponentProps<typeof ReCAPTCHA>, 'onChange'> {
|
1496
|
+
/**
|
1497
|
+
* Callback function that receives the verification token
|
1498
|
+
*/
|
1499
|
+
onVerify: (token: string | null) => void;
|
1500
|
+
/**
|
1501
|
+
* Optional CSS class name
|
1502
|
+
*/
|
1503
|
+
className?: string;
|
1504
|
+
/**
|
1505
|
+
* Optional error message to display
|
1506
|
+
*/
|
1507
|
+
error?: string | null;
|
1508
|
+
/**
|
1509
|
+
* reCAPTCHA site key
|
1510
|
+
*/
|
1511
|
+
sitekey: string;
|
1512
|
+
}
|
1513
|
+
|
1514
|
+
declare const Recaptcha: React$1.ForwardRefExoticComponent<RecaptchaProps & React$1.RefAttributes<ReCAPTCHA>>;
|
1515
|
+
|
1466
1516
|
type valueType$1 = any;
|
1467
1517
|
declare const checkEmpty: (value: valueType$1) => boolean;
|
1468
1518
|
|
@@ -1470,4 +1520,4 @@ type valueType = File | string;
|
|
1470
1520
|
declare const getExtension: (value: valueType) => string | undefined;
|
1471
1521
|
declare const getExtensionWithPeriod: (value: valueType) => string;
|
1472
1522
|
|
1473
|
-
export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, 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 };
|
1523
|
+
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 };
|