@react-magma/schema-renderer 11.0.0-next.0 → 11.0.0

package/package.json

@@ -1,50 +1,50 @@
 {
   "name": "@react-magma/schema-renderer",
-  "version": "11.0.0-next.0",
-  "publishConfig": {
-    "access": "public"
-  },
+  "version": "11.0.0",
   "license": "MIT",
   "main": "dist/index.js",
+  "module": "dist/react-magma-schema-renderer.esm.js",
   "typings": "dist/index.d.ts",
   "files": [
     "dist",
     "src"
   ],
-  "engines": {
-    "node": ">=10"
-  },
   "scripts": {
     "build": "tsdx build",
-    "test": "jest",
-    "lint": "eslint ./src"
+    "lint": "eslint ./src",
+    "test": "jest"
   },
-  "peerDependencies": {
+  "dependencies": {},
+  "devDependencies": {
     "@data-driven-forms/react-form-renderer": "^3.6.0",
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
-    "date-fns": "^2.12.0",
+    "date-fns": "^2.16.1",
     "downshift": "^5.4.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-magma-dom": "^4.8.0-next.0",
-    "react-magma-icons": "^3.0.0",
-    "uuid": "^8.3.0"
+    "react-dropzone": "11.3.2",
+    "react-magma-dom": "^4.9.0",
+    "react-magma-icons": "^3.1.0",
+    "tsdx": "^0.14.1",
+    "uuid": "^11.1.0"
   },
-  "module": "dist/react-magma-schema-renderer.esm.js",
-  "devDependencies": {
+  "peerDependencies": {
     "@data-driven-forms/react-form-renderer": "^3.6.0",
     "@emotion/react": "^11.13.0",
     "@emotion/styled": "^11.13.0",
-    "date-fns": "^2.16.1",
+    "date-fns": "^2.12.0",
     "downshift": "^5.4.5",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "react-dropzone": "11.3.2",
-    "react-magma-dom": "^4.8.0-next.0",
-    "react-magma-icons": "^3.0.0",
-    "tsdx": "^0.14.1",
-    "uuid": "^8.3.0"
+    "react-magma-dom": "^4.9.0-next.27",
+    "react-magma-icons": "^3.1.0",
+    "uuid": "^8.3.0 || ^9.0.0 || ^10.0.0 || ^11.0.0"
+  },
+  "engines": {
+    "node": ">=10"
   },
-  "dependencies": {}
+  "publishConfig": {
+    "access": "public"
+  }
 }

package/src/components/BasicTemplate/index.tsx

@@ -2,12 +2,6 @@ import React from 'react';
 
 import { FormTemplateRenderProps } from '@data-driven-forms/react-form-renderer';
 
-export const BasicTemplate = ({
-  formFields,
-}: FormTemplateRenderProps) => {
-  return (
-    <div>
-      {formFields}
-    </div>
-  );
+export const BasicTemplate = ({ formFields }: FormTemplateRenderProps) => {
+  return <div>{formFields}</div>;
 };

package/src/components/Checkbox/index.tsx

@@ -1,13 +1,14 @@
 import React from 'react';
+
 import { UseFieldApiConfig } from '@data-driven-forms/react-form-renderer';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
-import { v4 as uuidv4 } from 'uuid';
 import {
   Checkbox as MagmaCheckbox,
   CheckboxProps as MagmaCheckboxProps,
   FormGroup,
   FormGroupProps as MagmaFormGroupProps,
 } from 'react-magma-dom';
+import { v4 as uuidv4 } from 'uuid';
 
 interface MagmaMultiCheckboxProps extends MagmaFormGroupProps {
   options: MagmaCheckboxProps[];

package/src/components/Combobox/index.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
+
 import { UseFieldApiConfig } from '@data-driven-forms/react-form-renderer';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
-import { v4 as uuidv4 } from 'uuid';
 import { Combobox as MagmaCombobox } from 'react-magma-dom';
 import { XORComboboxProps as MagmaComboboxProps } from 'react-magma-dom/dist/components/Combobox';
+import { v4 as uuidv4 } from 'uuid';
 
 export type ComboboxProps = MagmaComboboxProps<ComboOption> & UseFieldApiConfig;
 

package/src/components/ComponentMapper/index.ts

@@ -1,4 +1,12 @@
 import { ComponentMapper } from '@data-driven-forms/react-form-renderer';
+import {
+  Alert,
+  Banner,
+  Heading,
+  Hyperlink,
+  Toast,
+  Paragraph,
+} from 'react-magma-dom';
 
 import { Checkbox } from '../Checkbox';
 import { Combobox } from '../Combobox';
@@ -10,21 +18,12 @@ import { Input } from '../Input';
 import { Modal } from '../Modal';
 import { PasswordInput } from '../PasswordInput';
 import { Radio } from '../Radio';
-import { Spy } from '../Spy';
 import { Select } from '../Select';
+import { Spy } from '../Spy';
 import { Textarea } from '../Textarea';
 import { TimePicker } from '../TimePicker';
 import { Toggle } from '../Toggle';
 
-import {
-  Alert,
-  Banner,
-  Heading,
-  Hyperlink,
-  Toast,
-  Paragraph,
-} from 'react-magma-dom';
-
 export enum componentTypes {
   ALERT = 'ALERT',
   BANNER = 'BANNER',

package/src/components/Custom/index.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
 import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
 

package/src/components/DatePicker/index.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
+
 import { UseFieldApiConfig } from '@data-driven-forms/react-form-renderer';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
-import { v4 as uuidv4 } from 'uuid';
 import {
   DatePicker as MagmaDatePicker,
   DatePickerProps as MagmaDatePickerProps,
 } from 'react-magma-dom';
+import { v4 as uuidv4 } from 'uuid';
 
 export type DatePickerProps = MagmaDatePickerProps & UseFieldApiConfig;
 

package/src/components/FieldArray/FieldArray.tsx

@@ -1,12 +1,8 @@
 import * as React from 'react';
-import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
+
 import { FieldArray as FieldArrayBase } from '@data-driven-forms/react-form-renderer';
-import {
-  Button,
-  ButtonColor,
-  ButtonType,
-  Paragraph,
-} from 'react-magma-dom';
+import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
+import { Button, ButtonColor, ButtonType, Paragraph } from 'react-magma-dom';
 
 import { FieldArrayItem } from './FieldArrayItem';
 

package/src/components/FieldArray/FieldArrayItem.tsx

@@ -1,8 +1,9 @@
 import * as React from 'react';
+
 import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
-import { v4 as uuidv4 } from 'uuid';
 import { IconButton, ButtonVariant, ThemeContext } from 'react-magma-dom';
 import { DeleteIcon } from 'react-magma-icons';
+import { v4 as uuidv4 } from 'uuid';
 
 export const FieldArrayItem = ({
   fields,

package/src/components/FormGroup/index.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
 import {
   FormGroup as MagmaFormGroup,

package/src/components/FormTemplate/index.tsx

@@ -1,4 +1,6 @@
 import React from 'react';
+
+import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
 import {
   Button,
   ButtonColor,
@@ -8,8 +10,6 @@ import {
   ButtonGroup,
 } from 'react-magma-dom';
 
-import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
-
 export interface FormTemplateProps {
   formFields: any;
   schema: any;

package/src/components/Input/index.tsx

@@ -1,12 +1,13 @@
 import React from 'react';
+
 import { UseFieldApiConfig } from '@data-driven-forms/react-form-renderer';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
-import { v4 as uuidv4 } from 'uuid';
 import {
   Input as MagmaInput,
   InputType,
   InputProps as MagmaInputProps,
 } from 'react-magma-dom';
+import { v4 as uuidv4 } from 'uuid';
 
 export type InputProps = MagmaInputProps & UseFieldApiConfig;
 

package/src/components/Modal/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
-import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
 
+import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
 import {
   Modal as MagmaModal,
   ModalProps as MagmaModalProps,

package/src/components/PasswordInput/index.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
+
 import { UseFieldApiConfig } from '@data-driven-forms/react-form-renderer';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
-import { v4 as uuidv4 } from 'uuid';
 import {
   PasswordInput as MagmaPasswordInput,
   PasswordInputProps as MagmaPasswordInputProps,
 } from 'react-magma-dom';
+import { v4 as uuidv4 } from 'uuid';
 
 export type PasswordInputProps = MagmaPasswordInputProps & UseFieldApiConfig;
 

package/src/components/Radio/index.tsx

@@ -1,13 +1,14 @@
 import React from 'react';
+
 import { UseFieldApiConfig } from '@data-driven-forms/react-form-renderer';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
-import { v4 as uuidv4 } from 'uuid';
 import {
   Radio as MagmaRadio,
   RadioProps,
   RadioGroup,
   RadioGroupProps as MagmaRadioGroupProps,
 } from 'react-magma-dom';
+import { v4 as uuidv4 } from 'uuid';
 
 type RadioGroupProps = MagmaRadioGroupProps & UseFieldApiConfig;
 

package/src/components/SchemaRenderer/SchemaRenderer.stories.tsx

@@ -1,14 +1,13 @@
 import React from 'react';
-import { Schema, SchemaRenderer, SchemaRendererProps } from './SchemaRenderer';
-
-import { componentTypes } from '../ComponentMapper';
 
 import { action } from '@storybook/addon-actions';
 import { Story, Meta } from '@storybook/react/types-6-0';
-import { templateTypes } from '../TemplateMapper';
-
 import { Hyperlink, InputType } from 'react-magma-dom';
 
+import { Schema, SchemaRenderer, SchemaRendererProps } from './SchemaRenderer';
+import { componentTypes } from '../ComponentMapper';
+import { templateTypes } from '../TemplateMapper';
+
 const baseSchema: Schema = {
   title: 'Form Header',
   description: 'Some description for a form.',
@@ -44,7 +43,7 @@ Form.args = {
         component: componentTypes.PASSWORD_INPUT,
         name: 'password',
         labelText: 'Password',
-        type: InputType.password
+        type: InputType.password,
       },
       {
         component: componentTypes.COMBOBOX,

package/src/components/SchemaRenderer/SchemaRenderer.test.tsx

@@ -1,6 +1,8 @@
 import React from 'react';
+
 import { render, fireEvent, cleanup, act } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+
 import { SchemaRenderer, Schema } from './SchemaRenderer';
 import { componentTypes } from '../ComponentMapper';
 import { templateTypes } from '../TemplateMapper';

package/src/components/SchemaRenderer/SchemaRenderer.tsx

@@ -6,6 +6,7 @@ import {
   FormRendererProps,
   Schema as DataDrivenFormSchema,
 } from '@data-driven-forms/react-form-renderer';
+
 import { componentMapper, ComponentMapper } from '../ComponentMapper';
 import { templateMapper } from '../TemplateMapper';
 import { ValidatorMapper } from '../ValidatorMapper';

package/src/components/Select/index.tsx

@@ -1,7 +1,8 @@
 import * as React from 'react';
+
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
-import { v4 as uuidv4 } from 'uuid';
 import { Select as MagmaSelect } from 'react-magma-dom';
+import { v4 as uuidv4 } from 'uuid';
 
 interface SelectOption {
   label: string;

package/src/components/Spy/index.tsx

@@ -1,4 +1,5 @@
 import React from 'react';
+
 import { FormSpy } from '@data-driven-forms/react-form-renderer';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
 

package/src/components/TemplateMapper/index.ts

@@ -1,8 +1,10 @@
 import * as React from 'react';
+
+import { FormTemplateRenderProps } from '@data-driven-forms/react-form-renderer';
+
 import { BasicTemplate } from '../BasicTemplate';
 import { FormTemplate } from '../FormTemplate';
 
-import { FormTemplateRenderProps } from '@data-driven-forms/react-form-renderer';
 export interface TemplateMapper {
   [key: string]: (props: FormTemplateRenderProps) => React.ReactElement;
 }

package/src/components/Textarea/index.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
+
 import { UseFieldApiConfig } from '@data-driven-forms/react-form-renderer';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
-import { v4 as uuidv4 } from 'uuid';
 import {
   Textarea as MagmaTextarea,
   TextareaProps as MagmaTextareaProps,
 } from 'react-magma-dom';
+import { v4 as uuidv4 } from 'uuid';
 
 export type TextareaProps = MagmaTextareaProps & UseFieldApiConfig;
 

package/src/components/TimePicker/index.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
+
 import { UseFieldApiConfig } from '@data-driven-forms/react-form-renderer';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
-import { v4 as uuidv4 } from 'uuid';
 import {
   TimePicker as MagmaTimePicker,
   TimePickerProps as MagmaTimePickerProps,
 } from 'react-magma-dom';
+import { v4 as uuidv4 } from 'uuid';
 
 export type TimePickerProps = MagmaTimePickerProps & UseFieldApiConfig;
 

package/src/components/Toggle/index.tsx

@@ -1,11 +1,12 @@
 import React from 'react';
+
 import { UseFieldApiConfig } from '@data-driven-forms/react-form-renderer';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
-import { v4 as uuidv4 } from 'uuid';
 import {
   Toggle as MagmaToggle,
   ToggleProps as MagmaToggleProps,
 } from 'react-magma-dom';
+import { v4 as uuidv4 } from 'uuid';
 
 export type ToggleProps = MagmaToggleProps & UseFieldApiConfig;