Merge pull request #514 from rvsia/fix24

Small fixes for BJS

Author: Hyperkid123

packages/blueprint-component-mapper/src/files/dual-list-select.js

@@ -2,15 +2,15 @@ import React from 'react';
 import PropTypes from 'prop-types';
 
 import DualListSelectCommon from '@data-driven-forms/common/src/dual-list-select';
-import { Menu, MenuItem, Classes, ButtonGroup, Button, ControlGroup, InputGroup } from '@blueprintjs/core';
+import { Menu, MenuItem, ButtonGroup, Button, ControlGroup, InputGroup } from '@blueprintjs/core';
 import clsx from 'clsx';
 
 import { FormGroupInternal } from './form-group';
 
 import './dual-list-select.scss';
 
 const List = ({ value, optionClick, noOptionsTitle, filterValue, filterValueText, selectedValues, MenuProps, MenuItemProps }) => (
-  <Menu {...MenuProps} className={clsx(Classes.ELEVATION_1, 'ddorg__blueprint_mapper--dls-menu', MenuProps.className)}>
+  <Menu {...MenuProps} className={clsx('bp3-elevation-1', 'ddorg__blueprint_mapper--dls-menu', MenuProps.className)}>
     {value.length < 1 && <MenuItem text={filterValue ? filterValueText : noOptionsTitle} disabled {...MenuItemProps} />}
     {value.length > 0 &&
       value.map(({ value, label, MenuItemProps: ItemMenuItemProps }) => (

packages/common/babel.config.js

@@ -25,10 +25,8 @@ const blueprintMapper = {
   InputGroup: 'components/forms/inputGroup',
   TextArea: 'components/forms/textArea',
   Menu: 'components/menu/menu',
-  MenuItem: 'components/menu/menuItem',
-  Classes: 'common/classes',
   ButtonGroup: 'components/button/buttonGroup',
-  ControlGroup: 'components/forms/controlGroup',
+  ControlGroup: 'components/forms/controlGroup'
 };
 
 const pascaltoCamelCase = (name) => name.charAt(0).toLowerCase() + name.slice(1);

packages/react-renderer-demo/src/stackblitz-templates/blueprint-templates.js

@@ -42,12 +42,12 @@ render(<App />, document.getElementById('root'));`;
 export const blueprintWizardCode = `import React, { Component } from 'react';
 import { render } from 'react-dom';
 import FormRenderer from '@data-driven-forms/react-form-renderer/dist/cjs/form-renderer';
-import blueprintFormTemplate from '@data-driven-forms/blueprint-component-mapper/dist/cjs/form-template';
+import BlueprintFormTemplate from '@data-driven-forms/blueprint-component-mapper/dist/cjs/form-template';
 import componentMapper from '@data-driven-forms/blueprint-component-mapper/dist/cjs/component-mapper';
 
 import schema from './schema'
 
-const FormTemplate = (props) => <blueprintFormTemplate {...props} showFormControls={false} />
+const FormTemplate = (props) => <BlueprintFormTemplate {...props} showFormControls={false} />
 
 class App extends Component {
   render() {

packages/suir-component-mapper/demo/index.js

@@ -17,7 +17,7 @@ const compositeMapper = {
 };
 
 const App = () => {
-  const [, setSchema] = useState(wizardSchema);
+  const [schema, setSchema] = useState(wizardSchema);
 
   return (
     <div>
@@ -35,7 +35,7 @@ const App = () => {
             onSubmit={console.log}
             componentMapper={compositeMapper}
             FormTemplate={(props) => <FormTemplate {...props} showFormControls={true} />}
-            schema={fieldArraySchema}
+            schema={schema}
             onCancel={() => console.log('canceling')}
           />
         </div>