@opengeoweb/form-fields 2.0.1

package/index.d.ts

@@ -0,0 +1 @@
+export * from './lib/components';

package/lib/components/ReactHookFormDateTime.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { KeyboardDateTimePickerProps } from '@material-ui/pickers';
+import { Moment } from 'moment-timezone';
+import { Rules } from './types';
+export declare const getFormattedValue: (value: Moment | string) => string | Moment;
+declare type ReactHookKeyboardDateTimePickerProps = Partial<KeyboardDateTimePickerProps> & {
+    rules: Rules;
+    defaultNullValue?: string;
+    value?: string;
+    onChange?: (value: any) => void;
+};
+declare const ReactHookKeyboardDateTimePicker: React.FC<ReactHookKeyboardDateTimePickerProps>;
+export default ReactHookKeyboardDateTimePicker;

package/lib/components/ReactHookFormDateTime.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DateTime: () => React.ReactElement;

package/lib/components/ReactHookFormFormControl.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { FormControlProps } from '@material-ui/core';
+import { FieldErrors } from 'react-hook-form';
+interface ReactHookFormFormControlProps extends FormControlProps {
+    errors?: FieldErrors;
+}
+declare const ReactHookFormFormControl: React.FC<ReactHookFormFormControlProps>;
+export default ReactHookFormFormControl;

package/lib/components/ReactHookFormFormControl.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/ReactHookFormHiddenInput.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface ReactHookFormHiddenInputProps {
+    name: string;
+    defaultValue?: unknown;
+    rules?: unknown;
+}
+declare const ReactHookFormHiddenInput: React.FC<ReactHookFormHiddenInputProps>;
+export default ReactHookFormHiddenInput;

package/lib/components/ReactHookFormHiddenInput.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const HiddenInput: () => React.ReactElement;

package/lib/components/ReactHookFormNumberField.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { TextFieldProps } from '@material-ui/core';
+import { Rules } from './types';
+declare type InputMode = 'numeric' | 'decimal';
+export declare const convertNumericInputValue: (value: string, inputMode: InputMode) => number | string;
+export declare const parseInput: (value: number | string) => string;
+export declare const getAllowedKeys: (inputMode?: InputMode) => string[];
+declare type ReactHookFormNumberFieldProps = Partial<TextFieldProps> & {
+    rules: Rules;
+    inputMode?: InputMode;
+};
+declare const ReactHookFormNumberField: React.FC<ReactHookFormNumberFieldProps>;
+export default ReactHookFormNumberField;

package/lib/components/ReactHookFormNumberField.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const NumberField: () => React.ReactElement;

package/lib/components/ReactHookFormProvider.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { UseFormOptions } from 'react-hook-form';
+interface WrapperProps {
+    children: React.ReactNode;
+    options?: UseFormOptions;
+}
+export declare const defaultFormOptions: Partial<{
+    mode: keyof import("react-hook-form").ValidationMode;
+    reValidateMode: "onBlur" | "onChange" | "onSubmit";
+    defaultValues: {
+        [x: string]: any;
+    };
+    resolver: import("react-hook-form").Resolver<import("react-hook-form").FieldValues, object>;
+    context: object;
+    shouldFocusError: boolean;
+    shouldUnregister: boolean;
+    criteriaMode: "all" | "firstError";
+}>;
+declare const ReactHookFormProvider: React.FC<WrapperProps>;
+export default ReactHookFormProvider;

package/lib/components/ReactHookFormProvider.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const FormProvider: () => React.ReactElement;

package/lib/components/ReactHookFormRadioGroup.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { RadioGroupProps } from '@material-ui/core';
+import { Rules } from './types';
+declare type ReactHookFormRadioGroupProps = Partial<RadioGroupProps> & {
+    rules: Rules;
+    label?: string;
+    disabled?: boolean;
+};
+declare const ReactHookFormRadioGroup: React.FC<ReactHookFormRadioGroupProps>;
+export default ReactHookFormRadioGroup;

package/lib/components/ReactHookFormRadioGroup.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const RadioGroup: () => React.ReactElement;

package/lib/components/ReactHookFormSelect.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { SelectProps } from '@material-ui/core';
+import { Rules } from './types';
+declare type ReactHookFormSelectProps = Partial<SelectProps> & {
+    rules: Rules;
+    onChange?: (value: any) => void;
+};
+declare const ReactHookFormSelect: React.FC<ReactHookFormSelectProps>;
+export default ReactHookFormSelect;

package/lib/components/ReactHookFormSelect.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Select: () => React.ReactElement;

package/lib/components/ReactHookFormTextField.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { TextFieldProps } from '@material-ui/core';
+import { Rules } from './types';
+export declare const convertTextInputValue: (value: string, inCapitals: boolean) => number | string;
+declare type ReactHookFormTextFieldProps = Partial<TextFieldProps> & {
+    rules: Rules;
+    upperCase?: boolean;
+};
+declare const ReactHookFormTextField: React.FC<ReactHookFormTextFieldProps>;
+export default ReactHookFormTextField;

package/lib/components/ReactHookFormTextField.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const TextField: () => React.ReactElement;

package/lib/components/formUtils.d.ts

@@ -0,0 +1,3 @@
+import { FieldErrors } from 'react-hook-form';
+export declare function getDeepProperty<I>(p: string[], o: I): I;
+export declare const getErrors: (name: string, errors: FieldErrors) => FieldErrors;

package/lib/components/formUtils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/index.d.ts

@@ -0,0 +1,11 @@
+export { default as ReactHookFormSelect } from './ReactHookFormSelect';
+export { default as ReactHookFormRadioGroup } from './ReactHookFormRadioGroup';
+export { default as ReactHookFormTextField } from './ReactHookFormTextField';
+export { default as ReactHookFormNumberField } from './ReactHookFormNumberField';
+export { default as ReactHookFormFormControl } from './ReactHookFormFormControl';
+export { default as ReactHookFormDateTime } from './ReactHookFormDateTime';
+export { default as ReactHookFormProvider } from './ReactHookFormProvider';
+export { default as ReactHookFormHiddenInput } from './ReactHookFormHiddenInput';
+export { defaultFormOptions } from './ReactHookFormProvider';
+export { errorMessages, isMaximumOneDrawing, isGeometryDirty, isValidGeoJsonCoordinates, hasIntersectionWithFIR, isValidMax, isValidMin, isInteger, isAfter, isBefore, isBetween, isValidDate, hasMaxFeaturePoints, hasMulitpleIntersections, isXHoursBefore, isXHoursAfter, isLatitude, isLongitude, isNonOrBothCoordinates, containsNoCommas, isEmpty, } from './utils';
+export { getDeepProperty } from './formUtils';

package/lib/components/types.d.ts

@@ -0,0 +1,9 @@
+import { FormControlProps } from '@material-ui/core';
+import { RegisterOptions } from 'react-hook-form';
+export declare type Rules = RegisterOptions;
+export interface ReactHookFormInput extends FormControlProps {
+    name: string;
+    label?: string;
+    rules?: Rules;
+    helperText?: string;
+}

package/lib/components/utils.d.ts

@@ -0,0 +1,42 @@
+import { Moment } from 'moment';
+export declare const errorMessages: {
+    required: string;
+    isValidDate: string;
+    isAfter: string;
+    isXHoursBefore: string;
+    isXHoursAfter: string;
+    isBefore: string;
+    minLevel: string;
+    isLatitude: string;
+    isLongitude: string;
+    isValidMax: string;
+    isLevelLower: string;
+    isNonOrBothCoordinates: string;
+    isInteger: string;
+    isNumeric: string;
+    containsNoCommas: string;
+    minVisibility: string;
+    maxVisibility: string;
+};
+export declare const isEmpty: (value: number | string) => boolean;
+export declare const isValidDate: (value: Moment | string) => boolean;
+export declare const isBefore: (ownDate: string, referenceDate: string) => boolean;
+export declare const isAfter: (ownDate: string, otherDate: string) => boolean;
+export declare const isBetween: (ownDate: string, otherDateStart: string, otherDateEnd: string) => boolean;
+export declare const isXHoursBefore: (ownDate: string, otherDate: string, hours?: number) => boolean;
+export declare const isXHoursAfter: (ownDate: string, otherDate: string, hours?: number) => boolean;
+export declare const isLatitude: (lat: number) => boolean;
+export declare const isLongitude: (lng: number) => boolean;
+export declare const isValidMax: (value: number, maxValue: number) => boolean;
+export declare const isValidMin: (value: number, minValue: number) => boolean;
+export declare const hasValidGeometry: (geojson: GeoJSON.FeatureCollection) => boolean;
+export declare const isValidGeoJsonCoordinates: (geojson: GeoJSON.FeatureCollection) => boolean;
+export declare const isMaximumOneDrawing: (geojson: GeoJSON.FeatureCollection) => boolean;
+export declare const hasIntersectionWithFIR: (geojson: GeoJSON.FeatureCollection, intersection: GeoJSON.FeatureCollection) => boolean;
+export declare const hasMaxFeaturePoints: (geojson: GeoJSON.FeatureCollection, maxPoints?: number) => boolean;
+export declare const hasMulitpleIntersections: (geojson: GeoJSON.FeatureCollection) => boolean;
+export declare const isGeometryDirty: (geoJSON: GeoJSON.FeatureCollection, formGeoJSON: GeoJSON.FeatureCollection) => boolean;
+export declare const isInteger: (value: number) => boolean;
+export declare const isNumeric: (value: any) => boolean;
+export declare const isNonOrBothCoordinates: (coordinate: number, otherCoordinate: number) => boolean;
+export declare const containsNoCommas: (val: string | number) => boolean;

package/lib/components/utils.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "@opengeoweb/form-fields",
+  "version": "2.0.1",
+  "description": "GeoWeb form-fields library for the opengeoweb project",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git@gitlab.com:opengeoweb/opengeoweb.git"
+  },
+  "main": "./form-fields.umd.js",
+  "module": "./form-fields.esm.js",
+  "typings": "./index.d.ts",
+  "dependencies": {},
+  "peerDependencies": {
+    "react-hook-form": "^6.12.1",
+    "react": "16.14.0",
+    "@material-ui/core": "^4.11.0",
+    "@material-ui/pickers": "^3.2.10",
+    "@date-io/moment": "^1.3.13",
+    "moment": "^2.29.0",
+    "@opengeoweb/theme": "2.0.1",
+    "@material-ui/lab": "^4.0.0-alpha.56",
+    "@material-ui/icons": "^4.9.1",
+    "moment-timezone": "^0.5.31",
+    "lodash": "^4.17.20"
+  }
+}