@digigov/form 0.13.2 → 1.0.0-00643e1d

package/src/installation.mdx

@@ -7,39 +7,35 @@ sidebar_label: Installation
 import Tabs from '@theme/Tabs';
 import TabItem from '@theme/TabItem';
 import CodeBlock from '@theme/CodeBlock';
-import LeadText from "@site/src/components/LeadText";
+import LeadText from '@site/src/components/LeadText';
 
 <LeadText>
-This page will help you install Digigov Form depending on the framework that you
-use and the application architecture.
+  This page will help you install Digigov Form depending on the framework that
+  you use and the application architecture.
 </LeadText>
 
 We assume that your stack uses some of the following tools.
 
-* React v16 or later
-* Nextjs or create-react-app to run your code
-* Digigov CSS, as a CSS import or as Tailwind plugin 
+- React v16 or later
+- Nextjs or create-react-app to run your code
+- Digigov CSS, as a CSS import or as Tailwind plugin
 
 ## Using create-digigov-app
 
 We highly recommend using `create-digigov-app`. Our scaffolder was created to save development teams time and effort. This way
 everything you need is already configured.
 
- If you choose to use our scaffolder tool, make sure you follow this
+If you choose to use our scaffolder tool, make sure you follow this
 [guide](/docs/building-apps) first, if you haven't already done so.
 
 Then you just install the `@digigov/form` package from NPM.
 
 <Tabs>
   <TabItem value="npm" label="NPM" default>
-    <CodeBlock>
-      npm install @digigov/form --save
-    </CodeBlock>
+    <CodeBlock>npm install @digigov/form --save</CodeBlock>
   </TabItem>
   <TabItem value="yarn" label="Yarn">
-    <CodeBlock>
-      yarn add @digigov/form
-    </CodeBlock>
+    <CodeBlock>yarn add @digigov/form</CodeBlock>
   </TabItem>
 </Tabs>
 
@@ -48,9 +44,9 @@ Then you just install the `@digigov/form` package from NPM.
 This method is not recommended and you should proceed at your own risk. For
 Digigov Form to work properly, it is essential to do some configuration.
 
-* A working React application, ideally [Nextjs](https://nextjs.org/) or [Create
+- A working React application, ideally [Nextjs](https://nextjs.org/) or [Create
   React App](https://create-react-app.dev/)
-* You should already have [installed and configured Digigov
+- You should already have [installed and configured Digigov
   CSS](https://guide.services.gov.gr/docs/installation)
 
 If you meet these prerequisites, now it is time to install the dependencies.
@@ -69,4 +65,4 @@ and install `@digigov/form` and it's dependencies.
       yarn add @digigov/form @digigov/ui @digigov/react-core
     </CodeBlock>
   </TabItem>
-</Tabs>
+</Tabs>

package/src/types.tsx

@@ -1,7 +1,7 @@
 import { UseFormReturn, UseFormProps } from 'react-hook-form';
-import { GridProps } from '@digigov/ui/layouts/Grid';
-import { ValidatorSchema } from '@digigov/form/validators/types';
 import { FieldComponentRegistry } from '@digigov/form/Field/types';
+import { ValidatorSchema } from '@digigov/form/validators/types';
+import { GridProps } from '@digigov/ui/layouts/Grid';
 
 export type FieldError = {
   message: string;
@@ -59,6 +59,8 @@ export interface FieldSpec {
   >;
   validators?: ValidatorSchema[];
   wrapper?: 'label' | 'fieldset';
+  maxWidth?: string;
+  width?: string;
 }
 
 export interface FieldsetSpec {

package/src/utils.ts

@@ -1,6 +1,6 @@
-import * as Yup from 'yup';
 import { validateFieldsNatively } from '@hookform/resolvers';
 import { appendErrors, FieldError } from 'react-hook-form';
+import * as Yup from 'yup';
 
 /**
  * Why `path!` ? because it could be `undefined` in some case

package/src/validators/index.ts

@@ -1,9 +1,15 @@
-import * as yup from 'yup';
-import { FieldSpec } from '@digigov/form/types';
-import { ValidatorSchema } from '@digigov/form/validators/types';
 import { MutableRefObject, useMemo } from 'react';
 import dayjs from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
+import * as yup from 'yup';
+import { AnyObjectSchema, StringSchema } from 'yup';
+import { RequiredArraySchema } from 'yup/lib/array';
+import Lazy from 'yup/lib/Lazy';
+import { MixedSchema } from 'yup/lib/mixed';
+import { TypeOfShape, AssertsShape } from 'yup/lib/object';
+import { AnyObject } from 'yup/lib/types';
+import { FieldSpec } from '@digigov/form/types';
+import { ValidatorSchema } from '@digigov/form/validators/types';
 import {
   getYupObjectShape,
   AFM_VALIDATOR,
@@ -16,14 +22,8 @@ import {
   POSTALCODE_VALIDATOR,
   UUID4_VALIDATOR,
 } from '@digigov/form/validators/utils';
-import { MixedSchema } from 'yup/lib/mixed';
-import { RequiredArraySchema } from 'yup/lib/array';
-import { AnyObject } from 'yup/lib/types';
-import Lazy from 'yup/lib/Lazy';
-import { TypeOfShape, AssertsShape } from 'yup/lib/object';
-import { AnyObjectSchema, StringSchema } from 'yup';
-import { NUMBER_VALIDATOR } from '@digigov/form/validators/utils/number';
 import { INT_VALIDATOR } from '@digigov/form/validators/utils/int';
+import { NUMBER_VALIDATOR } from '@digigov/form/validators/utils/number';
 dayjs.extend(customParseFormat);
 
 const VALID_DATE_FORMATS = ['DD/MM/YYYY'];

package/src/validators/utils/file.ts

@@ -1,5 +1,5 @@
-import { ValidatorSchema } from '@digigov/form/validators/types';
 import { FieldSpec } from '@digigov/form/types';
+import { ValidatorSchema } from '@digigov/form/validators/types';
 
 const DEFAULT_FILE_MAX_SIZE = 10000000;
 

package/src/validators/utils/phone.ts

@@ -1,6 +1,6 @@
 import * as gPhoneNumber from 'google-libphonenumber';
-import { ValidatorSchema } from '@digigov/form/validators/types';
 import { FieldSpec } from '@digigov/form/types';
+import { ValidatorSchema } from '@digigov/form/validators/types';
 
 export type PhoneNumberType = 'landline' | 'mobile' | null;
 

package/src/validators/utils/postal_code.ts

@@ -1,5 +1,5 @@
-import { ValidatorSchema } from '@digigov/form/validators/types';
 import { FieldSpec } from '@digigov/form/types';
+import { ValidatorSchema } from '@digigov/form/validators/types';
 
 const CODE_REGEX = /^[12345678][0-9]{4}$/;
 export function validatePostalCode(

package/types.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { UseFormReturn, UseFormProps } from 'react-hook-form';
-import { GridProps } from '@digigov/ui/layouts/Grid';
-import { ValidatorSchema } from '@digigov/form/validators/types';
 import { FieldComponentRegistry } from '@digigov/form/Field/types';
+import { ValidatorSchema } from '@digigov/form/validators/types';
+import { GridProps } from '@digigov/ui/layouts/Grid';
 export declare type FieldError = {
     message: string;
 };
@@ -32,6 +32,8 @@ export interface FieldSpec {
     layout?: Record<string, GridProps['xs'] | GridProps['sm'] | GridProps['md'] | GridProps['lg'] | GridProps['xl']>;
     validators?: ValidatorSchema[];
     wrapper?: 'label' | 'fieldset';
+    maxWidth?: string;
+    width?: string;
 }
 export interface FieldsetSpec {
     key: string;

package/validators/index.d.ts

@@ -1,8 +1,8 @@
-import { FieldSpec } from '@digigov/form/types';
-import { ValidatorSchema } from '@digigov/form/validators/types';
 import { MutableRefObject } from 'react';
-import Lazy from 'yup/lib/Lazy';
 import { AnyObjectSchema } from 'yup';
+import Lazy from 'yup/lib/Lazy';
+import { FieldSpec } from '@digigov/form/types';
+import { ValidatorSchema } from '@digigov/form/validators/types';
 export declare const getYUPTypeMap: () => Record<string, any>;
 export interface MutableRefObjectProps {
 }

package/validators/index.js

@@ -12,20 +12,20 @@ exports.useValidationSchema = useValidationSchema;
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
-var yup = _interopRequireWildcard(require("yup"));
-
 var _react = require("react");
 
 var _dayjs = _interopRequireDefault(require("dayjs"));
 
 var _customParseFormat = _interopRequireDefault(require("dayjs/plugin/customParseFormat"));
 
-var _utils = require("@digigov/form/validators/utils");
+var yup = _interopRequireWildcard(require("yup"));
 
-var _number = require("@digigov/form/validators/utils/number");
+var _utils = require("@digigov/form/validators/utils");
 
 var _int = require("@digigov/form/validators/utils/int");
 
+var _number = require("@digigov/form/validators/utils/number");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/validators/utils/file.d.ts

@@ -1,3 +1,3 @@
-import { ValidatorSchema } from '@digigov/form/validators/types';
 import { FieldSpec } from '@digigov/form/types';
+import { ValidatorSchema } from '@digigov/form/validators/types';
 export declare const FILE_MAX_SIZE_VALIDATOR: (field: FieldSpec) => ValidatorSchema;

package/validators/utils/phone.d.ts

@@ -1,5 +1,5 @@
-import { ValidatorSchema } from '@digigov/form/validators/types';
 import { FieldSpec } from '@digigov/form/types';
+import { ValidatorSchema } from '@digigov/form/validators/types';
 export declare type PhoneNumberType = 'landline' | 'mobile' | null;
 export declare function validatePhoneNumber(phoneNumber: string, countries: string[] | undefined, typeOfPhoneNumber: PhoneNumberType): boolean;
 export declare function matchTypeOfPhoneNumber(phone: any, type: string, phoneUtil: any): boolean;

package/validators/utils/postal_code.d.ts

@@ -1,4 +1,4 @@
-import { ValidatorSchema } from '@digigov/form/validators/types';
 import { FieldSpec } from '@digigov/form/types';
+import { ValidatorSchema } from '@digigov/form/validators/types';
 export declare function validatePostalCode(number: string, countries: Array<string>): boolean;
 export declare const POSTALCODE_VALIDATOR: (field: FieldSpec) => ValidatorSchema;