@itwin/core-react 3.7.0-dev.6 → 3.7.0-dev.8

package/lib/esm/core-react/expandable/ExpandableList.js

@@ -1,54 +1,54 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Expandable
- */
-import "./ExpandableList.scss";
-import classnames from "classnames";
-import * as React from "react";
-/**
- * ExpandableList React component is a container for ExpandableBlock components.
- * @public
- */
-export class ExpandableList extends React.PureComponent {
-    constructor(props) {
-        super(props);
-        // set active block
-        this._handleBlockToggle = (index, onToggle) => {
-            let activeBlock = index;
-            if (this.props.singleIsCollapsible && index === this.state.activeBlock)
-                activeBlock = -1;
-            this.setState({ activeBlock });
-            // istanbul ignore else
-            if (onToggle) {
-                onToggle(activeBlock === index); // fire the ExpandableBlock onToggle
-            }
-        };
-        this.state = { activeBlock: this.props.defaultActiveBlock };
-    }
-    renderBlocks() {
-        return React.Children.map(this.props.children, (child, i) => {
-            return React.cloneElement(child, {
-                key: i,
-                isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,
-                onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),
-            });
-        });
-    }
-    /** @internal */
-    componentDidUpdate(prevProps) {
-        if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {
-            this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock }));
-        }
-    }
-    render() {
-        return (React.createElement("div", { className: classnames("uicore-expandable-blocks-list", this.props.className), style: this.props.style }, this.renderBlocks()));
-    }
-}
-ExpandableList.defaultProps = {
-    singleExpandOnly: false,
-    defaultActiveBlock: 0,
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Expandable
+ */
+import "./ExpandableList.scss";
+import classnames from "classnames";
+import * as React from "react";
+/**
+ * ExpandableList React component is a container for ExpandableBlock components.
+ * @public
+ */
+export class ExpandableList extends React.PureComponent {
+    constructor(props) {
+        super(props);
+        // set active block
+        this._handleBlockToggle = (index, onToggle) => {
+            let activeBlock = index;
+            if (this.props.singleIsCollapsible && index === this.state.activeBlock)
+                activeBlock = -1;
+            this.setState({ activeBlock });
+            // istanbul ignore else
+            if (onToggle) {
+                onToggle(activeBlock === index); // fire the ExpandableBlock onToggle
+            }
+        };
+        this.state = { activeBlock: this.props.defaultActiveBlock };
+    }
+    renderBlocks() {
+        return React.Children.map(this.props.children, (child, i) => {
+            return React.cloneElement(child, {
+                key: i,
+                isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,
+                onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),
+            });
+        });
+    }
+    /** @internal */
+    componentDidUpdate(prevProps) {
+        if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {
+            this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock }));
+        }
+    }
+    render() {
+        return (React.createElement("div", { className: classnames("uicore-expandable-blocks-list", this.props.className), style: this.props.style }, this.renderBlocks()));
+    }
+}
+ExpandableList.defaultProps = {
+    singleExpandOnly: false,
+    defaultActiveBlock: 0,
+};
 //# sourceMappingURL=ExpandableList.js.map

package/lib/esm/core-react/expandable/ExpandableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableList.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAuD;IAE/F,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAUf,mBAAmB;QACX,uBAAkB,GAAG,CAAC,KAAa,EAAE,QAAuC,EAAE,EAAE;YACtF,IAAI,WAAW,GAAG,KAAK,CAAC;YAExB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;gBACpE,WAAW,GAAG,CAAC,CAAC,CAAC;YAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;YAE/B,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,oCAAoC;aACtE;QACH,CAAC,CAAC;QArBA,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAmB,EAAE,CAAC;IAC/D,CAAC;IAsBO,YAAY;QAClB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,CAAC,EAAE,EAAE;YAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,GAAG,EAAE,CAAC;gBACN,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBACjG,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACtE,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,SAA8B;QAC/D,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC9H,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,kBAAmB,EAAE,CAAC,CAAC,CAAC;SAC3E;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACvG,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;IACJ,CAAC;;AA3Ca,2BAAY,GAAiC;IACzD,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,CAAC;CACtB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Expandable\r\n */\r\n\r\nimport \"./ExpandableList.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { CommonProps } from \"../utils/Props\";\r\n\r\n/** Properties for [[ExpandableList]] component\r\n * @public\r\n */\r\nexport interface ExpandableListProps extends CommonProps {\r\n  /** Index of the default active block */\r\n  defaultActiveBlock?: number;\r\n  /** Indicates whether to allow only one expanded block */\r\n  singleExpandOnly?: boolean;\r\n  /** Indicates whether the single expanded block is collapsible */\r\n  singleIsCollapsible?: boolean;\r\n}\r\n\r\n/** @internal */\r\ninterface ExpandableListState {\r\n  activeBlock: number;\r\n}\r\n\r\n/**\r\n * ExpandableList React component is a container for ExpandableBlock components.\r\n * @public\r\n */\r\nexport class ExpandableList extends React.PureComponent<ExpandableListProps, ExpandableListState> {\r\n\r\n  constructor(props: ExpandableListProps) {\r\n    super(props);\r\n\r\n    this.state = { activeBlock: this.props.defaultActiveBlock! };\r\n  }\r\n\r\n  public static defaultProps: Partial<ExpandableListProps> = {\r\n    singleExpandOnly: false,\r\n    defaultActiveBlock: 0,\r\n  };\r\n\r\n  // set active block\r\n  private _handleBlockToggle = (index: number, onToggle: (isExpanding: boolean) => any) => {\r\n    let activeBlock = index;\r\n\r\n    if (this.props.singleIsCollapsible && index === this.state.activeBlock)\r\n      activeBlock = -1;\r\n\r\n    this.setState({ activeBlock });\r\n\r\n    // istanbul ignore else\r\n    if (onToggle) {\r\n      onToggle(activeBlock === index); // fire the ExpandableBlock onToggle\r\n    }\r\n  };\r\n\r\n  private renderBlocks() {\r\n    return React.Children.map(this.props.children, (child: any, i) => {\r\n      return React.cloneElement(child, {\r\n        key: i,\r\n        isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,\r\n        onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),\r\n      });\r\n    });\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: ExpandableListProps) {\r\n    if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {\r\n      this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock! }));\r\n    }\r\n  }\r\n\r\n  public override render(): JSX.Element {\r\n    return (\r\n      <div className={classnames(\"uicore-expandable-blocks-list\", this.props.className)} style={this.props.style}>\r\n        {this.renderBlocks()}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ExpandableList.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAAuD;IAE/F,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAUf,mBAAmB;QACX,uBAAkB,GAAG,CAAC,KAAa,EAAE,QAAuC,EAAE,EAAE;YACtF,IAAI,WAAW,GAAG,KAAK,CAAC;YAExB,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,IAAI,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;gBACpE,WAAW,GAAG,CAAC,CAAC,CAAC;YAEnB,IAAI,CAAC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;YAE/B,uBAAuB;YACvB,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,oCAAoC;aACtE;QACH,CAAC,CAAC;QArBA,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAmB,EAAE,CAAC;IAC/D,CAAC;IAsBO,YAAY;QAClB,OAAO,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,CAAC,EAAE,EAAE;YAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,GAAG,EAAE,CAAC;gBACN,UAAU,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBACjG,QAAQ,EAAE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;aACtE,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACA,kBAAkB,CAAC,SAA8B;QAC/D,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE;YAC9H,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,kBAAmB,EAAE,CAAC,CAAC,CAAC;SAC3E;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IACvG,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;IACJ,CAAC;;AA3Ca,2BAAY,GAAiC;IACzD,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,CAAC;CACtB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Expandable\n */\n\nimport \"./ExpandableList.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { CommonProps } from \"../utils/Props\";\n\n/** Properties for [[ExpandableList]] component\n * @public\n */\nexport interface ExpandableListProps extends CommonProps {\n  /** Index of the default active block */\n  defaultActiveBlock?: number;\n  /** Indicates whether to allow only one expanded block */\n  singleExpandOnly?: boolean;\n  /** Indicates whether the single expanded block is collapsible */\n  singleIsCollapsible?: boolean;\n}\n\n/** @internal */\ninterface ExpandableListState {\n  activeBlock: number;\n}\n\n/**\n * ExpandableList React component is a container for ExpandableBlock components.\n * @public\n */\nexport class ExpandableList extends React.PureComponent<ExpandableListProps, ExpandableListState> {\n\n  constructor(props: ExpandableListProps) {\n    super(props);\n\n    this.state = { activeBlock: this.props.defaultActiveBlock! };\n  }\n\n  public static defaultProps: Partial<ExpandableListProps> = {\n    singleExpandOnly: false,\n    defaultActiveBlock: 0,\n  };\n\n  // set active block\n  private _handleBlockToggle = (index: number, onToggle: (isExpanding: boolean) => any) => {\n    let activeBlock = index;\n\n    if (this.props.singleIsCollapsible && index === this.state.activeBlock)\n      activeBlock = -1;\n\n    this.setState({ activeBlock });\n\n    // istanbul ignore else\n    if (onToggle) {\n      onToggle(activeBlock === index); // fire the ExpandableBlock onToggle\n    }\n  };\n\n  private renderBlocks() {\n    return React.Children.map(this.props.children, (child: any, i) => {\n      return React.cloneElement(child, {\n        key: i,\n        isExpanded: (this.props.singleExpandOnly) ? i === this.state.activeBlock : child.props.isExpanded,\n        onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),\n      });\n    });\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: ExpandableListProps) {\n    if (this.props.defaultActiveBlock !== prevProps.defaultActiveBlock && this.props.defaultActiveBlock !== this.state.activeBlock) {\n      this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock! }));\n    }\n  }\n\n  public override render(): JSX.Element {\n    return (\n      <div className={classnames(\"uicore-expandable-blocks-list\", this.props.className)} style={this.props.style}>\n        {this.renderBlocks()}\n      </div>\n    );\n  }\n}\n"]}

package/lib/esm/core-react/expandable/ExpandableList.scss

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./list.scss";
-
-.uicore-expandable-blocks-list {
-  @include uicore-expandable-blocks-list;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./list.scss";
+
+.uicore-expandable-blocks-list {
+  @include uicore-expandable-blocks-list;
 }

package/lib/esm/core-react/expandable/classes.scss

@@ -1,7 +1,7 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./index";
-
-.uicore-expandable-blocks-list { @include uicore-expandable-blocks-list; }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./index";
+
+.uicore-expandable-blocks-list { @include uicore-expandable-blocks-list; }

package/lib/esm/core-react/expandable/index.scss

@@ -1,5 +1,5 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "./list";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "./list";

package/lib/esm/core-react/expandable/list.scss

@@ -1,45 +1,45 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "../style/index";
-@import "~@itwin/itwinui-css/scss/style/speed";
-
-@mixin uicore-expandable-blocks-list {
-
-  > div {
-
-    transition:               margin $iui-speed-fast ease-in-out;
-
-    > .iui-header {
-
-      border-color:           $uicore-gray-a transparent transparent;
-    }
-
-    &:first-child {
-
-      > .iui-header {
-
-        border-top-color:   transparent;
-      }
-    }
-  }
-
-  > .iui-expanded + div {
-
-    > .iui-header {
-
-      border-top-color:       transparent;
-    }
-
-    &.iui-expanded  > .iui-header {
-
-        border-top-color:       $uicore-blue;
-    }
-  }
-
-  > .iui-expanded + .iui-expanded {
-
-    margin-top:                 0; // $uicore-unbordered-padding;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "../style/index";
+@import "~@itwin/itwinui-css/scss/style/speed";
+
+@mixin uicore-expandable-blocks-list {
+
+  > div {
+
+    transition:               margin $iui-speed-fast ease-in-out;
+
+    > .iui-header {
+
+      border-color:           $uicore-gray-a transparent transparent;
+    }
+
+    &:first-child {
+
+      > .iui-header {
+
+        border-top-color:   transparent;
+      }
+    }
+  }
+
+  > .iui-expanded + div {
+
+    > .iui-header {
+
+      border-top-color:       transparent;
+    }
+
+    &.iui-expanded  > .iui-header {
+
+        border-top-color:       $uicore-blue;
+    }
+  }
+
+  > .iui-expanded + .iui-expanded {
+
+    margin-top:                 0; // $uicore-unbordered-padding;
+  }
+}

package/lib/esm/core-react/focus/ItemKeyboardNavigator.d.ts

@@ -1,54 +1,54 @@
-/** @packageDocumentation
- * @module Focus
- */
-/// <reference types="react" />
-import { Orientation } from "../enums/Orientation";
-/** Cross-Axis Arrow Key Callback
- * @internal
- */
-export declare type CrossAxisArrowKeyFunc = (forward: boolean) => void;
-/** Keyboard Navigator for parent components
- * @internal
- */
-export declare class ItemKeyboardNavigator {
-    onFocusItem: (index: number) => void;
-    onActivateItem: (index: number) => void;
-    private _direction;
-    private _itemCount;
-    private _orientation;
-    private _allowWrap;
-    private _crossAxisArrowKeyHandler?;
-    constructor(onFocusItem: (index: number) => void, onActivateItem: (index: number) => void);
-    /** The item count */
-    get itemCount(): number;
-    set itemCount(count: number);
-    /** The primary orientation */
-    get orientation(): Orientation;
-    set orientation(orientation: Orientation);
-    /** The allow wrap property controls whether the movement will stop at the first and last items or wrap  */
-    get allowWrap(): boolean;
-    set allowWrap(v: boolean);
-    /** Called when the arrow keys that run perpendicular to the primary orientation are pressed */
-    get crossAxisArrowKeyHandler(): CrossAxisArrowKeyFunc | undefined;
-    set crossAxisArrowKeyHandler(v: CrossAxisArrowKeyFunc | undefined);
-    /** Handle KeyDown on items */
-    handleKeyDownEvent(event: React.KeyboardEvent, index: number): void;
-    /** Handle KeyUp on items */
-    handleKeyUpEvent(event: React.KeyboardEvent, index: number): void;
-    private focusFirstItem;
-    private focusLastItem;
-    /** When an item list's orientation is set to vertical,
-     * only up and down arrow should function.
-     * In all other cases only left and right arrow function.
-     */
-    private determineOrientation;
-    /** Either focus the next, previous, first, or last item depending on key pressed
-     */
-    private switchItemOnArrowPress;
-    private activateItem;
-}
-/** Determines if a KeyboardEvent.key is an Item Navigation key
- * @internal
- */
-export declare function isNavigationKey(key: string): boolean;
+/** @packageDocumentation
+ * @module Focus
+ */
+/// <reference types="react" />
+import { Orientation } from "../enums/Orientation";
+/** Cross-Axis Arrow Key Callback
+ * @internal
+ */
+export declare type CrossAxisArrowKeyFunc = (forward: boolean) => void;
+/** Keyboard Navigator for parent components
+ * @internal
+ */
+export declare class ItemKeyboardNavigator {
+    onFocusItem: (index: number) => void;
+    onActivateItem: (index: number) => void;
+    private _direction;
+    private _itemCount;
+    private _orientation;
+    private _allowWrap;
+    private _crossAxisArrowKeyHandler?;
+    constructor(onFocusItem: (index: number) => void, onActivateItem: (index: number) => void);
+    /** The item count */
+    get itemCount(): number;
+    set itemCount(count: number);
+    /** The primary orientation */
+    get orientation(): Orientation;
+    set orientation(orientation: Orientation);
+    /** The allow wrap property controls whether the movement will stop at the first and last items or wrap  */
+    get allowWrap(): boolean;
+    set allowWrap(v: boolean);
+    /** Called when the arrow keys that run perpendicular to the primary orientation are pressed */
+    get crossAxisArrowKeyHandler(): CrossAxisArrowKeyFunc | undefined;
+    set crossAxisArrowKeyHandler(v: CrossAxisArrowKeyFunc | undefined);
+    /** Handle KeyDown on items */
+    handleKeyDownEvent(event: React.KeyboardEvent, index: number): void;
+    /** Handle KeyUp on items */
+    handleKeyUpEvent(event: React.KeyboardEvent, index: number): void;
+    private focusFirstItem;
+    private focusLastItem;
+    /** When an item list's orientation is set to vertical,
+     * only up and down arrow should function.
+     * In all other cases only left and right arrow function.
+     */
+    private determineOrientation;
+    /** Either focus the next, previous, first, or last item depending on key pressed
+     */
+    private switchItemOnArrowPress;
+    private activateItem;
+}
+/** Determines if a KeyboardEvent.key is an Item Navigation key
+ * @internal
+ */
+export declare function isNavigationKey(key: string): boolean;
 //# sourceMappingURL=ItemKeyboardNavigator.d.ts.map