Add aliases for compressed form family

Signed-off-by: Miki <miki@amazon.com>

src/components/form/checkbox/checkbox.tsx

@@ -161,3 +161,12 @@ export class OuiCheckbox extends Component<OuiCheckboxProps> {
     }
   }
 }
+
+export type OuiCompressedCheckboxProps = Omit<OuiCheckboxProps, 'compressed'>;
+
+export class OuiCompressedCheckbox extends OuiCheckbox {
+  static defaultProps = {
+    ...OuiCheckbox.defaultProps,
+    compressed: true,
+  };
+}

src/components/form/checkbox/checkbox_group.tsx

@@ -121,3 +121,14 @@ export const OuiCheckboxGroup: FunctionComponent<OuiCheckboxGroupProps> = ({
     </div>
   );
 };
+
+export type OuiCompressedCheckboxGroupProps = CommonProps & {
+  options: OuiCheckboxGroupOption[];
+  idToSelectedMap: OuiCheckboxGroupIdToSelectedMap;
+  onChange: (optionId: string) => void;
+  disabled?: boolean;
+} & ExclusiveUnion<AsDivProps, WithLegendProps>;
+
+export const OuiCompressedCheckboxGroup: FunctionComponent<OuiCompressedCheckboxGroupProps> = (
+  props
+) => <OuiCheckboxGroup {...props} compressed />;

src/components/form/checkbox/index.ts

@@ -28,9 +28,17 @@
  * under the License.
  */
 
-export { OuiCheckbox, OuiCheckboxProps } from './checkbox';
+export {
+  OuiCheckbox,
+  OuiCheckboxProps,
+  OuiCompressedCheckbox,
+  OuiCompressedCheckboxProps,
+} from './checkbox';
+
 export {
   OuiCheckboxGroup,
   OuiCheckboxGroupProps,
   OuiCheckboxGroupOption,
+  OuiCompressedCheckboxGroup,
+  OuiCompressedCheckboxGroupProps,
 } from './checkbox_group';

src/components/form/field_number/field_number.tsx

@@ -149,3 +149,12 @@ export const OuiFieldNumber: FunctionComponent<OuiFieldNumberProps> = ({
     </OuiFormControlLayout>
   );
 };
+
+export type OuiCompressedFieldNumberProps = Omit<
+  OuiFieldNumberProps,
+  'compressed'
+>;
+
+export const OuiCompressedFieldNumber: FunctionComponent<OuiCompressedFieldNumberProps> = (
+  props
+) => <OuiFieldNumber {...props} compressed />;

src/components/form/field_number/index.ts

@@ -28,4 +28,9 @@
  * under the License.
  */
 
-export { OuiFieldNumber, OuiFieldNumberProps } from './field_number';
+export {
+  OuiFieldNumber,
+  OuiFieldNumberProps,
+  OuiCompressedFieldNumber,
+  OuiCompressedFieldNumberProps,
+} from './field_number';

src/components/form/field_password/field_password.tsx

@@ -200,3 +200,12 @@ OuiFieldPassword.defaultProps = {
   isLoading: false,
   compressed: false,
 };
+
+export type OuiCompressedFieldPasswordProps = Omit<
+  OuiFieldPasswordProps,
+  'compressed'
+>;
+
+export const OuiCompressedFieldPassword: FunctionComponent<OuiFieldPasswordProps> = (
+  props
+) => <OuiFieldPassword {...props} compressed />;

src/components/form/field_password/index.ts

@@ -28,4 +28,9 @@
  * under the License.
  */
 
-export { OuiFieldPassword, OuiFieldPasswordProps } from './field_password';
+export {
+  OuiFieldPassword,
+  OuiFieldPasswordProps,
+  OuiCompressedFieldPassword,
+  OuiCompressedFieldPasswordProps,
+} from './field_password';

src/components/form/field_search/field_search.tsx

@@ -291,3 +291,15 @@ export class OuiFieldSearch extends Component<
     );
   }
 }
+
+export type OuiCompressedFieldSearchProps = Omit<
+  OuiFieldSearchProps,
+  'compressed'
+>;
+
+export class OuiCompressedFieldSearch extends OuiFieldSearch {
+  static defaultProps = {
+    ...OuiFieldSearch.defaultProps,
+    compressed: true,
+  };
+}

src/components/form/field_search/index.ts

@@ -28,4 +28,9 @@
  * under the License.
  */
 
-export { OuiFieldSearch, OuiFieldSearchProps } from './field_search';
+export {
+  OuiFieldSearch,
+  OuiFieldSearchProps,
+  OuiCompressedFieldSearch,
+  OuiCompressedFieldSearchProps,
+} from './field_search';

src/components/form/field_text/field_text.tsx

@@ -130,3 +130,9 @@ export const OuiFieldText: FunctionComponent<OuiFieldTextProps> = ({
     </OuiFormControlLayout>
   );
 };
+
+export type OuiCompressedFieldTextProps = Omit<OuiFieldTextProps, 'compressed'>;
+
+export const OuiCompressedFieldText: FunctionComponent<OuiCompressedFieldTextProps> = (
+  props
+) => <OuiFieldText {...props} compressed />;

src/components/form/field_text/index.ts

@@ -28,4 +28,9 @@
  * under the License.
  */
 
-export { OuiFieldText, OuiFieldTextProps } from './field_text';
+export {
+  OuiFieldText,
+  OuiFieldTextProps,
+  OuiCompressedFieldText,
+  OuiCompressedFieldTextProps,
+} from './field_text';

src/components/form/file_picker/file_picker.tsx

@@ -263,3 +263,15 @@ export class OuiFilePicker extends Component<OuiFilePickerProps> {
     );
   }
 }
+
+export type OuiCompressedFilePickerProps = Omit<
+  OuiFilePickerProps,
+  'compressed'
+>;
+
+export class OuiCompressedFilePicker extends OuiFilePicker {
+  static defaultProps = {
+    ...OuiFilePicker.defaultProps,
+    compressed: true,
+  };
+}

src/components/form/file_picker/index.ts

@@ -28,4 +28,9 @@
  * under the License.
  */
 
-export { OuiFilePicker, OuiFilePickerProps } from './file_picker';
+export {
+  OuiFilePicker,
+  OuiFilePickerProps,
+  OuiCompressedFilePicker,
+  OuiCompressedFilePickerProps,
+} from './file_picker';

src/components/form/form_fieldset/form_legend.tsx

@@ -75,3 +75,12 @@ export const OuiFormLegend: FunctionComponent<OuiFormLegendProps> = ({
     </legend>
   );
 };
+
+export type OuiCompressedFormLegendProps = Omit<
+  OuiFormLegendProps,
+  'compressed'
+>;
+
+export const OuiCompressedFormLegend: FunctionComponent<OuiCompressedFormLegendProps> = (
+  props
+) => <OuiFormLegend {...props} compressed />;

src/components/form/form_fieldset/index.ts

@@ -29,4 +29,9 @@
  */
 
 export { OuiFormFieldset, OuiFormFieldsetProps } from './form_fieldset';
-export { OuiFormLegend, OuiFormLegendProps } from './form_legend';
+export {
+  OuiFormLegend,
+  OuiFormLegendProps,
+  OuiCompressedFormLegend,
+  OuiCompressedFormLegendProps,
+} from './form_legend';

src/components/form/form_row/form_row.tsx

@@ -328,3 +328,15 @@ export class OuiFormRow extends Component<OuiFormRowProps, OuiFormRowState> {
     );
   }
 }
+
+export type OuiCompressedFormRowProps = ExclusiveUnion<
+  Omit<LabelProps, 'display'>,
+  Omit<LegendProps, 'display'>
+>;
+
+export class OuiCompressedFormRow extends OuiFormRow {
+  static defaultProps = {
+    ...OuiFormRow.defaultProps,
+    display: 'rowCompressed',
+  };
+}

src/components/form/form_row/index.ts

@@ -28,4 +28,9 @@
  * under the License.
  */
 
-export { OuiFormRow, OuiFormRowProps } from './form_row';
+export {
+  OuiFormRow,
+  OuiFormRowProps,
+  OuiCompressedFormRow,
+  OuiCompressedFormRowProps,
+} from './form_row';

src/components/form/radio/index.ts

@@ -28,9 +28,16 @@
  * under the License.
  */
 
-export { OuiRadio, OuiRadioProps } from './radio';
+export {
+  OuiRadio,
+  OuiRadioProps,
+  OuiCompressedRadio,
+  OuiCompressedRadioProps,
+} from './radio';
 export {
   OuiRadioGroup,
   OuiRadioGroupProps,
   OuiRadioGroupOption,
+  OuiCompressedRadioGroup,
+  OuiCompressedRadioGroupProps,
 } from './radio_group';

src/components/form/radio/radio.tsx

@@ -120,3 +120,14 @@ export const OuiRadio: FunctionComponent<OuiRadioProps> = ({
     </div>
   );
 };
+
+export type OuiCompressedRadioProps = CommonProps &
+  Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'id'> &
+  ExclusiveUnion<
+    ExclusiveUnion<Omit<RadioProps, 'compressed'>, idWithLabel>,
+    withId
+  >;
+
+export const OuiCompressedRadio: FunctionComponent<OuiCompressedRadioProps> = (
+  props
+) => <OuiRadio {...props} compressed />;

src/components/form/radio/radio_group.tsx

@@ -126,3 +126,15 @@ export const OuiRadioGroup: FunctionComponent<OuiRadioGroupProps> = ({
     </div>
   );
 };
+
+export type OuiCompressedRadioGroupProps = CommonProps & {
+  disabled?: boolean;
+  name?: string;
+  options: OuiRadioGroupOption[];
+  idSelected?: string;
+  onChange: OuiRadioGroupChangeCallback;
+} & ExclusiveUnion<AsDivProps, WithLegendProps>;
+
+export const OuiCompressedRadioGroup: FunctionComponent<OuiCompressedRadioGroupProps> = (
+  props
+) => <OuiRadioGroup {...props} compressed />;

src/components/form/range/dual_range.tsx

@@ -794,3 +794,12 @@ export class OuiDualRange extends Component<OuiDualRangeProps> {
     return thePopover || theRange;
   }
 }
+
+export type OuiCompressedDualRangeProps = Omit<OuiDualRangeProps, 'compressed'>;
+
+export class OuiCompressedDualRange extends OuiDualRange {
+  static defaultProps = {
+    ...OuiDualRange.defaultProps,
+    compressed: true,
+  };
+}

src/components/form/range/index.ts

@@ -28,5 +28,16 @@
  * under the License.
  */
 
-export { OuiDualRange, OuiDualRangeProps } from './dual_range';
-export { OuiRange, OuiRangeProps } from './range';
+export {
+  OuiDualRange,
+  OuiDualRangeProps,
+  OuiCompressedDualRange,
+  OuiCompressedDualRangeProps,
+} from './dual_range';
+
+export {
+  OuiRange,
+  OuiRangeProps,
+  OuiCompressedRange,
+  OuiCompressedRangeProps,
+} from './range';

src/components/form/range/range.tsx

@@ -357,3 +357,12 @@ export class OuiRange extends Component<OuiRangeProps> {
     return thePopover ? thePopover : theRange;
   }
 }
+
+export type OuiCompressedRangeProps = Omit<OuiRangeProps, 'compressed'>;
+
+export class OuiCompressedRange extends OuiRange {
+  static defaultProps = {
+    ...OuiRange.defaultProps,
+    compressed: true,
+  };
+}

src/components/form/select/index.ts

@@ -28,4 +28,10 @@
  * under the License.
  */
 
-export { OuiSelect, OuiSelectProps, OuiSelectOption } from './select';
+export {
+  OuiSelect,
+  OuiSelectProps,
+  OuiSelectOption,
+  OuiCompressedSelect,
+  OuiCompressedSelectProps,
+} from './select';

src/components/form/select/select.tsx

@@ -178,3 +178,9 @@ export const OuiSelect: FunctionComponent<OuiSelectProps> = ({
     </OuiFormControlLayout>
   );
 };
+
+export type OuiCompressedSelectProps = Omit<OuiSelectProps, 'compressed'>;
+
+export const OuiCompressedSelect: FunctionComponent<OuiCompressedSelectProps> = (
+  props
+) => <OuiSelect {...props} compressed />;

src/components/form/super_select/index.ts

@@ -28,7 +28,13 @@
  * under the License.
  */
 
-export { OuiSuperSelect, OuiSuperSelectProps } from './super_select';
+export {
+  OuiSuperSelect,
+  OuiSuperSelectProps,
+  OuiCompressedSuperSelect,
+  OuiCompressedSuperSelectProps,
+} from './super_select';
+
 export {
   OuiSuperSelectControl,
   OuiSuperSelectControlProps,

src/components/form/super_select/super_select.tsx

@@ -346,3 +346,17 @@ export class OuiSuperSelect<T extends string> extends Component<
     );
   }
 }
+
+export type OuiCompressedSuperSelectProps<T extends string> = Omit<
+  OuiSuperSelectProps<T>,
+  'compressed'
+>;
+
+export class OuiCompressedSuperSelect<T extends string> extends OuiSuperSelect<
+  T
+> {
+  static defaultProps = {
+    ...OuiSuperSelect.defaultProps,
+    compressed: true,
+  };
+}

src/components/form/switch/index.ts

@@ -28,4 +28,10 @@
  * under the License.
  */
 
-export { OuiSwitch, OuiSwitchProps, OuiSwitchEvent } from './switch';
+export {
+  OuiSwitch,
+  OuiSwitchProps,
+  OuiSwitchEvent,
+  OuiCompressedSwitch,
+  OuiCompressedSwitchProps,
+} from './switch';

src/components/form/switch/switch.tsx

@@ -163,3 +163,9 @@ export const OuiSwitch: FunctionComponent<OuiSwitchProps> = ({
     </div>
   );
 };
+
+export type OuiCompressedSwitchProps = Omit<OuiSwitchProps, 'compressed'>;
+
+export const OuiCompressedSwitch: FunctionComponent<OuiCompressedSwitchProps> = (
+  props
+) => <OuiSwitch {...props} compressed />;