refactor!: remove deprecated mainContainerClassName prop

It was already deprecated in v4. You can use `containerProps` instead

Author: alioguzhan

README.md

@@ -84,7 +84,6 @@ You can customize almost everything based on your needs. Please navigate to [Pro
 | editButtonClassName    | string              | No       |               | Custom class name for edit button.                                                                                                                                                                           |
 | viewContainerClassName | string              | No       |               | Custom class name for the container in `view` mode.[See here](https://alioguzhan.github.io/react-editext/#custom-classes-for-containers)                                                                     |
 | editContainerClassName | string              | No       |               | Custom class name for the container in edit mode. Will be set to `viewContainerClassName` if you set it and omit this. See [here](https://alioguzhan.github.io/react-editext/#custom-classes-for-containers) |
-| mainContainerClassName | string              | No       |               | `deprecated`. Custom class name for the top-level main container. See [here](https://alioguzhan.github.io/react-editext/#custom-classes-for-containers)                                                      |
 | hideIcons              | bool                | No       | `false`       | Set it to `true` if you don't want to see default icons on action buttons. See Examples page for more details.                                                                                               |
 | buttonsAlign           | string              | No       | `after`       | Set this to `before` if you want to locate action buttons before the input instead of after it. See [here](https://alioguzhan.github.io/react-editext/#change-buttons-location).                             |
 | editOnViewClick        | bool                | No       | `false`       | Set it to `true` if you want clicking on the view to activate the editor.                                                                                                                                    |

dist/index.d.ts

@@ -110,11 +110,6 @@ export interface EdiTextProps {
      * Will be set to viewContainerClassName if you set it and omit this.
      */
     editContainerClassName?: string;
-    /**
-     * Custom class name for the top-level main container.
-     * @deprecated please use `containerProps` instead of this
-     */
-    mainContainerClassName?: string;
     /**
      * Set it to `true` if you want clicking on the view to activate the editor.
      * @default false

dist/index.es.js

@@ -65,7 +65,7 @@ export default [
       'react-hooks/exhaustive-deps': 'warn',
       'react/react-in-jsx-scope': 'off',
       'react/no-unescaped-entities': 'off',
+      'react/no-unknown-property': 'off',
     },
   },
 ];
-

dist/index.es.js.map

@@ -302,7 +302,7 @@ test('custom class names and button contents are working', () => {
       editButtonClassName={editButtonClassName}
       viewContainerClassName={viewContainerClassName}
       editContainerClassName={editContainerClassName}
-      mainContainerClassName={mainContainerClassName}
+      containerProps={{ className: mainContainerClassName }}
       value={VALUE}
       onSave={() => false}
     />
@@ -316,9 +316,7 @@ test('custom class names and button contents are working', () => {
   expect(
     container.querySelector(`div.${mainContainerClassName}`)
   ).toBeInTheDocument();
-  expect(
-    container.querySelector(`div.${mainContainerClassName}`)
-  ).toBeInTheDocument();
+
   const button = container.querySelector('[editext="edit-button"]');
   expect(button?.textContent).toBe(editButtonContent);
   button && fireEvent.click(button, new MouseEvent('click'));

dist/index.js

@@ -1,4 +1,3 @@
-/* eslint-disable react/prop-types */
 import React, {
   ChangeEvent,
   FocusEvent,
@@ -156,11 +155,6 @@ export interface EdiTextProps {
    * Will be set to viewContainerClassName if you set it and omit this.
    */
   editContainerClassName?: string;
-  /**
-   * Custom class name for the top-level main container.
-   * @deprecated please use `containerProps` instead of this
-   */
-  mainContainerClassName?: string;
   /**
    * Set it to `true` if you want clicking on the view to activate the editor.
    * @default false
@@ -557,9 +551,7 @@ function EdiText(props: EdiTextProps) {
 
   const mode = editingInternal ? _renderEditingMode() : _renderViewMode();
   const clsName = classnames(
-    props.containerProps?.className ||
-      props.mainContainerClassName ||
-      styles.Editext__main_container,
+    props.containerProps?.className || styles.Editext__main_container,
     props.className
   );
   return (