Apply capitalization guidelines - iteration 3 (#12343) (#12449)

superset-frontend/cypress-base/cypress/integration/dashboard/save.test.js

@@ -97,7 +97,7 @@ describe('Dashboard save action', () => {
 
         // open color scheme dropdown
         cy.get('.ant-modal-body')
-          .contains('Color Scheme')
+          .contains('Color scheme')
           .parents('.ControlHeader')
           .next('.Select')
           .click()

superset-frontend/src/CRUD/CollectionTable.tsx

@@ -314,7 +314,7 @@ export default class CRUDCollection extends React.PureComponent<
                 data-test="add-item-button"
               >
                 <i data-test="crud-add-table-item" className="fa fa-plus" />{' '}
-                {t('Add Item')}
+                {t('Add item')}
               </Button>
             </span>
           )}

superset-frontend/src/components/Menu/NewMenu.tsx

@@ -23,7 +23,7 @@ import NavDropdown from 'src/components/NavDropdown';
 
 const dropdownItems = [
   {
-    label: t('SQL Query'),
+    label: t('SQL query'),
     url: '/superset/sqllab',
     icon: 'fa-fw fa-search',
   },

superset-frontend/src/components/Select/Select.stories.tsx

@@ -28,7 +28,7 @@ const OPTIONS = [
 ];
 
 export default {
-  title: 'Select Component',
+  title: 'Select component',
   argTypes: {
     options: {
       type: 'select',

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

@@ -53,7 +53,7 @@ class ColorSchemeControlWrapper extends React.PureComponent {
         description={t(
           "Any color palette selected here will override the colors applied to this dashboard's individual charts",
         )}
-        label={t('Color Scheme')}
+        label={t('Color scheme')}
         name="color_scheme"
         onChange={this.props.onChange}
         value={colorScheme}

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

@@ -85,7 +85,7 @@ class CssEditor extends React.PureComponent {
           <div>
             {this.renderTemplateSelector()}
             <div style={{ zIndex: 1 }}>
-              <h5>{t('Live CSS Editor')}</h5>
+              <h5>{t('Live CSS editor')}</h5>
               <div style={{ border: 'solid 1px grey' }}>
                 <AceCssEditor
                   minLines={12}

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

@@ -456,7 +456,7 @@ class Header extends React.PureComponent {
                     buttonStyle="default"
                     data-test="discard-changes-button"
                   >
-                    {t('Discard Changes')}
+                    {t('Discard changes')}
                   </Button>
                   <Button
                     buttonSize="small"
@@ -482,7 +482,7 @@ class Header extends React.PureComponent {
             <>
               <span
                 role="button"
-                title="Edit Dashboard"
+                title="Edit dashboard"
                 tabIndex={0}
                 className="action-button"
                 onClick={this.toggleEditMode}

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

@@ -201,7 +201,7 @@ class HeaderActionsDropdown extends React.PureComponent {
       lastModifiedTime,
     } = this.props;
 
-    const emailTitle = t('Superset Dashboard');
+    const emailTitle = t('Superset dashboard');
     const emailSubject = `${emailTitle} ${dashboardTitle}`;
     const emailBody = t('Check out this dashboard: ');
 
@@ -302,7 +302,7 @@ class HeaderActionsDropdown extends React.PureComponent {
 
         {!editMode && (
           <Menu.Item key={MENU_KEYS.TOGGLE_FULLSCREEN}>
-            {t('Toggle FullScreen')}
+            {t('Toggle fullscreen')}
           </Menu.Item>
         )}
       </Menu>

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

@@ -292,7 +292,7 @@ class PropertiesModal extends React.PureComponent {
       <Modal
         show={this.props.show}
         onHide={this.props.onHide}
-        title={t('Dashboard Properties')}
+        title={t('Dashboard properties')}
         footer={
           <>
             <Button
@@ -321,7 +321,7 @@ class PropertiesModal extends React.PureComponent {
         <form data-test="dashboard-edit-properties-form" onSubmit={this.submit}>
           <Row>
             <Col md={12}>
-              <h3>{t('Basic Information')}</h3>
+              <h3>{t('Basic information')}</h3>
             </Col>
           </Row>
           <Row>
@@ -338,7 +338,7 @@ class PropertiesModal extends React.PureComponent {
               />
             </Col>
             <Col md={6}>
-              <FormLabel htmlFor="embed-height">{t('URL Slug')}</FormLabel>
+              <FormLabel htmlFor="embed-height">{t('URL slug')}</FormLabel>
               <FormControl
                 name="slug"
                 type="text"
@@ -397,7 +397,7 @@ class PropertiesModal extends React.PureComponent {
               {isAdvancedOpen && (
                 <>
                   <FormLabel htmlFor="json_metadata">
-                    {t('JSON Metadata')}
+                    {t('JSON metadata')}
                   </FormLabel>
                   <StyledJsonEditor
                     showLoadingForImport

superset-frontend/src/dashboard/components/RefreshIntervalModal.tsx

@@ -112,7 +112,7 @@ class RefreshIntervalModal extends React.PureComponent<
       <StyledModalTrigger
         ref={this.modalRef}
         triggerNode={this.props.triggerNode}
-        modalTitle={t('Refresh Interval')}
+        modalTitle={t('Refresh interval')}
         modalBody={
           <div>
             <FormLabel>{t('Refresh frequency')}</FormLabel>

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

@@ -178,7 +178,7 @@ class SaveModal extends React.PureComponent<SaveModalProps, SaveModalState> {
       <ModalTrigger
         ref={this.setModalRef}
         triggerNode={this.props.triggerNode}
-        modalTitle={t('Save Dashboard')}
+        modalTitle={t('Save dashboard')}
         modalBody={
           <FormGroup>
             <Radio