[EuiStep(s)Horizontal] Add HTML element type extensions (#4166)

* add htmlbuttonelment type extension * add htmlolistelment type extension * CL
elastic · Oct 27, 2020 · a0bc3f1 · a0bc3f1
1 parent b7de5b3
commit a0bc3f1
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -9,6 +9,7 @@
 **Bug fixes**
 
 - Fixed issue with duplicate checkmarks in `EuiComboBox` ([#4162](https://github.com/elastic/eui/pull/4162))
+- Reinstated base element type extensions for `EuiStepHorizontal` and `EuiStepsHorizontal` ([4166](https://github.com/elastic/eui/pull/4166))
 
 ## [`30.0.0`](https://github.com/elastic/eui/tree/v30.0.0)
 

diff --git a/src/components/steps/step_horizontal.tsx b/src/components/steps/step_horizontal.tsx
@@ -19,6 +19,7 @@
 
 import classNames from 'classnames';
 import React, {
+  ButtonHTMLAttributes,
   FunctionComponent,
   MouseEvent as ReactMouseEvent,
   MouseEventHandler,
@@ -33,7 +34,9 @@ import {
   useI18nWarningStep,
 } from './step_strings';
 
-export interface EuiStepHorizontalProps extends CommonProps {
+export interface EuiStepHorizontalProps
+  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'>,
+    CommonProps {
   /**
    * Is the current step
    */

diff --git a/src/components/steps/steps_horizontal.tsx b/src/components/steps/steps_horizontal.tsx
@@ -18,11 +18,13 @@
  */
 
 import classNames from 'classnames';
-import React, { FunctionComponent } from 'react';
+import React, { FunctionComponent, OlHTMLAttributes } from 'react';
 import { CommonProps } from '../common';
 import { EuiStepHorizontal, EuiStepHorizontalProps } from './step_horizontal';
 
-export interface EuiStepsHorizontalProps extends CommonProps {
+export interface EuiStepsHorizontalProps
+  extends OlHTMLAttributes<HTMLOListElement>,
+    CommonProps {
   /**
    * An array of `EuiStepHorizontal` objects excluding the `step` prop
    */