@forge/react 9.2.0-next.5-experimental-cf84ac7 → 9.3.0-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,67 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useForm = void 0;
4
- const tslib_1 = require("tslib");
5
- const react_1 = require("react");
6
- const react_hook_form_1 = require("react-hook-form");
7
- const get_1 = tslib_1.__importDefault(require("lodash/get"));
8
- function useForm(props = {}) {
9
- const id = (0, react_1.useId)();
10
- const getFieldId = (fieldName) => {
11
- return `form-${id}-${fieldName}`;
12
- };
13
- const { register, formState, handleSubmit, setValue, getValues, trigger, clearErrors } = (0, react_hook_form_1.useForm)({ defaultValues: props.defaultValues });
14
- const defaultValues = props === null || props === void 0 ? void 0 : props.defaultValues;
15
- const forgeFormRegister = (fieldName, options) => {
16
- const _a = register(fieldName, {
17
- disabled: options === null || options === void 0 ? void 0 : options.disabled,
18
- maxLength: options === null || options === void 0 ? void 0 : options.maxLength,
19
- minLength: options === null || options === void 0 ? void 0 : options.minLength,
20
- max: options === null || options === void 0 ? void 0 : options.max,
21
- min: options === null || options === void 0 ? void 0 : options.min,
22
- pattern: options === null || options === void 0 ? void 0 : options.pattern,
23
- validate: options === null || options === void 0 ? void 0 : options.validate
24
- }), { onChange, ref, required, disabled } = _a, rest = tslib_1.__rest(_a, ["onChange", "ref", "required", "disabled"]);
25
- const additionalProps = {};
26
- if (defaultValues) {
27
- if (typeof (0, get_1.default)(defaultValues, fieldName) === 'boolean') {
28
- additionalProps.defaultChecked = (0, get_1.default)(defaultValues, fieldName);
29
- }
30
- else {
31
- additionalProps.defaultValue = (0, get_1.default)(defaultValues, fieldName);
32
- }
33
- }
34
- const isError = !!(0, get_1.default)(formState, `errors["${fieldName}"]`);
35
- const onChangeOptions = { shouldValidate: true, shouldDirty: true, shouldTouch: true };
36
- return Object.assign(Object.assign(Object.assign({}, rest), { onChange: (event) => {
37
- var _a, _b;
38
- if (((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.type) === 'checkbox') {
39
- return Promise.resolve(setValue(fieldName, event.target.checked, onChangeOptions));
40
- }
41
- if (['number', 'text', 'textarea', 'radio'].includes((_b = event === null || event === void 0 ? void 0 : event.target) === null || _b === void 0 ? void 0 : _b.type)) {
42
- return Promise.resolve(setValue(fieldName, event.target.value, onChangeOptions));
43
- }
44
- else {
45
- return Promise.resolve(setValue(fieldName, event, onChangeOptions));
46
- }
47
- }, isInvalid: isError, 'aria-invalid': isError, id: getFieldId(fieldName), isDisabled: disabled }), additionalProps);
48
- };
49
- return {
50
- getFieldId,
51
- register: forgeFormRegister,
52
- formState: {
53
- errors: formState.errors,
54
- isSubmitted: formState.isSubmitted,
55
- isSubmitSuccessful: formState.isSubmitSuccessful,
56
- isSubmitting: formState.isSubmitting,
57
- submitCount: formState.submitCount,
58
- isValid: formState.isValid,
59
- dirtyFields: formState.dirtyFields
60
- },
61
- handleSubmit,
62
- getValues,
63
- trigger,
64
- clearErrors
65
- };
66
- }
67
- exports.useForm = useForm;
@@ -1,19 +0,0 @@
1
- export declare type Event = {
2
- bubbles: boolean;
3
- cancelable: boolean;
4
- defaultPrevented: boolean;
5
- eventPhase: number;
6
- isTrusted: boolean;
7
- nativeEvent: any;
8
- target: {
9
- value?: any;
10
- checked?: boolean;
11
- name?: string;
12
- id?: string;
13
- tagName?: string;
14
- type?: string;
15
- };
16
- timeStamp: number;
17
- type: string;
18
- };
19
- //# sourceMappingURL=package-types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"package-types.d.ts","sourceRoot":"","sources":["../src/package-types.ts"],"names":[],"mappings":"AAEA,oBAAY,KAAK,GAAG;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,OAAO,CAAC;IAC1B,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,GAAG,CAAC;IACjB,MAAM,EAAE;QACN,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;CACd,CAAC"}
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,55 +0,0 @@
1
- /// <reference types="react" />
2
- import { ForgeElement } from './types';
3
- import type { BadgeProps, BleedProps, BoxProps, ButtonProps, ButtonGroupProps, CheckboxProps, CodeProps, CodeBlockProps, DatePickerProps, DynamicTableProps, ErrorMessageProps, FlexProps, GridProps, HeadingProps, HelperMessageProps, InlineProps, LabelProps, LozengeProps, LinkButtonProps, ModalProps, ModalHeaderProps, ModalBodyProps, ModalFooterProps, ModalTitleProps, ModalTransitionProps, ProgressBarProps, ProgressTrackerProps, RadioProps, RadioGroupProps, RangeProps, SectionMessageProps, SectionMessageActionProps, SpinnerProps, StackProps, TabsProps, TabProps, TabListProps, TabPanelProps, TagProps, TagGroupProps, FormProps, FormHeaderProps, FormFooterProps, FormSectionProps, TooltipProps, TextAreaProps, TextfieldProps, ToggleProps, ValidMessageProps, LoadingButtonProps } from '@atlaskit/forge-react-types';
4
- export declare const Badge: (props: BadgeProps) => ForgeElement;
5
- export declare const Bleed: (props: BleedProps) => ForgeElement;
6
- export declare const Box: (props: BoxProps) => ForgeElement;
7
- export declare const Button: (props: ButtonProps) => ForgeElement;
8
- export declare const ButtonGroup: (props: ButtonGroupProps) => ForgeElement;
9
- export declare const Checkbox: (props: CheckboxProps) => ForgeElement;
10
- export declare const Code: (props: CodeProps) => ForgeElement;
11
- export declare const CodeBlock: (props: CodeBlockProps) => ForgeElement;
12
- export declare const DatePicker: (props: DatePickerProps) => ForgeElement;
13
- export declare const DynamicTable: (props: DynamicTableProps) => ForgeElement;
14
- export declare const ErrorMessage: (props: ErrorMessageProps) => ForgeElement;
15
- export declare const Flex: (props: FlexProps) => ForgeElement;
16
- export declare const Form: (props: FormProps) => ForgeElement;
17
- export declare const FormFooter: (props: FormFooterProps) => ForgeElement;
18
- export declare const FormHeader: (props: FormHeaderProps) => ForgeElement;
19
- export declare const FormSection: (props: FormSectionProps) => ForgeElement;
20
- export declare const Grid: (props: GridProps) => ForgeElement;
21
- export declare const Heading: (props: HeadingProps) => ForgeElement;
22
- export declare const HelperMessage: (props: HelperMessageProps) => ForgeElement;
23
- export declare const Inline: (props: InlineProps) => ForgeElement;
24
- export declare const Label: (props: LabelProps) => ForgeElement;
25
- export declare const LinkButton: (props: LinkButtonProps) => ForgeElement;
26
- export declare const LoadingButton: (props: LoadingButtonProps) => ForgeElement;
27
- export declare const Lozenge: (props: LozengeProps) => ForgeElement;
28
- export declare const Modal: (props: ModalProps) => ForgeElement;
29
- export declare const ModalBody: (props: ModalBodyProps) => ForgeElement;
30
- export declare const ModalFooter: (props: ModalFooterProps) => ForgeElement;
31
- export declare const ModalHeader: (props: ModalHeaderProps) => ForgeElement;
32
- export declare const ModalTitle: (props: ModalTitleProps) => ForgeElement;
33
- export declare const ModalTransition: (props: ModalTransitionProps) => ForgeElement;
34
- export declare const ProgressBar: (props: ProgressBarProps) => ForgeElement;
35
- export declare const ProgressTracker: (props: ProgressTrackerProps) => ForgeElement;
36
- export declare const Radio: (props: RadioProps) => ForgeElement;
37
- export declare const RadioGroup: (props: RadioGroupProps) => ForgeElement;
38
- export declare const Range: (props: RangeProps) => ForgeElement;
39
- export declare const SectionMessage: (props: SectionMessageProps) => ForgeElement;
40
- export declare const SectionMessageAction: (props: SectionMessageActionProps) => ForgeElement;
41
- export declare const Spinner: (props: SpinnerProps) => ForgeElement;
42
- export declare const Stack: (props: StackProps) => ForgeElement;
43
- export declare const Tab: (props: TabProps) => ForgeElement;
44
- export declare const TabList: (props: TabListProps) => ForgeElement;
45
- export declare const TabPanel: (props: TabPanelProps) => ForgeElement;
46
- export declare const Tabs: (props: TabsProps) => ForgeElement;
47
- export declare const Tag: (props: TagProps) => ForgeElement;
48
- export declare const TagGroup: (props: TagGroupProps) => ForgeElement;
49
- export declare const TextArea: (props: TextAreaProps) => ForgeElement;
50
- export declare const Textfield: (props: TextfieldProps) => ForgeElement;
51
- export declare const Toggle: (props: ToggleProps) => ForgeElement;
52
- export declare const Tooltip: (props: TooltipProps) => ForgeElement;
53
- export declare const ValidMessage: (props: ValidMessageProps) => ForgeElement;
54
- export declare const RequiredAsterisk: () => JSX.Element;
55
- //# sourceMappingURL=uikit2-components.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"uikit2-components.d.ts","sourceRoot":"","sources":["../src/uikit2-components.ts"],"names":[],"mappings":"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"}
@@ -1,55 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ValidMessage = exports.Tooltip = exports.Toggle = exports.Textfield = exports.TextArea = exports.TagGroup = exports.Tag = exports.Tabs = exports.TabPanel = exports.TabList = exports.Tab = exports.Stack = exports.Spinner = exports.SectionMessageAction = exports.SectionMessage = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressTracker = exports.ProgressBar = exports.ModalTransition = exports.ModalTitle = exports.ModalHeader = exports.ModalFooter = exports.ModalBody = exports.Modal = exports.Lozenge = exports.LoadingButton = exports.LinkButton = exports.Label = exports.Inline = exports.HelperMessage = exports.Heading = exports.Grid = exports.FormSection = exports.FormHeader = exports.FormFooter = exports.Form = exports.Flex = exports.ErrorMessage = exports.DynamicTable = exports.DatePicker = exports.CodeBlock = exports.Code = exports.Checkbox = exports.ButtonGroup = exports.Button = exports.Box = exports.Bleed = exports.Badge = void 0;
4
- exports.RequiredAsterisk = void 0;
5
- exports.Badge = 'Badge';
6
- exports.Bleed = 'Bleed';
7
- exports.Box = 'Box';
8
- exports.Button = 'Button';
9
- exports.ButtonGroup = 'ButtonGroup';
10
- exports.Checkbox = 'Checkbox';
11
- exports.Code = 'Code';
12
- exports.CodeBlock = 'CodeBlock';
13
- exports.DatePicker = 'DatePicker';
14
- exports.DynamicTable = 'DynamicTable';
15
- exports.ErrorMessage = 'ErrorMessage';
16
- exports.Flex = 'Flex';
17
- exports.Form = 'Form';
18
- exports.FormFooter = 'FormFooter';
19
- exports.FormHeader = 'FormHeader';
20
- exports.FormSection = 'FormSection';
21
- exports.Grid = 'Grid';
22
- exports.Heading = 'Heading';
23
- exports.HelperMessage = 'HelperMessage';
24
- exports.Inline = 'Inline';
25
- exports.Label = 'Label';
26
- exports.LinkButton = 'LinkButton';
27
- exports.LoadingButton = 'LoadingButton';
28
- exports.Lozenge = 'Lozenge';
29
- exports.Modal = 'Modal';
30
- exports.ModalBody = 'ModalBody';
31
- exports.ModalFooter = 'ModalFooter';
32
- exports.ModalHeader = 'ModalHeader';
33
- exports.ModalTitle = 'ModalTitle';
34
- exports.ModalTransition = 'ModalTransition';
35
- exports.ProgressBar = 'ProgressBar';
36
- exports.ProgressTracker = 'ProgressTracker';
37
- exports.Radio = 'Radio';
38
- exports.RadioGroup = 'RadioGroup';
39
- exports.Range = 'Range';
40
- exports.SectionMessage = 'SectionMessage';
41
- exports.SectionMessageAction = 'SectionMessageAction';
42
- exports.Spinner = 'Spinner';
43
- exports.Stack = 'Stack';
44
- exports.Tab = 'Tab';
45
- exports.TabList = 'TabList';
46
- exports.TabPanel = 'TabPanel';
47
- exports.Tabs = 'Tabs';
48
- exports.Tag = 'Tag';
49
- exports.TagGroup = 'TagGroup';
50
- exports.TextArea = 'TextArea';
51
- exports.Textfield = 'Textfield';
52
- exports.Toggle = 'Toggle';
53
- exports.Tooltip = 'Tooltip';
54
- exports.ValidMessage = 'ValidMessage';
55
- exports.RequiredAsterisk = 'RequiredAsterisk';