@itwin/core-react 4.17.0 → 5.0.0-dev.2

package/lib/esm/core-react/elementseparator/ElementSeparator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ElementSeparator.js","sourceRoot":"","sources":["../../../../src/core-react/elementseparator/ElementSeparator.tsx"],"names":[],"mappings":"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","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 ElementSeparator\n */\n\nimport \"./ElementSeparator.scss\";\nimport * as React from \"react\";\nimport {\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Orientation } from \"../enums/Orientation\";\nimport type { CommonProps } from \"../utils/Props\";\nimport { useThrottledFn } from \"../utils/hooks/useThrottledFn\";\nimport { useTranslation } from \"../l10n/useTranslation\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Results returned by onRatioChanged callback for determining new ratio and whether the ratio was updated.\n * @public\n * @deprecated in 4.12.0. Interface used in a deprecated component {@link ElementSeparator}.\n */\nexport interface RatioChangeResult {\n  ratio: number;\n}\n\n/** Properties of [[ElementSeparator]] React component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link ElementSeparator}.\n */\nexport interface ElementSeparatorProps extends CommonProps {\n  /** Separator orientation */\n  orientation: Orientation;\n  /** Ratio between left cell and right cell */\n  ratio: number;\n  /** Area width or height (depending on orientation) in pixels */\n  movableArea?: number;\n  /** Separator width or height in pixels. 30 by default */\n  separatorSize?: number;\n  /** Callback to ratio changed event */\n  onRatioChanged?: (ratio: number) => void | RatioChangeResult;\n  /** Is resize handle hovered */\n  isResizeHandleHovered?: boolean;\n  /** Callback to hover event change */\n  onResizeHandleHoverChanged?: (isHovered: boolean) => void;\n  /** Is resize handle being dragged */\n  isResizeHandleBeingDragged?: boolean;\n  /** Callback to drag event change */\n  onResizeHandleDragChanged?: (isDragStarted: boolean) => void;\n}\n\nfunction getCurrentGlobalPosition(\n  orientation: Orientation,\n  e: PointerEvent | React.PointerEvent\n) {\n  return orientation === Orientation.Horizontal ? e.clientX : e.clientY;\n}\n\nconst useConditionalCleanup = (condition: boolean, cleanup: () => void) => {\n  const conditionRef = useRef(condition);\n  const cleanupRef = useRef(cleanup);\n\n  conditionRef.current = condition;\n  cleanupRef.current = cleanup;\n\n  useEffect(() => {\n    return () => {\n      if (conditionRef.current) cleanupRef.current();\n    };\n  }, []);\n};\n\nconst useElementSeparatorPointerHandler = ({\n  onResizeHandleDragChanged,\n  onResizeHandleHoverChanged,\n  isResizeHandleBeingDragged,\n  isResizeHandleHovered,\n  movableArea,\n  ratio,\n  orientation,\n  onRatioChanged,\n}: ElementSeparatorProps) => {\n  const globalPosition = useRef(0);\n  const pointerOutOfBounds = useRef(false);\n\n  const [isElementDragged, setIsDragged] = useState(false);\n  const [isElementHovered, setIsHovered] = useState(false);\n  const isGroupDragged = isResizeHandleBeingDragged ?? isElementDragged;\n  const isGroupHovered = isResizeHandleHovered ?? isElementHovered;\n\n  useConditionalCleanup(isElementDragged && !!onResizeHandleDragChanged, () =>\n    onResizeHandleDragChanged!(false)\n  );\n  useConditionalCleanup(isElementHovered && !!onResizeHandleHoverChanged, () =>\n    onResizeHandleHoverChanged!(false)\n  );\n\n  if (isGroupHovered && pointerOutOfBounds.current)\n    pointerOutOfBounds.current = false;\n\n  const stopDrag = useCallback(() => {\n    if (isGroupDragged) {\n      setIsDragged(false);\n      if (onResizeHandleDragChanged) onResizeHandleDragChanged(false);\n    }\n  }, [isGroupDragged, onResizeHandleDragChanged]);\n\n  const startDrag = useCallback(\n    (e: PointerEvent | React.PointerEvent) => {\n      globalPosition.current = getCurrentGlobalPosition(orientation, e);\n\n      if (!isGroupDragged) {\n        setIsDragged(true);\n        if (onResizeHandleDragChanged) onResizeHandleDragChanged(true);\n      }\n    },\n    [isGroupDragged, orientation, onResizeHandleDragChanged]\n  );\n\n  const onPointerUp = useCallback(() => {\n    stopDrag();\n  }, [stopDrag]);\n\n  const onThrottledPointerMove = useThrottledFn(\n    (e: PointerEvent | React.PointerEvent) => {\n      if (!movableArea) {\n        stopDrag();\n        return;\n      }\n\n      const currentPosition = getCurrentGlobalPosition(orientation, e);\n      const positionChange = currentPosition - globalPosition.current;\n\n      // Should not need to recalculate if position on our movement axis does not change\n      if (Math.abs(positionChange) < 1) return;\n\n      const currentLocalPosition = movableArea * ratio + positionChange;\n      const newRatio = currentLocalPosition / movableArea;\n\n      globalPosition.current = currentPosition;\n      if (pointerOutOfBounds.current || !onRatioChanged) return;\n\n      const result = onRatioChanged(newRatio);\n      if (\n        result &&\n        result.ratio === ratio &&\n        !isGroupHovered &&\n        !pointerOutOfBounds.current\n      )\n        pointerOutOfBounds.current = true;\n    },\n    16,\n    [stopDrag, isGroupHovered, ratio, movableArea, onRatioChanged, orientation]\n  );\n\n  useEffect(() => {\n    return () => onThrottledPointerMove.cancel();\n  }, [onThrottledPointerMove]);\n\n  useLayoutEffect(() => {\n    if (isElementDragged) {\n      document.addEventListener(\"pointerup\", onPointerUp);\n      document.addEventListener(\"pointermove\", onThrottledPointerMove);\n    }\n\n    return () => {\n      document.removeEventListener(\"pointerup\", onPointerUp);\n      document.removeEventListener(\"pointermove\", onThrottledPointerMove);\n    };\n  }, [isElementDragged, onPointerUp, onThrottledPointerMove]);\n\n  const onPointerDown = useCallback(\n    (e: PointerEvent | React.PointerEvent) => {\n      if (!isGroupDragged) {\n        startDrag(e);\n      } else {\n        stopDrag();\n      }\n    },\n    [isGroupDragged, startDrag, stopDrag]\n  );\n\n  const onPointerOver = useCallback(() => {\n    if (isGroupHovered) return;\n\n    setIsHovered(true);\n    if (onResizeHandleHoverChanged) onResizeHandleHoverChanged(true);\n  }, [isGroupHovered, onResizeHandleHoverChanged]);\n\n  const onPointerOut = useCallback(() => {\n    if (!isGroupHovered) return;\n\n    setIsHovered(false);\n    if (onResizeHandleHoverChanged) onResizeHandleHoverChanged(false);\n  }, [isGroupHovered, onResizeHandleHoverChanged]);\n\n  return {\n    isHovered: isGroupHovered,\n    isDragged: isGroupDragged,\n    onPointerDown,\n    onPointerOver,\n    onPointerOut,\n  };\n};\n\nfunction getStyle(\n  orientation: Orientation,\n  separatorSize?: number\n): React.CSSProperties {\n  separatorSize = separatorSize || 30;\n\n  if (orientation === Orientation.Horizontal)\n    return {\n      width: separatorSize,\n      margin: `0px ${-Math.floor(separatorSize / 2)}px`,\n    };\n  return {\n    height: separatorSize,\n    margin: `${-Math.floor(separatorSize / 2)}px 1px`,\n  };\n}\n\n/** A movable button, which allows to change the ratio between left element and right element\n * @public\n * @deprecated in 4.12.0. Basic components that need to be user-resized support this out of the box. Use {@link https://developer.mozilla.org/en-US/docs/Web/API/PointerEvent pointer events} API to implement a custom resizer.\n */\nexport const ElementSeparator = (props: ElementSeparatorProps) => {\n  const { translate } = useTranslation();\n\n  const [hasHoverHappened, setHasHoverHappened] = useState(false);\n  const { isDragged, isHovered, onPointerDown, onPointerOver, onPointerOut } =\n    useElementSeparatorPointerHandler(props);\n\n  const isHoverNeeded = isHovered || isDragged;\n  if (!hasHoverHappened && isHoverNeeded) setHasHoverHappened(isHoverNeeded);\n\n  // This is done to avoid fade-out animation when first rendering.\n  const unhoverClass = hasHoverHappened\n    ? \"core-element-separator-group-unhovered\"\n    : \"\";\n\n  const classNames = classnames(\n    \"core-element-separator\",\n    props.orientation === Orientation.Horizontal\n      ? \"core-element-separator--horizontal\"\n      : \"core-element-separator--vertical\",\n    props.className,\n    isHoverNeeded ? \"core-element-separator-group-hovered\" : unhoverClass\n  );\n\n  const orientation = props.orientation;\n  const separatorSize = props.separatorSize;\n  const style = useMemo(\n    () => getStyle(orientation, separatorSize),\n    [orientation, separatorSize]\n  );\n  const styles: React.CSSProperties = {\n    ...style,\n    ...props.style,\n  };\n\n  return (\n    <button\n      style={styles}\n      className={classNames}\n      onPointerDown={onPointerDown}\n      onPointerOver={onPointerOver}\n      onPointerOut={onPointerOut}\n      aria-label={translate(\"elementSeparator.label\")}\n      tabIndex={-1}\n    />\n  );\n};\n"]}

package/lib/esm/core-react/elementseparator/ElementSeparator.scss

@@ -1,95 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-@import "../style/themecolors";
-@import "../z-index";
-
-@function background-line($orientation) {
-  @return linear-gradient(
-    $orientation,
-    transparent calc(50% - 1px),
-    var(--iui-color-icon-accent) calc(50%),
-    transparent calc(50% + 1px)
-  );
-}
-
-@mixin keyframes($animation-name) {
-  @-webkit-keyframes #{$animation-name} {
-    @content;
-  }
-  @-moz-keyframes #{$animation-name} {
-    @content;
-  }
-  @-ms-keyframes #{$animation-name} {
-    @content;
-  }
-  @-o-keyframes #{$animation-name} {
-    @content;
-  }
-  @keyframes #{$animation-name} {
-    @content;
-  }
-}
-
-@mixin animation($str) {
-  -webkit-animation: #{$str};
-  -moz-animation: #{$str};
-  -ms-animation: #{$str};
-  -o-animation: #{$str};
-  animation: #{$str};
-}
-
-@include keyframes(fade-in) {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@include keyframes(fade-out) {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-
-.core-element-separator {
-  touch-action: none;
-  display: inline-block;
-  border-style: none;
-  padding: 0px;
-  opacity: 0;
-  z-index: 1;
-  user-select: none;
-
-  &--vertical {
-    width: 100%;
-    cursor: row-resize;
-    background: background-line(to bottom);
-  }
-
-  &--horizontal {
-    height: 100%;
-    cursor: col-resize;
-    background: background-line(to right);
-  }
-
-  &.core-element-separator-group-hovered {
-    @include animation("fade-in 0.2s");
-    opacity: 1;
-  }
-
-  &.core-element-separator-group-unhovered {
-    @include animation("fade-out 0.2s");
-    opacity: 0;
-  }
-
-  &:focus {
-    outline: none;
-  }
-}

package/lib/esm/core-react/enums/Alignment.d.ts

@@ -1,25 +0,0 @@
-/** @packageDocumentation
- * @module Common
- */
-/**
- * Enumeration for horizontal alignment.
- * @public
- * @deprecated in 4.15.0. Used internally.
- */
-export declare enum HorizontalAlignment {
-    Left = "left",
-    Center = "center",
-    Right = "right",
-    Justify = "justify"
-}
-/**
- * Enumeration for vertical alignment.
- * @public
- * @deprecated in 4.15.0. Not used by AppUI.
- */
-export declare enum VerticalAlignment {
-    Top = 1,
-    Middle = 2,
-    Bottom = 3
-}
-//# sourceMappingURL=Alignment.d.ts.map

package/lib/esm/core-react/enums/Alignment.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alignment.d.ts","sourceRoot":"","sources":["../../../../src/core-react/enums/Alignment.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;;GAIG;AACH,oBAAY,mBAAmB;IAC7B,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,OAAO,YAAY;CACpB;AAED;;;;GAIG;AACH,oBAAY,iBAAiB;IAC3B,GAAG,IAAI;IACP,MAAM,IAAI;IACV,MAAM,IAAI;CACX"}

package/lib/esm/core-react/enums/Alignment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alignment.js","sourceRoot":"","sources":["../../../../src/core-react/enums/Alignment.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;;;GAIG;AACH,MAAM,CAAN,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,oCAAa,CAAA;IACb,wCAAiB,CAAA;IACjB,sCAAe,CAAA;IACf,0CAAmB,CAAA;AACrB,CAAC,EALW,mBAAmB,KAAnB,mBAAmB,QAK9B;AAED;;;;GAIG;AACH,MAAM,CAAN,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,uDAAO,CAAA;IACP,6DAAU,CAAA;IACV,6DAAU,CAAA;AACZ,CAAC,EAJW,iBAAiB,KAAjB,iBAAiB,QAI5B","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 Common\n */\n\n/**\n * Enumeration for horizontal alignment.\n * @public\n * @deprecated in 4.15.0. Used internally.\n */\nexport enum HorizontalAlignment {\n  Left = \"left\",\n  Center = \"center\",\n  Right = \"right\",\n  Justify = \"justify\",\n}\n\n/**\n * Enumeration for vertical alignment.\n * @public\n * @deprecated in 4.15.0. Not used by AppUI.\n */\nexport enum VerticalAlignment {\n  Top = 1,\n  Middle = 2,\n  Bottom = 3,\n}\n"]}

package/lib/esm/core-react/enums/CheckBoxState.d.ts

@@ -1,23 +0,0 @@
-/** @packageDocumentation
- * @module Common
- */
-/** State of a checkbox
- * @public
- * @deprecated in 4.16.0. Use {@link @itwin/components-react#CheckBoxState} instead.
- */
-export declare enum CheckBoxState {
-    Off = 0,
-    On = 1,
-    Partial = 2
-}
-/** A data type that holds all the checkbox display attributes
- * @public
- * @deprecated in 4.15.0. Not used by AppUI.
- */
-export interface CheckBoxInfo {
-    isVisible?: boolean;
-    isDisabled?: boolean;
-    state?: CheckBoxState;
-    tooltip?: string;
-}
-//# sourceMappingURL=CheckBoxState.d.ts.map

package/lib/esm/core-react/enums/CheckBoxState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBoxState.d.ts","sourceRoot":"","sources":["../../../../src/core-react/enums/CheckBoxState.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,oBAAY,aAAa;IACvB,GAAG,IAAA;IACH,EAAE,IAAA;IACF,OAAO,IAAA;CACR;AAED;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB"}

package/lib/esm/core-react/enums/CheckBoxState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckBoxState.js","sourceRoot":"","sources":["../../../../src/core-react/enums/CheckBoxState.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;;GAGG;AACH,MAAM,CAAN,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,+CAAG,CAAA;IACH,6CAAE,CAAA;IACF,uDAAO,CAAA;AACT,CAAC,EAJW,aAAa,KAAb,aAAa,QAIxB","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 Common\n */\n\n/** State of a checkbox\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/components-react#CheckBoxState} instead.\n */\nexport enum CheckBoxState {\n  Off,\n  On,\n  Partial,\n}\n\n/** A data type that holds all the checkbox display attributes\n * @public\n * @deprecated in 4.15.0. Not used by AppUI.\n */\nexport interface CheckBoxInfo {\n  isVisible?: boolean;\n  isDisabled?: boolean;\n  // eslint-disable-next-line deprecation/deprecation\n  state?: CheckBoxState;\n  tooltip?: string;\n}\n"]}

package/lib/esm/core-react/enums/Orientation.d.ts

@@ -1,13 +0,0 @@
-/** @packageDocumentation
- * @module Common
- */
-/**
- * Enumeration of orientation.
- * @public
- * @deprecated in 4.16.0. Use {@link @itwin/components-react#Orientation} instead.
- */
-export declare enum Orientation {
-    Horizontal = 0,
-    Vertical = 1
-}
-//# sourceMappingURL=Orientation.d.ts.map

package/lib/esm/core-react/enums/Orientation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Orientation.d.ts","sourceRoot":"","sources":["../../../../src/core-react/enums/Orientation.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;;GAIG;AACH,oBAAY,WAAW;IACrB,UAAU,IAAA;IACV,QAAQ,IAAA;CACT"}

package/lib/esm/core-react/enums/Orientation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Orientation.js","sourceRoot":"","sources":["../../../../src/core-react/enums/Orientation.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;;;GAIG;AACH,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,yDAAU,CAAA;IACV,qDAAQ,CAAA;AACV,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB","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 Common\n */\n\n/**\n * Enumeration of orientation.\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/components-react#Orientation} instead.\n */\nexport enum Orientation {\n  Horizontal,\n  Vertical,\n}\n"]}

package/lib/esm/core-react/enums/SortDirection.d.ts

@@ -1,14 +0,0 @@
-/** @packageDocumentation
- * @module Common
- */
-/**
- * Enumeration for sorting direction.
- * @public
- * @deprecated in 4.15.0. Not used by AppUI.
- */
-export declare enum SortDirection {
-    NoSort = 0,
-    Ascending = 1,
-    Descending = 2
-}
-//# sourceMappingURL=SortDirection.d.ts.map

package/lib/esm/core-react/enums/SortDirection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortDirection.d.ts","sourceRoot":"","sources":["../../../../src/core-react/enums/SortDirection.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;;GAIG;AACH,oBAAY,aAAa;IACvB,MAAM,IAAA;IACN,SAAS,IAAA;IACT,UAAU,IAAA;CACX"}

package/lib/esm/core-react/enums/SortDirection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SortDirection.js","sourceRoot":"","sources":["../../../../src/core-react/enums/SortDirection.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;;;GAIG;AACH,MAAM,CAAN,IAAY,aAIX;AAJD,WAAY,aAAa;IACvB,qDAAM,CAAA;IACN,2DAAS,CAAA;IACT,6DAAU,CAAA;AACZ,CAAC,EAJW,aAAa,KAAb,aAAa,QAIxB","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 Common\n */\n\n/**\n * Enumeration for sorting direction.\n * @public\n * @deprecated in 4.15.0. Not used by AppUI.\n */\nexport enum SortDirection {\n  NoSort,\n  Ascending,\n  Descending,\n}\n"]}

package/lib/esm/core-react/enums/TimeFormat.d.ts

@@ -1,16 +0,0 @@
-/** @packageDocumentation
- * @module Common
- */
-/** Enumeration of time formats.
- * @public
- * @deprecated in 4.16.0. Use {@link @itwin/components-react#TimeFormat} instead.
- */
-export declare enum TimeFormat {
-    /** Show Date and time using toISOString */
-    None = 0,
-    /** Show Date using toLocaleDateString */
-    Short = 1,
-    /** Show Date Time using toLocaleString */
-    Long = 2
-}
-//# sourceMappingURL=TimeFormat.d.ts.map

package/lib/esm/core-react/enums/TimeFormat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeFormat.d.ts","sourceRoot":"","sources":["../../../../src/core-react/enums/TimeFormat.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;;GAGG;AACH,oBAAY,UAAU;IACpB,2CAA2C;IAC3C,IAAI,IAAI;IACR,yCAAyC;IACzC,KAAK,IAAA;IACL,0CAA0C;IAC1C,IAAI,IAAA;CACL"}

package/lib/esm/core-react/enums/TimeFormat.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeFormat.js","sourceRoot":"","sources":["../../../../src/core-react/enums/TimeFormat.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;;GAGG;AACH,MAAM,CAAN,IAAY,UAOX;AAPD,WAAY,UAAU;IACpB,2CAA2C;IAC3C,2CAAQ,CAAA;IACR,yCAAyC;IACzC,6CAAK,CAAA;IACL,0CAA0C;IAC1C,2CAAI,CAAA;AACN,CAAC,EAPW,UAAU,KAAV,UAAU,QAOrB","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 Common\n */\n\n/** Enumeration of time formats.\n * @public\n * @deprecated in 4.16.0. Use {@link @itwin/components-react#TimeFormat} instead.\n */\nexport enum TimeFormat {\n  /** Show Date and time using toISOString */\n  None = 0,\n  /** Show Date using toLocaleDateString */\n  Short,\n  /** Show Date Time using toLocaleString */\n  Long,\n}\n"]}

package/lib/esm/core-react/expandable/ExpandableList.d.ts

@@ -1,37 +0,0 @@
-/** @packageDocumentation
- * @module Expandable
- */
-import * as React from "react";
-import type { CommonProps } from "../utils/Props";
-/** Properties for [[ExpandableList]] component
- * @public
- * @deprecated in 4.12.0. Props of deprecated component {@link ExpandableList}.
- */
-export interface ExpandableListProps extends CommonProps {
-    /** Index of the default active block */
-    defaultActiveBlock?: number;
-    /** Indicates whether to allow only one expanded block */
-    singleExpandOnly?: boolean;
-    /** Indicates whether the single expanded block is collapsible */
-    singleIsCollapsible?: boolean;
-    /** Content */
-    children?: React.ReactNode;
-}
-interface ExpandableListState {
-    activeBlock: number;
-}
-/** ExpandableList React component is a container for ExpandableBlock components.
- * @public
- * @deprecated in 4.12.0. Use a custom container and manage {@link https://itwinui.bentley.com/docs/expandableblock expandable block} state manually.
- */
-export declare class ExpandableList extends React.PureComponent<ExpandableListProps, ExpandableListState> {
-    constructor(props: ExpandableListProps);
-    static defaultProps: Partial<ExpandableListProps>;
-    private _handleBlockToggle;
-    private renderBlocks;
-    /** @internal */
-    componentDidUpdate(prevProps: ExpandableListProps): void;
-    render(): React.ReactElement;
-}
-export {};
-//# sourceMappingURL=ExpandableList.d.ts.map

package/lib/esm/core-react/expandable/ExpandableList.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandableList.d.ts","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;GAGG;AAEH,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,WAAW,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,KAAK,CAAC,aAAa,CAErD,mBAAmB,EACnB,mBAAmB,CACpB;gBAEa,KAAK,EAAE,mBAAmB;IAOtC,OAAc,YAAY,EAAE,OAAO,CAAC,mBAAmB,CAAC,CAGtD;IAGF,OAAO,CAAC,kBAAkB,CAcxB;IAEF,OAAO,CAAC,YAAY;IAYpB,gBAAgB;IAEA,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IASjD,MAAM,IAAI,KAAK,CAAC,YAAY;CAa7C"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandableList.js","sourceRoot":"","sources":["../../../../src/core-react/expandable/ExpandableList.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAuB/B;;;GAGG;AACH,MAAM,OAAO,cAAe,SAAQ,KAAK,CAAC,aAIzC;IACC,mDAAmD;IACnD,YAAY,KAA0B;QACpC,KAAK,CAAC,KAAK,CAAC,CAAC;QAWf,mBAAmB;QACX,uBAAkB,GAAG,CAC3B,KAAa,EACb,QAAuC,EACvC,EAAE;YACF,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,IAAI,QAAQ,EAAE,CAAC;gBACb,QAAQ,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,oCAAoC;YACvE,CAAC;QACH,CAAC,CAAC;QAxBA,IAAI,CAAC,KAAK,GAAG,EAAE,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAmB,EAAE,CAAC;IAC/D,CAAC;IAyBO,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,IAAI,CAAC,KAAK,CAAC,gBAAgB;oBACrC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW;oBAC9B,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU;gBAC1B,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;IAChB,mDAAmD;IACnC,kBAAkB,CAAC,SAA8B;QAC/D,IACE,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,SAAS,CAAC,kBAAkB;YAC9D,IAAI,CAAC,KAAK,CAAC,kBAAkB,KAAK,IAAI,CAAC,KAAK,CAAC,WAAW,EACxD,CAAC;YACD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,kBAAmB,EAAE,CAAC,CAAC,CAAC;QAC5E,CAAC;IACH,CAAC;IAEe,MAAM;QACpB,OAAO,CACL,6BACE,SAAS,EAAE,UAAU,CACnB,+BAA+B,EAC/B,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,EACD,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAEtB,IAAI,CAAC,YAAY,EAAE,CAChB,CACP,CAAC;IACJ,CAAC;;AA1DD,mDAAmD;AACrC,2BAAY,GAAiC;IACzD,gBAAgB,EAAE,KAAK;IACvB,kBAAkB,EAAE,CAAC;CACtB,AAHyB,CAGxB","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 classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { CommonProps } from \"../utils/Props\";\n\n/** Properties for [[ExpandableList]] component\n * @public\n * @deprecated in 4.12.0. Props of deprecated component {@link ExpandableList}.\n */\n// eslint-disable-next-line deprecation/deprecation\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  /** Content */\n  children?: React.ReactNode;\n}\n\ninterface ExpandableListState {\n  activeBlock: number;\n}\n\n/** ExpandableList React component is a container for ExpandableBlock components.\n * @public\n * @deprecated in 4.12.0. Use a custom container and manage {@link https://itwinui.bentley.com/docs/expandableblock expandable block} state manually.\n */\nexport class ExpandableList extends React.PureComponent<\n  // eslint-disable-next-line deprecation/deprecation\n  ExpandableListProps,\n  ExpandableListState\n> {\n  // eslint-disable-next-line deprecation/deprecation\n  constructor(props: ExpandableListProps) {\n    super(props);\n\n    this.state = { activeBlock: this.props.defaultActiveBlock! };\n  }\n\n  // eslint-disable-next-line deprecation/deprecation\n  public static defaultProps: Partial<ExpandableListProps> = {\n    singleExpandOnly: false,\n    defaultActiveBlock: 0,\n  };\n\n  // set active block\n  private _handleBlockToggle = (\n    index: number,\n    onToggle: (isExpanding: boolean) => any\n  ) => {\n    let activeBlock = index;\n\n    if (this.props.singleIsCollapsible && index === this.state.activeBlock)\n      activeBlock = -1;\n\n    this.setState({ activeBlock });\n\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\n          ? i === this.state.activeBlock\n          : child.props.isExpanded,\n        onToggle: this._handleBlockToggle.bind(this, i, child.props.onToggle),\n      });\n    });\n  }\n\n  /** @internal */\n  // eslint-disable-next-line deprecation/deprecation\n  public override componentDidUpdate(prevProps: ExpandableListProps) {\n    if (\n      this.props.defaultActiveBlock !== prevProps.defaultActiveBlock &&\n      this.props.defaultActiveBlock !== this.state.activeBlock\n    ) {\n      this.setState((_, props) => ({ activeBlock: props.defaultActiveBlock! }));\n    }\n  }\n\n  public override render(): React.ReactElement {\n    return (\n      <div\n        className={classnames(\n          \"uicore-expandable-blocks-list\",\n          this.props.className\n        )}\n        style={this.props.style}\n      >\n        {this.renderBlocks()}\n      </div>\n    );\n  }\n}\n"]}

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

@@ -1,53 +0,0 @@
-/** @packageDocumentation
- * @module Focus
- */
-import { Orientation } from "../enums/Orientation";
-/** Cross-Axis Arrow Key Callback
- * @internal
- */
-export 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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ItemKeyboardNavigator.d.ts","sourceRoot":"","sources":["../../../../src/core-react/focus/ItemKeyboardNavigator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAInD;;GAEG;AACH,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAE/D;;GAEG;AACH,qBAAa,qBAAqB;IAQvB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IACpC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IARhD,OAAO,CAAC,UAAU,CAAsB;IACxC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,YAAY,CAA0B;IAC9C,OAAO,CAAC,UAAU,CAAQ;IAC1B,OAAO,CAAC,yBAAyB,CAAC,CAAwB;gBAGjD,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,EACpC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;IAUhD,qBAAqB;IACrB,IAAW,SAAS,IAAI,MAAM,CAE7B;IACD,IAAW,SAAS,CAAC,KAAK,EAAE,MAAM,EAEjC;IAED,8BAA8B;IAC9B,IAAW,WAAW,IAAI,WAAW,CAEpC;IACD,IAAW,WAAW,CAAC,WAAW,EAAE,WAAW,EAE9C;IAED,2GAA2G;IAC3G,IAAW,SAAS,IAAI,OAAO,CAE9B;IACD,IAAW,SAAS,CAAC,CAAC,EAAE,OAAO,EAE9B;IAED,+FAA+F;IAC/F,IAAW,wBAAwB,IAAI,qBAAqB,GAAG,SAAS,CAEvE;IACD,IAAW,wBAAwB,CAAC,CAAC,EAAE,qBAAqB,GAAG,SAAS,EAEvE;IAED,8BAA8B;IACvB,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IA6B1E,4BAA4B;IACrB,gBAAgB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAWxE,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,aAAa;IAKrB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAkC5B;OACG;IACH,OAAO,CAAC,sBAAsB;IA4B9B,OAAO,CAAC,YAAY;CAGrB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAQpD"}

package/lib/esm/core-react/focus/ItemKeyboardNavigator.js

@@ -1,173 +0,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 Focus
- */
-import { Key } from "ts-key-enum";
-import { Orientation } from "../enums/Orientation";
-/** Keyboard Navigator for parent components
- * @internal
- */
-export class ItemKeyboardNavigator {
-    constructor(onFocusItem, onActivateItem) {
-        this.onFocusItem = onFocusItem;
-        this.onActivateItem = onActivateItem;
-        this._itemCount = 0;
-        this._orientation = Orientation.Horizontal;
-        this._allowWrap = true;
-        this._direction = new Map([
-            [Key.ArrowLeft, -1],
-            [Key.ArrowUp, -1],
-            [Key.ArrowRight, 1],
-            [Key.ArrowDown, 1],
-        ]);
-    }
-    /** The item count */
-    get itemCount() {
-        return this._itemCount;
-    }
-    set itemCount(count) {
-        this._itemCount = count;
-    }
-    /** The primary orientation */
-    get orientation() {
-        return this._orientation;
-    }
-    set orientation(orientation) {
-        this._orientation = orientation;
-    }
-    /** The allow wrap property controls whether the movement will stop at the first and last items or wrap  */
-    get allowWrap() {
-        return this._allowWrap;
-    }
-    set allowWrap(v) {
-        this._allowWrap = v;
-    }
-    /** Called when the arrow keys that run perpendicular to the primary orientation are pressed */
-    get crossAxisArrowKeyHandler() {
-        return this._crossAxisArrowKeyHandler;
-    }
-    set crossAxisArrowKeyHandler(v) {
-        this._crossAxisArrowKeyHandler = v;
-    }
-    /** Handle KeyDown on items */
-    handleKeyDownEvent(event, index) {
-        const key = event.key;
-        switch (key) {
-            case Key.Home.valueOf():
-                event.preventDefault();
-                // Activate first item
-                this.focusFirstItem();
-                break;
-            case Key.End.valueOf():
-                event.preventDefault();
-                // Activate last item
-                this.focusLastItem();
-                break;
-            // Up and down are in keydown
-            // because we need to prevent page scroll >:)
-            case Key.ArrowUp.valueOf():
-            case Key.ArrowDown.valueOf():
-                this.determineOrientation(event, index);
-                break;
-            case Key.Enter.valueOf():
-            case " ":
-                this.activateItem(index);
-                break;
-        }
-    }
-    /** Handle KeyUp on items */
-    handleKeyUpEvent(event, index) {
-        const key = event.key;
-        switch (key) {
-            case Key.ArrowLeft.valueOf():
-            case Key.ArrowRight.valueOf():
-                this.determineOrientation(event, index);
-                break;
-        }
-    }
-    focusFirstItem() {
-        this.onFocusItem(0);
-    }
-    focusLastItem() {
-        const index = this._itemCount - 1;
-        this.onFocusItem(index);
-    }
-    /** 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.
-     */
-    determineOrientation(event, index) {
-        const key = event.key;
-        const vertical = this._orientation === Orientation.Vertical;
-        let proceed = false;
-        if (vertical) {
-            if (key === Key.ArrowUp.valueOf() || key === Key.ArrowDown.valueOf()) {
-                event.preventDefault();
-                proceed = true;
-            }
-            else if (this.crossAxisArrowKeyHandler &&
-                (key === Key.ArrowLeft.valueOf() || key === Key.ArrowRight.valueOf())) {
-                this.crossAxisArrowKeyHandler(key === Key.ArrowRight.valueOf());
-            }
-        }
-        else {
-            if (key === Key.ArrowLeft.valueOf() || key === Key.ArrowRight.valueOf()) {
-                proceed = true;
-            }
-            else if (this.crossAxisArrowKeyHandler &&
-                (key === Key.ArrowUp.valueOf() || key === Key.ArrowDown.valueOf())) {
-                this.crossAxisArrowKeyHandler(key === Key.ArrowDown.valueOf());
-            }
-        }
-        if (proceed) {
-            this.switchItemOnArrowPress(event, index);
-        }
-    }
-    /** Either focus the next, previous, first, or last item depending on key pressed
-     */
-    switchItemOnArrowPress(event, index) {
-        // Add or subtract depending on key pressed
-        const pressed = event.key;
-        const targetDirection = this._direction.get(pressed);
-        if (targetDirection) {
-            const newIndex = index + targetDirection;
-            if (0 <= newIndex && newIndex < this._itemCount) {
-                this.onFocusItem(newIndex);
-            }
-            else {
-                if (this._allowWrap) {
-                    if (pressed === Key.ArrowLeft.valueOf() ||
-                        pressed === Key.ArrowUp.valueOf()) {
-                        this.focusLastItem();
-                    }
-                    else {
-                        this.focusFirstItem();
-                    }
-                }
-            }
-        }
-    }
-    activateItem(index) {
-        this.onActivateItem(index);
-    }
-}
-/** Determines if a KeyboardEvent.key is an Item Navigation key
- * @internal
- */
-export function isNavigationKey(key) {
-    return (isArrowKey(key) ||
-        key === Key.Home.valueOf() ||
-        key === Key.End.valueOf() ||
-        key === " " ||
-        key === Key.Enter.valueOf());
-}
-function isArrowKey(key) {
-    return (key === Key.ArrowLeft.valueOf() ||
-        key === Key.ArrowRight.valueOf() ||
-        key === Key.ArrowUp.valueOf() ||
-        key === Key.ArrowDown.valueOf());
-}
-//# sourceMappingURL=ItemKeyboardNavigator.js.map

package/lib/esm/core-react/focus/ItemKeyboardNavigator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemKeyboardNavigator.js","sourceRoot":"","sources":["../../../../src/core-react/focus/ItemKeyboardNavigator.tsx"],"names":[],"mappings":"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","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 Focus\n */\n\nimport { Key } from \"ts-key-enum\";\nimport { Orientation } from \"../enums/Orientation\";\n\n/* eslint-disable deprecation/deprecation */\n\n/** Cross-Axis Arrow Key Callback\n * @internal\n */\nexport type CrossAxisArrowKeyFunc = (forward: boolean) => void;\n\n/** Keyboard Navigator for parent components\n * @internal\n */\nexport class ItemKeyboardNavigator {\n  private _direction: Map<string, number>;\n  private _itemCount = 0;\n  private _orientation = Orientation.Horizontal;\n  private _allowWrap = true;\n  private _crossAxisArrowKeyHandler?: CrossAxisArrowKeyFunc;\n\n  constructor(\n    public onFocusItem: (index: number) => void,\n    public onActivateItem: (index: number) => void\n  ) {\n    this._direction = new Map<string, number>([\n      [Key.ArrowLeft, -1],\n      [Key.ArrowUp, -1],\n      [Key.ArrowRight, 1],\n      [Key.ArrowDown, 1],\n    ]);\n  }\n\n  /** The item count */\n  public get itemCount(): number {\n    return this._itemCount;\n  }\n  public set itemCount(count: number) {\n    this._itemCount = count;\n  }\n\n  /** The primary orientation */\n  public get orientation(): Orientation {\n    return this._orientation;\n  }\n  public set orientation(orientation: Orientation) {\n    this._orientation = orientation;\n  }\n\n  /** The allow wrap property controls whether the movement will stop at the first and last items or wrap  */\n  public get allowWrap(): boolean {\n    return this._allowWrap;\n  }\n  public set allowWrap(v: boolean) {\n    this._allowWrap = v;\n  }\n\n  /** Called when the arrow keys that run perpendicular to the primary orientation are pressed */\n  public get crossAxisArrowKeyHandler(): CrossAxisArrowKeyFunc | undefined {\n    return this._crossAxisArrowKeyHandler;\n  }\n  public set crossAxisArrowKeyHandler(v: CrossAxisArrowKeyFunc | undefined) {\n    this._crossAxisArrowKeyHandler = v;\n  }\n\n  /** Handle KeyDown on items */\n  public handleKeyDownEvent(event: React.KeyboardEvent, index: number): void {\n    const key = event.key;\n\n    switch (key) {\n      case Key.Home.valueOf():\n        event.preventDefault();\n        // Activate first item\n        this.focusFirstItem();\n        break;\n      case Key.End.valueOf():\n        event.preventDefault();\n        // Activate last item\n        this.focusLastItem();\n        break;\n\n      // Up and down are in keydown\n      // because we need to prevent page scroll >:)\n      case Key.ArrowUp.valueOf():\n      case Key.ArrowDown.valueOf():\n        this.determineOrientation(event, index);\n        break;\n\n      case Key.Enter.valueOf():\n      case \" \":\n        this.activateItem(index);\n        break;\n    }\n  }\n\n  /** Handle KeyUp on items */\n  public handleKeyUpEvent(event: React.KeyboardEvent, index: number): void {\n    const key = event.key;\n\n    switch (key) {\n      case Key.ArrowLeft.valueOf():\n      case Key.ArrowRight.valueOf():\n        this.determineOrientation(event, index);\n        break;\n    }\n  }\n\n  private focusFirstItem(): void {\n    this.onFocusItem(0);\n  }\n\n  private focusLastItem(): void {\n    const index = this._itemCount - 1;\n    this.onFocusItem(index);\n  }\n\n  /** When an item list's orientation is set to vertical,\n   * only up and down arrow should function.\n   * In all other cases only left and right arrow function.\n   */\n  private determineOrientation(\n    event: React.KeyboardEvent,\n    index: number\n  ): void {\n    const key = event.key;\n    const vertical = this._orientation === Orientation.Vertical;\n    let proceed = false;\n\n    if (vertical) {\n      if (key === Key.ArrowUp.valueOf() || key === Key.ArrowDown.valueOf()) {\n        event.preventDefault();\n        proceed = true;\n      } else if (\n        this.crossAxisArrowKeyHandler &&\n        (key === Key.ArrowLeft.valueOf() || key === Key.ArrowRight.valueOf())\n      ) {\n        this.crossAxisArrowKeyHandler(key === Key.ArrowRight.valueOf());\n      }\n    } else {\n      if (key === Key.ArrowLeft.valueOf() || key === Key.ArrowRight.valueOf()) {\n        proceed = true;\n      } else if (\n        this.crossAxisArrowKeyHandler &&\n        (key === Key.ArrowUp.valueOf() || key === Key.ArrowDown.valueOf())\n      ) {\n        this.crossAxisArrowKeyHandler(key === Key.ArrowDown.valueOf());\n      }\n    }\n\n    if (proceed) {\n      this.switchItemOnArrowPress(event, index);\n    }\n  }\n\n  /** Either focus the next, previous, first, or last item depending on key pressed\n   */\n  private switchItemOnArrowPress(\n    event: React.KeyboardEvent,\n    index: number\n  ): void {\n    // Add or subtract depending on key pressed\n    const pressed = event.key;\n    const targetDirection = this._direction.get(pressed);\n\n    if (targetDirection) {\n      const newIndex = index + targetDirection;\n\n      if (0 <= newIndex && newIndex < this._itemCount) {\n        this.onFocusItem(newIndex);\n      } else {\n        if (this._allowWrap) {\n          if (\n            pressed === Key.ArrowLeft.valueOf() ||\n            pressed === Key.ArrowUp.valueOf()\n          ) {\n            this.focusLastItem();\n          } else {\n            this.focusFirstItem();\n          }\n        }\n      }\n    }\n  }\n\n  private activateItem(index: number): void {\n    this.onActivateItem(index);\n  }\n}\n\n/** Determines if a KeyboardEvent.key is an Item Navigation key\n * @internal\n */\nexport function isNavigationKey(key: string): boolean {\n  return (\n    isArrowKey(key) ||\n    key === Key.Home.valueOf() ||\n    key === Key.End.valueOf() ||\n    key === \" \" ||\n    key === Key.Enter.valueOf()\n  );\n}\n\nfunction isArrowKey(key: string): boolean {\n  return (\n    key === Key.ArrowLeft.valueOf() ||\n    key === Key.ArrowRight.valueOf() ||\n    key === Key.ArrowUp.valueOf() ||\n    key === Key.ArrowDown.valueOf()\n  );\n}\n"]}

package/lib/esm/core-react/focustrap/FocusTrap.d.ts

@@ -1,29 +0,0 @@
-/** @packageDocumentation
- * @module Popup
- */
-import * as React from "react";
-/** Focus into first focusable element of a container.
- * @internal
- */
-export declare function focusIntoContainer(focusContainer: HTMLDivElement, initialFocusElement?: React.RefObject<HTMLElement> | string): boolean;
-/** Properties supported by [[FocusTrap]] component.
- * @internal
- */
-export interface FocusTrapProps extends React.AllHTMLAttributes<any> {
-    /** child components */
-    children: React.ReactNode;
-    /** if active is not true then no trapping of focus is attempted. */
-    active?: boolean;
-    /** restore focus to element that had focus before trap was activated */
-    returnFocusOnDeactivate: boolean;
-    /** Optional reference to element to receive focus when trap is activated. Optionally a CSS Selector
-     * string can be supplied to locate an element in the FocusTrap container. If no specification is defined
-     * the first focusable element is used.
-     */
-    initialFocusElement?: React.RefObject<HTMLElement> | string;
-}
-/** Trap Focus in container while trap is active.
- * @internal
- */
-export declare function FocusTrap(props: FocusTrapProps): React.JSX.Element | null;
-//# sourceMappingURL=FocusTrap.d.ts.map

package/lib/esm/core-react/focustrap/FocusTrap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusTrap.d.ts","sourceRoot":"","sources":["../../../../src/core-react/focustrap/FocusTrap.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0H/B;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,cAAc,EAAE,cAAc,EAC9B,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,GAC1D,OAAO,CAcT;AAED;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,iBAAiB,CAAC,GAAG,CAAC;IAClE,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wEAAwE;IACxE,uBAAuB,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;CAC7D;AAED;;GAEG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,4BA0G9C"}