@itwin/components-react 4.17.6 → 5.0.0-dev.3

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

@@ -0,0 +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"]}

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

@@ -0,0 +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"}

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

@@ -0,0 +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"]}

package/lib/components-react/converters/BooleanTypeConverter.d.ts

@@ -0,0 +1,21 @@
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import type { Primitives } from "@itwin/appui-abstract";
+import { TypeConverter } from "./TypeConverter.js";
+/** Boolean Type Converter.
+ * @public
+ */
+export declare class BooleanTypeConverter extends TypeConverter {
+    /** @internal */
+    static sl10nTrue: string;
+    /** @internal */
+    static sl10nFalse: string;
+    /** @internal */
+    static getLocalizedTrueFalse(): void;
+    convertToString(value?: Primitives.Boolean): string;
+    convertFromString(value: string): boolean;
+    sortCompare(a: Primitives.Boolean, b: Primitives.Boolean, _ignoreCase?: boolean): number;
+    get isBooleanType(): boolean;
+}
+//# sourceMappingURL=BooleanTypeConverter.d.ts.map

package/lib/components-react/converters/BooleanTypeConverter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanTypeConverter.d.ts","sourceRoot":"","sources":["../../../src/components-react/converters/BooleanTypeConverter.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;GAEG;AACH,qBAAa,oBAAqB,SAAQ,aAAa;IACrD,gBAAgB;IAChB,OAAc,SAAS,EAAE,MAAM,CAAM;IACrC,gBAAgB;IAChB,OAAc,UAAU,EAAE,MAAM,CAAM;IAEtC,gBAAgB;WACF,qBAAqB;IAOnB,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO;IAgB1C,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAWxC,WAAW,CAChB,CAAC,EAAE,UAAU,CAAC,OAAO,EACrB,CAAC,EAAE,UAAU,CAAC,OAAO,EACrB,WAAW,CAAC,EAAE,OAAO,GACpB,MAAM;IAMT,IAAoB,aAAa,IAAI,OAAO,CAE3C;CACF"}

package/lib/components-react/converters/BooleanTypeConverter.js

@@ -0,0 +1,55 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import { UiComponents } from "../UiComponents.js";
+import { TypeConverter } from "./TypeConverter.js";
+/** Boolean Type Converter.
+ * @public
+ */
+export class BooleanTypeConverter extends TypeConverter {
+    /** @internal */
+    static getLocalizedTrueFalse() {
+        if (!BooleanTypeConverter.sl10nTrue)
+            BooleanTypeConverter.sl10nTrue = UiComponents.translate("general.true");
+        if (!BooleanTypeConverter.sl10nFalse)
+            BooleanTypeConverter.sl10nFalse = UiComponents.translate("general.false");
+    }
+    convertToString(value) {
+        if (value === undefined)
+            return "";
+        BooleanTypeConverter.getLocalizedTrueFalse();
+        if (value === BooleanTypeConverter.sl10nTrue ||
+            value === BooleanTypeConverter.sl10nFalse)
+            return value;
+        return value
+            ? BooleanTypeConverter.sl10nTrue
+            : BooleanTypeConverter.sl10nFalse;
+    }
+    convertFromString(value) {
+        BooleanTypeConverter.getLocalizedTrueFalse();
+        const booleanValue = 0 ===
+            value
+                .toLocaleLowerCase()
+                .localeCompare(BooleanTypeConverter.sl10nTrue.toLocaleLowerCase());
+        return booleanValue;
+    }
+    sortCompare(a, b, _ignoreCase) {
+        if (!!a === !!b)
+            return 0;
+        if (!!a && !b)
+            return 1;
+        return -1;
+    }
+    get isBooleanType() {
+        return true;
+    }
+}
+/** @internal */
+BooleanTypeConverter.sl10nTrue = "";
+/** @internal */
+BooleanTypeConverter.sl10nFalse = "";
+//# sourceMappingURL=BooleanTypeConverter.js.map

package/lib/components-react/converters/BooleanTypeConverter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanTypeConverter.js","sourceRoot":"","sources":["../../../src/components-react/converters/BooleanTypeConverter.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAGH,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;GAEG;AACH,MAAM,OAAO,oBAAqB,SAAQ,aAAa;IAMrD,gBAAgB;IACT,MAAM,CAAC,qBAAqB;QACjC,IAAI,CAAC,oBAAoB,CAAC,SAAS;YACjC,oBAAoB,CAAC,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QAC1E,IAAI,CAAC,oBAAoB,CAAC,UAAU;YAClC,oBAAoB,CAAC,UAAU,GAAG,YAAY,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IAC9E,CAAC;IAEe,eAAe,CAAC,KAA0B;QACxD,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QAEnC,oBAAoB,CAAC,qBAAqB,EAAE,CAAC;QAE7C,IACE,KAAK,KAAK,oBAAoB,CAAC,SAAS;YACxC,KAAK,KAAK,oBAAoB,CAAC,UAAU;YAEzC,OAAO,KAAK,CAAC;QAEf,OAAO,KAAK;YACV,CAAC,CAAC,oBAAoB,CAAC,SAAS;YAChC,CAAC,CAAC,oBAAoB,CAAC,UAAU,CAAC;IACtC,CAAC;IAEe,iBAAiB,CAAC,KAAa;QAC7C,oBAAoB,CAAC,qBAAqB,EAAE,CAAC;QAE7C,MAAM,YAAY,GAChB,CAAC;YACD,KAAK;iBACF,iBAAiB,EAAE;iBACnB,aAAa,CAAC,oBAAoB,CAAC,SAAS,CAAC,iBAAiB,EAAE,CAAC,CAAC;QACvE,OAAO,YAAY,CAAC;IACtB,CAAC;IAEM,WAAW,CAChB,CAAqB,EACrB,CAAqB,EACrB,WAAqB;QAErB,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;YAAE,OAAO,CAAC,CAAC;QAC1B,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAAE,OAAO,CAAC,CAAC;QACxB,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAED,IAAoB,aAAa;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;;AApDD,gBAAgB;AACF,8BAAS,GAAW,EAAE,CAAC;AACrC,gBAAgB;AACF,+BAAU,GAAW,EAAE,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 TypeConverters\n */\n\nimport type { Primitives } from \"@itwin/appui-abstract\";\nimport { UiComponents } from \"../UiComponents.js\";\nimport { TypeConverter } from \"./TypeConverter.js\";\n\n/** Boolean Type Converter.\n * @public\n */\nexport class BooleanTypeConverter extends TypeConverter {\n  /** @internal */\n  public static sl10nTrue: string = \"\";\n  /** @internal */\n  public static sl10nFalse: string = \"\";\n\n  /** @internal */\n  public static getLocalizedTrueFalse() {\n    if (!BooleanTypeConverter.sl10nTrue)\n      BooleanTypeConverter.sl10nTrue = UiComponents.translate(\"general.true\");\n    if (!BooleanTypeConverter.sl10nFalse)\n      BooleanTypeConverter.sl10nFalse = UiComponents.translate(\"general.false\");\n  }\n\n  public override convertToString(value?: Primitives.Boolean) {\n    if (value === undefined) return \"\";\n\n    BooleanTypeConverter.getLocalizedTrueFalse();\n\n    if (\n      value === BooleanTypeConverter.sl10nTrue ||\n      value === BooleanTypeConverter.sl10nFalse\n    )\n      return value;\n\n    return value\n      ? BooleanTypeConverter.sl10nTrue\n      : BooleanTypeConverter.sl10nFalse;\n  }\n\n  public override convertFromString(value: string) {\n    BooleanTypeConverter.getLocalizedTrueFalse();\n\n    const booleanValue =\n      0 ===\n      value\n        .toLocaleLowerCase()\n        .localeCompare(BooleanTypeConverter.sl10nTrue.toLocaleLowerCase());\n    return booleanValue;\n  }\n\n  public sortCompare(\n    a: Primitives.Boolean,\n    b: Primitives.Boolean,\n    _ignoreCase?: boolean\n  ): number {\n    if (!!a === !!b) return 0;\n    if (!!a && !b) return 1;\n    return -1;\n  }\n\n  public override get isBooleanType(): boolean {\n    return true;\n  }\n}\n"]}

package/lib/components-react/converters/CompositeTypeConverter.d.ts

@@ -0,0 +1,14 @@
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import type { Primitives } from "@itwin/appui-abstract";
+import { TypeConverter } from "./TypeConverter.js";
+/**
+ * Composite type converter
+ * @public
+ */
+export declare class CompositeTypeConverter extends TypeConverter {
+    convertToString(value?: Primitives.Composite): string | Promise<string>;
+    sortCompare(valueA: Primitives.Composite, valueB: Primitives.Composite, ignoreCase?: boolean | undefined): number;
+}
+//# sourceMappingURL=CompositeTypeConverter.d.ts.map

package/lib/components-react/converters/CompositeTypeConverter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeTypeConverter.d.ts","sourceRoot":"","sources":["../../../src/components-react/converters/CompositeTypeConverter.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD;;;GAGG;AACH,qBAAa,sBAAuB,SAAQ,aAAa;IACvC,eAAe,CAC7B,KAAK,CAAC,EAAE,UAAU,CAAC,SAAS,GAC3B,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAKpB,WAAW,CAChB,MAAM,EAAE,UAAU,CAAC,SAAS,EAC5B,MAAM,EAAE,UAAU,CAAC,SAAS,EAC5B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAC/B,MAAM;CA4BV"}

package/lib/components-react/converters/CompositeTypeConverter.js

@@ -0,0 +1,59 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import { TypeConverter } from "./TypeConverter.js";
+import { TypeConverterManager } from "./TypeConverterManager.js";
+/**
+ * Composite type converter
+ * @public
+ */
+export class CompositeTypeConverter extends TypeConverter {
+    convertToString(value) {
+        if (value === undefined)
+            return "";
+        return createDisplayValue(value);
+    }
+    sortCompare(valueA, valueB, ignoreCase) {
+        const length = Math.min(valueA.parts.length, valueB.parts.length);
+        const separatorComparison = compareStrings(valueA.separator, valueB.separator, ignoreCase);
+        for (let i = 0; i < length; i++) {
+            const lhs = valueA.parts[i];
+            const rhs = valueB.parts[i];
+            const compareResult = lhs.typeName !== rhs.typeName
+                ? compareStrings(lhs.displayValue, rhs.displayValue, ignoreCase)
+                : TypeConverterManager.getConverter(lhs.typeName).sortCompare(lhs.rawValue, rhs.rawValue, ignoreCase);
+            if (compareResult !== 0)
+                return compareResult;
+            if (i === 0 && separatorComparison !== 0)
+                return separatorComparison;
+        }
+        if (valueA.parts.length !== valueB.parts.length)
+            return valueA.parts.length - valueB.parts.length;
+        return 0;
+    }
+}
+const compareStrings = (lhs, rhs, ignoreCase) => {
+    if (ignoreCase)
+        return lhs.toLocaleLowerCase().localeCompare(rhs.toLocaleLowerCase());
+    else
+        return lhs.localeCompare(rhs);
+};
+const createDisplayValue = async (compositeValue) => {
+    const parts = [];
+    for (const part of compositeValue.parts) {
+        let valueString;
+        if (part.typeName === "composite") {
+            valueString = await createDisplayValue(part.rawValue);
+        }
+        else {
+            valueString = await TypeConverterManager.getConverter(part.typeName).convertToString(part.rawValue);
+        }
+        parts.push(valueString);
+    }
+    return parts.join(compositeValue.separator);
+};
+//# sourceMappingURL=CompositeTypeConverter.js.map

package/lib/components-react/converters/CompositeTypeConverter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompositeTypeConverter.js","sourceRoot":"","sources":["../../../src/components-react/converters/CompositeTypeConverter.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 TypeConverters\n */\n\nimport type { Primitives } from \"@itwin/appui-abstract\";\nimport { TypeConverter } from \"./TypeConverter.js\";\nimport { TypeConverterManager } from \"./TypeConverterManager.js\";\n\n/**\n * Composite type converter\n * @public\n */\nexport class CompositeTypeConverter extends TypeConverter {\n  public override convertToString(\n    value?: Primitives.Composite\n  ): string | Promise<string> {\n    if (value === undefined) return \"\";\n    return createDisplayValue(value);\n  }\n\n  public sortCompare(\n    valueA: Primitives.Composite,\n    valueB: Primitives.Composite,\n    ignoreCase?: boolean | undefined\n  ): number {\n    const length = Math.min(valueA.parts.length, valueB.parts.length);\n    const separatorComparison = compareStrings(\n      valueA.separator,\n      valueB.separator,\n      ignoreCase\n    );\n    for (let i = 0; i < length; i++) {\n      const lhs = valueA.parts[i];\n      const rhs = valueB.parts[i];\n      const compareResult =\n        lhs.typeName !== rhs.typeName\n          ? compareStrings(lhs.displayValue, rhs.displayValue, ignoreCase)\n          : TypeConverterManager.getConverter(lhs.typeName).sortCompare(\n              lhs.rawValue,\n              rhs.rawValue,\n              ignoreCase\n            );\n      if (compareResult !== 0) return compareResult;\n\n      if (i === 0 && separatorComparison !== 0) return separatorComparison;\n    }\n\n    if (valueA.parts.length !== valueB.parts.length)\n      return valueA.parts.length - valueB.parts.length;\n\n    return 0;\n  }\n}\n\nconst compareStrings = (lhs: string, rhs: string, ignoreCase?: boolean) => {\n  if (ignoreCase)\n    return lhs.toLocaleLowerCase().localeCompare(rhs.toLocaleLowerCase());\n  else return lhs.localeCompare(rhs);\n};\n\nconst createDisplayValue = async (\n  compositeValue: Primitives.Composite\n): Promise<string> => {\n  const parts: string[] = [];\n  for (const part of compositeValue.parts) {\n    let valueString: string;\n    if (part.typeName === \"composite\") {\n      valueString = await createDisplayValue(\n        part.rawValue as Primitives.Composite\n      );\n    } else {\n      valueString = await TypeConverterManager.getConverter(\n        part.typeName\n      ).convertToString(part.rawValue);\n    }\n\n    parts.push(valueString);\n  }\n\n  return parts.join(compositeValue.separator);\n};\n"]}

package/lib/components-react/converters/DateTimeTypeConverter.d.ts

@@ -0,0 +1,51 @@
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import type { Primitives } from "@itwin/appui-abstract";
+import { AlternateDateFormats, TimeDisplay } from "@itwin/appui-abstract";
+import type { LessGreaterOperatorProcessor } from "./TypeConverter.js";
+import { TypeConverter } from "./TypeConverter.js";
+import type { ConvertedPrimitives } from "./valuetypes/ConvertedTypes.js";
+import { TimeFormat } from "../common/TimeFormat.js";
+/**
+ * DateTime Type Converter.
+ * @public
+ */
+export declare abstract class DateTimeTypeConverterBase extends TypeConverter implements LessGreaterOperatorProcessor {
+    convertToString(value?: Primitives.Value): string;
+    static isValidTimeDisplay(type: TimeDisplay): boolean;
+    static isAlternateDateFormats(type: AlternateDateFormats): boolean;
+    convertToStringWithOptions(value?: Primitives.Value, options?: {
+        [key: string]: any;
+    }): string | Promise<string>;
+    /** Default implementation just calls convertFromString with no options */
+    convertFromStringWithOptions(value: string, options?: {
+        [key: string]: any;
+    }): ConvertedPrimitives.Value | undefined | Promise<ConvertedPrimitives.Value | undefined>;
+    private isDateValid;
+    convertFromString(value: string): Date | undefined;
+    protected abstract getTimeFormat(): TimeFormat;
+    get isLessGreaterType(): boolean;
+    sortCompare(valueA: Date, valueB: Date, _ignoreCase?: boolean): number;
+    isEqualTo(valueA: Date, valueB: Date): boolean;
+    isNotEqualTo(valueA: Date, valueB: Date): boolean;
+    isLessThan(a: Date, b: Date): boolean;
+    isLessThanOrEqualTo(a: Date, b: Date): boolean;
+    isGreaterThan(a: Date, b: Date): boolean;
+    isGreaterThanOrEqualTo(a: Date, b: Date): boolean;
+}
+/**
+ * Short Date Type Converter.
+ * @public
+ */
+export declare class ShortDateTypeConverter extends DateTimeTypeConverterBase {
+    protected getTimeFormat(): TimeFormat;
+}
+/**
+ * Date Time Type Converter.
+ * @public
+ */
+export declare class DateTimeTypeConverter extends DateTimeTypeConverterBase {
+    protected getTimeFormat(): TimeFormat;
+}
+//# sourceMappingURL=DateTimeTypeConverter.d.ts.map

package/lib/components-react/converters/DateTimeTypeConverter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeTypeConverter.d.ts","sourceRoot":"","sources":["../../../src/components-react/converters/DateTimeTypeConverter.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAI1E,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAIrD;;;GAGG;AACH,8BAAsB,yBACpB,SAAQ,aACR,YAAW,4BAA4B;IAEvB,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK;WAkB1C,kBAAkB,CAAC,IAAI,EAAE,WAAW,GAAG,OAAO;WAM9C,sBAAsB,CAAC,IAAI,EAAE,oBAAoB,GAAG,OAAO;IASzD,0BAA0B,CACxC,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,EACxB,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GAC/B,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IA2E3B,0EAA0E;IAC1D,4BAA4B,CAC1C,KAAK,EAAE,MAAM,EACb,OAAO,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GAE9B,mBAAmB,CAAC,KAAK,GACzB,SAAS,GACT,OAAO,CAAC,mBAAmB,CAAC,KAAK,GAAG,SAAS,CAAC;IAyBlD,OAAO,CAAC,WAAW;IAIH,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAU/C,SAAS,CAAC,QAAQ,CAAC,aAAa,IAAI,UAAU;IAE9C,IAAoB,iBAAiB,IAAI,OAAO,CAE/C;IAEM,WAAW,CAChB,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,IAAI,EACZ,WAAW,CAAC,EAAE,OAAO,GACpB,MAAM;IAIO,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAG,OAAO;IAI9C,YAAY,CAAC,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,GAAG,OAAO;IAI1D,UAAU,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO;IAIrC,mBAAmB,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO;IAI9C,aAAa,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO;IAIxC,sBAAsB,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,GAAG,OAAO;CAGzD;AAED;;;GAGG;AACH,qBAAa,sBAAuB,SAAQ,yBAAyB;IACnE,SAAS,CAAC,aAAa,IAAI,UAAU;CAGtC;AAED;;;GAGG;AACH,qBAAa,qBAAsB,SAAQ,yBAAyB;IAClE,SAAS,CAAC,aAAa,IAAI,UAAU;CAGtC"}

package/lib/components-react/converters/DateTimeTypeConverter.js

@@ -0,0 +1,174 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import { Logger } from "@itwin/core-bentley";
+import { AlternateDateFormats, TimeDisplay } from "@itwin/appui-abstract";
+import { formatInputDate } from "../datepicker/DateField.js";
+import { adjustDateToTimezone } from "../common/DateUtils.js";
+import { UiComponents } from "../UiComponents.js";
+import { TypeConverter } from "./TypeConverter.js";
+import { TimeFormat } from "../common/TimeFormat.js";
+// cSpell:ignore datepicker valuetypes
+/**
+ * DateTime Type Converter.
+ * @public
+ */
+export class DateTimeTypeConverterBase extends TypeConverter {
+    convertToString(value) {
+        if (value === undefined)
+            return "";
+        if (typeof value === "string")
+            value = new Date(value);
+        if (value instanceof Date) {
+            switch (this.getTimeFormat()) {
+                case TimeFormat.Short:
+                    return value.toLocaleDateString();
+                case TimeFormat.Long:
+                    return value.toLocaleString();
+            }
+            return value.toISOString();
+        }
+        return value.toString(); // eslint-disable-line @typescript-eslint/no-base-to-string
+    }
+    static isValidTimeDisplay(type) {
+        return Object.keys(TimeDisplay).some((key) => TimeDisplay[key] === type);
+    }
+    static isAlternateDateFormats(type) {
+        return Object.keys(AlternateDateFormats).some((key) => AlternateDateFormats[key] === type);
+    }
+    // supported options:
+    //    timeDisplay?: TimeDisplay
+    //    alternateDateFormat?: AlternateDateFormats
+    convertToStringWithOptions(value, options) {
+        if (value === undefined)
+            return "";
+        if (options) {
+            let timeDisplay = this.getTimeFormat() === TimeFormat.Long
+                ? TimeDisplay.H12MC
+                : undefined;
+            let alternateDateFormat = AlternateDateFormats.None;
+            if ("alternateDateFormat" in options &&
+                DateTimeTypeConverterBase.isAlternateDateFormats(options.alternateDateFormat)) {
+                alternateDateFormat = options.alternateDateFormat;
+            }
+            if (this.getTimeFormat() === TimeFormat.Long) {
+                if ("timeDisplay" in options) {
+                    if (alternateDateFormat) {
+                        Logger.logInfo(UiComponents.loggerCategory("DateTimeTypeConverterBase"), `Invalid specification of timeDisplay with alternateDateFormat specification`);
+                    }
+                    else {
+                        if (DateTimeTypeConverterBase.isValidTimeDisplay(options.timeDisplay))
+                            timeDisplay = options.timeDisplay;
+                    }
+                }
+            }
+            if (typeof value === "string") {
+                value = new Date(value); // this value will be based on local time zone
+                if (value instanceof Date && alternateDateFormat) {
+                    // alternateDateFormat displays UTC time, so assume string is specifying UTC Date and Time
+                    value = adjustDateToTimezone(value, value.getTimezoneOffset() * -1);
+                }
+            }
+            if (value instanceof Date) {
+                // Ensure if alternateDateFormat is specified make sure it matches proper Long/Short format.
+                if (this.getTimeFormat() === TimeFormat.Long) {
+                    if (alternateDateFormat === AlternateDateFormats.IsoShort)
+                        alternateDateFormat = AlternateDateFormats.IsoDateTime;
+                    if (alternateDateFormat === AlternateDateFormats.UtcShort)
+                        alternateDateFormat = AlternateDateFormats.UtcDateTime;
+                    if (alternateDateFormat === AlternateDateFormats.UtcShortWithDay)
+                        alternateDateFormat = AlternateDateFormats.UtcDateTimeWithDay;
+                }
+                else {
+                    // short time format
+                    if (alternateDateFormat === AlternateDateFormats.IsoDateTime)
+                        alternateDateFormat = AlternateDateFormats.IsoShort;
+                    if (alternateDateFormat === AlternateDateFormats.UtcDateTime)
+                        alternateDateFormat = AlternateDateFormats.UtcShort;
+                    if (alternateDateFormat === AlternateDateFormats.UtcDateTimeWithDay)
+                        alternateDateFormat = AlternateDateFormats.UtcShortWithDay;
+                }
+                const formattedDateTime = formatInputDate(value, timeDisplay, undefined, alternateDateFormat);
+                if (formattedDateTime)
+                    return formattedDateTime;
+            }
+        }
+        return this.convertToString(value);
+    }
+    /** Default implementation just calls convertFromString with no options */
+    convertFromStringWithOptions(value, options) {
+        if (!value)
+            return undefined;
+        if (options) {
+            let alternateDateFormat = AlternateDateFormats.None;
+            if ("alternateDateFormat" in options &&
+                DateTimeTypeConverterBase.isAlternateDateFormats(options.alternateDateFormat)) {
+                alternateDateFormat = options.alternateDateFormat;
+            }
+            let date = new Date(value); // this value will be based on local time zone
+            if (date instanceof Date && alternateDateFormat) {
+                // alternateDateFormat displays UTC time, so assume string is specifying UTC Date and Time
+                date = adjustDateToTimezone(date, date.getTimezoneOffset() * -1);
+            }
+        }
+        return this.convertFromString(value);
+    }
+    isDateValid(date) {
+        return date instanceof Date && !isNaN(+date);
+    }
+    convertFromString(value) {
+        if (!value)
+            return undefined;
+        const dateValue = new Date(value);
+        if (!this.isDateValid(dateValue))
+            return undefined;
+        return dateValue;
+    }
+    get isLessGreaterType() {
+        return true;
+    }
+    sortCompare(valueA, valueB, _ignoreCase) {
+        return valueA.valueOf() - valueB.valueOf();
+    }
+    isEqualTo(valueA, valueB) {
+        return valueA.valueOf() === valueB.valueOf();
+    }
+    isNotEqualTo(valueA, valueB) {
+        return valueA.valueOf() !== valueB.valueOf();
+    }
+    isLessThan(a, b) {
+        return a.valueOf() < b.valueOf();
+    }
+    isLessThanOrEqualTo(a, b) {
+        return a.valueOf() <= b.valueOf();
+    }
+    isGreaterThan(a, b) {
+        return a.valueOf() > b.valueOf();
+    }
+    isGreaterThanOrEqualTo(a, b) {
+        return a.valueOf() >= b.valueOf();
+    }
+}
+/**
+ * Short Date Type Converter.
+ * @public
+ */
+export class ShortDateTypeConverter extends DateTimeTypeConverterBase {
+    getTimeFormat() {
+        return TimeFormat.Short;
+    }
+}
+/**
+ * Date Time Type Converter.
+ * @public
+ */
+export class DateTimeTypeConverter extends DateTimeTypeConverterBase {
+    getTimeFormat() {
+        return TimeFormat.Long;
+    }
+}
+//# sourceMappingURL=DateTimeTypeConverter.js.map

package/lib/components-react/converters/DateTimeTypeConverter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeTypeConverter.js","sourceRoot":"","sources":["../../../src/components-react/converters/DateTimeTypeConverter.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,sCAAsC;AAEtC;;;GAGG;AACH,MAAM,OAAgB,yBACpB,SAAQ,aAAa;IAGL,eAAe,CAAC,KAAwB;QACtD,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QAEnC,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QAEvD,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;YAC1B,QAAQ,IAAI,CAAC,aAAa,EAAE,EAAE,CAAC;gBAC7B,KAAK,UAAU,CAAC,KAAK;oBACnB,OAAO,KAAK,CAAC,kBAAkB,EAAE,CAAC;gBACpC,KAAK,UAAU,CAAC,IAAI;oBAClB,OAAO,KAAK,CAAC,cAAc,EAAE,CAAC;YAClC,CAAC;YACD,OAAO,KAAK,CAAC,WAAW,EAAE,CAAC;QAC7B,CAAC;QAED,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,2DAA2D;IACtF,CAAC;IAEM,MAAM,CAAC,kBAAkB,CAAC,IAAiB;QAChD,OAAO,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAClC,CAAC,GAAG,EAAE,EAAE,CAAE,WAAmB,CAAC,GAAG,CAAC,KAAK,IAAI,CAC5C,CAAC;IACJ,CAAC;IAEM,MAAM,CAAC,sBAAsB,CAAC,IAA0B;QAC7D,OAAO,MAAM,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC,IAAI,CAC3C,CAAC,GAAG,EAAE,EAAE,CAAE,oBAA4B,CAAC,GAAG,CAAC,KAAK,IAAI,CACrD,CAAC;IACJ,CAAC;IAED,qBAAqB;IACrB,+BAA+B;IAC/B,gDAAgD;IAChC,0BAA0B,CACxC,KAAwB,EACxB,OAAgC;QAEhC,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QAEnC,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,WAAW,GACb,IAAI,CAAC,aAAa,EAAE,KAAK,UAAU,CAAC,IAAI;gBACtC,CAAC,CAAC,WAAW,CAAC,KAAK;gBACnB,CAAC,CAAC,SAAS,CAAC;YAChB,IAAI,mBAAmB,GAAG,oBAAoB,CAAC,IAAI,CAAC;YAEpD,IACE,qBAAqB,IAAI,OAAO;gBAChC,yBAAyB,CAAC,sBAAsB,CAC9C,OAAO,CAAC,mBAAmB,CAC5B,EACD,CAAC;gBACD,mBAAmB,GAAG,OAAO,CAAC,mBAAmB,CAAC;YACpD,CAAC;YAED,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,UAAU,CAAC,IAAI,EAAE,CAAC;gBAC7C,IAAI,aAAa,IAAI,OAAO,EAAE,CAAC;oBAC7B,IAAI,mBAAmB,EAAE,CAAC;wBACxB,MAAM,CAAC,OAAO,CACZ,YAAY,CAAC,cAAc,CAAC,2BAA2B,CAAC,EACxD,6EAA6E,CAC9E,CAAC;oBACJ,CAAC;yBAAM,CAAC;wBACN,IACE,yBAAyB,CAAC,kBAAkB,CAAC,OAAO,CAAC,WAAW,CAAC;4BAEjE,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC;oBACtC,CAAC;gBACH,CAAC;YACH,CAAC;YAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;gBAC9B,KAAK,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,8CAA8C;gBACvE,IAAI,KAAK,YAAY,IAAI,IAAI,mBAAmB,EAAE,CAAC;oBACjD,0FAA0F;oBAC1F,KAAK,GAAG,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;gBACtE,CAAC;YACH,CAAC;YAED,IAAI,KAAK,YAAY,IAAI,EAAE,CAAC;gBAC1B,4FAA4F;gBAC5F,IAAI,IAAI,CAAC,aAAa,EAAE,KAAK,UAAU,CAAC,IAAI,EAAE,CAAC;oBAC7C,IAAI,mBAAmB,KAAK,oBAAoB,CAAC,QAAQ;wBACvD,mBAAmB,GAAG,oBAAoB,CAAC,WAAW,CAAC;oBACzD,IAAI,mBAAmB,KAAK,oBAAoB,CAAC,QAAQ;wBACvD,mBAAmB,GAAG,oBAAoB,CAAC,WAAW,CAAC;oBACzD,IAAI,mBAAmB,KAAK,oBAAoB,CAAC,eAAe;wBAC9D,mBAAmB,GAAG,oBAAoB,CAAC,kBAAkB,CAAC;gBAClE,CAAC;qBAAM,CAAC;oBACN,oBAAoB;oBACpB,IAAI,mBAAmB,KAAK,oBAAoB,CAAC,WAAW;wBAC1D,mBAAmB,GAAG,oBAAoB,CAAC,QAAQ,CAAC;oBACtD,IAAI,mBAAmB,KAAK,oBAAoB,CAAC,WAAW;wBAC1D,mBAAmB,GAAG,oBAAoB,CAAC,QAAQ,CAAC;oBACtD,IAAI,mBAAmB,KAAK,oBAAoB,CAAC,kBAAkB;wBACjE,mBAAmB,GAAG,oBAAoB,CAAC,eAAe,CAAC;gBAC/D,CAAC;gBAED,MAAM,iBAAiB,GAAG,eAAe,CACvC,KAAK,EACL,WAAW,EACX,SAAS,EACT,mBAAmB,CACpB,CAAC;gBACF,IAAI,iBAAiB;oBAAE,OAAO,iBAAiB,CAAC;YAClD,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,0EAA0E;IAC1D,4BAA4B,CAC1C,KAAa,EACb,OAAgC;QAKhC,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAC;QAE7B,IAAI,OAAO,EAAE,CAAC;YACZ,IAAI,mBAAmB,GAAG,oBAAoB,CAAC,IAAI,CAAC;YAEpD,IACE,qBAAqB,IAAI,OAAO;gBAChC,yBAAyB,CAAC,sBAAsB,CAC9C,OAAO,CAAC,mBAAmB,CAC5B,EACD,CAAC;gBACD,mBAAmB,GAAG,OAAO,CAAC,mBAAmB,CAAC;YACpD,CAAC;YAED,IAAI,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,8CAA8C;YAC1E,IAAI,IAAI,YAAY,IAAI,IAAI,mBAAmB,EAAE,CAAC;gBAChD,0FAA0F;gBAC1F,IAAI,GAAG,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;YACnE,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAEO,WAAW,CAAC,IAAU;QAC5B,OAAO,IAAI,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IAEe,iBAAiB,CAAC,KAAa;QAC7C,IAAI,CAAC,KAAK;YAAE,OAAO,SAAS,CAAC;QAE7B,MAAM,SAAS,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC;QAElC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC;YAAE,OAAO,SAAS,CAAC;QAEnD,OAAO,SAAS,CAAC;IACnB,CAAC;IAID,IAAoB,iBAAiB;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAEM,WAAW,CAChB,MAAY,EACZ,MAAY,EACZ,WAAqB;QAErB,OAAO,MAAM,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC;IAC7C,CAAC;IAEe,SAAS,CAAC,MAAY,EAAE,MAAY;QAClD,OAAO,MAAM,CAAC,OAAO,EAAE,KAAK,MAAM,CAAC,OAAO,EAAE,CAAC;IAC/C,CAAC;IAEe,YAAY,CAAC,MAAY,EAAE,MAAY;QACrD,OAAO,MAAM,CAAC,OAAO,EAAE,KAAK,MAAM,CAAC,OAAO,EAAE,CAAC;IAC/C,CAAC;IAEM,UAAU,CAAC,CAAO,EAAE,CAAO;QAChC,OAAO,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IACnC,CAAC;IAEM,mBAAmB,CAAC,CAAO,EAAE,CAAO;QACzC,OAAO,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;IACpC,CAAC;IAEM,aAAa,CAAC,CAAO,EAAE,CAAO;QACnC,OAAO,CAAC,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IACnC,CAAC;IAEM,sBAAsB,CAAC,CAAO,EAAE,CAAO;QAC5C,OAAO,CAAC,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;IACpC,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,OAAO,sBAAuB,SAAQ,yBAAyB;IACzD,aAAa;QACrB,OAAO,UAAU,CAAC,KAAK,CAAC;IAC1B,CAAC;CACF;AAED;;;GAGG;AACH,MAAM,OAAO,qBAAsB,SAAQ,yBAAyB;IACxD,aAAa;QACrB,OAAO,UAAU,CAAC,IAAI,CAAC;IACzB,CAAC;CACF","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 TypeConverters\n */\n\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { Primitives } from \"@itwin/appui-abstract\";\nimport { AlternateDateFormats, TimeDisplay } from \"@itwin/appui-abstract\";\nimport { formatInputDate } from \"../datepicker/DateField.js\";\nimport { adjustDateToTimezone } from \"../common/DateUtils.js\";\nimport { UiComponents } from \"../UiComponents.js\";\nimport type { LessGreaterOperatorProcessor } from \"./TypeConverter.js\";\nimport { TypeConverter } from \"./TypeConverter.js\";\nimport type { ConvertedPrimitives } from \"./valuetypes/ConvertedTypes.js\";\nimport { TimeFormat } from \"../common/TimeFormat.js\";\n\n// cSpell:ignore datepicker valuetypes\n\n/**\n * DateTime Type Converter.\n * @public\n */\nexport abstract class DateTimeTypeConverterBase\n  extends TypeConverter\n  implements LessGreaterOperatorProcessor\n{\n  public override convertToString(value?: Primitives.Value) {\n    if (value === undefined) return \"\";\n\n    if (typeof value === \"string\") value = new Date(value);\n\n    if (value instanceof Date) {\n      switch (this.getTimeFormat()) {\n        case TimeFormat.Short:\n          return value.toLocaleDateString();\n        case TimeFormat.Long:\n          return value.toLocaleString();\n      }\n      return value.toISOString();\n    }\n\n    return value.toString(); // eslint-disable-line @typescript-eslint/no-base-to-string\n  }\n\n  public static isValidTimeDisplay(type: TimeDisplay): boolean {\n    return Object.keys(TimeDisplay).some(\n      (key) => (TimeDisplay as any)[key] === type\n    );\n  }\n\n  public static isAlternateDateFormats(type: AlternateDateFormats): boolean {\n    return Object.keys(AlternateDateFormats).some(\n      (key) => (AlternateDateFormats as any)[key] === type\n    );\n  }\n\n  // supported options:\n  //    timeDisplay?: TimeDisplay\n  //    alternateDateFormat?: AlternateDateFormats\n  public override convertToStringWithOptions(\n    value?: Primitives.Value,\n    options?: { [key: string]: any }\n  ): string | Promise<string> {\n    if (value === undefined) return \"\";\n\n    if (options) {\n      let timeDisplay: TimeDisplay | undefined =\n        this.getTimeFormat() === TimeFormat.Long\n          ? TimeDisplay.H12MC\n          : undefined;\n      let alternateDateFormat = AlternateDateFormats.None;\n\n      if (\n        \"alternateDateFormat\" in options &&\n        DateTimeTypeConverterBase.isAlternateDateFormats(\n          options.alternateDateFormat\n        )\n      ) {\n        alternateDateFormat = options.alternateDateFormat;\n      }\n\n      if (this.getTimeFormat() === TimeFormat.Long) {\n        if (\"timeDisplay\" in options) {\n          if (alternateDateFormat) {\n            Logger.logInfo(\n              UiComponents.loggerCategory(\"DateTimeTypeConverterBase\"),\n              `Invalid specification of timeDisplay with alternateDateFormat specification`\n            );\n          } else {\n            if (\n              DateTimeTypeConverterBase.isValidTimeDisplay(options.timeDisplay)\n            )\n              timeDisplay = options.timeDisplay;\n          }\n        }\n      }\n\n      if (typeof value === \"string\") {\n        value = new Date(value); // this value will be based on local time zone\n        if (value instanceof Date && alternateDateFormat) {\n          // alternateDateFormat displays UTC time, so assume string is specifying UTC Date and Time\n          value = adjustDateToTimezone(value, value.getTimezoneOffset() * -1);\n        }\n      }\n\n      if (value instanceof Date) {\n        // Ensure if alternateDateFormat is specified make sure it matches proper Long/Short format.\n        if (this.getTimeFormat() === TimeFormat.Long) {\n          if (alternateDateFormat === AlternateDateFormats.IsoShort)\n            alternateDateFormat = AlternateDateFormats.IsoDateTime;\n          if (alternateDateFormat === AlternateDateFormats.UtcShort)\n            alternateDateFormat = AlternateDateFormats.UtcDateTime;\n          if (alternateDateFormat === AlternateDateFormats.UtcShortWithDay)\n            alternateDateFormat = AlternateDateFormats.UtcDateTimeWithDay;\n        } else {\n          // short time format\n          if (alternateDateFormat === AlternateDateFormats.IsoDateTime)\n            alternateDateFormat = AlternateDateFormats.IsoShort;\n          if (alternateDateFormat === AlternateDateFormats.UtcDateTime)\n            alternateDateFormat = AlternateDateFormats.UtcShort;\n          if (alternateDateFormat === AlternateDateFormats.UtcDateTimeWithDay)\n            alternateDateFormat = AlternateDateFormats.UtcShortWithDay;\n        }\n\n        const formattedDateTime = formatInputDate(\n          value,\n          timeDisplay,\n          undefined,\n          alternateDateFormat\n        );\n        if (formattedDateTime) return formattedDateTime;\n      }\n    }\n\n    return this.convertToString(value);\n  }\n\n  /** Default implementation just calls convertFromString with no options */\n  public override convertFromStringWithOptions(\n    value: string,\n    options?: { [key: string]: any }\n  ):\n    | ConvertedPrimitives.Value\n    | undefined\n    | Promise<ConvertedPrimitives.Value | undefined> {\n    if (!value) return undefined;\n\n    if (options) {\n      let alternateDateFormat = AlternateDateFormats.None;\n\n      if (\n        \"alternateDateFormat\" in options &&\n        DateTimeTypeConverterBase.isAlternateDateFormats(\n          options.alternateDateFormat\n        )\n      ) {\n        alternateDateFormat = options.alternateDateFormat;\n      }\n\n      let date = new Date(value); // this value will be based on local time zone\n      if (date instanceof Date && alternateDateFormat) {\n        // alternateDateFormat displays UTC time, so assume string is specifying UTC Date and Time\n        date = adjustDateToTimezone(date, date.getTimezoneOffset() * -1);\n      }\n    }\n\n    return this.convertFromString(value);\n  }\n\n  private isDateValid(date: Date) {\n    return date instanceof Date && !isNaN(+date);\n  }\n\n  public override convertFromString(value: string) {\n    if (!value) return undefined;\n\n    const dateValue = new Date(value);\n\n    if (!this.isDateValid(dateValue)) return undefined;\n\n    return dateValue;\n  }\n\n  protected abstract getTimeFormat(): TimeFormat;\n\n  public override get isLessGreaterType(): boolean {\n    return true;\n  }\n\n  public sortCompare(\n    valueA: Date,\n    valueB: Date,\n    _ignoreCase?: boolean\n  ): number {\n    return valueA.valueOf() - valueB.valueOf();\n  }\n\n  public override isEqualTo(valueA: Date, valueB: Date): boolean {\n    return valueA.valueOf() === valueB.valueOf();\n  }\n\n  public override isNotEqualTo(valueA: Date, valueB: Date): boolean {\n    return valueA.valueOf() !== valueB.valueOf();\n  }\n\n  public isLessThan(a: Date, b: Date): boolean {\n    return a.valueOf() < b.valueOf();\n  }\n\n  public isLessThanOrEqualTo(a: Date, b: Date): boolean {\n    return a.valueOf() <= b.valueOf();\n  }\n\n  public isGreaterThan(a: Date, b: Date): boolean {\n    return a.valueOf() > b.valueOf();\n  }\n\n  public isGreaterThanOrEqualTo(a: Date, b: Date): boolean {\n    return a.valueOf() >= b.valueOf();\n  }\n}\n\n/**\n * Short Date Type Converter.\n * @public\n */\nexport class ShortDateTypeConverter extends DateTimeTypeConverterBase {\n  protected getTimeFormat(): TimeFormat {\n    return TimeFormat.Short;\n  }\n}\n\n/**\n * Date Time Type Converter.\n * @public\n */\nexport class DateTimeTypeConverter extends DateTimeTypeConverterBase {\n  protected getTimeFormat(): TimeFormat {\n    return TimeFormat.Long;\n  }\n}\n"]}

package/lib/components-react/converters/EnumTypeConverter.d.ts

@@ -0,0 +1,16 @@
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import type { Primitives, PropertyDescription } from "@itwin/appui-abstract";
+import { TypeConverter } from "./TypeConverter.js";
+/**
+ * Enum Type Converter.
+ * @public
+ */
+export declare class EnumTypeConverter extends TypeConverter {
+    convertPropertyToString(propertyDescription: PropertyDescription, value?: Primitives.Enum): string | Promise<string>;
+    private getMatchingStringValue;
+    private getPosition;
+    sortCompare(a: Primitives.Enum, b: Primitives.Enum, ignoreCase?: boolean): number;
+}
+//# sourceMappingURL=EnumTypeConverter.d.ts.map

package/lib/components-react/converters/EnumTypeConverter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnumTypeConverter.d.ts","sourceRoot":"","sources":["../../../src/components-react/converters/EnumTypeConverter.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAGV,UAAU,EACV,mBAAmB,EACpB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGnD;;;GAGG;AACH,qBAAa,iBAAkB,SAAQ,aAAa;IAClC,uBAAuB,CACrC,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,CAAC,EAAE,UAAU,CAAC,IAAI,GACtB,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;YAUb,sBAAsB;IAkBpC,OAAO,CAAC,WAAW;IAUZ,WAAW,CAChB,CAAC,EAAE,UAAU,CAAC,IAAI,EAClB,CAAC,EAAE,UAAU,CAAC,IAAI,EAClB,UAAU,CAAC,EAAE,OAAO,GACnB,MAAM;CAWV"}

package/lib/components-react/converters/EnumTypeConverter.js

@@ -0,0 +1,50 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import { TypeConverter } from "./TypeConverter.js";
+import { TypeConverterManager } from "./TypeConverterManager.js";
+/**
+ * Enum Type Converter.
+ * @public
+ */
+export class EnumTypeConverter extends TypeConverter {
+    convertPropertyToString(propertyDescription, value) {
+        if (value === undefined)
+            return "";
+        if (propertyDescription.enum) {
+            return this.getMatchingStringValue(propertyDescription.enum, value);
+        }
+        return super.convertToString(value);
+    }
+    async getMatchingStringValue(enumVal, value) {
+        let choices = [];
+        if (enumVal.choices instanceof Promise) {
+            choices = await enumVal.choices;
+        }
+        else {
+            choices = enumVal.choices;
+        }
+        const pos = this.getPosition(choices, value);
+        if (-1 !== pos)
+            return choices[pos].label;
+        return this.convertToString(value);
+    }
+    getPosition(choices, value) {
+        for (let i = 0; i < choices.length; ++i) {
+            if (choices[i].value === value)
+                return i;
+        }
+        return -1;
+    }
+    sortCompare(a, b, ignoreCase) {
+        if (isNaN(+a) || isNaN(+b)) {
+            return TypeConverterManager.getConverter("string").sortCompare(a, b, ignoreCase);
+        }
+        return +a - +b;
+    }
+}
+//# sourceMappingURL=EnumTypeConverter.js.map

package/lib/components-react/converters/EnumTypeConverter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnumTypeConverter.js","sourceRoot":"","sources":["../../../src/components-react/converters/EnumTypeConverter.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAQH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE;;;GAGG;AACH,MAAM,OAAO,iBAAkB,SAAQ,aAAa;IAClC,uBAAuB,CACrC,mBAAwC,EACxC,KAAuB;QAEvB,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QAEnC,IAAI,mBAAmB,CAAC,IAAI,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;QACtE,CAAC;QAED,OAAO,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACtC,CAAC;IAEO,KAAK,CAAC,sBAAsB,CAClC,OAA+B,EAC/B,KAAsB;QAEtB,IAAI,OAAO,GAAwB,EAAE,CAAC;QAEtC,IAAI,OAAO,CAAC,OAAO,YAAY,OAAO,EAAE,CAAC;YACvC,OAAO,GAAG,MAAM,OAAO,CAAC,OAAO,CAAC;QAClC,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;QAC5B,CAAC;QAED,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;QAC7C,IAAI,CAAC,CAAC,KAAK,GAAG;YAAE,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;QAE1C,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAEO,WAAW,CACjB,OAA4B,EAC5B,KAAsB;QAEtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC;YACxC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,KAAK;gBAAE,OAAO,CAAC,CAAC;QAC3C,CAAC;QACD,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAEM,WAAW,CAChB,CAAkB,EAClB,CAAkB,EAClB,UAAoB;QAEpB,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3B,OAAO,oBAAoB,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,WAAW,CAC5D,CAAC,EACD,CAAC,EACD,UAAU,CACX,CAAC;QACJ,CAAC;QAED,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;IACjB,CAAC;CACF","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 TypeConverters\n */\n\nimport type {\n  EnumerationChoice,\n  EnumerationChoicesInfo,\n  Primitives,\n  PropertyDescription,\n} from \"@itwin/appui-abstract\";\nimport { TypeConverter } from \"./TypeConverter.js\";\nimport { TypeConverterManager } from \"./TypeConverterManager.js\";\n\n/**\n * Enum Type Converter.\n * @public\n */\nexport class EnumTypeConverter extends TypeConverter {\n  public override convertPropertyToString(\n    propertyDescription: PropertyDescription,\n    value?: Primitives.Enum\n  ): string | Promise<string> {\n    if (value === undefined) return \"\";\n\n    if (propertyDescription.enum) {\n      return this.getMatchingStringValue(propertyDescription.enum, value);\n    }\n\n    return super.convertToString(value);\n  }\n\n  private async getMatchingStringValue(\n    enumVal: EnumerationChoicesInfo,\n    value: Primitives.Enum\n  ) {\n    let choices: EnumerationChoice[] = [];\n\n    if (enumVal.choices instanceof Promise) {\n      choices = await enumVal.choices;\n    } else {\n      choices = enumVal.choices;\n    }\n\n    const pos = this.getPosition(choices, value);\n    if (-1 !== pos) return choices[pos].label;\n\n    return this.convertToString(value);\n  }\n\n  private getPosition(\n    choices: EnumerationChoice[],\n    value: Primitives.Enum\n  ): number {\n    for (let i = 0; i < choices.length; ++i) {\n      if (choices[i].value === value) return i;\n    }\n    return -1;\n  }\n\n  public sortCompare(\n    a: Primitives.Enum,\n    b: Primitives.Enum,\n    ignoreCase?: boolean\n  ): number {\n    if (isNaN(+a) || isNaN(+b)) {\n      return TypeConverterManager.getConverter(\"string\").sortCompare(\n        a,\n        b,\n        ignoreCase\n      );\n    }\n\n    return +a - +b;\n  }\n}\n"]}

package/lib/components-react/converters/HexadecimalTypeConverter.d.ts

@@ -0,0 +1,14 @@
+/** @packageDocumentation
+ * @module TypeConverters
+ */
+import type { Primitives } from "@itwin/appui-abstract";
+import { TypeConverter } from "./TypeConverter.js";
+/** Hexadecimal Type Converter.
+ * @public
+ */
+export declare class HexadecimalTypeConverter extends TypeConverter {
+    convertToString(value?: Primitives.Hexadecimal): string;
+    convertFromString(value: string): string | undefined;
+    sortCompare(a: Primitives.Hexadecimal, b: Primitives.Hexadecimal): number;
+}
+//# sourceMappingURL=HexadecimalTypeConverter.d.ts.map

package/lib/components-react/converters/HexadecimalTypeConverter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HexadecimalTypeConverter.d.ts","sourceRoot":"","sources":["../../../src/components-react/converters/HexadecimalTypeConverter.ts"],"names":[],"mappings":"AAIA;;GAEG;AAGH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD;;GAEG;AACH,qBAAa,wBAAyB,SAAQ,aAAa;IACzC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,WAAW;IAQ9C,iBAAiB,CAAC,KAAK,EAAE,MAAM;IASxC,WAAW,CAChB,CAAC,EAAE,UAAU,CAAC,WAAW,EACzB,CAAC,EAAE,UAAU,CAAC,WAAW,GACxB,MAAM;CASV"}