@skyscanner/backpack-web 23.2.2 → 23.3.0

package/bpk-component-chip/src/commonTypes.d.ts

@@ -0,0 +1,56 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type PropTypes from 'prop-types';
+import type { ComponentProps, ReactNode, SyntheticEvent } from 'react';
+
+export declare const CHIP_TYPES: {
+  readonly default: 'default';
+  readonly onDark: 'on-dark';
+  readonly onImage: 'on-image';
+};
+interface ButtonProps extends Omit<ComponentProps<'button'>, 'type'> {
+  onClick: (event: SyntheticEvent<HTMLButtonElement>) => void | null;
+  children: ReactNode | string;
+  type?: typeof CHIP_TYPES[keyof typeof CHIP_TYPES];
+}
+export interface CommonProps extends ButtonProps {
+  accessibilityLabel: string;
+  disabled?: boolean;
+  selected?: boolean;
+  leadingAccessoryView?: ReactNode;
+}
+export declare const COMMON_PROP_TYPES: {
+  accessibilityLabel: PropTypes.Validator<string>;
+  children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+  onClick: PropTypes.Validator<(...args: any[]) => any>;
+  className: PropTypes.Requireable<string>;
+  disabled: PropTypes.Requireable<boolean>;
+  leadingAccessoryView: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+  selected: PropTypes.Requireable<boolean>;
+  trailingAccessoryView: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+  type: PropTypes.Requireable<'default' | 'on-dark' | 'on-image'>;
+};
+export declare const COMMON_DEFAULT_PROPS: {
+  disabled: boolean;
+  leadingAccessoryView: null;
+  selected: boolean;
+  trailingAccessoryView: null;
+  type: 'default';
+};
+export {};

package/bpk-component-chip/src/commonTypes.js

@@ -22,12 +22,17 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */const CHIP_TYPES = {
+ */
+
+const CHIP_TYPES = {
   default: 'default',
   onDark: 'on-dark',
   onImage: 'on-image'
 };
+
+// onClick and children are already part of the button props, but we need to specify that they are required
 exports.CHIP_TYPES = CHIP_TYPES;
+// TODO: Remove once chip examples have been migrated to TS
 const COMMON_PROP_TYPES = {
   accessibilityLabel: _propTypes.default.string.isRequired,
   children: _propTypes.default.node.isRequired,
@@ -39,9 +44,10 @@ const COMMON_PROP_TYPES = {
   trailingAccessoryView: _propTypes.default.node,
   type: _propTypes.default.oneOf(Object.values(CHIP_TYPES))
 };
+
+// TODO: Remove once chip examples have been migrated to TS
 exports.COMMON_PROP_TYPES = COMMON_PROP_TYPES;
 const COMMON_DEFAULT_PROPS = {
-  className: null,
   disabled: false,
   leadingAccessoryView: null,
   selected: false,

package/bpk-component-dialog/src/BpkDialog.js

@@ -29,7 +29,6 @@ const _excluded = ["children", "closeLabel", "dismissible", "headerIcon", "heade
  * limitations under the License.
  */
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

package/bpk-component-dialog/src/BpkDialogInner.js

@@ -32,8 +32,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkDialogInnerModule.default);
 const BpkDialogInner = props => {
   const {

package/bpk-component-graphic-promotion/src/BpkGraphicPromo.js

@@ -32,8 +32,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkGraphicPromoModule.default);
 const ACCESSIBILITY_KEYS = {
   Enter: 13 /* Enter */,

package/bpk-component-icon/src/classNameModifierHOCFactory.js

@@ -24,7 +24,6 @@ const _excluded = ["className"];
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

package/bpk-component-icon/src/withAlignment.js

@@ -26,7 +26,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
                                                                                                                                                                                                                                                                                                                                                                                            * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
                                                                                                                                                                                                                                                                                                                                                                                            * See the License for the specific language governing permissions and
                                                                                                                                                                                                                                                                                                                                                                                            * limitations under the License.
-                                                                                                                                                                                                                                                                                                                                                                                           */ // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+                                                                                                                                                                                                                                                                                                                                                                                           */
 function withAlignment(Component, objectHeight, subjectHeight) {
   const WithAlignment = props => {
     const objectHeightDecimal = `${objectHeight}`.replace('rem', '');

package/bpk-component-icon/src/withDescription.js

@@ -28,7 +28,7 @@ function _toPrimitive(input, hint) { if (typeof input !== "object" || input ===
                                                                                                                                                                                                                                                                                                                                                                                            * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
                                                                                                                                                                                                                                                                                                                                                                                            * See the License for the specific language governing permissions and
                                                                                                                                                                                                                                                                                                                                                                                            * limitations under the License.
-                                                                                                                                                                                                                                                                                                                                                                                           */ // @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
+                                                                                                                                                                                                                                                                                                                                                                                           */
 const getClassName = (0, _bpkReactUtils.cssModules)(_withDescriptionModule.default);
 function withDescription(Component, description) {
   const WithDescription = props => /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {

package/bpk-component-icon/src/withRtlSupport.js

@@ -26,8 +26,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * limitations under the License.
  */
 
-// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
-
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkIconModule.default);
 var _default = (0, _classNameModifierHOCFactory.default)('withRtlSupport', [getClassName('bpk-icon--rtl-support')]);
 exports.default = _default;

package/bpk-component-input/index.d.ts

@@ -0,0 +1,39 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import BpkInput from './src/BpkInput';
+import withOpenEvents from './src/withOpenEvents';
+import {
+  propTypes,
+  defaultProps,
+  CLEAR_BUTTON_MODES,
+  INPUT_TYPES,
+  type Props,
+} from './src/common-types';
+import themeAttributes from './src/themeAttributes';
+
+export default BpkInput;
+export type BpkInputProps = Props;
+export {
+  propTypes,
+  defaultProps,
+  withOpenEvents,
+  INPUT_TYPES,
+  CLEAR_BUTTON_MODES,
+  themeAttributes,
+};

package/bpk-component-input/src/BpkClearButton.d.ts

@@ -0,0 +1,28 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+type Props = {
+  label: string;
+};
+declare const BpkClearButton: ({
+  className,
+  label,
+  onClick,
+  ...rest
+}: Props) => JSX.Element;
+export default BpkClearButton;

package/bpk-component-input/src/BpkClearButton.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _closeCircle = _interopRequireDefault(require("../../bpk-component-icon/sm/close-circle"));
 var _bpkComponentIcon = require("../../bpk-component-icon");
 var _bpkReactUtils = require("../../bpk-react-utils");
@@ -28,6 +27,7 @@ const _excluded = ["className", "label", "onClick"];
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+// @ts-expect-error Untyped import. See `decisions/imports-ts-suppressions.md`.
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -38,14 +38,14 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const getClassName = (0, _bpkReactUtils.cssModules)(_BpkClearButtonModule.default);
 const ClearButtonIcon = (0, _bpkComponentIcon.withButtonAlignment)(_closeCircle.default);
-const BpkClearButton = props => {
-  const classNames = [getClassName('bpk-clear-button')];
-  const {
+const BpkClearButton = _ref => {
+  let {
       className,
       label,
       onClick
-    } = props,
-    rest = _objectWithoutProperties(props, _excluded);
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const classNames = [getClassName('bpk-clear-button')];
   if (className) {
     classNames.push(className);
   }
@@ -67,13 +67,5 @@ const BpkClearButton = props => {
     }))
   );
 };
-BpkClearButton.propTypes = {
-  label: _propTypes.default.string.isRequired,
-  onClick: _propTypes.default.func.isRequired,
-  className: _propTypes.default.string
-};
-BpkClearButton.defaultProps = {
-  className: null
-};
 var _default = BpkClearButton;
 exports.default = _default;

package/bpk-component-input/src/BpkInput.d.ts

@@ -0,0 +1,46 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Component } from 'react';
+
+import type { Props } from './common-types';
+
+type State = {
+  persistClearButton: boolean;
+};
+declare class BpkInput extends Component<Props, State> {
+  static defaultProps: {
+    type: 'text';
+    className: null;
+    valid: null;
+    large: boolean;
+    docked: boolean;
+    dockedFirst: boolean;
+    dockedMiddle: boolean;
+    dockedLast: boolean;
+    inputRef: null;
+    clearButtonMode: 'never';
+    clearButtonLabel: null;
+    onClear: null;
+  };
+
+  constructor(props: Props);
+
+  render(): JSX.Element;
+}
+export default BpkInput;

package/bpk-component-input/src/BpkInput.js

@@ -134,7 +134,7 @@ class BpkInput extends _react.Component {
     return clearable ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: containerClassNames.join(' '),
       children: [renderedInput, value.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_BpkClearButton.default, {
-        tabIndex: "-1",
+        tabIndex: -1,
         label: clearButtonLabel || '',
         onMouseDown: onMouseDown,
         onClick: e => {
@@ -142,7 +142,12 @@ class BpkInput extends _react.Component {
             ref.focus();
           }
           if (onClear) {
-            e.target.name = name;
+            if (e.target instanceof HTMLButtonElement) {
+              const {
+                target
+              } = e;
+              target.name = name;
+            }
             onClear(e);
             this.setState({
               persistClearButton: false
@@ -154,7 +159,6 @@ class BpkInput extends _react.Component {
     }) : renderedInput;
   }
 }
-_defineProperty(BpkInput, "propTypes", _commonTypes.propTypes);
 _defineProperty(BpkInput, "defaultProps", _commonTypes.defaultProps);
 var _default = BpkInput;
 exports.default = _default;

package/bpk-component-input/src/common-types.d.ts

@@ -0,0 +1,91 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type PropTypes from 'prop-types';
+import type { SyntheticEvent } from 'react';
+export declare const CLEAR_BUTTON_MODES: {
+    readonly never: "never";
+    readonly whileEditing: "whileEditing";
+    readonly always: "always";
+};
+export declare const INPUT_TYPES: {
+    readonly text: "text";
+    readonly email: "email";
+    readonly number: "number";
+    readonly password: "password";
+    readonly tel: "tel";
+};
+type BaseProps = {
+    id: string;
+    name: string;
+    value: string;
+    type?: typeof INPUT_TYPES[keyof typeof INPUT_TYPES];
+    className?: string | null;
+    valid?: boolean | null;
+    large?: boolean;
+    docked?: boolean;
+    dockedFirst?: boolean;
+    dockedMiddle?: boolean;
+    dockedLast?: boolean;
+    inputRef?: ((ref: HTMLInputElement) => void) | null;
+    [rest: string]: any;
+};
+export type PropsWithoutClearButonMode = BaseProps & {
+    clearButtonMode?: 'never';
+    clearButtonLabel?: string | null;
+    onClear?: ((e?: SyntheticEvent<HTMLButtonElement>) => void) | null;
+};
+export type PropsWithClearButtonMode = BaseProps & {
+    clearButtonMode: typeof CLEAR_BUTTON_MODES[keyof Omit<typeof CLEAR_BUTTON_MODES, 'never'>];
+    clearButtonLabel: string;
+    onClear: (e?: SyntheticEvent<HTMLButtonElement>) => void;
+};
+export type Props = PropsWithoutClearButonMode | PropsWithClearButtonMode;
+export declare const clearablePropType: (props: any, propName: string, componentName: string) => Error | null;
+export declare const propTypes: {
+    id: PropTypes.Validator<string>;
+    name: PropTypes.Validator<string>;
+    value: PropTypes.Validator<string>;
+    type: PropTypes.Requireable<"number" | "text" | "tel" | "email" | "password">;
+    className: PropTypes.Requireable<string>;
+    valid: PropTypes.Requireable<boolean>;
+    large: PropTypes.Requireable<boolean>;
+    docked: PropTypes.Requireable<boolean>;
+    dockedFirst: PropTypes.Requireable<boolean>;
+    dockedMiddle: PropTypes.Requireable<boolean>;
+    dockedLast: PropTypes.Requireable<boolean>;
+    inputRef: PropTypes.Requireable<(...args: any[]) => any>;
+    clearButtonMode: PropTypes.Requireable<string>;
+    clearButtonLabel: (props: any, propName: string, componentName: string) => Error | null;
+    onClear: (props: any, propName: string, componentName: string) => Error | null;
+};
+export declare const defaultProps: {
+    type: "text";
+    className: null;
+    valid: null;
+    large: boolean;
+    docked: boolean;
+    dockedFirst: boolean;
+    dockedMiddle: boolean;
+    dockedLast: boolean;
+    inputRef: null;
+    clearButtonMode: "never";
+    clearButtonLabel: null;
+    onClear: null;
+};
+export {};

package/bpk-component-input/src/common-types.js

@@ -22,7 +22,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */const CLEAR_BUTTON_MODES = {
+ */
+
+const CLEAR_BUTTON_MODES = {
   never: 'never',
   whileEditing: 'whileEditing',
   always: 'always'
@@ -36,6 +38,7 @@ const INPUT_TYPES = {
   tel: 'tel'
 };
 exports.INPUT_TYPES = INPUT_TYPES;
+// TODO - this function should be removed once all input examples have been migrated to TS
 const clearablePropType = (props, propName, componentName) => {
   const createError = message => new Error(`Invalid prop \`${propName}\` supplied to \`${componentName}\`. ${message}.`);
   const propBeingChecked = props[propName];

package/bpk-component-input/src/withOpenEvents.d.ts

@@ -0,0 +1,121 @@
+/*
+ * Backpack - Skyscanner's Design System
+ *
+ * Copyright 2016 Skyscanner Ltd
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import type { ComponentType, ReactElement, UIEvent } from 'react';
+
+type WithOpenEventsProps = {
+  isOpen?: boolean;
+  onOpen?: () => void;
+  hasTouchSupport?: boolean;
+};
+type InputProps = {
+  className?: string | null;
+  onClick?: (event: UIEvent) => void;
+  onFocus?: (event: UIEvent) => void;
+  onBlur?: (event: UIEvent) => void;
+  onTouchEnd?: (event: UIEvent) => void;
+  onKeyDown?: (event: UIEvent) => void;
+  onKeyUp?: (event: UIEvent) => void;
+};
+declare const withOpenEvents: <P extends InputProps>(
+  InputComponent: ComponentType<P>,
+) => {
+  new (props: P & WithOpenEventsProps): {
+    focusCanOpen: boolean;
+    handleTouchEnd: (event: UIEvent) => void;
+    handleFocus: () => void;
+    handleBlur: () => void;
+    render(): ReactElement;
+    context: any;
+    setState<K extends never>(
+      state:
+        | {}
+        | ((
+            prevState: Readonly<{}>,
+            props: Readonly<P & WithOpenEventsProps>, // eslint-disable-line no-shadow
+          ) => {} | Pick<{}, K> | null)
+        | Pick<{}, K>
+        | null,
+      callback?: (() => void) | undefined,
+    ): void;
+    forceUpdate(callback?: (() => void) | undefined): void;
+    readonly props: Readonly<P & WithOpenEventsProps> &
+      Readonly<{
+        children?: import('react').ReactNode;
+      }>;
+    state: Readonly<{}>;
+    refs: {
+      [key: string]: import('react').ReactInstance;
+    };
+    componentDidMount?(): void;
+    shouldComponentUpdate?(
+      nextProps: Readonly<P & WithOpenEventsProps>,
+      nextState: Readonly<{}>,
+      nextContext: any,
+    ): boolean;
+    componentWillUnmount?(): void;
+    componentDidCatch?(
+      error: Error,
+      errorInfo: import('react').ErrorInfo,
+    ): void;
+    getSnapshotBeforeUpdate?(
+      prevProps: Readonly<P & WithOpenEventsProps>,
+      prevState: Readonly<{}>,
+    ): any;
+    componentDidUpdate?(
+      prevProps: Readonly<P & WithOpenEventsProps>,
+      prevState: Readonly<{}>,
+      snapshot?: any,
+    ): void;
+    componentWillMount?(): void;
+    UNSAFE_componentWillMount?(): void;
+    componentWillReceiveProps?(
+      nextProps: Readonly<P & WithOpenEventsProps>,
+      nextContext: any,
+    ): void;
+    UNSAFE_componentWillReceiveProps?(
+      nextProps: Readonly<P & WithOpenEventsProps>,
+      nextContext: any,
+    ): void;
+    componentWillUpdate?(
+      nextProps: Readonly<P & WithOpenEventsProps>,
+      nextState: Readonly<{}>,
+      nextContext: any,
+    ): void;
+    UNSAFE_componentWillUpdate?(
+      nextProps: Readonly<P & WithOpenEventsProps>,
+      nextState: Readonly<{}>,
+      nextContext: any,
+    ): void;
+  };
+  displayName: string;
+  defaultProps: {
+    isOpen: boolean;
+    hasTouchSupport: boolean;
+    onOpen: null;
+    className: null;
+    onClick: null;
+    onFocus: null;
+    onBlur: null;
+    onTouchEnd: null;
+    onKeyDown: null;
+    onKeyUp: null;
+  };
+  contextType?: import('react').Context<any> | undefined;
+};
+export default withOpenEvents;