@itwin/components-react 5.27.0 → 5.28.0

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # Change Log - @itwin/components-react
 
+## 5.28.0
+
+### Minor Changes
+
+- 3585ac3: Deprecated `ControlledTree` component and all related tree APIs in favor of the `Tree` component from `@stratakit/structures`.
+
+  Added `HIGHLIGHT_ACTIVE_CLASS_NAME` constant in favor of now deprecated `HighlightingEngine.ACTIVE_CLASS_NAME`
+
+- 6962fcf: Added `maxSize` property to `InputEditorSizeParams` interface of `@itwin/appui-abstract` package (using TypeScript declaration merging) to allow setting the max size for input editors.
+
+### Patch Changes
+
+- @itwin/core-react@5.28.0
+
+## 5.27.1
+
+### Patch Changes
+
+- Updated dependencies [47cf43f]
+  - @itwin/core-react@5.27.1
+
 ## 5.27.0
 
 ### Patch Changes

package/lib/cjs/components-react/common/HighlightedText.scss

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.components-activehighlight {
+  background-color: orange;
+}

package/lib/components-react/abstract-types.d.ts

@@ -0,0 +1,8 @@
+declare module "@itwin/appui-abstract" {
+    interface InputEditorSizeParams {
+        /** The maxSize for an input editor in characters. */
+        maxSize?: number;
+    }
+}
+export {};
+//# sourceMappingURL=abstract-types.d.ts.map

package/lib/components-react/abstract-types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-types.d.ts","sourceRoot":"","sources":["../../src/components-react/abstract-types.ts"],"names":[],"mappings":"AAKA,OAAO,QAAQ,uBAAuB,CAAC;IACrC,UAAU,qBAAqB;QAC7B,qDAAqD;QACrD,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB;CACF"}

package/lib/components-react/abstract-types.js

@@ -0,0 +1,6 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+export {};
+//# sourceMappingURL=abstract-types.js.map

package/lib/components-react/abstract-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"abstract-types.js","sourceRoot":"","sources":["../../src/components-react/abstract-types.ts"],"names":[],"mappings":"AAAA;;;gGAGgG","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\ndeclare module \"@itwin/appui-abstract\" {\n  interface InputEditorSizeParams {\n    /** The maxSize for an input editor in characters. */\n    maxSize?: number;\n  }\n}\n"]}

package/lib/components-react/common/HighlightedText.d.ts

@@ -1,6 +1,7 @@
 /** @packageDocumentation
  * @module Common
  */
+import "./HighlightedText.scss";
 import React from "react";
 /**
  * Properties of [[HighlightedText]]
@@ -14,6 +15,11 @@ export interface HighlightedTextProps {
     /** Should search be case sensitive */
     caseSensitive?: boolean;
 }
+/**
+ * Class name used for marking actively highlighted text part by `HighlightedText` component.
+ * @public
+ */
+export declare const HIGHLIGHT_ACTIVE_CLASS_NAME = "components-activehighlight";
 /**
  * Highlighted text
  * Used for highlighting parts in the 'text' which match with 'searchText'

package/lib/components-react/common/HighlightedText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightedText.d.ts","sourceRoot":"","sources":["../../../src/components-react/common/HighlightedText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IAEnC,UAAU,EAAE,MAAM,CAAC;IAEnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;;;GAKG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAW1D"}
+{"version":3,"file":"HighlightedText.d.ts","sourceRoot":"","sources":["../../../src/components-react/common/HighlightedText.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC;;;;GAIG;AACH,MAAM,WAAW,oBAAoB;IAEnC,UAAU,EAAE,MAAM,CAAC;IAEnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,IAAI,EAAE,MAAM,CAAC;IACb,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,2BAA2B,+BAA+B,CAAC;AAExE;;;;;GAKG;AAEH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,qBAW1D"}

package/lib/components-react/common/HighlightedText.js

@@ -5,8 +5,13 @@
 /** @packageDocumentation
  * @module Common
  */
+import "./HighlightedText.scss";
 import React, { useMemo } from "react";
-import { HighlightingEngine } from "../tree/HighlightingEngine.js";
+/**
+ * Class name used for marking actively highlighted text part by `HighlightedText` component.
+ * @public
+ */
+export const HIGHLIGHT_ACTIVE_CLASS_NAME = "components-activehighlight";
 /**
  * Highlighted text
  * Used for highlighting parts in the 'text' which match with 'searchText'
@@ -43,9 +48,7 @@ function markChunks(text, chunks, activeChunk) {
             markedText.push(React.createElement("span", { key: previousIndex }, nonMarkedText));
         }
         // add marked chunk text
-        markedText.push(React.createElement("mark", { key: start, className: i === newActiveIndex
-                ? HighlightingEngine.ACTIVE_CLASS_NAME
-                : undefined }, text.substring(start, end)));
+        markedText.push(React.createElement("mark", { key: start, className: i === newActiveIndex ? HIGHLIGHT_ACTIVE_CLASS_NAME : undefined }, text.substring(start, end)));
         previousIndex = end;
     }
     // add unmarked text after last chunk

package/lib/components-react/common/HighlightedText.js.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightedText.js","sourceRoot":"","sources":["../../../src/components-react/common/HighlightedText.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAkBnE;;;;;GAKG;AACH,4DAA4D;AAC5D,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpE,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,CAAC,EACjD,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,CAAC,CAClC,CAAC;IACF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAChD,CAAC,IAAI,EAAE,MAAM,EAAE,gBAAgB,CAAC,CACjC,CAAC;IACF,OAAO,0CAAG,YAAY,CAAI,CAAC;AAC7B,CAAC;AAOD,SAAS,UAAU,CACjB,IAAY,EACZ,UAAkB,EAClB,aAAuB;IAEvB,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,MAAM,WAAW,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;IAC9D,MAAM,SAAS,GAAG,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC;IACxE,IAAI,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAE3C,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC;QACpB,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC;QAC7D,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;IACpD,CAAC;IAED,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,UAAU,CACjB,IAAY,EACZ,MAA0B,EAC1B,WAAoB;IAEpB,MAAM,UAAU,GAAyB,EAAE,CAAC;IAC5C,IAAI,aAAa,GAAG,CAAC,CAAC;IAEtB,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAE1E,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,YAAY,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC7C,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC;QAEvC,2DAA2D;QAC3D,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QAC3D,IAAI,aAAa,CAAC,MAAM,EAAE,CAAC;YACzB,UAAU,CAAC,IAAI,CAAC,8BAAM,GAAG,EAAE,aAAa,IAAG,aAAa,CAAQ,CAAC,CAAC;QACpE,CAAC;QAED,wBAAwB;QACxB,UAAU,CAAC,IAAI,CACb,8BACE,GAAG,EAAE,KAAK,EACV,SAAS,EACP,CAAC,KAAK,cAAc;gBAClB,CAAC,CAAC,kBAAkB,CAAC,iBAAiB;gBACtC,CAAC,CAAC,SAAS,IAGd,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,CACtB,CACR,CAAC;QACF,aAAa,GAAG,GAAG,CAAC;IACtB,CAAC;IAED,qCAAqC;IACrC,MAAM,iBAAiB,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACrE,IAAI,iBAAiB,CAAC,MAAM,EAAE,CAAC;QAC7B,UAAU,CAAC,IAAI,CAAC,8BAAM,GAAG,EAAE,aAAa,IAAG,iBAAiB,CAAQ,CAAC,CAAC;IACxE,CAAC;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AAED,SAAS,WAAW,CAAC,MAA0B,EAAE,WAAoB;IACnE,MAAM,YAAY,GAAuB,EAAE,CAAC;IAC5C,IAAI,SAAoE,CAAC;IACzE,IAAI,cAAkC,CAAC;IAEvC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACvC,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACxB,MAAM,QAAQ,GAAG,CAAC,KAAK,WAAW,CAAC;QACnC,IACE,SAAS;YACT,SAAS,CAAC,IAAI,CAAC,GAAG,KAAK,KAAK,CAAC,KAAK;YAClC,CAAC,QAAQ;YACT,CAAC,SAAS,CAAC,QAAQ,EACnB,CAAC;YACD,SAAS,CAAC,IAAI,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;YAC/B,SAAS;QACX,CAAC;QACD,QAAQ,IAAI,CAAC,cAAc,GAAG,YAAY,CAAC,MAAM,CAAC,CAAC;QACnD,MAAM,QAAQ,GAAG,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC;QACxD,SAAS,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;QACzC,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9B,CAAC;IACD,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC;AAC1C,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 Common\n */\n\nimport React, { useMemo } from \"react\";\nimport { HighlightingEngine } from \"../tree/HighlightingEngine.js\";\n\n/**\n * Properties of [[HighlightedText]]\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof HighlightedText>`\n */\nexport interface HighlightedTextProps {\n  /* Filter text which we want to highlight */\n  searchText: string;\n  /* Index of actively highlighted part in a text */\n  activeMatchIndex?: number;\n  /* Full text */\n  text: string;\n  /** Should search be case sensitive */\n  caseSensitive?: boolean;\n}\n\n/**\n * Highlighted text\n * Used for highlighting parts in the 'text' which match with 'searchText'\n * Also actively highlights one matched part which is selected with 'activeMatchIndex'\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function HighlightedText(props: HighlightedTextProps) {\n  const { searchText, activeMatchIndex, text, caseSensitive } = props;\n  const chunks = useMemo(\n    () => findChunks(text, searchText, caseSensitive),\n    [text, searchText, caseSensitive]\n  );\n  const markedChunks = useMemo(\n    () => markChunks(text, chunks, activeMatchIndex),\n    [text, chunks, activeMatchIndex]\n  );\n  return <>{markedChunks}</>;\n}\n\ninterface HighlightedChunk {\n  start: number;\n  end: number;\n}\n\nfunction findChunks(\n  text: string,\n  searchText: string,\n  caseSensitive?: boolean\n): HighlightedChunk[] {\n  const chunks: HighlightedChunk[] = [];\n  const contentText = caseSensitive ? text : text.toLowerCase();\n  const inputText = caseSensitive ? searchText : searchText.toLowerCase();\n  let index = contentText.indexOf(inputText);\n\n  while (index !== -1) {\n    chunks.push({ start: index, end: index + inputText.length });\n    index = contentText.indexOf(inputText, index + 1);\n  }\n\n  return chunks;\n}\n\nfunction markChunks(\n  text: string,\n  chunks: HighlightedChunk[],\n  activeChunk?: number\n) {\n  const markedText: React.ReactElement[] = [];\n  let previousIndex = 0;\n\n  const { mergedChunks, newActiveIndex } = mergeChunks(chunks, activeChunk);\n\n  for (let i = 0; i < mergedChunks.length; i++) {\n    const { start, end } = mergedChunks[i];\n\n    // add unmarked text between previous chunk and current one\n    const nonMarkedText = text.substring(previousIndex, start);\n    if (nonMarkedText.length) {\n      markedText.push(<span key={previousIndex}>{nonMarkedText}</span>);\n    }\n\n    // add marked chunk text\n    markedText.push(\n      <mark\n        key={start}\n        className={\n          i === newActiveIndex\n            ? HighlightingEngine.ACTIVE_CLASS_NAME\n            : undefined\n        }\n      >\n        {text.substring(start, end)}\n      </mark>\n    );\n    previousIndex = end;\n  }\n\n  // add unmarked text after last chunk\n  const lastNonMarkedText = text.substring(previousIndex, text.length);\n  if (lastNonMarkedText.length) {\n    markedText.push(<span key={previousIndex}>{lastNonMarkedText}</span>);\n  }\n\n  return markedText;\n}\n\nfunction mergeChunks(chunks: HighlightedChunk[], activeChunk?: number) {\n  const mergedChunks: HighlightedChunk[] = [];\n  let lastChunk: { isActive: boolean; info: HighlightedChunk } | undefined;\n  let newActiveIndex: number | undefined;\n\n  for (let i = 0; i < chunks.length; i++) {\n    const chunk = chunks[i];\n    const isActive = i === activeChunk;\n    if (\n      lastChunk &&\n      lastChunk.info.end === chunk.start &&\n      !isActive &&\n      !lastChunk.isActive\n    ) {\n      lastChunk.info.end = chunk.end;\n      continue;\n    }\n    isActive && (newActiveIndex = mergedChunks.length);\n    const newChunk = { start: chunk.start, end: chunk.end };\n    lastChunk = { isActive, info: newChunk };\n    mergedChunks.push(newChunk);\n  }\n  return { mergedChunks, newActiveIndex };\n}\n"]}
+{"version":3,"file":"HighlightedText.js","sourceRoot":"","sources":["../../../src/components-react/common/HighlightedText.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 Common\n */\n\nimport \"./HighlightedText.scss\";\nimport React, { useMemo } from \"react\";\n\n/**\n * Properties of [[HighlightedText]]\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof HighlightedText>`\n */\nexport interface HighlightedTextProps {\n  /* Filter text which we want to highlight */\n  searchText: string;\n  /* Index of actively highlighted part in a text */\n  activeMatchIndex?: number;\n  /* Full text */\n  text: string;\n  /** Should search be case sensitive */\n  caseSensitive?: boolean;\n}\n\n/**\n * Class name used for marking actively highlighted text part by `HighlightedText` component.\n * @public\n */\nexport const HIGHLIGHT_ACTIVE_CLASS_NAME = \"components-activehighlight\";\n\n/**\n * Highlighted text\n * Used for highlighting parts in the 'text' which match with 'searchText'\n * Also actively highlights one matched part which is selected with 'activeMatchIndex'\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function HighlightedText(props: HighlightedTextProps) {\n  const { searchText, activeMatchIndex, text, caseSensitive } = props;\n  const chunks = useMemo(\n    () => findChunks(text, searchText, caseSensitive),\n    [text, searchText, caseSensitive]\n  );\n  const markedChunks = useMemo(\n    () => markChunks(text, chunks, activeMatchIndex),\n    [text, chunks, activeMatchIndex]\n  );\n  return <>{markedChunks}</>;\n}\n\ninterface HighlightedChunk {\n  start: number;\n  end: number;\n}\n\nfunction findChunks(\n  text: string,\n  searchText: string,\n  caseSensitive?: boolean\n): HighlightedChunk[] {\n  const chunks: HighlightedChunk[] = [];\n  const contentText = caseSensitive ? text : text.toLowerCase();\n  const inputText = caseSensitive ? searchText : searchText.toLowerCase();\n  let index = contentText.indexOf(inputText);\n\n  while (index !== -1) {\n    chunks.push({ start: index, end: index + inputText.length });\n    index = contentText.indexOf(inputText, index + 1);\n  }\n\n  return chunks;\n}\n\nfunction markChunks(\n  text: string,\n  chunks: HighlightedChunk[],\n  activeChunk?: number\n) {\n  const markedText: React.ReactElement[] = [];\n  let previousIndex = 0;\n\n  const { mergedChunks, newActiveIndex } = mergeChunks(chunks, activeChunk);\n\n  for (let i = 0; i < mergedChunks.length; i++) {\n    const { start, end } = mergedChunks[i];\n\n    // add unmarked text between previous chunk and current one\n    const nonMarkedText = text.substring(previousIndex, start);\n    if (nonMarkedText.length) {\n      markedText.push(<span key={previousIndex}>{nonMarkedText}</span>);\n    }\n\n    // add marked chunk text\n    markedText.push(\n      <mark\n        key={start}\n        className={\n          i === newActiveIndex ? HIGHLIGHT_ACTIVE_CLASS_NAME : undefined\n        }\n      >\n        {text.substring(start, end)}\n      </mark>\n    );\n    previousIndex = end;\n  }\n\n  // add unmarked text after last chunk\n  const lastNonMarkedText = text.substring(previousIndex, text.length);\n  if (lastNonMarkedText.length) {\n    markedText.push(<span key={previousIndex}>{lastNonMarkedText}</span>);\n  }\n\n  return markedText;\n}\n\nfunction mergeChunks(chunks: HighlightedChunk[], activeChunk?: number) {\n  const mergedChunks: HighlightedChunk[] = [];\n  let lastChunk: { isActive: boolean; info: HighlightedChunk } | undefined;\n  let newActiveIndex: number | undefined;\n\n  for (let i = 0; i < chunks.length; i++) {\n    const chunk = chunks[i];\n    const isActive = i === activeChunk;\n    if (\n      lastChunk &&\n      lastChunk.info.end === chunk.start &&\n      !isActive &&\n      !lastChunk.isActive\n    ) {\n      lastChunk.info.end = chunk.end;\n      continue;\n    }\n    isActive && (newActiveIndex = mergedChunks.length);\n    const newChunk = { start: chunk.start, end: chunk.end };\n    lastChunk = { isActive, info: newChunk };\n    mergedChunks.push(newChunk);\n  }\n  return { mergedChunks, newActiveIndex };\n}\n"]}

package/lib/components-react/common/HighlightedText.scss

@@ -0,0 +1,8 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+
+.components-activehighlight {
+  background-color: orange;
+}

package/lib/components-react/common/selection/SelectionHandler.d.ts

@@ -4,6 +4,7 @@
 import { SelectionMode } from "./SelectionModes.js";
 /** Prototype for a Selection Changed handler
  * @public
+ * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.
  */
 export declare type OnSelectionChanged = (shiftDown?: boolean, ctrlDown?: boolean) => void;
 /**
@@ -62,12 +63,14 @@ export interface MultiSelectionHandler<TItem> {
  * @param items Items that were selected.
  * @param replace Should replace current selection.
  * @public
+ * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.
  */
 export declare type OnItemsSelectedCallback<TItem> = (items: TItem[], replace: boolean) => void | boolean;
 /**
  * Called after items were deselected.
  * @param items Items that were deselected.
  * @public
+ * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.
  */
 export declare type OnItemsDeselectedCallback<Item> = (items: Item[]) => void | boolean;
 /** @internal */

package/lib/components-react/common/selection/SelectionHandler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionHandler.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/selection/SelectionHandler.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"SelectionHandler.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/selection/SelectionHandler.ts"],"names":[],"mappings":"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"}

package/lib/components-react/common/selection/SelectionHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionHandler.js","sourceRoot":"","sources":["../../../../src/components-react/common/selection/SelectionHandler.ts"],"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 Common\n */\n\nimport { Rectangle } from \"@itwin/core-react/internal\";\nimport {\n  hasSelectionModeFlag,\n  SelectionMode,\n  SelectionModeFlags,\n} from \"./SelectionModes.js\";\n\n/** Prototype for a Selection Changed handler\n * @public\n */\nexport declare type OnSelectionChanged = (\n  shiftDown?: boolean,\n  ctrlDown?: boolean\n) => void;\n\n/**\n * Contains single item specific methods required by selection handler.\n * @internal\n */\nexport interface SingleSelectionHandler<TItem> {\n  /**\n   * Callback for before an item is selected.\n   */\n  preselect: () => void;\n\n  /**\n   * Selects the item.\n   */\n  select: () => void;\n\n  /**\n   * Deselects the item.\n   */\n  deselect: () => void;\n\n  /**\n   * Returns true if item is selected.\n   */\n  isSelected: () => boolean;\n\n  /**\n   * Returns the item.\n   */\n  item: () => TItem;\n}\n\n/**\n * Contains multi-selection methods required by selection handler.\n * @internal\n */\nexport interface MultiSelectionHandler<TItem> {\n  /**\n   * Shift selects between two items.\n   * Returns items that were selected.\n   */\n  selectBetween: (item1: TItem, item2: TItem) => TItem[];\n\n  /**\n   * Updates selection.\n   * @param selections Items to be added to selection.\n   * @param deselections Items to be removed from selection.\n   */\n  updateSelection: (selections: TItem[], deselections: TItem[]) => void;\n\n  /**\n   * Deselects all items.\n   */\n  deselectAll: () => void;\n\n  /**\n   * Returns true if items are equal.\n   */\n  areEqual: (item1: TItem, item2: TItem) => boolean;\n}\n\n/**\n * Called after items were selected.\n * @param items Items that were selected.\n * @param replace Should replace current selection.\n * @public\n */\nexport declare type OnItemsSelectedCallback<TItem> = (\n  items: TItem[],\n  replace: boolean\n) => void | boolean;\n\n/**\n * Called after items were deselected.\n * @param items Items that were deselected.\n * @public\n */\nexport declare type OnItemsDeselectedCallback<Item> = (\n  items: Item[]\n) => void | boolean;\n\nclass BatchSelectionOperation<Item> {\n  public readonly selections = new Array<Item>();\n  public readonly deselections = new Array<Item>();\n  public readonly shouldReplace: boolean;\n\n  private _componentSelectionHandler: MultiSelectionHandler<Item>;\n\n  public constructor(\n    componentSelectionHandler: MultiSelectionHandler<Item>,\n    shouldReplace: boolean\n  ) {\n    this.shouldReplace = shouldReplace;\n    this._componentSelectionHandler = componentSelectionHandler;\n  }\n\n  public select(node: Item | Item[]) {\n    this.addNodes(\n      node,\n      this.selections,\n      this.shouldReplace ? undefined : this.deselections\n    );\n  }\n\n  public deselect(node: Item | Item[]) {\n    this.addNodes(\n      node,\n      this.deselections,\n      this.shouldReplace ? undefined : this.selections\n    );\n  }\n\n  private addNodes(node: Item | Item[], addTo: Item[], removeFrom?: Item[]) {\n    if (Array.isArray(node)) {\n      for (const n of node) {\n        if (removeFrom) {\n          const index = removeFrom.findIndex((x) =>\n            this._componentSelectionHandler.areEqual(x, n)\n          );\n          if (index > -1) {\n            removeFrom.splice(index, 1);\n            continue;\n          }\n        }\n        addTo.push(n);\n      }\n    } else {\n      this.addNodes([node], addTo, removeFrom);\n    }\n  }\n}\n\n/** @internal */\nexport class DragAction<Item> {\n  private _itemSelectionHandlers: Array<Array<SingleSelectionHandler<Item>>>;\n  private _componentSelectionHandler: MultiSelectionHandler<Item>;\n  private _previousRow: number;\n  private _previousColumn: number;\n  private _firstItemRow: number;\n  private _firstItemColumn: number;\n  private _firstItemSelected: boolean;\n\n  public constructor(\n    componentSelectionHandler: MultiSelectionHandler<Item>,\n    itemSelectionHandlers: Array<Array<SingleSelectionHandler<Item>>>,\n    firstItem: Item\n  ) {\n    this._itemSelectionHandlers = itemSelectionHandlers;\n    this._componentSelectionHandler = componentSelectionHandler;\n    const itemPos = this.findItem(this._itemSelectionHandlers, firstItem);\n    this._previousRow = itemPos.y;\n    this._previousColumn = itemPos.x;\n    this._firstItemRow = itemPos.y;\n    this._firstItemColumn = itemPos.x;\n    this._firstItemSelected = false;\n  }\n\n  public updateDragAction(latestItem: Item): {\n    selections: Item[];\n    deselections: Item[];\n  } {\n    const currentPos = this.findItem(this._itemSelectionHandlers, latestItem);\n    if (\n      (currentPos.y === this._previousRow &&\n        currentPos.x === this._previousColumn) ||\n      currentPos.x < 0 ||\n      currentPos.y < 0\n    )\n      return { selections: [], deselections: [] };\n\n    const currentRange = Rectangle.createXYXY(\n      this._firstItemColumn,\n      this._firstItemRow,\n      currentPos.x,\n      currentPos.y\n    );\n    const previousRange = Rectangle.createXYXY(\n      this._firstItemColumn,\n      this._firstItemRow,\n      this._previousColumn,\n      this._previousRow\n    );\n    const wholeRange = Rectangle.createXYXY(\n      currentRange.right > previousRange.right\n        ? currentRange.right\n        : previousRange.right,\n      currentRange.bottom > previousRange.bottom\n        ? currentRange.bottom\n        : previousRange.bottom,\n      currentRange.left < previousRange.left\n        ? currentRange.left\n        : previousRange.left,\n      currentRange.top < previousRange.top\n        ? currentRange.top\n        : previousRange.top\n    );\n    const selections = [];\n    const deselections = [];\n\n    // have to select first item separately since it is will always be in both previous and current ranges.\n    if (!this._firstItemSelected) {\n      const handler =\n        this._itemSelectionHandlers[this._firstItemRow][this._firstItemColumn];\n      if (handler.isSelected()) deselections.push(handler.item());\n      else selections.push(handler.item());\n      this._firstItemSelected = true;\n    }\n\n    for (let r = wholeRange.top; r <= wholeRange.bottom; r++) {\n      for (let c = wholeRange.left; c <= wholeRange.right; c++) {\n        const insidePrevious = previousRange.containsXY(c, r);\n        const insideCurrent = currentRange.containsXY(c, r);\n        // If item is in only one of the ranges that means it's selection needs to be toggled.\n        if (\n          (insidePrevious || insideCurrent) &&\n          insideCurrent !== insidePrevious\n        ) {\n          const itemHandler = this._itemSelectionHandlers[r][c];\n          if (itemHandler.isSelected()) deselections.push(itemHandler.item());\n          else selections.push(itemHandler.item());\n        }\n      }\n    }\n\n    this._previousRow = currentPos.y;\n    this._previousColumn = currentPos.x;\n    return { selections, deselections };\n  }\n\n  private findItem(\n    itemSelectionHandlers: Array<Array<SingleSelectionHandler<Item>>>,\n    item: Item\n  ): { x: number; y: number } {\n    if (\n      this._previousRow !== undefined &&\n      this._previousRow !== -1 &&\n      this._previousColumn !== undefined &&\n      this._previousColumn !== -1 &&\n      this._componentSelectionHandler.areEqual(\n        itemSelectionHandlers[this._previousRow][this._previousColumn].item(),\n        item\n      )\n    ) {\n      return { y: this._previousRow, x: this._previousColumn };\n    }\n    for (let row = 0; row < itemSelectionHandlers.length; row++) {\n      for (\n        let column = 0;\n        column < itemSelectionHandlers[row].length;\n        column++\n      ) {\n        if (\n          this._componentSelectionHandler.areEqual(\n            itemSelectionHandlers[row][column].item(),\n            item\n          )\n        )\n          return { x: column, y: row };\n      }\n    }\n    return { x: -1, y: -1 };\n  }\n}\n\n/** @internal */\nexport class SelectionHandler<Item> {\n  /** Selection mode. */\n  public selectionMode: SelectionMode;\n  public onItemsSelectedCallback?: OnItemsSelectedCallback<Item>;\n  public onItemsDeselectedCallback?: OnItemsDeselectedCallback<Item>;\n\n  private _currentOperation?: BatchSelectionOperation<Item>;\n  private _lastItem?: Item; // keeps track of last item interacted with for shift selection\n  private _processedItem?: Item; // last item interacted with\n  private _dragAction?: DragAction<Item>;\n  private _componentSelectionHandler?: MultiSelectionHandler<Item>; // needed for drag selection\n\n  constructor(\n    selectionMode: SelectionMode,\n    onItemsSelectedCallback?: OnItemsSelectedCallback<Item>,\n    onItemsDeselectedCallback?: OnItemsDeselectedCallback<Item>\n  ) {\n    this.selectionMode = selectionMode;\n    this.onItemsSelectedCallback = onItemsSelectedCallback;\n    this.onItemsDeselectedCallback = onItemsDeselectedCallback;\n  }\n\n  /** Get the onSelectionChange processed item */\n  public get processedItem(): Item | undefined {\n    return this._processedItem;\n  }\n\n  /** Creates a function that should be called when selection changes. */\n  public createSelectionFunction(\n    componentHandler: MultiSelectionHandler<Item>,\n    itemHandler: SingleSelectionHandler<Item>\n  ): OnSelectionChanged {\n    const onSelectionChange: OnSelectionChanged = (shiftDown, ctrlDown) => {\n      this._processedItem = itemHandler.item();\n\n      if (this.selectionMode === SelectionMode.None) {\n        return;\n      }\n\n      let operationCreated = false;\n      let shiftSelected = false;\n      if (!this._currentOperation) {\n        // will replace selection if it is limited to one or keys are enabled but ctrl is not down\n        const shouldReplace =\n          (hasSelectionModeFlag(\n            this.selectionMode,\n            SelectionModeFlags.KeysEnabled\n          ) &&\n            !ctrlDown) ||\n          hasSelectionModeFlag(\n            this.selectionMode,\n            SelectionModeFlags.SelectionLimitOne\n          );\n        this._currentOperation = new BatchSelectionOperation<Item>(\n          componentHandler,\n          shouldReplace\n        );\n        operationCreated = true;\n      }\n\n      if (\n        hasSelectionModeFlag(this.selectionMode, SelectionModeFlags.KeysEnabled)\n      ) {\n        if (!ctrlDown) componentHandler.deselectAll();\n        if (shiftDown && this._lastItem !== undefined) {\n          const selected = componentHandler.selectBetween(\n            this._lastItem,\n            itemHandler.item()\n          );\n          this._currentOperation.select(selected);\n          shiftSelected = true;\n        }\n      }\n\n      if (!shiftSelected) {\n        itemHandler.preselect();\n\n        if (\n          hasSelectionModeFlag(\n            this.selectionMode,\n            SelectionModeFlags.SelectionLimitOne\n          ) &&\n          !(\n            hasSelectionModeFlag(\n              this.selectionMode,\n              SelectionModeFlags.ToggleEnabled\n            ) && itemHandler.isSelected()\n          )\n        ) {\n          componentHandler.deselectAll();\n        }\n\n        if (itemHandler.isSelected()) {\n          itemHandler.deselect();\n          this._currentOperation.deselect(itemHandler.item());\n        } else {\n          itemHandler.select();\n          this._currentOperation.select(itemHandler.item());\n        }\n        this._lastItem = itemHandler.item();\n      }\n\n      if (operationCreated) this.completeOperation();\n    };\n    return onSelectionChange.bind(this);\n  }\n\n  private completeOperation(): void {\n    if (!this._currentOperation) return;\n\n    if (0 !== this._currentOperation.selections.length) {\n      if (this.onItemsSelectedCallback) {\n        this.onItemsSelectedCallback(\n          this._currentOperation.selections,\n          this._currentOperation.shouldReplace\n        );\n        if (this._currentOperation.shouldReplace) {\n          this._currentOperation = undefined;\n          return;\n        }\n      }\n    }\n    if (0 !== this._currentOperation.deselections.length) {\n      if (this.onItemsDeselectedCallback)\n        this.onItemsDeselectedCallback(this._currentOperation.deselections);\n    }\n    this._currentOperation = undefined;\n  }\n\n  /**\n   * Creates drag action.\n   * @param componentSelectionHandler Component selection handler.\n   * @param items Ordered item selection handlers separated into arrays by rows.\n   * @param firstItem Item on which drag action was started.\n   */\n  public createDragAction(\n    componentSelectionHandler: MultiSelectionHandler<Item>,\n    items: Array<Array<SingleSelectionHandler<Item>>>,\n    firstItem: Item\n  ): void {\n    if (\n      !hasSelectionModeFlag(this.selectionMode, SelectionModeFlags.DragEnabled)\n    )\n      return;\n\n    this._dragAction = new DragAction(\n      componentSelectionHandler,\n      items,\n      firstItem\n    );\n    this._componentSelectionHandler = componentSelectionHandler;\n  }\n\n  /**\n   * Updates existing drag action.\n   * @param latestItem Latest item in drag action.\n   */\n  public updateDragAction(latestItem: Item): void {\n    if (\n      !hasSelectionModeFlag(this.selectionMode, SelectionModeFlags.DragEnabled)\n    )\n      return;\n\n    if (!this._dragAction || !this._componentSelectionHandler) return;\n\n    this._lastItem = latestItem;\n    const selectionChanges = this._dragAction.updateDragAction(latestItem);\n\n    if (\n      selectionChanges.deselections.length !== 0 ||\n      selectionChanges.selections.length !== 0\n    ) {\n      if (!this._currentOperation)\n        this._currentOperation = new BatchSelectionOperation(\n          this._componentSelectionHandler,\n          false\n        );\n      this._currentOperation.select(selectionChanges.selections);\n      this._currentOperation.deselect(selectionChanges.deselections);\n      this._componentSelectionHandler.updateSelection(\n        selectionChanges.selections,\n        selectionChanges.deselections\n      );\n    }\n  }\n\n  /**\n   * Completes drag action.\n   */\n  public completeDragAction() {\n    this._dragAction = undefined;\n    this._componentSelectionHandler = undefined;\n    this.completeOperation();\n  }\n}\n"]}
+{"version":3,"file":"SelectionHandler.js","sourceRoot":"","sources":["../../../../src/components-react/common/selection/SelectionHandler.ts"],"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 Common\n */\n\nimport { Rectangle } from \"@itwin/core-react/internal\";\nimport {\n  hasSelectionModeFlag,\n  SelectionMode,\n  SelectionModeFlags,\n} from \"./SelectionModes.js\";\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Prototype for a Selection Changed handler\n * @public\n * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.\n */\nexport declare type OnSelectionChanged = (\n  shiftDown?: boolean,\n  ctrlDown?: boolean\n) => void;\n\n/**\n * Contains single item specific methods required by selection handler.\n * @internal\n */\nexport interface SingleSelectionHandler<TItem> {\n  /**\n   * Callback for before an item is selected.\n   */\n  preselect: () => void;\n\n  /**\n   * Selects the item.\n   */\n  select: () => void;\n\n  /**\n   * Deselects the item.\n   */\n  deselect: () => void;\n\n  /**\n   * Returns true if item is selected.\n   */\n  isSelected: () => boolean;\n\n  /**\n   * Returns the item.\n   */\n  item: () => TItem;\n}\n\n/**\n * Contains multi-selection methods required by selection handler.\n * @internal\n */\nexport interface MultiSelectionHandler<TItem> {\n  /**\n   * Shift selects between two items.\n   * Returns items that were selected.\n   */\n  selectBetween: (item1: TItem, item2: TItem) => TItem[];\n\n  /**\n   * Updates selection.\n   * @param selections Items to be added to selection.\n   * @param deselections Items to be removed from selection.\n   */\n  updateSelection: (selections: TItem[], deselections: TItem[]) => void;\n\n  /**\n   * Deselects all items.\n   */\n  deselectAll: () => void;\n\n  /**\n   * Returns true if items are equal.\n   */\n  areEqual: (item1: TItem, item2: TItem) => boolean;\n}\n\n/**\n * Called after items were selected.\n * @param items Items that were selected.\n * @param replace Should replace current selection.\n * @public\n * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.\n */\nexport declare type OnItemsSelectedCallback<TItem> = (\n  items: TItem[],\n  replace: boolean\n) => void | boolean;\n\n/**\n * Called after items were deselected.\n * @param items Items that were deselected.\n * @public\n * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.\n */\nexport declare type OnItemsDeselectedCallback<Item> = (\n  items: Item[]\n) => void | boolean;\n\nclass BatchSelectionOperation<Item> {\n  public readonly selections = new Array<Item>();\n  public readonly deselections = new Array<Item>();\n  public readonly shouldReplace: boolean;\n\n  private _componentSelectionHandler: MultiSelectionHandler<Item>;\n\n  public constructor(\n    componentSelectionHandler: MultiSelectionHandler<Item>,\n    shouldReplace: boolean\n  ) {\n    this.shouldReplace = shouldReplace;\n    this._componentSelectionHandler = componentSelectionHandler;\n  }\n\n  public select(node: Item | Item[]) {\n    this.addNodes(\n      node,\n      this.selections,\n      this.shouldReplace ? undefined : this.deselections\n    );\n  }\n\n  public deselect(node: Item | Item[]) {\n    this.addNodes(\n      node,\n      this.deselections,\n      this.shouldReplace ? undefined : this.selections\n    );\n  }\n\n  private addNodes(node: Item | Item[], addTo: Item[], removeFrom?: Item[]) {\n    if (Array.isArray(node)) {\n      for (const n of node) {\n        if (removeFrom) {\n          const index = removeFrom.findIndex((x) =>\n            this._componentSelectionHandler.areEqual(x, n)\n          );\n          if (index > -1) {\n            removeFrom.splice(index, 1);\n            continue;\n          }\n        }\n        addTo.push(n);\n      }\n    } else {\n      this.addNodes([node], addTo, removeFrom);\n    }\n  }\n}\n\n/** @internal */\nexport class DragAction<Item> {\n  private _itemSelectionHandlers: Array<Array<SingleSelectionHandler<Item>>>;\n  private _componentSelectionHandler: MultiSelectionHandler<Item>;\n  private _previousRow: number;\n  private _previousColumn: number;\n  private _firstItemRow: number;\n  private _firstItemColumn: number;\n  private _firstItemSelected: boolean;\n\n  public constructor(\n    componentSelectionHandler: MultiSelectionHandler<Item>,\n    itemSelectionHandlers: Array<Array<SingleSelectionHandler<Item>>>,\n    firstItem: Item\n  ) {\n    this._itemSelectionHandlers = itemSelectionHandlers;\n    this._componentSelectionHandler = componentSelectionHandler;\n    const itemPos = this.findItem(this._itemSelectionHandlers, firstItem);\n    this._previousRow = itemPos.y;\n    this._previousColumn = itemPos.x;\n    this._firstItemRow = itemPos.y;\n    this._firstItemColumn = itemPos.x;\n    this._firstItemSelected = false;\n  }\n\n  public updateDragAction(latestItem: Item): {\n    selections: Item[];\n    deselections: Item[];\n  } {\n    const currentPos = this.findItem(this._itemSelectionHandlers, latestItem);\n    if (\n      (currentPos.y === this._previousRow &&\n        currentPos.x === this._previousColumn) ||\n      currentPos.x < 0 ||\n      currentPos.y < 0\n    )\n      return { selections: [], deselections: [] };\n\n    const currentRange = Rectangle.createXYXY(\n      this._firstItemColumn,\n      this._firstItemRow,\n      currentPos.x,\n      currentPos.y\n    );\n    const previousRange = Rectangle.createXYXY(\n      this._firstItemColumn,\n      this._firstItemRow,\n      this._previousColumn,\n      this._previousRow\n    );\n    const wholeRange = Rectangle.createXYXY(\n      currentRange.right > previousRange.right\n        ? currentRange.right\n        : previousRange.right,\n      currentRange.bottom > previousRange.bottom\n        ? currentRange.bottom\n        : previousRange.bottom,\n      currentRange.left < previousRange.left\n        ? currentRange.left\n        : previousRange.left,\n      currentRange.top < previousRange.top\n        ? currentRange.top\n        : previousRange.top\n    );\n    const selections = [];\n    const deselections = [];\n\n    // have to select first item separately since it is will always be in both previous and current ranges.\n    if (!this._firstItemSelected) {\n      const handler =\n        this._itemSelectionHandlers[this._firstItemRow][this._firstItemColumn];\n      if (handler.isSelected()) deselections.push(handler.item());\n      else selections.push(handler.item());\n      this._firstItemSelected = true;\n    }\n\n    for (let r = wholeRange.top; r <= wholeRange.bottom; r++) {\n      for (let c = wholeRange.left; c <= wholeRange.right; c++) {\n        const insidePrevious = previousRange.containsXY(c, r);\n        const insideCurrent = currentRange.containsXY(c, r);\n        // If item is in only one of the ranges that means it's selection needs to be toggled.\n        if (\n          (insidePrevious || insideCurrent) &&\n          insideCurrent !== insidePrevious\n        ) {\n          const itemHandler = this._itemSelectionHandlers[r][c];\n          if (itemHandler.isSelected()) deselections.push(itemHandler.item());\n          else selections.push(itemHandler.item());\n        }\n      }\n    }\n\n    this._previousRow = currentPos.y;\n    this._previousColumn = currentPos.x;\n    return { selections, deselections };\n  }\n\n  private findItem(\n    itemSelectionHandlers: Array<Array<SingleSelectionHandler<Item>>>,\n    item: Item\n  ): { x: number; y: number } {\n    if (\n      this._previousRow !== undefined &&\n      this._previousRow !== -1 &&\n      this._previousColumn !== undefined &&\n      this._previousColumn !== -1 &&\n      this._componentSelectionHandler.areEqual(\n        itemSelectionHandlers[this._previousRow][this._previousColumn].item(),\n        item\n      )\n    ) {\n      return { y: this._previousRow, x: this._previousColumn };\n    }\n    for (let row = 0; row < itemSelectionHandlers.length; row++) {\n      for (\n        let column = 0;\n        column < itemSelectionHandlers[row].length;\n        column++\n      ) {\n        if (\n          this._componentSelectionHandler.areEqual(\n            itemSelectionHandlers[row][column].item(),\n            item\n          )\n        )\n          return { x: column, y: row };\n      }\n    }\n    return { x: -1, y: -1 };\n  }\n}\n\n/** @internal */\nexport class SelectionHandler<Item> {\n  /** Selection mode. */\n  public selectionMode: SelectionMode;\n  public onItemsSelectedCallback?: OnItemsSelectedCallback<Item>;\n  public onItemsDeselectedCallback?: OnItemsDeselectedCallback<Item>;\n\n  private _currentOperation?: BatchSelectionOperation<Item>;\n  private _lastItem?: Item; // keeps track of last item interacted with for shift selection\n  private _processedItem?: Item; // last item interacted with\n  private _dragAction?: DragAction<Item>;\n  private _componentSelectionHandler?: MultiSelectionHandler<Item>; // needed for drag selection\n\n  constructor(\n    selectionMode: SelectionMode,\n    onItemsSelectedCallback?: OnItemsSelectedCallback<Item>,\n    onItemsDeselectedCallback?: OnItemsDeselectedCallback<Item>\n  ) {\n    this.selectionMode = selectionMode;\n    this.onItemsSelectedCallback = onItemsSelectedCallback;\n    this.onItemsDeselectedCallback = onItemsDeselectedCallback;\n  }\n\n  /** Get the onSelectionChange processed item */\n  public get processedItem(): Item | undefined {\n    return this._processedItem;\n  }\n\n  /** Creates a function that should be called when selection changes. */\n  public createSelectionFunction(\n    componentHandler: MultiSelectionHandler<Item>,\n    itemHandler: SingleSelectionHandler<Item>\n  ): OnSelectionChanged {\n    const onSelectionChange: OnSelectionChanged = (shiftDown, ctrlDown) => {\n      this._processedItem = itemHandler.item();\n\n      if (this.selectionMode === SelectionMode.None) {\n        return;\n      }\n\n      let operationCreated = false;\n      let shiftSelected = false;\n      if (!this._currentOperation) {\n        // will replace selection if it is limited to one or keys are enabled but ctrl is not down\n        const shouldReplace =\n          (hasSelectionModeFlag(\n            this.selectionMode,\n            SelectionModeFlags.KeysEnabled\n          ) &&\n            !ctrlDown) ||\n          hasSelectionModeFlag(\n            this.selectionMode,\n            SelectionModeFlags.SelectionLimitOne\n          );\n        this._currentOperation = new BatchSelectionOperation<Item>(\n          componentHandler,\n          shouldReplace\n        );\n        operationCreated = true;\n      }\n\n      if (\n        hasSelectionModeFlag(this.selectionMode, SelectionModeFlags.KeysEnabled)\n      ) {\n        if (!ctrlDown) componentHandler.deselectAll();\n        if (shiftDown && this._lastItem !== undefined) {\n          const selected = componentHandler.selectBetween(\n            this._lastItem,\n            itemHandler.item()\n          );\n          this._currentOperation.select(selected);\n          shiftSelected = true;\n        }\n      }\n\n      if (!shiftSelected) {\n        itemHandler.preselect();\n\n        if (\n          hasSelectionModeFlag(\n            this.selectionMode,\n            SelectionModeFlags.SelectionLimitOne\n          ) &&\n          !(\n            hasSelectionModeFlag(\n              this.selectionMode,\n              SelectionModeFlags.ToggleEnabled\n            ) && itemHandler.isSelected()\n          )\n        ) {\n          componentHandler.deselectAll();\n        }\n\n        if (itemHandler.isSelected()) {\n          itemHandler.deselect();\n          this._currentOperation.deselect(itemHandler.item());\n        } else {\n          itemHandler.select();\n          this._currentOperation.select(itemHandler.item());\n        }\n        this._lastItem = itemHandler.item();\n      }\n\n      if (operationCreated) this.completeOperation();\n    };\n    return onSelectionChange.bind(this);\n  }\n\n  private completeOperation(): void {\n    if (!this._currentOperation) return;\n\n    if (0 !== this._currentOperation.selections.length) {\n      if (this.onItemsSelectedCallback) {\n        this.onItemsSelectedCallback(\n          this._currentOperation.selections,\n          this._currentOperation.shouldReplace\n        );\n        if (this._currentOperation.shouldReplace) {\n          this._currentOperation = undefined;\n          return;\n        }\n      }\n    }\n    if (0 !== this._currentOperation.deselections.length) {\n      if (this.onItemsDeselectedCallback)\n        this.onItemsDeselectedCallback(this._currentOperation.deselections);\n    }\n    this._currentOperation = undefined;\n  }\n\n  /**\n   * Creates drag action.\n   * @param componentSelectionHandler Component selection handler.\n   * @param items Ordered item selection handlers separated into arrays by rows.\n   * @param firstItem Item on which drag action was started.\n   */\n  public createDragAction(\n    componentSelectionHandler: MultiSelectionHandler<Item>,\n    items: Array<Array<SingleSelectionHandler<Item>>>,\n    firstItem: Item\n  ): void {\n    if (\n      !hasSelectionModeFlag(this.selectionMode, SelectionModeFlags.DragEnabled)\n    )\n      return;\n\n    this._dragAction = new DragAction(\n      componentSelectionHandler,\n      items,\n      firstItem\n    );\n    this._componentSelectionHandler = componentSelectionHandler;\n  }\n\n  /**\n   * Updates existing drag action.\n   * @param latestItem Latest item in drag action.\n   */\n  public updateDragAction(latestItem: Item): void {\n    if (\n      !hasSelectionModeFlag(this.selectionMode, SelectionModeFlags.DragEnabled)\n    )\n      return;\n\n    if (!this._dragAction || !this._componentSelectionHandler) return;\n\n    this._lastItem = latestItem;\n    const selectionChanges = this._dragAction.updateDragAction(latestItem);\n\n    if (\n      selectionChanges.deselections.length !== 0 ||\n      selectionChanges.selections.length !== 0\n    ) {\n      if (!this._currentOperation)\n        this._currentOperation = new BatchSelectionOperation(\n          this._componentSelectionHandler,\n          false\n        );\n      this._currentOperation.select(selectionChanges.selections);\n      this._currentOperation.deselect(selectionChanges.deselections);\n      this._componentSelectionHandler.updateSelection(\n        selectionChanges.selections,\n        selectionChanges.deselections\n      );\n    }\n  }\n\n  /**\n   * Completes drag action.\n   */\n  public completeDragAction() {\n    this._dragAction = undefined;\n    this._componentSelectionHandler = undefined;\n    this.completeOperation();\n  }\n}\n"]}

package/lib/components-react/common/selection/SelectionModes.d.ts

@@ -3,6 +3,7 @@
  */
 /** Selection mode flags for Tree row selection
  * @public
+ * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.
  */
 export declare enum SelectionModeFlags {
     SelectionLimitOne = 1,
@@ -13,6 +14,7 @@ export declare enum SelectionModeFlags {
 }
 /** Selection modes for Tree row selection
  * @public
+ * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.
  */
 export declare enum SelectionMode {
     /** Only one item selected at a time. */
@@ -28,6 +30,7 @@ export declare enum SelectionMode {
 }
 /** Determines if a SelectionMode is active
  * @public
+ * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.
  */
 export declare const hasSelectionModeFlag: (selectionMode: SelectionMode, flag: SelectionModeFlags) => boolean;
 //# sourceMappingURL=SelectionModes.d.ts.map

package/lib/components-react/common/selection/SelectionModes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionModes.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/selection/SelectionModes.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,iBAAiB,IAAS;IAC1B,WAAW,IAAS;IACpB,aAAa,IAAS;IACtB,WAAW,IAAS;IACpB,IAAI,KAAS;CACd;AAED;;GAEG;AACH,oBAAY,aAAa;IACvB,wCAAwC;IACxC,MAAM,IAAuC;IAC7C,mDAAmD;IACnD,QAAQ,IAAoE;IAC5E,oEAAoE;IACpE,QAAQ,KAAoE;IAC5E,iEAAiE;IACjE,mBAAmB,IACe;IAClC,uCAAuC;IACvC,IAAI,KAA0B;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,kBAChB,aAAa,QACtB,kBAAkB,KACvB,OAEF,CAAC"}
+{"version":3,"file":"SelectionModes.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/selection/SelectionModes.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH;;;GAGG;AACH,oBAAY,kBAAkB;IAC5B,iBAAiB,IAAS;IAC1B,WAAW,IAAS;IACpB,aAAa,IAAS;IACtB,WAAW,IAAS;IACpB,IAAI,KAAS;CACd;AAED;;;GAGG;AACH,oBAAY,aAAa;IACvB,wCAAwC;IACxC,MAAM,IAAuC;IAC7C,mDAAmD;IACnD,QAAQ,IAAoE;IAC5E,oEAAoE;IACpE,QAAQ,KAAoE;IAC5E,iEAAiE;IACjE,mBAAmB,IACe;IAClC,uCAAuC;IACvC,IAAI,KAA0B;CAC/B;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,kBAChB,aAAa,QACtB,kBAAkB,KACvB,OAEF,CAAC"}

package/lib/components-react/common/selection/SelectionModes.js

@@ -5,8 +5,10 @@
 /** @packageDocumentation
  * @module Common
  */
+/* eslint-disable @typescript-eslint/no-deprecated */
 /** Selection mode flags for Tree row selection
  * @public
+ * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.
  */
 export var SelectionModeFlags;
 (function (SelectionModeFlags) {
@@ -18,6 +20,7 @@ export var SelectionModeFlags;
 })(SelectionModeFlags || (SelectionModeFlags = {}));
 /** Selection modes for Tree row selection
  * @public
+ * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.
  */
 export var SelectionMode;
 (function (SelectionMode) {
@@ -34,6 +37,7 @@ export var SelectionMode;
 })(SelectionMode || (SelectionMode = {}));
 /** Determines if a SelectionMode is active
  * @public
+ * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.
  */
 export const hasSelectionModeFlag = (selectionMode, flag) => {
     return (selectionMode & flag) !== 0;

package/lib/components-react/common/selection/SelectionModes.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionModes.js","sourceRoot":"","sources":["../../../../src/components-react/common/selection/SelectionModes.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH;;GAEG;AACH,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,qFAA0B,CAAA;IAC1B,yEAAoB,CAAA;IACpB,6EAAsB,CAAA;IACtB,yEAAoB,CAAA;IACpB,4DAAa,CAAA;AACf,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,aAYX;AAZD,WAAY,aAAa;IACvB,wCAAwC;IACxC,qDAA6C,CAAA;IAC7C,mDAAmD;IACnD,yDAA4E,CAAA;IAC5E,oEAAoE;IACpE,0DAA4E,CAAA;IAC5E,iEAAiE;IACjE,+EACkC,CAAA;IAClC,uCAAuC;IACvC,kDAA8B,CAAA;AAChC,CAAC,EAZW,aAAa,KAAb,aAAa,QAYxB;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,aAA4B,EAC5B,IAAwB,EACf,EAAE;IACX,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACtC,CAAC,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 Common\n */\n\n/** Selection mode flags for Tree row selection\n * @public\n */\nexport enum SelectionModeFlags {\n  SelectionLimitOne = 1 << 0,\n  DragEnabled = 1 << 1,\n  ToggleEnabled = 1 << 2,\n  KeysEnabled = 1 << 3,\n  None = 1 << 4,\n}\n\n/** Selection modes for Tree row selection\n * @public\n */\nexport enum SelectionMode {\n  /** Only one item selected at a time. */\n  Single = SelectionModeFlags.SelectionLimitOne,\n  /** Toggles items; drag only applies to desktop. */\n  Multiple = SelectionModeFlags.DragEnabled | SelectionModeFlags.ToggleEnabled,\n  /** Allows the use of Ctrl & Shift Keys in a desktop environment. */\n  Extended = SelectionModeFlags.KeysEnabled | SelectionModeFlags.ToggleEnabled,\n  /** Only one item selected at a time; also allows deselecting. */\n  SingleAllowDeselect = SelectionModeFlags.SelectionLimitOne |\n    SelectionModeFlags.ToggleEnabled,\n  /** Do not allow (disable) selection */\n  None = SelectionModeFlags.None,\n}\n\n/** Determines if a SelectionMode is active\n * @public\n */\nexport const hasSelectionModeFlag = (\n  selectionMode: SelectionMode,\n  flag: SelectionModeFlags\n): boolean => {\n  return (selectionMode & flag) !== 0;\n};\n"]}
+{"version":3,"file":"SelectionModes.js","sourceRoot":"","sources":["../../../../src/components-react/common/selection/SelectionModes.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,qDAAqD;AAErD;;;GAGG;AACH,MAAM,CAAN,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,qFAA0B,CAAA;IAC1B,yEAAoB,CAAA;IACpB,6EAAsB,CAAA;IACtB,yEAAoB,CAAA;IACpB,4DAAa,CAAA;AACf,CAAC,EANW,kBAAkB,KAAlB,kBAAkB,QAM7B;AAED;;;GAGG;AACH,MAAM,CAAN,IAAY,aAYX;AAZD,WAAY,aAAa;IACvB,wCAAwC;IACxC,qDAA6C,CAAA;IAC7C,mDAAmD;IACnD,yDAA4E,CAAA;IAC5E,oEAAoE;IACpE,0DAA4E,CAAA;IAC5E,iEAAiE;IACjE,+EACkC,CAAA;IAClC,uCAAuC;IACvC,kDAA8B,CAAA;AAChC,CAAC,EAZW,aAAa,KAAb,aAAa,QAYxB;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,aAA4B,EAC5B,IAAwB,EACf,EAAE;IACX,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;AACtC,CAAC,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 Common\n */\n\n/* eslint-disable @typescript-eslint/no-deprecated */\n\n/** Selection mode flags for Tree row selection\n * @public\n * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.\n */\nexport enum SelectionModeFlags {\n  SelectionLimitOne = 1 << 0,\n  DragEnabled = 1 << 1,\n  ToggleEnabled = 1 << 2,\n  KeysEnabled = 1 << 3,\n  None = 1 << 4,\n}\n\n/** Selection modes for Tree row selection\n * @public\n * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.\n */\nexport enum SelectionMode {\n  /** Only one item selected at a time. */\n  Single = SelectionModeFlags.SelectionLimitOne,\n  /** Toggles items; drag only applies to desktop. */\n  Multiple = SelectionModeFlags.DragEnabled | SelectionModeFlags.ToggleEnabled,\n  /** Allows the use of Ctrl & Shift Keys in a desktop environment. */\n  Extended = SelectionModeFlags.KeysEnabled | SelectionModeFlags.ToggleEnabled,\n  /** Only one item selected at a time; also allows deselecting. */\n  SingleAllowDeselect = SelectionModeFlags.SelectionLimitOne |\n    SelectionModeFlags.ToggleEnabled,\n  /** Do not allow (disable) selection */\n  None = SelectionModeFlags.None,\n}\n\n/** Determines if a SelectionMode is active\n * @public\n * @deprecated in 5.28.0. Used only deprecated `ControlledTree` component.\n */\nexport const hasSelectionModeFlag = (\n  selectionMode: SelectionMode,\n  flag: SelectionModeFlags\n): boolean => {\n  return (selectionMode & flag) !== 0;\n};\n"]}

package/lib/components-react/editors/CustomNumberEditor.d.ts

@@ -9,6 +9,7 @@ import { PropertyEditorBase } from "./PropertyEditorManager.js";
 interface CustomNumberEditorState {
     inputValue: string;
     size?: number;
+    maxSize?: number;
     maxLength?: number;
     iconSpec?: React.ReactNode;
 }

package/lib/components-react/editors/CustomNumberEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomNumberEditor.d.ts","sourceRoot":"","sources":["../../../src/components-react/editors/CustomNumberEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAOV,aAAa,EACd,MAAM,uBAAuB,CAAC;AAU/B,OAAO,KAAK,EAEV,mBAAmB,EACnB,UAAU,EACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAKhE,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,kBACX,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,uBAAuB,CACxE,YAAW,UAAU;;IAErB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAA0C;IAC/D,OAAO,CAAC,aAAa,CAAuC;IAC5D,OAAO,CAAC,eAAe,CAA4B;IAGnD,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,UAAU,CAA4B;IAE9C,SAAyB,KAAK,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAE/D;IAEW,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IA8FnE,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,kBAAkB;IA8B1B,OAAO,CAAC,iBAAiB,CAEvB;IAEc,iBAAiB;IAKjB,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjE,OAAO,CAAC,uBAAuB;IAuB/B,OAAO,CAAC,iBAAiB;IA6FzB,OAAO,CAAC,6BAA6B;IAQrC,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,QAAQ,CAEd;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CA+C1C;AAED;;;GAGG;AACH,qBAAa,0BAA2B,SAAQ,kBAAkB;IAChE,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IACD,IAAoB,sBAAsB,IAAI,OAAO,CAEpD;CACF"}
+{"version":3,"file":"CustomNumberEditor.d.ts","sourceRoot":"","sources":["../../../src/components-react/editors/CustomNumberEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAOV,aAAa,EACd,MAAM,uBAAuB,CAAC;AAU/B,OAAO,KAAK,EAEV,mBAAmB,EACnB,UAAU,EACX,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAKhE,UAAU,uBAAuB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;GAEG;AACH,qBAAa,kBACX,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,uBAAuB,CACxE,YAAW,UAAU;;IAErB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,aAAa,CAA0C;IAC/D,OAAO,CAAC,aAAa,CAAuC;IAC5D,OAAO,CAAC,eAAe,CAA4B;IAGnD,OAAO,CAAC,eAAe,CAAqB;IAC5C,OAAO,CAAC,UAAU,CAA4B;IAE9C,SAAyB,KAAK,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAE/D;IAEW,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IA8FnE,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,IAAW,QAAQ,IAAI,OAAO,CAE7B;IAED,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,kBAAkB;IA8B1B,OAAO,CAAC,iBAAiB,CAEvB;IAEc,iBAAiB;IAKjB,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjE,OAAO,CAAC,uBAAuB;IAuB/B,OAAO,CAAC,iBAAiB;IAgGzB,OAAO,CAAC,6BAA6B;IAQrC,OAAO,CAAC,WAAW,CAkBjB;IAEF,OAAO,CAAC,QAAQ,CAEd;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAkD1C;AAED;;;GAGG;AACH,qBAAa,0BAA2B,SAAQ,kBAAkB;IAChE,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IACD,IAAoB,sBAAsB,IAAI,OAAO,CAEpD;CACF"}

package/lib/components-react/editors/CustomNumberEditor.js

@@ -200,6 +200,7 @@ export class CustomNumberEditor extends React.PureComponent {
             displayValue: initialDisplayValue,
         };
         let size;
+        let maxSize;
         let maxLength;
         let iconSpec;
         if (record.property &&
@@ -209,6 +210,8 @@ export class CustomNumberEditor extends React.PureComponent {
             if (editorSizeParams) {
                 if (editorSizeParams.size)
                     size = editorSizeParams.size;
+                if (editorSizeParams.maxSize)
+                    maxSize = editorSizeParams.maxSize;
                 if (editorSizeParams.maxLength)
                     maxLength = editorSizeParams.maxLength;
             }
@@ -235,6 +238,7 @@ export class CustomNumberEditor extends React.PureComponent {
             inputValue,
             size,
             maxLength,
+            maxSize,
             iconSpec,
         });
     }
@@ -269,8 +273,11 @@ export class CustomNumberEditor extends React.PureComponent {
     render() {
         const { decoration } = this.props;
         const minSize = this.state.size ? this.state.size : 8;
-        const minWidthStyle = {
+        const style = {
             minWidth: `${minSize * 0.75}em`,
+            maxWidth: this.state.maxSize
+                ? `${this.state.maxSize * 0.75}em`
+                : undefined,
         };
         const record = this.props.propertyRecord;
         if (!record || !this._formatParams)
@@ -280,7 +287,7 @@ export class CustomNumberEditor extends React.PureComponent {
         const className = classnames("components-cell-editor", "components-customnumber-editor", this.props.className);
         const inputProps = {
             className,
-            style: this.props.style ? this.props.style : minWidthStyle,
+            style: this.props.style ? this.props.style : style,
             readOnly,
             disabled,
             maxLength: this.state.maxLength,

package/lib/components-react/editors/CustomNumberEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomNumberEditor.js","sourceRoot":"","sources":["../../../src/components-react/editors/CustomNumberEditor.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 PropertyEditors\n */\n\nimport \"./CustomNumberEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type {\n  CustomFormattedNumberParams,\n  IconEditorParams,\n  InputEditorSizeParams,\n  PrimitiveValue,\n  PropertyEditorParams,\n  PropertyRecord,\n  PropertyValue,\n} from \"@itwin/appui-abstract\";\nimport {\n  MessageSeverity,\n  PropertyEditorParamTypes,\n  PropertyValueFormat,\n  UiAdmin,\n} from \"@itwin/appui-abstract\";\nimport { Icon, IconInput } from \"@itwin/core-react\";\nimport { Input, InputWithDecorations } from \"@itwin/itwinui-react\";\nimport { UiComponents } from \"../UiComponents.js\";\nimport type {\n  InternalInputEditorProps,\n  PropertyEditorProps,\n  TypeEditor,\n} from \"./EditorContainer.js\";\nimport { PropertyEditorBase } from \"./PropertyEditorManager.js\";\nimport type { IconNodeEditorParams } from \"../../internal.js\";\n\ntype InputProps = React.ComponentPropsWithoutRef<typeof Input>;\n\ninterface CustomNumberEditorState {\n  inputValue: string;\n  size?: number;\n  maxLength?: number;\n  iconSpec?: React.ReactNode;\n}\n\n/** CustomNumberEditor is a React component that is a property editor for numbers that specify custom formatting and parsing functions.\n * @alpha\n */\nexport class CustomNumberEditor\n  extends React.PureComponent<PropertyEditorProps, CustomNumberEditorState>\n  implements TypeEditor\n{\n  private _isMounted = false;\n  private _formatParams: CustomFormattedNumberParams | undefined;\n  private _inputElement = React.createRef<HTMLInputElement>();\n  private _lastValidValue: PropertyValue | undefined;\n\n  // Used to track the last user typed value.\n  private _lastInputValue: string | undefined;\n  private _lastValue: PropertyValue | undefined;\n\n  public override readonly state: Readonly<CustomNumberEditorState> = {\n    inputValue: \"\",\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    // This is called by the container to commit the value. Format the value.\n    this._lastInputValue = undefined;\n    this._lastValue = undefined;\n\n    const value = await this.#getPropertyValue();\n\n    if (\n      this.props.shouldCommitOnChange &&\n      this._formatParams &&\n      isPrimitiveValue(value) &&\n      typeof value.value === \"number\"\n    ) {\n      const newDisplayValue = this._formatParams.formatFunction(value.value);\n      this.setState({\n        inputValue: newDisplayValue,\n      });\n    }\n    return value;\n  }\n\n  async #getPropertyValue(): Promise<PropertyValue | undefined> {\n    // This is called by the editor to get the current input value as a PropertyValue.\n    const record = this.props.propertyRecord as PropertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    if (record.isReadonly) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: (record.value as PrimitiveValue).value,\n        displayValue: (record.value as PrimitiveValue).displayValue,\n      };\n    }\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      const parseResults = (\n        this._formatParams as CustomFormattedNumberParams\n      ).parseFunction(this.state.inputValue);\n      if (!parseResults.parseError && undefined !== parseResults.value) {\n        const newDisplayValue = (\n          this._formatParams as CustomFormattedNumberParams\n        ).formatFunction(parseResults.value as number);\n        propertyValue = {\n          valueFormat: PropertyValueFormat.Primitive,\n          value: parseResults.value,\n          displayValue: newDisplayValue,\n        };\n        this._lastValidValue = { ...propertyValue };\n        // make sure the text in the input item matches the latest formatted text... this could get out if the input string say 1.5 === the display string of 1'-6\"\n        if (\n          // This should not happen in a getter, for now fix only if shouldCommitOnChange is true.\n          !this.props.shouldCommitOnChange &&\n          newDisplayValue !== this.state.inputValue\n        ) {\n          this.setState({ inputValue: newDisplayValue });\n        }\n      } else {\n        if (this.htmlElement) {\n          UiAdmin.messagePresenter.displayInputFieldMessage(\n            this.htmlElement,\n            MessageSeverity.Error,\n            parseResults.parseError\n              ? parseResults.parseError\n              : UiComponents.translate(\"errors.unable-to-parse-quantity\")\n          );\n          this.htmlElement.focus();\n        } else {\n          UiAdmin.messagePresenter.displayMessage(\n            MessageSeverity.Error,\n            parseResults.parseError\n              ? parseResults.parseError\n              : UiComponents.translate(\"errors.unable-to-parse-quantity\")\n          );\n        }\n\n        const displayValue =\n          record.value.displayValue && record.value.displayValue.length > 0\n            ? record.value.displayValue\n            : (\n                this._formatParams as CustomFormattedNumberParams\n              ).formatFunction(record.value.value as number);\n        propertyValue = this._lastValidValue\n          ? { ...this._lastValidValue }\n          : {\n              valueFormat: PropertyValueFormat.Primitive,\n              value: record.value.value,\n              displayValue,\n            };\n      }\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._inputElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    return document.activeElement === this._inputElement.current;\n  }\n\n  private shouldSetFocus(): boolean {\n    if (!this.props.setFocus) return false;\n\n    const record = this.props.propertyRecord as PropertyRecord;\n    const disabled = record && !record.isDisabled ? false : true;\n    const readonly = record && !record.isReadonly ? false : true;\n\n    return !disabled && !readonly;\n  }\n\n  private _applyUpdatedValue(userInput: string) {\n    const record = this.props.propertyRecord as PropertyRecord;\n    const readonly = record && !record.isReadonly ? false : true;\n    const disabled = record && !record.isDisabled ? false : true;\n\n    if (readonly || disabled) return;\n\n    if (this._isMounted)\n      this.setState(\n        {\n          inputValue: userInput,\n        },\n        async () => {\n          if (!this.props.shouldCommitOnChange) return;\n          if (!this.props.onCommit) return;\n          if (!this.props.propertyRecord) return;\n\n          const newValue = await this.#getPropertyValue();\n          if (!newValue) return;\n\n          this._lastInputValue = this.state.inputValue;\n          this._lastValue = newValue;\n          this.props.onCommit({\n            propertyRecord: this.props.propertyRecord,\n            newValue,\n          });\n        }\n      );\n  }\n\n  private _updateInputValue = (e: React.ChangeEvent<HTMLInputElement>) => {\n    this._applyUpdatedValue(e.target.value);\n  };\n\n  public override componentDidMount() {\n    this._isMounted = true;\n    this.setStateFromProps();\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      this.setStateFromProps();\n    }\n  }\n\n  private _getInitialDisplayValue(): string {\n    const record = this.props.propertyRecord;\n    let initialDisplayValue = \"\";\n    let numberValue = 0;\n    if (record) {\n      if (record.value.valueFormat === PropertyValueFormat.Primitive) {\n        const primitiveValue = record.value;\n        numberValue =\n          undefined !== primitiveValue.value\n            ? (primitiveValue.value as number)\n            : 0;\n        if (primitiveValue.displayValue)\n          initialDisplayValue = primitiveValue.displayValue;\n        else\n          initialDisplayValue = (\n            this._formatParams as CustomFormattedNumberParams\n          ).formatFunction(numberValue);\n      }\n    }\n\n    return initialDisplayValue;\n  }\n\n  private setStateFromProps() {\n    if (!this._isMounted) return;\n\n    const record = this.props.propertyRecord;\n    if (!record || !record.property) {\n      Logger.logError(\n        UiComponents.loggerCategory(\"CustomNumberEditor\"),\n        \"PropertyRecord must be defined to use CustomNumberPropertyEditor\"\n      );\n      return;\n    }\n    if (\n      record.property &&\n      record.property.editor &&\n      record.property.editor.params\n    ) {\n      this._formatParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type ===\n          PropertyEditorParamTypes.CustomFormattedNumber.valueOf()\n      ) as CustomFormattedNumberParams;\n    }\n\n    if (!this._formatParams) {\n      Logger.logError(\n        UiComponents.loggerCategory(\"CustomNumberEditor\"),\n        `CustomFormattedNumberParams must be defined for property ${record.property.name}`\n      );\n      return;\n    }\n\n    const initialDisplayValue = this._getInitialDisplayValue();\n    this._lastValidValue = {\n      valueFormat: PropertyValueFormat.Primitive,\n      value: (record.value as PrimitiveValue).value,\n      displayValue: initialDisplayValue,\n    };\n    let size: number | undefined;\n    let maxLength: number | undefined;\n    let iconSpec: React.ReactNode | undefined;\n\n    if (\n      record.property &&\n      record.property.editor &&\n      record.property.editor.params\n    ) {\n      const editorSizeParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type === PropertyEditorParamTypes.InputEditorSize.valueOf()\n      ) as InputEditorSizeParams;\n      if (editorSizeParams) {\n        if (editorSizeParams.size) size = editorSizeParams.size;\n        if (editorSizeParams.maxLength) maxLength = editorSizeParams.maxLength;\n      }\n\n      const iconParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type === PropertyEditorParamTypes.Icon.valueOf()\n      ) as IconEditorParams;\n      if (iconParams) {\n        iconSpec = iconParams.definition.iconSpec;\n      }\n\n      const iconNodeParam = record.property.editor.params.find(\n        (param): param is IconNodeEditorParams =>\n          param.type ===\n          (\"appui-icon-node\" satisfies IconNodeEditorParams[\"type\"])\n      );\n      if (iconNodeParam) {\n        iconSpec = iconNodeParam.icon;\n      }\n    }\n\n    let inputValue = initialDisplayValue;\n    if (\n      this.props.shouldCommitOnChange &&\n      this._lastInputValue &&\n      isPrimitiveValue(this._lastValue) &&\n      isPrimitiveValue(this.props.propertyRecord?.value) &&\n      this._lastValue.value === this.props.propertyRecord.value.value\n    ) {\n      // If the value matches the user-entered value - keep it unformatted.\n      inputValue = this._lastInputValue;\n    }\n\n    this.setState({\n      inputValue,\n      size,\n      maxLength,\n      iconSpec,\n    });\n  }\n\n  private _resetToLastValidDisplayValue() {\n    const initialDisplayValue =\n      (this._lastValidValue &&\n        (this._lastValidValue as PrimitiveValue).displayValue) ??\n      this._getInitialDisplayValue();\n    this.setState({ inputValue: initialDisplayValue });\n  }\n\n  private _onKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === Key.Escape.valueOf()) {\n      const initialDisplayValue =\n        (this._lastValidValue &&\n          (this._lastValidValue as PrimitiveValue).displayValue) ??\n        this._getInitialDisplayValue();\n      if (initialDisplayValue !== this.state.inputValue) {\n        e.preventDefault();\n        e.stopPropagation();\n        this._resetToLastValidDisplayValue();\n      } else {\n        if (this.props.onCancel) this.props.onCancel();\n      }\n    }\n\n    if (e.key !== Key.Enter.valueOf()) {\n      UiAdmin.messagePresenter.closeInputFieldMessage();\n    }\n  };\n\n  private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n  };\n\n  public override render(): React.ReactNode {\n    const { decoration } = this.props as InternalInputEditorProps;\n    const minSize = this.state.size ? this.state.size : 8;\n    const minWidthStyle: React.CSSProperties = {\n      minWidth: `${minSize * 0.75}em`,\n    };\n    const record = this.props.propertyRecord as PropertyRecord;\n    if (!record || !this._formatParams) return null;\n\n    const readOnly = !record.isReadonly ? false : true;\n    const disabled = !record.isDisabled ? false : true;\n\n    const className = classnames(\n      \"components-cell-editor\",\n      \"components-customnumber-editor\",\n      this.props.className\n    );\n\n    const inputProps: Omit<InputProps, \"size\"> = {\n      className,\n      style: this.props.style ? this.props.style : minWidthStyle,\n      readOnly,\n      disabled,\n      maxLength: this.state.maxLength,\n      value: this.state.inputValue,\n      onChange: this._updateInputValue,\n      onBlur: this.props.onBlur,\n      onFocus: this._onFocus,\n      autoFocus: this.shouldSetFocus(),\n      onKeyDown: this._onKeyPress,\n    };\n\n    const icon = this.state.iconSpec ? (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <Icon iconSpec={this.state.iconSpec} />\n    ) : undefined;\n\n    return (\n      <LockNumberEditor\n        {...inputProps}\n        ref={this._inputElement}\n        id={this.props.propertyRecord?.property.name}\n        icon={icon}\n        decoration={decoration}\n      />\n    );\n  }\n}\n\n/** Custom Property Editor registered for the \"number\" type name and the \"number-custom\" editor name.\n * It uses the [[CustomNumberEditor]] React component.\n * @alpha\n */\nexport class CustomNumberPropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <CustomNumberEditor />;\n  }\n  public override get containerHandlesEscape(): boolean {\n    return false;\n  }\n}\n\ninterface LockNumberEditorProps extends InputProps {\n  icon?: React.ReactNode;\n  decoration?: React.ReactNode;\n}\n\nconst LockNumberEditor = React.forwardRef<\n  HTMLInputElement,\n  LockNumberEditorProps\n>(function LockNumberEditor(props, forwardedRef) {\n  const { icon, decoration, ...rest } = props;\n  if (decoration) {\n    return (\n      <InputWithDecorations size=\"small\">\n        {icon && (\n          <InputWithDecorations.Icon size=\"small\">\n            {icon}\n          </InputWithDecorations.Icon>\n        )}\n        <InputWithDecorations.Input\n          {...rest}\n          ref={forwardedRef}\n          data-testid=\"components-customnumber-editor\"\n          size=\"small\"\n        />\n        {decoration}\n      </InputWithDecorations>\n    );\n  }\n\n  if (icon) {\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <IconInput\n        {...rest}\n        ref={forwardedRef}\n        icon={icon}\n        data-testid=\"components-customnumber-editor\"\n      />\n    );\n  }\n  return (\n    <Input\n      {...rest}\n      ref={forwardedRef}\n      data-testid=\"components-customnumber-editor\"\n      size=\"small\"\n    />\n  );\n});\n\nfunction isPrimitiveValue(value?: PropertyValue): value is PrimitiveValue {\n  return value?.valueFormat === PropertyValueFormat.Primitive;\n}\n"]}
+{"version":3,"file":"CustomNumberEditor.js","sourceRoot":"","sources":["../../../src/components-react/editors/CustomNumberEditor.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 PropertyEditors\n */\n\nimport \"./CustomNumberEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type {\n  CustomFormattedNumberParams,\n  IconEditorParams,\n  InputEditorSizeParams,\n  PrimitiveValue,\n  PropertyEditorParams,\n  PropertyRecord,\n  PropertyValue,\n} from \"@itwin/appui-abstract\";\nimport {\n  MessageSeverity,\n  PropertyEditorParamTypes,\n  PropertyValueFormat,\n  UiAdmin,\n} from \"@itwin/appui-abstract\";\nimport { Icon, IconInput } from \"@itwin/core-react\";\nimport { Input, InputWithDecorations } from \"@itwin/itwinui-react\";\nimport { UiComponents } from \"../UiComponents.js\";\nimport type {\n  InternalInputEditorProps,\n  PropertyEditorProps,\n  TypeEditor,\n} from \"./EditorContainer.js\";\nimport { PropertyEditorBase } from \"./PropertyEditorManager.js\";\nimport type { IconNodeEditorParams } from \"../../internal.js\";\n\ntype InputProps = React.ComponentPropsWithoutRef<typeof Input>;\n\ninterface CustomNumberEditorState {\n  inputValue: string;\n  size?: number;\n  maxSize?: number;\n  maxLength?: number;\n  iconSpec?: React.ReactNode;\n}\n\n/** CustomNumberEditor is a React component that is a property editor for numbers that specify custom formatting and parsing functions.\n * @alpha\n */\nexport class CustomNumberEditor\n  extends React.PureComponent<PropertyEditorProps, CustomNumberEditorState>\n  implements TypeEditor\n{\n  private _isMounted = false;\n  private _formatParams: CustomFormattedNumberParams | undefined;\n  private _inputElement = React.createRef<HTMLInputElement>();\n  private _lastValidValue: PropertyValue | undefined;\n\n  // Used to track the last user typed value.\n  private _lastInputValue: string | undefined;\n  private _lastValue: PropertyValue | undefined;\n\n  public override readonly state: Readonly<CustomNumberEditorState> = {\n    inputValue: \"\",\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    // This is called by the container to commit the value. Format the value.\n    this._lastInputValue = undefined;\n    this._lastValue = undefined;\n\n    const value = await this.#getPropertyValue();\n\n    if (\n      this.props.shouldCommitOnChange &&\n      this._formatParams &&\n      isPrimitiveValue(value) &&\n      typeof value.value === \"number\"\n    ) {\n      const newDisplayValue = this._formatParams.formatFunction(value.value);\n      this.setState({\n        inputValue: newDisplayValue,\n      });\n    }\n    return value;\n  }\n\n  async #getPropertyValue(): Promise<PropertyValue | undefined> {\n    // This is called by the editor to get the current input value as a PropertyValue.\n    const record = this.props.propertyRecord as PropertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    if (record.isReadonly) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: (record.value as PrimitiveValue).value,\n        displayValue: (record.value as PrimitiveValue).displayValue,\n      };\n    }\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      const parseResults = (\n        this._formatParams as CustomFormattedNumberParams\n      ).parseFunction(this.state.inputValue);\n      if (!parseResults.parseError && undefined !== parseResults.value) {\n        const newDisplayValue = (\n          this._formatParams as CustomFormattedNumberParams\n        ).formatFunction(parseResults.value as number);\n        propertyValue = {\n          valueFormat: PropertyValueFormat.Primitive,\n          value: parseResults.value,\n          displayValue: newDisplayValue,\n        };\n        this._lastValidValue = { ...propertyValue };\n        // make sure the text in the input item matches the latest formatted text... this could get out if the input string say 1.5 === the display string of 1'-6\"\n        if (\n          // This should not happen in a getter, for now fix only if shouldCommitOnChange is true.\n          !this.props.shouldCommitOnChange &&\n          newDisplayValue !== this.state.inputValue\n        ) {\n          this.setState({ inputValue: newDisplayValue });\n        }\n      } else {\n        if (this.htmlElement) {\n          UiAdmin.messagePresenter.displayInputFieldMessage(\n            this.htmlElement,\n            MessageSeverity.Error,\n            parseResults.parseError\n              ? parseResults.parseError\n              : UiComponents.translate(\"errors.unable-to-parse-quantity\")\n          );\n          this.htmlElement.focus();\n        } else {\n          UiAdmin.messagePresenter.displayMessage(\n            MessageSeverity.Error,\n            parseResults.parseError\n              ? parseResults.parseError\n              : UiComponents.translate(\"errors.unable-to-parse-quantity\")\n          );\n        }\n\n        const displayValue =\n          record.value.displayValue && record.value.displayValue.length > 0\n            ? record.value.displayValue\n            : (\n                this._formatParams as CustomFormattedNumberParams\n              ).formatFunction(record.value.value as number);\n        propertyValue = this._lastValidValue\n          ? { ...this._lastValidValue }\n          : {\n              valueFormat: PropertyValueFormat.Primitive,\n              value: record.value.value,\n              displayValue,\n            };\n      }\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._inputElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    return document.activeElement === this._inputElement.current;\n  }\n\n  private shouldSetFocus(): boolean {\n    if (!this.props.setFocus) return false;\n\n    const record = this.props.propertyRecord as PropertyRecord;\n    const disabled = record && !record.isDisabled ? false : true;\n    const readonly = record && !record.isReadonly ? false : true;\n\n    return !disabled && !readonly;\n  }\n\n  private _applyUpdatedValue(userInput: string) {\n    const record = this.props.propertyRecord as PropertyRecord;\n    const readonly = record && !record.isReadonly ? false : true;\n    const disabled = record && !record.isDisabled ? false : true;\n\n    if (readonly || disabled) return;\n\n    if (this._isMounted)\n      this.setState(\n        {\n          inputValue: userInput,\n        },\n        async () => {\n          if (!this.props.shouldCommitOnChange) return;\n          if (!this.props.onCommit) return;\n          if (!this.props.propertyRecord) return;\n\n          const newValue = await this.#getPropertyValue();\n          if (!newValue) return;\n\n          this._lastInputValue = this.state.inputValue;\n          this._lastValue = newValue;\n          this.props.onCommit({\n            propertyRecord: this.props.propertyRecord,\n            newValue,\n          });\n        }\n      );\n  }\n\n  private _updateInputValue = (e: React.ChangeEvent<HTMLInputElement>) => {\n    this._applyUpdatedValue(e.target.value);\n  };\n\n  public override componentDidMount() {\n    this._isMounted = true;\n    this.setStateFromProps();\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      this.setStateFromProps();\n    }\n  }\n\n  private _getInitialDisplayValue(): string {\n    const record = this.props.propertyRecord;\n    let initialDisplayValue = \"\";\n    let numberValue = 0;\n    if (record) {\n      if (record.value.valueFormat === PropertyValueFormat.Primitive) {\n        const primitiveValue = record.value;\n        numberValue =\n          undefined !== primitiveValue.value\n            ? (primitiveValue.value as number)\n            : 0;\n        if (primitiveValue.displayValue)\n          initialDisplayValue = primitiveValue.displayValue;\n        else\n          initialDisplayValue = (\n            this._formatParams as CustomFormattedNumberParams\n          ).formatFunction(numberValue);\n      }\n    }\n\n    return initialDisplayValue;\n  }\n\n  private setStateFromProps() {\n    if (!this._isMounted) return;\n\n    const record = this.props.propertyRecord;\n    if (!record || !record.property) {\n      Logger.logError(\n        UiComponents.loggerCategory(\"CustomNumberEditor\"),\n        \"PropertyRecord must be defined to use CustomNumberPropertyEditor\"\n      );\n      return;\n    }\n    if (\n      record.property &&\n      record.property.editor &&\n      record.property.editor.params\n    ) {\n      this._formatParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type ===\n          PropertyEditorParamTypes.CustomFormattedNumber.valueOf()\n      ) as CustomFormattedNumberParams;\n    }\n\n    if (!this._formatParams) {\n      Logger.logError(\n        UiComponents.loggerCategory(\"CustomNumberEditor\"),\n        `CustomFormattedNumberParams must be defined for property ${record.property.name}`\n      );\n      return;\n    }\n\n    const initialDisplayValue = this._getInitialDisplayValue();\n    this._lastValidValue = {\n      valueFormat: PropertyValueFormat.Primitive,\n      value: (record.value as PrimitiveValue).value,\n      displayValue: initialDisplayValue,\n    };\n    let size: number | undefined;\n    let maxSize: number | undefined;\n    let maxLength: number | undefined;\n    let iconSpec: React.ReactNode | undefined;\n\n    if (\n      record.property &&\n      record.property.editor &&\n      record.property.editor.params\n    ) {\n      const editorSizeParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type === PropertyEditorParamTypes.InputEditorSize.valueOf()\n      ) as InputEditorSizeParams;\n      if (editorSizeParams) {\n        if (editorSizeParams.size) size = editorSizeParams.size;\n        if (editorSizeParams.maxSize) maxSize = editorSizeParams.maxSize;\n        if (editorSizeParams.maxLength) maxLength = editorSizeParams.maxLength;\n      }\n\n      const iconParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type === PropertyEditorParamTypes.Icon.valueOf()\n      ) as IconEditorParams;\n      if (iconParams) {\n        iconSpec = iconParams.definition.iconSpec;\n      }\n\n      const iconNodeParam = record.property.editor.params.find(\n        (param): param is IconNodeEditorParams =>\n          param.type ===\n          (\"appui-icon-node\" satisfies IconNodeEditorParams[\"type\"])\n      );\n      if (iconNodeParam) {\n        iconSpec = iconNodeParam.icon;\n      }\n    }\n\n    let inputValue = initialDisplayValue;\n    if (\n      this.props.shouldCommitOnChange &&\n      this._lastInputValue &&\n      isPrimitiveValue(this._lastValue) &&\n      isPrimitiveValue(this.props.propertyRecord?.value) &&\n      this._lastValue.value === this.props.propertyRecord.value.value\n    ) {\n      // If the value matches the user-entered value - keep it unformatted.\n      inputValue = this._lastInputValue;\n    }\n\n    this.setState({\n      inputValue,\n      size,\n      maxLength,\n      maxSize,\n      iconSpec,\n    });\n  }\n\n  private _resetToLastValidDisplayValue() {\n    const initialDisplayValue =\n      (this._lastValidValue &&\n        (this._lastValidValue as PrimitiveValue).displayValue) ??\n      this._getInitialDisplayValue();\n    this.setState({ inputValue: initialDisplayValue });\n  }\n\n  private _onKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === Key.Escape.valueOf()) {\n      const initialDisplayValue =\n        (this._lastValidValue &&\n          (this._lastValidValue as PrimitiveValue).displayValue) ??\n        this._getInitialDisplayValue();\n      if (initialDisplayValue !== this.state.inputValue) {\n        e.preventDefault();\n        e.stopPropagation();\n        this._resetToLastValidDisplayValue();\n      } else {\n        if (this.props.onCancel) this.props.onCancel();\n      }\n    }\n\n    if (e.key !== Key.Enter.valueOf()) {\n      UiAdmin.messagePresenter.closeInputFieldMessage();\n    }\n  };\n\n  private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n  };\n\n  public override render(): React.ReactNode {\n    const { decoration } = this.props as InternalInputEditorProps;\n    const minSize = this.state.size ? this.state.size : 8;\n    const style: React.CSSProperties = {\n      minWidth: `${minSize * 0.75}em`,\n      maxWidth: this.state.maxSize\n        ? `${this.state.maxSize * 0.75}em`\n        : undefined,\n    };\n    const record = this.props.propertyRecord as PropertyRecord;\n    if (!record || !this._formatParams) return null;\n\n    const readOnly = !record.isReadonly ? false : true;\n    const disabled = !record.isDisabled ? false : true;\n\n    const className = classnames(\n      \"components-cell-editor\",\n      \"components-customnumber-editor\",\n      this.props.className\n    );\n\n    const inputProps: Omit<InputProps, \"size\"> = {\n      className,\n      style: this.props.style ? this.props.style : style,\n      readOnly,\n      disabled,\n      maxLength: this.state.maxLength,\n      value: this.state.inputValue,\n      onChange: this._updateInputValue,\n      onBlur: this.props.onBlur,\n      onFocus: this._onFocus,\n      autoFocus: this.shouldSetFocus(),\n      onKeyDown: this._onKeyPress,\n    };\n\n    const icon = this.state.iconSpec ? (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <Icon iconSpec={this.state.iconSpec} />\n    ) : undefined;\n\n    return (\n      <LockNumberEditor\n        {...inputProps}\n        ref={this._inputElement}\n        id={this.props.propertyRecord?.property.name}\n        icon={icon}\n        decoration={decoration}\n      />\n    );\n  }\n}\n\n/** Custom Property Editor registered for the \"number\" type name and the \"number-custom\" editor name.\n * It uses the [[CustomNumberEditor]] React component.\n * @alpha\n */\nexport class CustomNumberPropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <CustomNumberEditor />;\n  }\n  public override get containerHandlesEscape(): boolean {\n    return false;\n  }\n}\n\ninterface LockNumberEditorProps extends InputProps {\n  icon?: React.ReactNode;\n  decoration?: React.ReactNode;\n}\n\nconst LockNumberEditor = React.forwardRef<\n  HTMLInputElement,\n  LockNumberEditorProps\n>(function LockNumberEditor(props, forwardedRef) {\n  const { icon, decoration, ...rest } = props;\n  if (decoration) {\n    return (\n      <InputWithDecorations size=\"small\">\n        {icon && (\n          <InputWithDecorations.Icon size=\"small\">\n            {icon}\n          </InputWithDecorations.Icon>\n        )}\n        <InputWithDecorations.Input\n          {...rest}\n          ref={forwardedRef}\n          data-testid=\"components-customnumber-editor\"\n          size=\"small\"\n        />\n        {decoration}\n      </InputWithDecorations>\n    );\n  }\n\n  if (icon) {\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <IconInput\n        {...rest}\n        ref={forwardedRef}\n        icon={icon}\n        data-testid=\"components-customnumber-editor\"\n      />\n    );\n  }\n  return (\n    <Input\n      {...rest}\n      ref={forwardedRef}\n      data-testid=\"components-customnumber-editor\"\n      size=\"small\"\n    />\n  );\n});\n\nfunction isPrimitiveValue(value?: PropertyValue): value is PrimitiveValue {\n  return value?.valueFormat === PropertyValueFormat.Primitive;\n}\n"]}

package/lib/components-react/editors/NumericInputEditor.d.ts

@@ -10,6 +10,7 @@ import { PropertyEditorBase } from "./PropertyEditorManager.js";
 interface NumericInputEditorState {
     value: number;
     size?: number;
+    maxSize?: number;
     maxLength?: number;
     min?: number;
     max?: number;