@digigov/form 0.13.2 → 1.0.0-rc

package/es/Field/FieldBaseContainer.js

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
+import Label from '@digigov/form/inputs/Label';
+import ErrorMessage from '@digigov/react-core/ErrorMessage';
 import FieldContainer from '@digigov/react-core/FieldContainer';
-import LabelContainer from '@digigov/react-core/LabelContainer';
 import CoreFieldset from '@digigov/react-core/Fieldset';
-import Hint from '@digigov/react-core/Hint';
 import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
-import ErrorMessage from '@digigov/react-core/ErrorMessage';
-import { useTranslation } from '@digigov/ui/app/i18n';
-import Label from '@digigov/form/inputs/Label';
+import Hint from '@digigov/react-core/Hint';
+import LabelContainer from '@digigov/react-core/LabelContainer';
+import { useTranslation } from '@digigov/ui/i18n';
 export var FieldBaseContainer = function FieldBaseContainer(_ref) {
   var name = _ref.name,
       wrapper = _ref.wrapper,
@@ -26,7 +26,7 @@ export var FieldBaseContainer = function FieldBaseContainer(_ref) {
     return /*#__PURE__*/React.createElement(FieldContainer, _extends({
       error: !!error
     }, layout), /*#__PURE__*/React.createElement(CoreFieldset, null, /*#__PURE__*/React.createElement(FieldsetLegend, {
-      size: "s"
+      size: "sm"
     }, label && label.primary), label && label.secondary && /*#__PURE__*/React.createElement(Hint, null, t(label.secondary)), error && /*#__PURE__*/React.createElement(ErrorMessage, {
       id: "".concat(name, "-error")
     }, t(errorMessage, errorContext)), children));

package/es/Field/FieldConditional.js

@@ -2,8 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { useWatch } from 'react-hook-form';
-import { evaluateFieldWithConditions } from '@digigov/form/Field/utils';
 import { FieldBase } from '@digigov/form/Field/FieldBase';
+import { evaluateFieldWithConditions } from '@digigov/form/Field/utils';
 var ChildFieldMemo = /*#__PURE__*/React.memo(function ChildField(_ref) {
   var dependencies = _ref.dependencies,
       field = _ref.field,

package/es/Field/utils.js

@@ -1,13 +1,13 @@
 import _extends from "@babel/runtime/helpers/extends";
 import { lazy, useContext, useMemo } from 'react';
-import Input from '@digigov/form/inputs/Input';
+import { FormContext } from '@digigov/form/FormContext';
 import Checkboxes from '@digigov/form/inputs/Checkboxes';
-import Radio from '@digigov/form/inputs/Radio';
-import Select from '@digigov/form/inputs/Select';
-import FileInput from '@digigov/form/inputs/FileInput';
 import DateInput from '@digigov/form/inputs/DateInput';
+import FileInput from '@digigov/form/inputs/FileInput';
+import Input from '@digigov/form/inputs/Input';
 import OtpInput from '@digigov/form/inputs/OtpInput';
-import { FormContext } from '@digigov/form/FormContext';
+import Radio from '@digigov/form/inputs/Radio';
+import Select from '@digigov/form/inputs/Select';
 var AutoComplete = /*#__PURE__*/lazy(function () {
   return import('@digigov/form/inputs/AutoComplete');
 });

package/es/FieldArray/__stories__/Default.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/core';
+import { Button } from '@digigov/ui/form/Button';
 var fields = [{
   key: 'string',
   type: 'string',

package/es/FieldArray/__stories__/WithExactLength.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/core';
+import { Button } from '@digigov/ui/form/Button';
 var fields = [{
   key: 'string',
   type: 'string',

package/es/FieldArray/index.js

@@ -3,11 +3,11 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["name", "register", "control", "formState", "error", "layout", "label"];
 import React from 'react';
 import { useFieldArray } from 'react-hook-form';
+import FieldContainer from '@digigov/form/Field/FieldBaseContainer';
 import FieldObject from '@digigov/form/FieldObject';
-import { Button, Card, Hint } from '@digigov/ui';
 import { FieldsetLabel } from '@digigov/form/Fieldset';
 import Fieldset from '@digigov/react-core/Fieldset';
-import FieldContainer from '@digigov/form/Field/FieldBaseContainer';
+import { Button, Card, Hint } from '@digigov/ui';
 export var FieldArray = function FieldArray(_ref) {
   var _customField$extra, _customField$extra$la, _customField$extra4, _customField$extra4$l;
 

package/es/FieldObject/index.js

@@ -1,10 +1,10 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React, { useMemo } from 'react';
-import Fieldset, { FieldsetCaption } from '@digigov/form/Fieldset';
-import { useTranslation } from '@digigov/ui/app/i18n';
 import { FieldBase } from '@digigov/form/Field/FieldBase';
 import { calculateField } from '@digigov/form/Field/utils';
+import Fieldset, { FieldsetCaption } from '@digigov/form/Fieldset';
 import { FieldsetLegend } from '@digigov/react-core';
+import { useTranslation } from '@digigov/ui/i18n';
 export var FieldObject = function FieldObject(_ref) {
   var name = _ref.name,
       label = _ref.label,
@@ -18,7 +18,7 @@ export var FieldObject = function FieldObject(_ref) {
       t = _useTranslation.t;
 
   return /*#__PURE__*/React.createElement(Fieldset, null, (label === null || label === void 0 ? void 0 : label.primary) && /*#__PURE__*/React.createElement(FieldsetLegend, {
-    size: "s"
+    size: "sm"
   }, t(label.primary)), (label === null || label === void 0 ? void 0 : label.secondary) && /*#__PURE__*/React.createElement(FieldsetCaption, null, t(label.secondary)), extra === null || extra === void 0 ? void 0 : extra.fields.map(function (field) {
     return /*#__PURE__*/React.createElement(FieldObjectItem, {
       key: "".concat(name, ".").concat(field.key),

package/es/Fieldset/FieldsetWithContext.js

@@ -1,8 +1,8 @@
 import React, { useContext, useMemo } from 'react';
-import { FormContext } from '@digigov/form/FormContext';
 import Field from '@digigov/form/Field';
-import { useTranslation } from '@digigov/ui/app/i18n';
 import { Fieldset, FieldsetLabel, FieldsetCaption, FieldsetBody } from '@digigov/form/Fieldset/';
+import { FormContext } from '@digigov/form/FormContext';
+import { useTranslation } from '@digigov/ui/i18n';
 export var FieldsetWithContext = function FieldsetWithContext(_ref) {
   var name = _ref.name;
 

package/es/Fieldset/index.js

@@ -3,10 +3,10 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children"],
     _excluded2 = ["children"];
 import React from 'react';
-import Grid from '@digigov/ui/layouts/Grid';
 import Fieldset from '@digigov/react-core/Fieldset';
 import FieldsetLegend from '@digigov/react-core/FieldsetLegend';
 import Hint from '@digigov/react-core/Hint';
+import Grid from '@digigov/ui/layouts/Grid';
 import NormalText from '@digigov/ui/typography/NormalText';
 export var FieldsetLabel = function FieldsetLabel(_ref) {
   var children = _ref.children,

package/es/FormBuilder/FormBuilder.js

@@ -7,11 +7,11 @@ var _excluded = ["onSubmit", "children", "registerField", "fieldsMap", "fieldset
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import React, { useCallback, useRef } from 'react';
 import { useForm } from 'react-hook-form';
-import { yupResolver } from '@digigov/form/utils';
-import { useValidationSchema } from '@digigov/form/validators';
-import Fieldset from '@digigov/form/Fieldset';
 import Field from '@digigov/form/Field';
+import Fieldset from '@digigov/form/Fieldset';
 import { FormContext } from '@digigov/form/FormContext';
+import { yupResolver } from '@digigov/form/utils';
+import { useValidationSchema } from '@digigov/form/validators';
 import { Form } from '@digigov/react-core/Form';
 export var FormBase = /*#__PURE__*/React.forwardRef(function FormBase(_ref, ref) {
   var onSubmit = _ref.onSubmit,

package/es/FormBuilder/FormBuilder.mdx

@@ -4,23 +4,25 @@ title: FormBuilder
 sidebar_label: FormBuilder
 ---
 
-`FormBuilder` is a React component that provides an easy way to efficiently create reusable form page. Forms are a flexible mechanism for collecting user input because there are suitable widgets for entering many different types of data, including text boxes, checkboxes, radio buttons, dropdowns and so on  for submission to a server. Actually when we use `stepForm` for building step-forms all we do is to render `FormBuilder` component.
+`FormBuilder` is a React component that provides an easy way to efficiently create reusable form page. Forms are a flexible mechanism for collecting user input because there are suitable widgets for entering many different types of data, including text boxes, checkboxes, radio buttons, dropdowns and so on for submission to a server. Actually when we use `stepForm` for building step-forms all we do is to render `FormBuilder` component.
 
-`stepForm` component: 
+`stepForm` component:
 
-<Story packageName="@digigov/form" component="FormBuilder" story="Default.tsx" />
+<Story
+  packageName="@digigov/form"
+  component="FormBuilder"
+  story="Default.tsx"
+/>
 
 ### Importing and using FormBuilder Component
 
 To import `FormBuilder` component simply import it from `'@digigov/form`.
 
 ```javascript
-
-import {FormBuilder} from '@digigov/form';
-
+import { FormBuilder } from '@digigov/form';
 ```
-Now you can use the current component inisde of your component
 
+Now you can use the current component inisde of your component
 
 ```javascript
 import BasicLayout, {
@@ -59,33 +61,29 @@ export default function MyComponent({ props }) {
 
 `FormBuilder` component accepts several arguments as input props.
 
-| Name          |      Type     |  Default      | Description |
-| ------------- | :-----------: | :-----------: | :-----------: | 
-| children      | node |        |      allow you to pass components as data.  |
-| steps      | array |        |      an array which includes each step-form format data |
-| name      | string |        |      the name of the step.  |
-| title      | string |        |     the title from each step   |
-| fields      | array |        |     an array of object fields which they describe each field for each step-form |
-| key      | string |        |     the key value of the input field |
-| label      | object |        |    an object prop which describes the label primary and the secondary name of the field   |
-| primary      | string |        |    the name of te field |
-| required      | boolean |   false     |   describes the validation of the field  |
-| submitButton      | boolean |     false   |  if true, it creates a button to continue to the next step   |
-| type      | string |        |    describes the format of each field, e.x  `type:'string'` is a simple input format field |
-
-
+| Name         |  Type   | Default |                                      Description                                       |
+| ------------ | :-----: | :-----: | :------------------------------------------------------------------------------------: |
+| children     |  node   |         |                         allow you to pass components as data.                          |
+| steps        |  array  |         |                   an array which includes each step-form format data                   |
+| name         | string  |         |                                 the name of the step.                                  |
+| title        | string  |         |                                the title from each step                                |
+| fields       |  array  |         |      an array of object fields which they describe each field for each step-form       |
+| key          | string  |         |                            the key value of the input field                            |
+| label        | object  |         |  an object prop which describes the label primary and the secondary name of the field  |
+| primary      | string  |         |                                  the name of te field                                  |
+| required     | boolean |  false  |                         describes the validation of the field                          |
+| submitButton | boolean |  false  |               if true, it creates a button to continue to the next step                |
+| type         | string  |         | describes the format of each field, e.x `type:'string'` is a simple input format field |
 
 ### Field types
 
 Below are demostrated some examples for each type of field
 
-
 ### FormBuilder implementation
 
 The examples above are implemented by using the code below
 
 ```javascript
-
 import React, { useState } from 'react';
 import BasicLayout, {
   Top,
@@ -96,15 +94,15 @@ import BasicLayout, {
 import Header, { HeaderTitle } from '@digigov/ui/app/Header';
 import GovGRLogo from '@digigov/ui/govgr/GovGRLogo';
 import GovGRFooter from '@digigov/ui/govgr/Footer';
-import Button from '@digigov/ui/core/Button';
+import Button from '@digigov/ui/form/Button';
 import PageTitle, {
   PageTitleSection,
   PageTitleCaption,
   PageTitleHeading,
 } from '@digigov/ui/app/PageTitle';
-import BackButton from '@digigov/ui/core/Button/BackButton';
+import BackButton from '@digigov/ui/form/Button/BackButton';
 import FormBuilder, { Fieldset, FieldsetLabel, Field } from '@digigov/form';
-import { useTranslation } from '@digigov/ui/app';
+import { useTranslation } from '@digigov/ui/i18n';
 
 const FIELDS = [
   {
@@ -258,14 +256,4 @@ export default function Index() {
     </BasicLayout>
   );
 }
-
 ```
-
-
-
-
-
-
-
-
-

package/es/FormBuilder/__stories__/Default.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import FormBuilder, { Field } from '@digigov/form';
-import { Button } from '@digigov/ui/core';
+import { Button } from '@digigov/ui/form/Button';
 var initialValues = {
   'business-title': null
 };