@opengeoweb/form-fields 9.28.1 → 9.29.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.
Files changed (36) hide show
  1. package/index.esm.js +27 -21
  2. package/package.json +2 -2
  3. package/src/index.d.ts +5 -5
  4. package/src/lib/components/Providers.d.ts +18 -18
  5. package/src/lib/components/Providers.spec.d.ts +1 -1
  6. package/src/lib/components/ReactHookFormDateTime.d.ts +24 -24
  7. package/src/lib/components/ReactHookFormDateTime.spec.d.ts +1 -1
  8. package/src/lib/components/ReactHookFormDateTime.stories.d.ts +34 -34
  9. package/src/lib/components/ReactHookFormFormControl.d.ts +11 -11
  10. package/src/lib/components/ReactHookFormFormControl.spec.d.ts +1 -1
  11. package/src/lib/components/ReactHookFormHiddenInput.d.ts +7 -7
  12. package/src/lib/components/ReactHookFormHiddenInput.spec.d.ts +1 -1
  13. package/src/lib/components/ReactHookFormHiddenInput.stories.d.ts +7 -7
  14. package/src/lib/components/ReactHookFormNumberField.d.ts +11 -11
  15. package/src/lib/components/ReactHookFormNumberField.spec.d.ts +1 -1
  16. package/src/lib/components/ReactHookFormNumberField.stories.d.ts +34 -34
  17. package/src/lib/components/ReactHookFormProvider.d.ts +9 -9
  18. package/src/lib/components/ReactHookFormProvider.stories.d.ts +34 -34
  19. package/src/lib/components/ReactHookFormRadioGroup.d.ts +9 -9
  20. package/src/lib/components/ReactHookFormRadioGroup.spec.d.ts +1 -1
  21. package/src/lib/components/ReactHookFormRadioGroup.stories.d.ts +34 -34
  22. package/src/lib/components/ReactHookFormSelect.d.ts +8 -8
  23. package/src/lib/components/ReactHookFormSelect.spec.d.ts +1 -1
  24. package/src/lib/components/ReactHookFormSelect.stories.d.ts +26 -26
  25. package/src/lib/components/ReactHookFormTextField.d.ts +10 -9
  26. package/src/lib/components/ReactHookFormTextField.spec.d.ts +1 -1
  27. package/src/lib/components/ReactHookFormTextField.stories.d.ts +34 -34
  28. package/src/lib/components/formUtils.d.ts +3 -3
  29. package/src/lib/components/formUtils.spec.d.ts +1 -1
  30. package/src/lib/components/index.d.ts +12 -12
  31. package/src/lib/components/types.d.ts +8 -8
  32. package/src/lib/components/utils.d.ts +37 -37
  33. package/src/lib/components/utils.spec.d.ts +1 -1
  34. package/src/lib/hooks/useDraftFormHelpers/useDraftFormHelpers.d.ts +8 -8
  35. package/src/lib/hooks/useDraftFormHelpers/useDraftFormHelpers.spec.d.ts +1 -1
  36. package/src/lib/utils/i18n.d.ts +4 -4
package/index.esm.js CHANGED
@@ -2691,9 +2691,9 @@ const ReactHookFormTextField = _a => {
2691
2691
  sx,
2692
2692
  onChange = () => {},
2693
2693
  isReadOnly,
2694
- InputProps
2694
+ inputSlotProps
2695
2695
  } = _a,
2696
- otherProps = __rest(_a, ["name", "label", "defaultValue", "rules", "disabled", "upperCase", "helperText", "className", "sx", "onChange", "isReadOnly", "InputProps"]);
2696
+ otherProps = __rest(_a, ["name", "label", "defaultValue", "rules", "disabled", "upperCase", "helperText", "className", "sx", "onChange", "isReadOnly", "inputSlotProps"]);
2697
2697
  const {
2698
2698
  control
2699
2699
  } = useFormContext();
@@ -2737,11 +2737,14 @@ const ReactHookFormTextField = _a => {
2737
2737
  onChange(null);
2738
2738
  },
2739
2739
  disabled: disabled,
2740
- inputRef: ref,
2741
- InputProps: Object.assign(Object.assign({}, InputProps), isReadOnly && {
2742
- readOnly: true
2740
+ inputRef: ref
2741
+ }, otherProps, {
2742
+ slotProps: Object.assign(Object.assign({}, otherProps.slotProps), {
2743
+ input: Object.assign(Object.assign({}, inputSlotProps), isReadOnly && {
2744
+ readOnly: true
2745
+ })
2743
2746
  })
2744
- }, otherProps))
2747
+ }))
2745
2748
  }));
2746
2749
  };
2747
2750
 
@@ -3060,6 +3063,7 @@ const getAllowedKeys = (inputMode = 'numeric') => {
3060
3063
  return allowedKeys;
3061
3064
  };
3062
3065
  const ReactHookFormNumberField = _a => {
3066
+ var _b;
3063
3067
  var {
3064
3068
  name,
3065
3069
  label,
@@ -3141,9 +3145,6 @@ const ReactHookFormNumberField = _a => {
3141
3145
  value: displayValue,
3142
3146
  variant: "filled",
3143
3147
  type: "text",
3144
- inputProps: {
3145
- inputMode
3146
- },
3147
3148
  name: name,
3148
3149
  size: size,
3149
3150
  onChange: evt => {
@@ -3156,14 +3157,19 @@ const ReactHookFormNumberField = _a => {
3156
3157
  },
3157
3158
  onKeyDown: onKeyDown,
3158
3159
  disabled: disabled,
3159
- inputRef: ref,
3160
- // eslint-disable-next-line react/jsx-no-duplicate-props
3161
- InputProps: Object.assign(Object.assign(Object.assign({}, isReadOnly && {
3162
- readOnly: true
3163
- }), otherProps.InputProps), {
3164
- onPaste
3160
+ inputRef: ref
3161
+ }, otherProps, {
3162
+ slotProps: Object.assign(Object.assign({}, otherProps.slotProps), {
3163
+ input: Object.assign(Object.assign({}, isReadOnly && {
3164
+ readOnly: true
3165
+ }), {
3166
+ onPaste
3167
+ }),
3168
+ htmlInput: Object.assign(Object.assign({}, (_b = otherProps.slotProps) === null || _b === void 0 ? void 0 : _b.htmlInput), {
3169
+ inputMode
3170
+ })
3165
3171
  })
3166
- }, otherProps))
3172
+ }))
3167
3173
  }));
3168
3174
  };
3169
3175
 
@@ -3171,11 +3177,11 @@ const OpenPicker = () => jsx(CalendarToday, {});
3171
3177
  const getTimezoneOffset = value => value.getTimezoneOffset() * 60000;
3172
3178
  const makeLocalAppearUTC = value => new Date(value.getTime() + getTimezoneOffset(value));
3173
3179
  const localToUTC = dateTime => new Date(dateTime.getTime() - getTimezoneOffset(dateTime));
3174
- /**
3175
- * Should return an isostring in the form "YYYY-MM-DDThh:mm:ssZ";
3176
- * The milli seconds section should not be included, strictly YYYY-MM-DDThh:mm:ssZ is important
3177
- * @param value input Date
3178
- * @returns iso string in YYYY-MM-DDThh:mm:ssZ format.
3180
+ /**
3181
+ * Should return an isostring in the form "YYYY-MM-DDThh:mm:ssZ";
3182
+ * The milli seconds section should not be included, strictly YYYY-MM-DDThh:mm:ssZ is important
3183
+ * @param value input Date
3184
+ * @returns iso string in YYYY-MM-DDThh:mm:ssZ format.
3179
3185
  */
3180
3186
  const getFormattedValueForDatePicker = value => {
3181
3187
  var _a;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengeoweb/form-fields",
3
- "version": "9.28.1",
3
+ "version": "9.29.0",
4
4
  "description": "GeoWeb form-fields library for the opengeoweb project",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -12,7 +12,7 @@
12
12
  "react-hook-form": "^7.50.1",
13
13
  "@mui/x-date-pickers": "^7.17.0",
14
14
  "lodash": "^4.17.21",
15
- "@opengeoweb/shared": "9.28.1",
15
+ "@opengeoweb/shared": "9.29.0",
16
16
  "react-i18next": "^14.1.2",
17
17
  "@mui/material": "^6.1.1",
18
18
  "i18next": "^23.11.5"
package/src/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import formFieldsTranslations from '../locales/formFields.json';
2
- export * from './lib/components';
3
- export * from './lib/hooks/useDraftFormHelpers/useDraftFormHelpers';
4
- export { FORM_FIELDS_NAMESPACE } from './lib/utils/i18n';
5
- export { formFieldsTranslations };
1
+ import formFieldsTranslations from '../locales/formFields.json';
2
+ export * from './lib/components';
3
+ export * from './lib/hooks/useDraftFormHelpers/useDraftFormHelpers';
4
+ export { FORM_FIELDS_NAMESPACE } from './lib/utils/i18n';
5
+ export { formFieldsTranslations };
@@ -1,18 +1,18 @@
1
- import React from 'react';
2
- import { UseFormProps } from 'react-hook-form';
3
- export declare const zeplinLinks: {
4
- name: string;
5
- link: string;
6
- }[];
7
- export interface StoryLayoutProps {
8
- children?: React.ReactNode;
9
- }
10
- export interface FormFieldsWrapperProps {
11
- children?: React.ReactNode;
12
- options?: UseFormProps;
13
- isDarkTheme?: boolean;
14
- }
15
- export declare const FormFieldsWrapper: React.FC<FormFieldsWrapperProps>;
16
- export declare const FormFieldsI18nProvider: React.FC<{
17
- children?: React.ReactNode;
18
- }>;
1
+ import React from 'react';
2
+ import { UseFormProps } from 'react-hook-form';
3
+ export declare const zeplinLinks: {
4
+ name: string;
5
+ link: string;
6
+ }[];
7
+ export interface StoryLayoutProps {
8
+ children?: React.ReactNode;
9
+ }
10
+ export interface FormFieldsWrapperProps {
11
+ children?: React.ReactNode;
12
+ options?: UseFormProps;
13
+ isDarkTheme?: boolean;
14
+ }
15
+ export declare const FormFieldsWrapper: React.FC<FormFieldsWrapperProps>;
16
+ export declare const FormFieldsI18nProvider: React.FC<{
17
+ children?: React.ReactNode;
18
+ }>;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,24 +1,24 @@
1
- import * as React from 'react';
2
- import { SxProps, Theme } from '@mui/material';
3
- import { DateTimePickerProps, DateTimePickerSlotProps } from '@mui/x-date-pickers';
4
- import { ReactHookFormInput } from './types';
5
- /**
6
- * Should return an isostring in the form "YYYY-MM-DDThh:mm:ssZ";
7
- * The milli seconds section should not be included, strictly YYYY-MM-DDThh:mm:ssZ is important
8
- * @param value input Date
9
- * @returns iso string in YYYY-MM-DDThh:mm:ssZ format.
10
- */
11
- export declare const getFormattedValueForDatePicker: (value: Date) => string | null;
12
- export declare const getDateValue: (value: string) => Date | null;
13
- type ReactHookKeyboardDateTimePickerProps = DateTimePickerProps<Date> & DateTimePickerSlotProps<Date, false> & ReactHookFormInput<{
14
- defaultNullValue?: string | null;
15
- value?: string;
16
- onChange?: (value: Date | string | null) => void;
17
- format?: string;
18
- sx?: SxProps<Theme>;
19
- }> & {
20
- 'data-testid'?: string;
21
- shouldHideUTC?: boolean;
22
- };
23
- declare const ReactHookKeyboardDateTimePicker: React.FC<ReactHookKeyboardDateTimePickerProps>;
24
- export default ReactHookKeyboardDateTimePicker;
1
+ import * as React from 'react';
2
+ import { SxProps, Theme } from '@mui/material';
3
+ import { DateTimePickerProps, DateTimePickerSlotProps } from '@mui/x-date-pickers';
4
+ import { ReactHookFormInput } from './types';
5
+ /**
6
+ * Should return an isostring in the form "YYYY-MM-DDThh:mm:ssZ";
7
+ * The milli seconds section should not be included, strictly YYYY-MM-DDThh:mm:ssZ is important
8
+ * @param value input Date
9
+ * @returns iso string in YYYY-MM-DDThh:mm:ssZ format.
10
+ */
11
+ export declare const getFormattedValueForDatePicker: (value: Date) => string | null;
12
+ export declare const getDateValue: (value: string) => Date | null;
13
+ type ReactHookKeyboardDateTimePickerProps = DateTimePickerProps<Date> & DateTimePickerSlotProps<Date, false> & ReactHookFormInput<{
14
+ defaultNullValue?: string | null;
15
+ value?: string;
16
+ onChange?: (value: Date | string | null) => void;
17
+ format?: string;
18
+ sx?: SxProps<Theme>;
19
+ }> & {
20
+ 'data-testid'?: string;
21
+ shouldHideUTC?: boolean;
22
+ };
23
+ declare const ReactHookKeyboardDateTimePicker: React.FC<ReactHookKeyboardDateTimePickerProps>;
24
+ export default ReactHookKeyboardDateTimePicker;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,34 +1,34 @@
1
- import * as React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const DateTime: {
7
- (): React.ReactElement;
8
- parameters: {
9
- zeplinLink: {
10
- name: string;
11
- link: string;
12
- }[];
13
- };
14
- };
15
- export declare const DateTimeLightTheme: {
16
- (): React.ReactElement;
17
- tags: string[];
18
- parameters: {
19
- zeplinLink: {
20
- name: string;
21
- link: string;
22
- }[];
23
- };
24
- };
25
- export declare const DateTimeDarkTheme: {
26
- (): React.ReactElement;
27
- tags: string[];
28
- parameters: {
29
- zeplinLink: {
30
- name: string;
31
- link: string;
32
- }[];
33
- };
34
- };
1
+ import * as React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const DateTime: {
7
+ (): React.ReactElement;
8
+ parameters: {
9
+ zeplinLink: {
10
+ name: string;
11
+ link: string;
12
+ }[];
13
+ };
14
+ };
15
+ export declare const DateTimeLightTheme: {
16
+ (): React.ReactElement;
17
+ tags: string[];
18
+ parameters: {
19
+ zeplinLink: {
20
+ name: string;
21
+ link: string;
22
+ }[];
23
+ };
24
+ };
25
+ export declare const DateTimeDarkTheme: {
26
+ (): React.ReactElement;
27
+ tags: string[];
28
+ parameters: {
29
+ zeplinLink: {
30
+ name: string;
31
+ link: string;
32
+ }[];
33
+ };
34
+ };
@@ -1,11 +1,11 @@
1
- import * as React from 'react';
2
- import { FormControlProps } from '@mui/material';
3
- import { FieldErrors } from 'react-hook-form';
4
- interface ReactHookFormFormControlProps extends FormControlProps {
5
- children?: React.ReactNode;
6
- errors?: FieldErrors;
7
- isReadOnly?: boolean;
8
- }
9
- export declare const getErrorMessage: (errors: FieldErrors) => string;
10
- declare const ReactHookFormFormControl: React.FC<ReactHookFormFormControlProps>;
11
- export default ReactHookFormFormControl;
1
+ import * as React from 'react';
2
+ import { FormControlProps } from '@mui/material';
3
+ import { FieldErrors } from 'react-hook-form';
4
+ interface ReactHookFormFormControlProps extends FormControlProps {
5
+ children?: React.ReactNode;
6
+ errors?: FieldErrors;
7
+ isReadOnly?: boolean;
8
+ }
9
+ export declare const getErrorMessage: (errors: FieldErrors) => string;
10
+ declare const ReactHookFormFormControl: React.FC<ReactHookFormFormControlProps>;
11
+ export default ReactHookFormFormControl;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,7 +1,7 @@
1
- import * as React from 'react';
2
- import { ReactHookFormInput } from './types';
3
- type ReactHookFormHiddenInputProps = ReactHookFormInput<{
4
- defaultValue?: unknown;
5
- }>;
6
- declare const ReactHookFormHiddenInput: React.FC<ReactHookFormHiddenInputProps>;
7
- export default ReactHookFormHiddenInput;
1
+ import * as React from 'react';
2
+ import { ReactHookFormInput } from './types';
3
+ type ReactHookFormHiddenInputProps = ReactHookFormInput<{
4
+ defaultValue?: unknown;
5
+ }>;
6
+ declare const ReactHookFormHiddenInput: React.FC<ReactHookFormHiddenInputProps>;
7
+ export default ReactHookFormHiddenInput;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,7 +1,7 @@
1
- import * as React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const HiddenInput: () => React.ReactElement;
7
- export declare const HiddenInputDarkTheme: () => React.ReactElement;
1
+ import * as React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const HiddenInput: () => React.ReactElement;
7
+ export declare const HiddenInputDarkTheme: () => React.ReactElement;
@@ -1,11 +1,11 @@
1
- import * as React from 'react';
2
- import { TextFieldProps } from '@mui/material';
3
- import { ReactHookFormInput } from './types';
4
- type InputMode = 'numeric' | 'decimal';
5
- export declare const convertNumericInputValue: (value: string, inputMode: InputMode) => number | null;
6
- export declare const getAllowedKeys: (inputMode?: InputMode) => string[];
7
- type ReactHookFormNumberFieldProps = Partial<TextFieldProps> & ReactHookFormInput<{
8
- inputMode?: InputMode;
9
- }>;
10
- declare const ReactHookFormNumberField: React.FC<ReactHookFormNumberFieldProps>;
11
- export default ReactHookFormNumberField;
1
+ import * as React from 'react';
2
+ import { TextFieldProps } from '@mui/material';
3
+ import { ReactHookFormInput } from './types';
4
+ type InputMode = 'numeric' | 'decimal';
5
+ export declare const convertNumericInputValue: (value: string, inputMode: InputMode) => number | null;
6
+ export declare const getAllowedKeys: (inputMode?: InputMode) => string[];
7
+ type ReactHookFormNumberFieldProps = Partial<TextFieldProps> & ReactHookFormInput<{
8
+ inputMode?: InputMode;
9
+ }>;
10
+ declare const ReactHookFormNumberField: React.FC<ReactHookFormNumberFieldProps>;
11
+ export default ReactHookFormNumberField;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,34 +1,34 @@
1
- import * as React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const NumberField: {
7
- (): React.ReactElement;
8
- parameters: {
9
- zeplinLinks: {
10
- name: string;
11
- link: string;
12
- }[];
13
- };
14
- };
15
- export declare const NumberFieldLightTheme: {
16
- (): React.ReactElement;
17
- tags: string[];
18
- parameters: {
19
- zeplinLink: {
20
- name: string;
21
- link: string;
22
- }[];
23
- };
24
- };
25
- export declare const NumberFieldDarkTheme: {
26
- (): React.ReactElement;
27
- tags: string[];
28
- parameters: {
29
- zeplinLink: {
30
- name: string;
31
- link: string;
32
- }[];
33
- };
34
- };
1
+ import * as React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const NumberField: {
7
+ (): React.ReactElement;
8
+ parameters: {
9
+ zeplinLinks: {
10
+ name: string;
11
+ link: string;
12
+ }[];
13
+ };
14
+ };
15
+ export declare const NumberFieldLightTheme: {
16
+ (): React.ReactElement;
17
+ tags: string[];
18
+ parameters: {
19
+ zeplinLink: {
20
+ name: string;
21
+ link: string;
22
+ }[];
23
+ };
24
+ };
25
+ export declare const NumberFieldDarkTheme: {
26
+ (): React.ReactElement;
27
+ tags: string[];
28
+ parameters: {
29
+ zeplinLink: {
30
+ name: string;
31
+ link: string;
32
+ }[];
33
+ };
34
+ };
@@ -1,9 +1,9 @@
1
- import React from 'react';
2
- import { UseFormProps } from 'react-hook-form';
3
- interface WrapperProps {
4
- children: React.ReactNode;
5
- options?: UseFormProps;
6
- }
7
- export declare const defaultFormOptions: UseFormProps;
8
- declare const ReactHookFormProviderWrapper: React.FC<WrapperProps>;
9
- export default ReactHookFormProviderWrapper;
1
+ import React from 'react';
2
+ import { UseFormProps } from 'react-hook-form';
3
+ interface WrapperProps {
4
+ children: React.ReactNode;
5
+ options?: UseFormProps;
6
+ }
7
+ export declare const defaultFormOptions: UseFormProps;
8
+ declare const ReactHookFormProviderWrapper: React.FC<WrapperProps>;
9
+ export default ReactHookFormProviderWrapper;
@@ -1,34 +1,34 @@
1
- import * as React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const FormProvider: {
7
- (): React.ReactElement;
8
- parameters: {
9
- zeplinLink: {
10
- name: string;
11
- link: string;
12
- }[];
13
- };
14
- };
15
- export declare const FormProviderLightTheme: {
16
- (): React.ReactElement;
17
- tags: string[];
18
- parameters: {
19
- zeplinLink: {
20
- name: string;
21
- link: string;
22
- }[];
23
- };
24
- };
25
- export declare const FormProviderDarkTheme: {
26
- (): React.ReactElement;
27
- tags: string[];
28
- parameters: {
29
- zeplinLink: {
30
- name: string;
31
- link: string;
32
- }[];
33
- };
34
- };
1
+ import * as React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const FormProvider: {
7
+ (): React.ReactElement;
8
+ parameters: {
9
+ zeplinLink: {
10
+ name: string;
11
+ link: string;
12
+ }[];
13
+ };
14
+ };
15
+ export declare const FormProviderLightTheme: {
16
+ (): React.ReactElement;
17
+ tags: string[];
18
+ parameters: {
19
+ zeplinLink: {
20
+ name: string;
21
+ link: string;
22
+ }[];
23
+ };
24
+ };
25
+ export declare const FormProviderDarkTheme: {
26
+ (): React.ReactElement;
27
+ tags: string[];
28
+ parameters: {
29
+ zeplinLink: {
30
+ name: string;
31
+ link: string;
32
+ }[];
33
+ };
34
+ };
@@ -1,9 +1,9 @@
1
- import * as React from 'react';
2
- import { RadioGroupProps } from '@mui/material';
3
- import { ReactHookFormInput } from './types';
4
- type ReactHookFormRadioGroupProps = Partial<RadioGroupProps> & ReactHookFormInput<{
5
- disabled?: boolean;
6
- children?: React.ReactNode;
7
- }>;
8
- declare const ReactHookFormRadioGroup: React.FC<ReactHookFormRadioGroupProps>;
9
- export default ReactHookFormRadioGroup;
1
+ import * as React from 'react';
2
+ import { RadioGroupProps } from '@mui/material';
3
+ import { ReactHookFormInput } from './types';
4
+ type ReactHookFormRadioGroupProps = Partial<RadioGroupProps> & ReactHookFormInput<{
5
+ disabled?: boolean;
6
+ children?: React.ReactNode;
7
+ }>;
8
+ declare const ReactHookFormRadioGroup: React.FC<ReactHookFormRadioGroupProps>;
9
+ export default ReactHookFormRadioGroup;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,34 +1,34 @@
1
- import * as React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const RadioGroup: {
7
- (): React.ReactElement;
8
- parameters: {
9
- zeplinLink: {
10
- name: string;
11
- link: string;
12
- }[];
13
- };
14
- };
15
- export declare const RadioGroupLightTheme: {
16
- (): React.ReactElement;
17
- tags: string[];
18
- parameters: {
19
- zeplinLink: {
20
- name: string;
21
- link: string;
22
- }[];
23
- };
24
- };
25
- export declare const RadioGroupDarkTheme: {
26
- (): React.ReactElement;
27
- tags: string[];
28
- parameters: {
29
- zeplinLink: {
30
- name: string;
31
- link: string;
32
- }[];
33
- };
34
- };
1
+ import * as React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const RadioGroup: {
7
+ (): React.ReactElement;
8
+ parameters: {
9
+ zeplinLink: {
10
+ name: string;
11
+ link: string;
12
+ }[];
13
+ };
14
+ };
15
+ export declare const RadioGroupLightTheme: {
16
+ (): React.ReactElement;
17
+ tags: string[];
18
+ parameters: {
19
+ zeplinLink: {
20
+ name: string;
21
+ link: string;
22
+ }[];
23
+ };
24
+ };
25
+ export declare const RadioGroupDarkTheme: {
26
+ (): React.ReactElement;
27
+ tags: string[];
28
+ parameters: {
29
+ zeplinLink: {
30
+ name: string;
31
+ link: string;
32
+ }[];
33
+ };
34
+ };
@@ -1,8 +1,8 @@
1
- import * as React from 'react';
2
- import { SelectProps } from '@mui/material';
3
- import { ReactHookFormInput } from './types';
4
- type ReactHookFormSelectProps = Partial<SelectProps> & ReactHookFormInput<{
5
- onChange?: (value: React.ChangeEvent<HTMLInputElement>) => void;
6
- }>;
7
- declare const ReactHookFormSelect: React.FC<ReactHookFormSelectProps>;
8
- export default ReactHookFormSelect;
1
+ import * as React from 'react';
2
+ import { SelectProps } from '@mui/material';
3
+ import { ReactHookFormInput } from './types';
4
+ type ReactHookFormSelectProps = Partial<SelectProps> & ReactHookFormInput<{
5
+ onChange?: (value: React.ChangeEvent<HTMLInputElement>) => void;
6
+ }>;
7
+ declare const ReactHookFormSelect: React.FC<ReactHookFormSelectProps>;
8
+ export default ReactHookFormSelect;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,26 +1,26 @@
1
- import * as React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const Select: () => React.ReactElement;
7
- export declare const SelectLightTheme: {
8
- (): React.ReactElement;
9
- tags: string[];
10
- parameters: {
11
- zeplinLink: {
12
- name: string;
13
- link: string;
14
- }[];
15
- };
16
- };
17
- export declare const SelectDarkTheme: {
18
- (): React.ReactElement;
19
- tags: string[];
20
- parameters: {
21
- zeplinLink: {
22
- name: string;
23
- link: string;
24
- }[];
25
- };
26
- };
1
+ import * as React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const Select: () => React.ReactElement;
7
+ export declare const SelectLightTheme: {
8
+ (): React.ReactElement;
9
+ tags: string[];
10
+ parameters: {
11
+ zeplinLink: {
12
+ name: string;
13
+ link: string;
14
+ }[];
15
+ };
16
+ };
17
+ export declare const SelectDarkTheme: {
18
+ (): React.ReactElement;
19
+ tags: string[];
20
+ parameters: {
21
+ zeplinLink: {
22
+ name: string;
23
+ link: string;
24
+ }[];
25
+ };
26
+ };
@@ -1,9 +1,10 @@
1
- import * as React from 'react';
2
- import { TextFieldProps } from '@mui/material';
3
- import { ReactHookFormInput } from './types';
4
- export declare const convertTextInputValue: (value: string, inCapitals: boolean) => number | string;
5
- type ReactHookFormTextFieldProps = Partial<TextFieldProps> & ReactHookFormInput<{
6
- upperCase?: boolean;
7
- }>;
8
- declare const ReactHookFormTextField: React.FC<ReactHookFormTextFieldProps>;
9
- export default ReactHookFormTextField;
1
+ import * as React from 'react';
2
+ import { BaseTextFieldProps, FilledInputProps, SlotCommonProps, SlotProps, TextFieldProps } from '@mui/material';
3
+ import { ReactHookFormInput } from './types';
4
+ export declare const convertTextInputValue: (value: string, inCapitals: boolean) => number | string;
5
+ type ReactHookFormTextFieldProps = Partial<TextFieldProps> & ReactHookFormInput<{
6
+ upperCase?: boolean;
7
+ inputSlotProps?: SlotProps<React.ElementType<FilledInputProps, keyof React.JSX.IntrinsicElements>, SlotCommonProps, BaseTextFieldProps> | undefined;
8
+ }>;
9
+ declare const ReactHookFormTextField: React.FC<ReactHookFormTextFieldProps>;
10
+ export default ReactHookFormTextField;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,34 +1,34 @@
1
- import * as React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const TextField: {
7
- (): React.ReactElement;
8
- parameters: {
9
- zeplinLink: {
10
- name: string;
11
- link: string;
12
- }[];
13
- };
14
- };
15
- export declare const TextFieldLightTheme: {
16
- (): React.ReactElement;
17
- tags: string[];
18
- parameters: {
19
- zeplinLink: {
20
- name: string;
21
- link: string;
22
- }[];
23
- };
24
- };
25
- export declare const TextFieldDarkTheme: {
26
- (): React.ReactElement;
27
- tags: string[];
28
- parameters: {
29
- zeplinLink: {
30
- name: string;
31
- link: string;
32
- }[];
33
- };
34
- };
1
+ import * as React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const TextField: {
7
+ (): React.ReactElement;
8
+ parameters: {
9
+ zeplinLink: {
10
+ name: string;
11
+ link: string;
12
+ }[];
13
+ };
14
+ };
15
+ export declare const TextFieldLightTheme: {
16
+ (): React.ReactElement;
17
+ tags: string[];
18
+ parameters: {
19
+ zeplinLink: {
20
+ name: string;
21
+ link: string;
22
+ }[];
23
+ };
24
+ };
25
+ export declare const TextFieldDarkTheme: {
26
+ (): React.ReactElement;
27
+ tags: string[];
28
+ parameters: {
29
+ zeplinLink: {
30
+ name: string;
31
+ link: string;
32
+ }[];
33
+ };
34
+ };
@@ -1,3 +1,3 @@
1
- import { FieldErrors } from 'react-hook-form';
2
- export declare function getDeepProperty<I>(p: string[], o: I): I;
3
- export declare const getErrors: (name: string, errors: FieldErrors) => FieldErrors;
1
+ import { FieldErrors } from 'react-hook-form';
2
+ export declare function getDeepProperty<I>(p: string[], o: I): I;
3
+ export declare const getErrors: (name: string, errors: FieldErrors) => FieldErrors;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,12 +1,12 @@
1
- export { default as ReactHookFormSelect } from './ReactHookFormSelect';
2
- export { default as ReactHookFormRadioGroup } from './ReactHookFormRadioGroup';
3
- export { default as ReactHookFormTextField } from './ReactHookFormTextField';
4
- export { default as ReactHookFormNumberField } from './ReactHookFormNumberField';
5
- export { default as ReactHookFormFormControl } from './ReactHookFormFormControl';
6
- export { default as ReactHookFormDateTime } from './ReactHookFormDateTime';
7
- export * from './ReactHookFormDateTime';
8
- export { default as ReactHookFormProvider } from './ReactHookFormProvider';
9
- export { default as ReactHookFormHiddenInput } from './ReactHookFormHiddenInput';
10
- export { defaultFormOptions } from './ReactHookFormProvider';
11
- export { errorMessages, isMaximumOneDrawing, hasValidGeometry, isGeometryDirty, isValidGeoJsonCoordinates, hasIntersectionWithFIR, countIntersectionPoints, isValidMax, isValidMin, isInteger, hasMulitpleIntersections, isLatitude, isLongitude, isNonOrBothCoordinates, isEmpty, isXHoursAfter, isXHoursBefore, } from './utils';
12
- export { getDeepProperty } from './formUtils';
1
+ export { default as ReactHookFormSelect } from './ReactHookFormSelect';
2
+ export { default as ReactHookFormRadioGroup } from './ReactHookFormRadioGroup';
3
+ export { default as ReactHookFormTextField } from './ReactHookFormTextField';
4
+ export { default as ReactHookFormNumberField } from './ReactHookFormNumberField';
5
+ export { default as ReactHookFormFormControl } from './ReactHookFormFormControl';
6
+ export { default as ReactHookFormDateTime } from './ReactHookFormDateTime';
7
+ export * from './ReactHookFormDateTime';
8
+ export { default as ReactHookFormProvider } from './ReactHookFormProvider';
9
+ export { default as ReactHookFormHiddenInput } from './ReactHookFormHiddenInput';
10
+ export { defaultFormOptions } from './ReactHookFormProvider';
11
+ export { errorMessages, isMaximumOneDrawing, hasValidGeometry, isGeometryDirty, isValidGeoJsonCoordinates, hasIntersectionWithFIR, countIntersectionPoints, isValidMax, isValidMin, isInteger, hasMulitpleIntersections, isLatitude, isLongitude, isNonOrBothCoordinates, isEmpty, isXHoursAfter, isXHoursBefore, } from './utils';
12
+ export { getDeepProperty } from './formUtils';
@@ -1,8 +1,8 @@
1
- import { RegisterOptions } from 'react-hook-form';
2
- export type ReactHookFormInput<T> = T & {
3
- name: string;
4
- label?: string;
5
- rules?: RegisterOptions;
6
- helperText?: string;
7
- isReadOnly?: boolean;
8
- };
1
+ import { RegisterOptions } from 'react-hook-form';
2
+ export type ReactHookFormInput<T> = T & {
3
+ name: string;
4
+ label?: string;
5
+ rules?: RegisterOptions;
6
+ helperText?: string;
7
+ isReadOnly?: boolean;
8
+ };
@@ -1,37 +1,37 @@
1
- import { Polygon } from 'geojson';
2
- export declare const defaultProps: {
3
- shouldUnregister: boolean;
4
- };
5
- export declare const errorMessages: {
6
- required: string;
7
- isValidDate: string;
8
- isAfter: string;
9
- isXHoursBefore: string;
10
- isXHoursAfter: string;
11
- isBefore: string;
12
- minLevel: string;
13
- isLatitude: string;
14
- isLongitude: string;
15
- isValidMax: string;
16
- isLevelLower: string;
17
- isNonOrBothCoordinates: string;
18
- isInteger: string;
19
- isNumeric: string;
20
- };
21
- export declare const isEmpty: (value?: number | string | null) => boolean;
22
- export declare const isXHoursBefore: (ownDate: string, otherDate: string, hours?: number) => boolean;
23
- export declare const isXHoursAfter: (ownDate: string, otherDate: string, hours?: number) => boolean;
24
- export declare const isLatitude: (lat?: number | null) => boolean;
25
- export declare const isLongitude: (lng?: number | null) => boolean;
26
- export declare const isValidMax: (value: number, maxValue: number | null) => boolean;
27
- export declare const isValidMin: (value: number, minValue: number | null) => boolean;
28
- export declare const hasValidGeometry: (geojson?: GeoJSON.FeatureCollection | null) => boolean;
29
- export declare const isValidGeoJsonCoordinates: (geojson: GeoJSON.FeatureCollection) => boolean;
30
- export declare const isMaximumOneDrawing: (geojson: GeoJSON.FeatureCollection) => boolean;
31
- export declare const hasIntersectionWithFIR: (geojson: GeoJSON.FeatureCollection, intersection: GeoJSON.FeatureCollection) => boolean;
32
- export declare const hasMulitpleIntersections: (geojson: GeoJSON.FeatureCollection) => boolean;
33
- export declare const countIntersectionPoints: (geojson: GeoJSON.FeatureCollection<Polygon>, intersection: GeoJSON.FeatureCollection<Polygon>) => number;
34
- export declare const isGeometryDirty: (geoJSON?: GeoJSON.FeatureCollection | null, formGeoJSON?: GeoJSON.FeatureCollection | null) => boolean;
35
- export declare const isInteger: (value: number) => boolean;
36
- export declare const isNumeric: (value: any) => boolean;
37
- export declare const isNonOrBothCoordinates: (coordinate?: number | null, otherCoordinate?: number | null) => boolean;
1
+ import { Polygon } from 'geojson';
2
+ export declare const defaultProps: {
3
+ shouldUnregister: boolean;
4
+ };
5
+ export declare const errorMessages: {
6
+ required: string;
7
+ isValidDate: string;
8
+ isAfter: string;
9
+ isXHoursBefore: string;
10
+ isXHoursAfter: string;
11
+ isBefore: string;
12
+ minLevel: string;
13
+ isLatitude: string;
14
+ isLongitude: string;
15
+ isValidMax: string;
16
+ isLevelLower: string;
17
+ isNonOrBothCoordinates: string;
18
+ isInteger: string;
19
+ isNumeric: string;
20
+ };
21
+ export declare const isEmpty: (value?: number | string | null) => boolean;
22
+ export declare const isXHoursBefore: (ownDate: string, otherDate: string, hours?: number) => boolean;
23
+ export declare const isXHoursAfter: (ownDate: string, otherDate: string, hours?: number) => boolean;
24
+ export declare const isLatitude: (lat?: number | null) => boolean;
25
+ export declare const isLongitude: (lng?: number | null) => boolean;
26
+ export declare const isValidMax: (value: number, maxValue: number | null) => boolean;
27
+ export declare const isValidMin: (value: number, minValue: number | null) => boolean;
28
+ export declare const hasValidGeometry: (geojson?: GeoJSON.FeatureCollection | null) => boolean;
29
+ export declare const isValidGeoJsonCoordinates: (geojson: GeoJSON.FeatureCollection) => boolean;
30
+ export declare const isMaximumOneDrawing: (geojson: GeoJSON.FeatureCollection) => boolean;
31
+ export declare const hasIntersectionWithFIR: (geojson: GeoJSON.FeatureCollection, intersection: GeoJSON.FeatureCollection) => boolean;
32
+ export declare const hasMulitpleIntersections: (geojson: GeoJSON.FeatureCollection) => boolean;
33
+ export declare const countIntersectionPoints: (geojson: GeoJSON.FeatureCollection<Polygon>, intersection: GeoJSON.FeatureCollection<Polygon>) => number;
34
+ export declare const isGeometryDirty: (geoJSON?: GeoJSON.FeatureCollection | null, formGeoJSON?: GeoJSON.FeatureCollection | null) => boolean;
35
+ export declare const isInteger: (value: number) => boolean;
36
+ export declare const isNumeric: (value: any) => boolean;
37
+ export declare const isNonOrBothCoordinates: (coordinate?: number | null, otherCoordinate?: number | null) => boolean;
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,8 +1,8 @@
1
- import * as React from 'react';
2
- export declare const HIDDEN_INPUT_HELPER_IS_DRAFT = "IS_DRAFT";
3
- export declare const useDraftFormHelpers: (isDefaultDraft?: boolean) => {
4
- isRequired: (value: string) => boolean | string;
5
- toggleIsDraft: (isDraft: boolean) => void;
6
- isDraft: () => boolean;
7
- DraftFieldHelper: () => React.ReactElement;
8
- };
1
+ import * as React from 'react';
2
+ export declare const HIDDEN_INPUT_HELPER_IS_DRAFT = "IS_DRAFT";
3
+ export declare const useDraftFormHelpers: (isDefaultDraft?: boolean) => {
4
+ isRequired: (value: string) => boolean | string;
5
+ toggleIsDraft: (isDraft: boolean) => void;
6
+ isDraft: () => boolean;
7
+ DraftFieldHelper: () => React.ReactElement;
8
+ };
@@ -1 +1 @@
1
- export {};
1
+ export {};
@@ -1,4 +1,4 @@
1
- import i18n from 'i18next';
2
- export declare const FORM_FIELDS_NAMESPACE = "form-fields";
3
- export declare const translateKeyOutsideComponents: (key: string, params?: Record<string, string | number> | undefined) => string;
4
- export { i18n };
1
+ import i18n from 'i18next';
2
+ export declare const FORM_FIELDS_NAMESPACE = "form-fields";
3
+ export declare const translateKeyOutsideComponents: (key: string, params?: Record<string, string | number> | undefined) => string;
4
+ export { i18n };