fix(blueprint): do not use Classes

- they have bad import (Classes it's not an object, just a file) and it is just a string

Author: rvsia

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);