remove customStyles from prop destrcturing

SAP · Oct 1, 2019 · d1b8d8b · d1b8d8b
1 parent 62c1bc9
commit d1b8d8b
Show file tree

Hide file tree

Showing 53 changed files with 39 additions and 55 deletions.
diff --git a/src/ActionBar/ActionBar.js b/src/ActionBar/ActionBar.js
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const ActionBar = React.forwardRef(({ children, className, customStyles, disableStyles, ...props }, ref) => {
+const ActionBar = React.forwardRef(({ children, className, disableStyles, ...props }, ref) => {
     const actionBarClasses = classnames(
         'fd-action-bar',
         className

diff --git a/src/ActionBar/_ActionBarBack.js b/src/ActionBar/_ActionBarBack.js
@@ -28,7 +28,6 @@ ActionBarBack.displayName = 'ActionBar.Back';
 ActionBarBack.propTypes = {
     buttonProps: PropTypes.object,
     className: PropTypes.string,
-    customStyles: PropTypes.object,
     disableStyles: PropTypes.bool,
     onClick: PropTypes.func
 };

diff --git a/src/Badge/Badge.js b/src/Badge/Badge.js
@@ -5,7 +5,7 @@ import withStyles from '../utils/WithStyles/WithStyles';
 import { BADGE_MODIFIERS, BADGE_TYPES } from '../utils/constants';
 
 
-const Badge = React.forwardRef(({ type, modifier, children, className, customStyles, disableStyles, ...props }, ref) => {
+const Badge = React.forwardRef(({ type, modifier, children, className, disableStyles, ...props }, ref) => {
     const badgeClasses = classnames(
         'fd-badge',
         {

diff --git a/src/Badge/Counter.js b/src/Badge/Counter.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const Counter = React.forwardRef(({ localizedText, notification, children, className, customStyles, disableStyles, ...props }, ref) => {
+const Counter = React.forwardRef(({ localizedText, notification, children, className, disableStyles, ...props }, ref) => {
     const counterClasses = classnames(
         'fd-counter',
         {

diff --git a/src/Badge/Label.js b/src/Badge/Label.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const Label = React.forwardRef(({ type, children, className, customStyles, disableStyles, ...props }, ref) => {
+const Label = React.forwardRef(({ type, children, className, disableStyles, ...props }, ref) => {
     const labelClasses = classnames(
         'fd-label',
         {

diff --git a/src/Badge/Status.js b/src/Badge/Status.js
@@ -4,7 +4,7 @@ import React from 'react';
 import { STATUS_TYPES } from '../utils/constants';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const Status = React.forwardRef(({ type, glyph, children, className, customStyles, disableStyles, ...props }, ref) => {
+const Status = React.forwardRef(({ type, glyph, children, className, disableStyles, ...props }, ref) => {
     const statusClasses = classnames(
         'fd-status-label',
         {

diff --git a/src/Breadcrumb/Breadcrumb.js b/src/Breadcrumb/Breadcrumb.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const Breadcrumb = React.forwardRef(({ children, customStyles, disableStyles, ...props }, ref) => {
+const Breadcrumb = React.forwardRef(({ children, disableStyles, ...props }, ref) => {
     return (<ul {...props}
         className='fd-breadcrumb'
         ref={ref}>{children}</ul>);

diff --git a/src/Button/Button.js b/src/Button/Button.js
@@ -8,7 +8,6 @@ const Button = React.forwardRef(({
     option,
     type,
     compact,
-    customStyles,
     disableStyles,
     glyph,
     selected,

diff --git a/src/Button/ButtonGroup.js b/src/Button/ButtonGroup.js
@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const ButtonGroup = React.forwardRef(({ children, customStyles, disableStyles, ...props }, ref) => {
+const ButtonGroup = React.forwardRef(({ children, disableStyles, ...props }, ref) => {
     return (
         <div
             {...props}

diff --git a/src/Calendar/Calendar.js b/src/Calendar/Calendar.js
@@ -545,7 +545,6 @@ class Calendar extends Component {
 
     render() {
         const {
-            customStyles,
             enableRangeSelection,
             disableStyles,
             disableWeekends,

diff --git a/src/ComboboxInput/ComboboxInput.js b/src/ComboboxInput/ComboboxInput.js
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const ComboboxInput = React.forwardRef(({ placeholder, menu, compact, className, customStyles, disableStyles, popoverProps, inputProps, buttonProps, ...props }, ref) => {
+const ComboboxInput = React.forwardRef(({ placeholder, menu, compact, className, disableStyles, popoverProps, inputProps, buttonProps, ...props }, ref) => {
     const comboboxPopoverClasses = classnames(
         'fd-input-group'
     );

diff --git a/src/DatePicker/DatePicker.js b/src/DatePicker/DatePicker.js
@@ -286,7 +286,6 @@ class DatePicker extends Component {
             buttonProps,
             className,
             compact,
-            customStyles,
             disableAfterDate,
             disableBeforeDate,
             disabledDates,
@@ -336,7 +335,7 @@ class DatePicker extends Component {
                                 <Button {...buttonProps}
                                     className='fd-input-group__button'
                                     compact={compact}
-                                    disableStyles={disableStyles || customStyles}
+                                    disableStyles={disableStyles}
                                     glyph='calendar'
                                     onClick={() => this.openCalendar()}
                                     option='light' />
@@ -357,7 +356,7 @@ class DatePicker extends Component {
                             disableBeforeDate={disableBeforeDate}
                             disableFutureDates={disableFutureDates}
                             disablePastDates={disablePastDates}
-                            disableStyles={disableStyles || customStyles}
+                            disableStyles={disableStyles}
                             disableWeekday={disableWeekday}
                             disableWeekends={disableWeekends}
                             disabledDates={disabledDates}

diff --git a/src/Dropdown/Dropdown.js b/src/Dropdown/Dropdown.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const Dropdown = React.forwardRef(({ children, className, customStyles, disableStyles, standard, ...props }, ref) => {
+const Dropdown = React.forwardRef(({ children, className, disableStyles, standard, ...props }, ref) => {
 
     const dropdownClasses = classnames(
         'fd-dropdown',

diff --git a/src/Forms/Checkbox.js b/src/Forms/Checkbox.js
@@ -15,7 +15,7 @@ const getCheckStatus = (checked, indeterminate) => {
     }
 };
 
-const Checkbox = React.forwardRef(({ checked, className, customStyles, defaultChecked, disabled, disableStyles, id, indeterminate, inline, inputProps, labelProps, name, onChange, value, ...props }, ref) => {
+const Checkbox = React.forwardRef(({ checked, className, defaultChecked, disabled, disableStyles, id, indeterminate, inline, inputProps, labelProps, name, onChange, value, ...props }, ref) => {
 
     const inputEl = useRef();
 

diff --git a/src/Forms/FormFieldset.js b/src/Forms/FormFieldset.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const FormFieldset = React.forwardRef(({ children, className, customStyles, disableStyles, ...props }, ref) => {
+const FormFieldset = React.forwardRef(({ children, className, disableStyles, ...props }, ref) => {
     const formFieldsetClasses = classnames(
         'fd-fieldset',
         className

diff --git a/src/Forms/FormInput.js b/src/Forms/FormInput.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const FormInput = React.forwardRef(({ state, className, compact, disabled, id, name, placeholder, readOnly, type, value, customStyles, disableStyles, ...props }, ref) => {
+const FormInput = React.forwardRef(({ state, className, compact, disabled, id, name, placeholder, readOnly, type, value, disableStyles, ...props }, ref) => {
     const formInputClasses = classnames(
         'fd-input',
         {

diff --git a/src/Forms/FormItem.js b/src/Forms/FormItem.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const FormItem = React.forwardRef(({ isInline, children, className, customStyles, disableStyles, ...props }, ref) => {
+const FormItem = React.forwardRef(({ isInline, children, className, disableStyles, ...props }, ref) => {
     const formItemClasses = classnames(
         'fd-form-item',
         {

diff --git a/src/Forms/FormLabel.js b/src/Forms/FormLabel.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const FormLabel = React.forwardRef(({ required, children, className, disabled, customStyles, disableStyles, ...props }, ref) => {
+const FormLabel = React.forwardRef(({ required, children, className, disabled, disableStyles, ...props }, ref) => {
     const formLabelClasses = classnames(
         'fd-form-label',
         { 'is-disabled': disabled },

diff --git a/src/Forms/FormLegend.js b/src/Forms/FormLegend.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const FormLegend = React.forwardRef(({ children, className, customStyles, disableStyles, ...props }, ref) => {
+const FormLegend = React.forwardRef(({ children, className, disableStyles, ...props }, ref) => {
     const formLegendClasses = classnames(
         'fd-fieldset__legend',
         className

diff --git a/src/Forms/FormMessage.js b/src/Forms/FormMessage.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const FormMessage = React.forwardRef(({ type, children, className, customStyles, disableStyles, ...props }, ref) => {
+const FormMessage = React.forwardRef(({ type, children, className, disableStyles, ...props }, ref) => {
     const formMessageClasses = classnames(
         'fd-form-message',
         {

diff --git a/src/Forms/FormRadioGroup.js b/src/Forms/FormRadioGroup.js
@@ -11,7 +11,7 @@ class FormRadioGroup extends Component {
     }
 
     render() {
-        const { children, customStyles, disabled, disableStyles, inline, onChange, ...props } = this.props;
+        const { children, disabled, disableStyles, inline, onChange, ...props } = this.props;
 
         return (
             <div

diff --git a/src/Forms/FormRadioItem.js b/src/Forms/FormRadioItem.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const FormRadioItem = React.forwardRef(({ checked, children, className, customStyles, defaultChecked, disabled, disableStyles, id, inline, inputProps, labelProps, name, value, ...props }, ref) => {
+const FormRadioItem = React.forwardRef(({ checked, children, className, defaultChecked, disabled, disableStyles, id, inline, inputProps, labelProps, name, value, ...props }, ref) => {
 
     return (
         <FormItem

diff --git a/src/Forms/FormSelect.js b/src/Forms/FormSelect.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const FormSelect = React.forwardRef(({ disabled, children, className, customStyles, disableStyles, ...props }, ref) => {
+const FormSelect = React.forwardRef(({ disabled, children, className, disableStyles, ...props }, ref) => {
     const formSelectClasses = classnames(
         'fd-form-select',
         className

diff --git a/src/Forms/FormSet.js b/src/Forms/FormSet.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const FormSet = React.forwardRef(({ children, className, customStyles, disableStyles, ...props }, ref) => {
+const FormSet = React.forwardRef(({ children, className, disableStyles, ...props }, ref) => {
     const formSetClasses = classnames(
         'fd-form-group',
         className

diff --git a/src/Forms/FormTextarea.js b/src/Forms/FormTextarea.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const FormTextarea = React.forwardRef(({ children, className, customStyles, disableStyles, ...props }, ref) => {
+const FormTextarea = React.forwardRef(({ children, className, disableStyles, ...props }, ref) => {
     const formTextAreaClasses = classnames(
         'fd-textarea',
         className

diff --git a/src/Icon/Icon.js b/src/Icon/Icon.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const Icon = React.forwardRef(({ glyph, size, className, customStyles, disableStyles, ...props }, ref) => {
+const Icon = React.forwardRef(({ glyph, size, className, disableStyles, ...props }, ref) => {
     const iconClasses = classnames(
         {
             [`sap-icon--${glyph}`]: !!glyph,

diff --git a/src/Identifier/Identifier.js b/src/Identifier/Identifier.js
@@ -5,7 +5,7 @@ import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 import { IDENTIFIER_MODIFIERS, IDENTIFIER_SIZES } from '../utils/constants';
 
-const Identifier = React.forwardRef(({ glyph, size, modifier, color, label, backgroundImageUrl, children, className, customStyles, disableStyles, ...props }, ref) => {
+const Identifier = React.forwardRef(({ glyph, size, modifier, color, label, backgroundImageUrl, children, className, disableStyles, ...props }, ref) => {
     const styles = {
         backgroundImage: `url(${backgroundImageUrl})`
     };

diff --git a/src/Image/Image.js b/src/Image/Image.js
@@ -4,7 +4,7 @@ import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 import { IMAGE_SIZES, IMAGE_TYPES } from '../utils/constants';
 
-const Image = React.forwardRef(({ size, type, photo, className, customStyles, disableStyles, ...props }, ref) => {
+const Image = React.forwardRef(({ size, type, photo, className, disableStyles, ...props }, ref) => {
     const imageClasses = classnames(
         {
             [`fd-image--${size}`]: !!size,

diff --git a/src/InlineHelp/InlineHelp.js b/src/InlineHelp/InlineHelp.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const InlineHelp = React.forwardRef(({ text, placement, className, contentClassName, customStyles, disableStyles, ...props }, ref) => {
+const InlineHelp = React.forwardRef(({ text, placement, className, contentClassName, disableStyles, ...props }, ref) => {
 
     const inlineHelpClasses = classnames(
         'fd-inline-help',

diff --git a/src/InputGroup/FormGroup.js b/src/InputGroup/FormGroup.js
@@ -2,7 +2,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const FormGroup = React.forwardRef(({ children, customStyles, disableStyles, ...props }, ref) => {
+const FormGroup = React.forwardRef(({ children, disableStyles, ...props }, ref) => {
     return (<div {...props} className='fd-form-group'
         ref={ref}>{children}</div>);
 });

diff --git a/src/InputGroup/InputGroup.js b/src/InputGroup/InputGroup.js
@@ -62,7 +62,6 @@ class InputGroup extends Component {
             children,
             className,
             compact,
-            customStyles,
             disableStyles,
             glyph,
             inputClassName,

diff --git a/src/LayoutGrid/LayoutGrid.js b/src/LayoutGrid/LayoutGrid.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const LayoutGrid = React.forwardRef(({ nogap, cols, children, className, colSpan, customStyles, disableStyles, ...props }, ref) => {
+const LayoutGrid = React.forwardRef(({ nogap, cols, children, className, colSpan, disableStyles, ...props }, ref) => {
 
     const layoutGridClasses = classnames(
         'fd-layout-grid',

diff --git a/src/Link/Link.js b/src/Link/Link.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const Link = React.forwardRef(({ className, children, disabled, customStyles, disableStyles, ...props }, ref) => {
+const Link = React.forwardRef(({ className, children, disabled, disableStyles, ...props }, ref) => {
     const imageClasses = classnames(
         'fd-link',
         { 'is-disabled': !!disabled },

diff --git a/src/ListGroup/ListGroup.js b/src/ListGroup/ListGroup.js
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const ListGroup = React.forwardRef(({ children, className, customStyles, disableStyles, ...props }, ref) => {
+const ListGroup = React.forwardRef(({ children, className, disableStyles, ...props }, ref) => {
     const listGroupClasses = classnames(
         'fd-list-group',
         className

diff --git a/src/LocalizationEditor/LocalizationEditor.js b/src/LocalizationEditor/LocalizationEditor.js
@@ -11,7 +11,7 @@ import withStyles from '../utils/WithStyles/WithStyles';
 
 
 const LocalizationEditor = React.forwardRef(({ control, menu, id, compact, textarea, className, inputClassName, listProps, popoverProps,
-    customStyles, disableStyles, ...props }, ref) => {
+    disableStyles, ...props }, ref) => {
 
     const localizationEditorClasses = classnames(
         'fd-localization-editor',

diff --git a/src/Menu/Menu.js b/src/Menu/Menu.js
@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const Menu = React.forwardRef(({ addonBefore, children, className, customStyles, disableStyles, ...props }, ref) => {
+const Menu = React.forwardRef(({ addonBefore, children, className, disableStyles, ...props }, ref) => {
     const menuClasses = classnames(
         'fd-menu',
         {

diff --git a/src/Modal/Modal.js b/src/Modal/Modal.js
@@ -39,7 +39,6 @@ class Modal extends Component {
             className,
             closeProps,
             contentProps,
-            customStyles,
             disableStyles,
             headerProps,
             headingLevel,

diff --git a/src/MultiInput/MultiInput.js b/src/MultiInput/MultiInput.js
@@ -109,7 +109,6 @@ class MultiInput extends Component {
             buttonProps,
             compact,
             className,
-            customStyles,
             disableStyles,
             data,
             listProps,

diff --git a/src/Pagination/Pagination.js b/src/Pagination/Pagination.js
@@ -81,7 +81,6 @@ class Pagination extends Component {
             displayTotal,
             totalText,
             className,
-            customStyles,
             disableStyles,
             linkProps,
             localizedText,

diff --git a/src/Panel/Panel.js b/src/Panel/Panel.js
@@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import withStyles from '../utils/WithStyles/WithStyles';
 
-const Panel = React.forwardRef(({ colSpan, children, className, customStyles, disableStyles, ...props }, ref) => {
+const Panel = React.forwardRef(({ colSpan, children, className, disableStyles, ...props }, ref) => {
 
     const panelClasses = classnames(
         'fd-panel',

diff --git a/src/Popover/Popover.js b/src/Popover/Popover.js
@@ -33,7 +33,6 @@ class Popover extends Component {
 
     render() {
         const {
-            customStyles,
             disableEdgeDetection,
             disableStyles,
             onClickOutside,

diff --git a/src/SearchInput/SearchInput.js b/src/SearchInput/SearchInput.js
@@ -115,7 +115,6 @@ class SearchInput extends Component {
 
     render() {
         const {
-            customStyles,
             disableStyles,
             placeholder,
             inShellbar,

diff --git a/src/SideNavigation/SideNav.js b/src/SideNavigation/SideNav.js
@@ -29,7 +29,7 @@ class SideNav extends Component {
     }
 
     render() {
-        const { onItemSelect, children, className, customStyles, disableStyles, icons, selectedId, ...rest } = this.props;
+        const { onItemSelect, children, className, disableStyles, icons, selectedId, ...rest } = this.props;
 
         const sideNavClasses = classnames(
             className,