fix: css prop is now overwhelmed with emotion (#9742)

superset-frontend/spec/javascripts/dashboard/components/HeaderActionsDropdown_spec.jsx

@@ -32,7 +32,7 @@ describe('HeaderActionsDropdown', () => {
     dashboardId: 1,
     dashboardTitle: 'Title',
     hasUnsavedChanges: false,
-    css: '',
+    customCss: '',
     onChange: () => {},
     updateCss: () => {},
     forceRefreshAllCharts: () => {},

superset-frontend/src/dashboard/components/Header.jsx

@@ -56,7 +56,7 @@ const propTypes = {
   charts: PropTypes.objectOf(chartPropShape).isRequired,
   layout: PropTypes.object.isRequired,
   expandedSlices: PropTypes.object.isRequired,
-  css: PropTypes.string.isRequired,
+  customCss: PropTypes.string.isRequired,
   colorNamespace: PropTypes.string,
   colorScheme: PropTypes.string,
   isStarred: PropTypes.bool.isRequired,
@@ -301,7 +301,7 @@ class Header extends React.PureComponent {
       dashboardTitle,
       layout,
       expandedSlices,
-      css,
+      customCss,
       colorNamespace,
       colorScheme,
       onUndo,
@@ -476,7 +476,7 @@ class Header extends React.PureComponent {
             dashboardTitle={dashboardTitle}
             layout={layout}
             expandedSlices={expandedSlices}
-            css={css}
+            customCss={customCss}
             colorNamespace={colorNamespace}
             colorScheme={colorScheme}
             onSave={onSave}

superset-frontend/src/dashboard/components/HeaderActionsDropdown.jsx

@@ -37,7 +37,7 @@ const propTypes = {
   dashboardId: PropTypes.number.isRequired,
   dashboardTitle: PropTypes.string.isRequired,
   hasUnsavedChanges: PropTypes.bool.isRequired,
-  css: PropTypes.string.isRequired,
+  customCss: PropTypes.string.isRequired,
   colorNamespace: PropTypes.string,
   colorScheme: PropTypes.string,
   onChange: PropTypes.func.isRequired,
@@ -69,7 +69,7 @@ class HeaderActionsDropdown extends React.PureComponent {
   constructor(props) {
     super(props);
     this.state = {
-      css: props.css,
+      css: props.customCss,
       cssTemplates: [],
     };
 
@@ -116,7 +116,7 @@ class HeaderActionsDropdown extends React.PureComponent {
       forceRefreshAllCharts,
       refreshFrequency,
       editMode,
-      css,
+      customCss,
       colorNamespace,
       colorScheme,
       hasUnsavedChanges,
@@ -150,7 +150,7 @@ class HeaderActionsDropdown extends React.PureComponent {
             layout={layout}
             expandedSlices={expandedSlices}
             refreshFrequency={refreshFrequency}
-            css={css}
+            customCss={customCss}
             colorNamespace={colorNamespace}
             colorScheme={colorScheme}
             onSave={onSave}

superset-frontend/src/dashboard/components/SaveModal.jsx

@@ -36,7 +36,7 @@ const propTypes = {
   layout: PropTypes.object.isRequired,
   saveType: PropTypes.oneOf([SAVE_TYPE_OVERWRITE, SAVE_TYPE_NEWDASHBOARD]),
   triggerNode: PropTypes.node.isRequired,
-  css: PropTypes.string.isRequired,
+  customCss: PropTypes.string.isRequired,
   colorNamespace: PropTypes.string,
   colorScheme: PropTypes.string,
   onSave: PropTypes.func.isRequired,
@@ -95,7 +95,7 @@ class SaveModal extends React.PureComponent {
     const {
       dashboardTitle,
       layout: positions,
-      css,
+      customCss,
       colorNamespace,
       colorScheme,
       expandedSlices,
@@ -110,7 +110,7 @@ class SaveModal extends React.PureComponent {
     const labelColors = colorScheme ? scale.getColorMap() : {};
     const data = {
       positions,
-      css,
+      css: customCss,
       color_namespace: colorNamespace,
       color_scheme: colorScheme,
       label_colors: labelColors,

superset-frontend/src/dashboard/containers/DashboardHeader.jsx

@@ -71,7 +71,7 @@ function mapStateToProps({
     ).text,
     expandedSlices: dashboardState.expandedSlices,
     refreshFrequency: dashboardState.refreshFrequency,
-    css: dashboardState.css,
+    customCss: dashboardState.css,
     colorNamespace: dashboardState.colorNamespace,
     colorScheme: dashboardState.colorScheme,
     charts,