Apply capitalization guidelines - iteration 6 (#12343) (#12452)

superset-frontend/src/explore/components/controls/DateFilterControl/frame/AdvancedFrame.tsx

@@ -48,7 +48,7 @@ export function AdvancedFrame(props: FrameComponentProps) {
 
   return (
     <>
-      <div className="section-title">{t('Configure Advanced Time Range')}</div>
+      <div className="section-title">{t('Configure advanced time range')}</div>
       <div className="control-label">{t('START')}</div>
       <Input
         key="since"

superset-frontend/src/explore/components/controls/DateFilterControl/frame/CustomFrame.tsx

@@ -118,7 +118,7 @@ export function CustomFrame(props: FrameComponentProps) {
 
   return (
     <div data-test="custom-frame">
-      <div className="section-title">{t('Configure Custom Time Range')}</div>
+      <div className="section-title">{t('Configure custom time range')}</div>
       <Row gutter={24}>
         <Col span={12}>
           <div className="control-label">{t('START')}</div>
@@ -226,7 +226,7 @@ export function CustomFrame(props: FrameComponentProps) {
       </Row>
       {sinceMode === 'relative' && untilMode === 'relative' && (
         <div className="control-anchor-to">
-          <div className="control-label">{t('ANCHOR TO')}</div>
+          <div className="control-label">{t('Anchor to')}</div>
           <Row align="middle">
             <Col>
               <Radio.Group

superset-frontend/src/explore/components/controls/FilterBoxItemControl.jsx

@@ -181,7 +181,7 @@ export default class FilterBoxItemControl extends React.Component {
           }
         />
         <FormRow
-          label={t('Sort Metric')}
+          label={t('Sort metric')}
           tooltip={t('Metric to sort the results by')}
           control={
             <SelectControl
@@ -201,7 +201,7 @@ export default class FilterBoxItemControl extends React.Component {
           }
         />
         <FormRow
-          label={t('Sort Ascending')}
+          label={t('Sort ascending')}
           tooltip={t('Check for sorting ascending')}
           isCheckbox
           control={
@@ -212,7 +212,7 @@ export default class FilterBoxItemControl extends React.Component {
           }
         />
         <FormRow
-          label={t('Allow Multiple Selections')}
+          label={t('Allow multiple selections')}
           isCheckbox
           tooltip={t(
             'Multiple selections allowed, otherwise filter ' +
@@ -228,7 +228,7 @@ export default class FilterBoxItemControl extends React.Component {
           }
         />
         <FormRow
-          label={t('Search All Filter Options')}
+          label={t('Search all filter options')}
           tooltip={t(
             'By default, each filter loads at most 1000 choices at the initial page load. ' +
               'Check this box if you have more than 1000 filter values and want to enable dynamically ' +
@@ -278,7 +278,7 @@ export default class FilterBoxItemControl extends React.Component {
           trigger="click"
           placement="right"
           content={this.renderPopover()}
-          title={t('Filter Configuration')}
+          title={t('Filter configuration')}
         >
           <InfoTooltipWithTrigger
             icon="edit"

superset-frontend/src/explore/components/controls/SelectControl.jsx

@@ -184,7 +184,7 @@ export default class SelectControl extends React.PureComponent {
   }
 
   isMetaSelectAllOption(o) {
-    return o.meta && o.meta === true && o.label === 'Select All';
+    return o.meta && o.meta === true && o.label === 'Select all';
   }
 
   optionsIncludesSelectAll(o) {
@@ -205,8 +205,8 @@ export default class SelectControl extends React.PureComponent {
   }
 
   createMetaSelectAllOption() {
-    const option = { label: 'Select All', meta: true };
-    option[this.props.valueKey] = 'Select All';
+    const option = { label: 'Select all', meta: true };
+    option[this.props.valueKey] = 'Select all';
     return option;
   }
 

superset-frontend/src/explore/components/controls/TimeSeriesColumnControl.jsx

@@ -45,7 +45,7 @@ const propTypes = {
 };
 
 const defaultProps = {
-  label: t('Time Series Columns'),
+  label: t('Time series columns'),
   tooltip: '',
   colType: '',
   width: '',
@@ -65,14 +65,14 @@ const comparisonTypeOptions = [
   { value: 'value', label: 'Actual value' },
   { value: 'diff', label: 'Difference' },
   { value: 'perc', label: 'Percentage' },
-  { value: 'perc_change', label: 'Percentage Change' },
+  { value: 'perc_change', label: 'Percentage change' },
 ];
 
 const colTypeOptions = [
-  { value: 'time', label: 'Time Comparison' },
+  { value: 'time', label: 'Time comparison' },
   { value: 'contrib', label: 'Contribution' },
   { value: 'spark', label: 'Sparkline' },
-  { value: 'avg', label: 'Period Average' },
+  { value: 'avg', label: 'Period average' },
 ];
 
 export default class TimeSeriesColumnControl extends React.Component {
@@ -209,7 +209,7 @@ export default class TimeSeriesColumnControl extends React.Component {
           )}
         {['time', 'avg'].indexOf(this.state.colType) >= 0 &&
           this.formRow(
-            'Time Lag',
+            'Time lag',
             'Number of periods to compare against',
             'time-lag',
             <FormControl
@@ -221,7 +221,7 @@ export default class TimeSeriesColumnControl extends React.Component {
           )}
         {['spark'].indexOf(this.state.colType) >= 0 &&
           this.formRow(
-            'Time Ratio',
+            'Time ratio',
             'Number of periods to ratio against',
             'time-ratio',
             <FormControl