@itwin/components-react 4.10.0 → 4.12.0

package/CHANGELOG.md

@@ -1,6 +1,26 @@
 # Change Log - @itwin/components-react
 
-This log was last generated on Mon, 26 Feb 2024 15:50:45 GMT and should not be manually modified.
+This log was last generated on Fri, 05 Apr 2024 09:55:35 GMT and should not be manually modified.
+
+## 4.12.0
+Fri, 05 Apr 2024 09:55:35 GMT
+
+### Updates
+
+- Added note to `PropertyFilterRuleOperator` that `Like` operator should be handled as a contains operator.
+
+## 4.11.0
+Thu, 21 Mar 2024 16:38:04 GMT
+
+### Patches
+
+- Added custom property renderer support for non-primitive properties in `VirtualizedPropertyGrid`.
+
+### Updates
+
+- Deprecate useProximityOpacity visibility setting.
+- Deprecate date picker components.
+- Removed memoization for translated strings in components.
 
 ## 4.10.0
 Mon, 26 Feb 2024 15:50:45 GMT

package/lib/cjs/components-react/UiComponents.d.ts

@@ -18,15 +18,11 @@ export declare class UiComponents {
     static terminate(): void;
     /** Determines if UiComponents has been initialized */
     static get initialized(): boolean;
-    /** The internationalization service created by the host application.
-     * @internal
-     */
-    static get localization(): Localization;
     /** The internationalization service namespace. */
     static get localizationNamespace(): string;
     /** @internal */
     static get packageName(): string;
-    /** Calls localization.getLocalizedStringWithNamespace with the "UiComponents" namespace. Do NOT include the namespace in the key.
+    /** Calls localization.getLocalizedString with the "UiComponents" namespace. Do NOT include the namespace in the key.
      * @internal
      */
     static translate(key: string | string[]): string;

package/lib/cjs/components-react/UiComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components-react/UiComponents.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAKvD;;;GAGG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,MAAM,CAAC,YAAY,CAAS;IACpC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAe;IAE5C;;;OAGG;WACiB,UAAU,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAmBzE,0DAA0D;WAC5C,SAAS;IAWvB,sDAAsD;IACtD,WAAkB,WAAW,IAAI,OAAO,CAEvC;IAED;;OAEG;IACH,WAAkB,YAAY,IAAI,YAAY,CAQ7C;IAED,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;IAED,gBAAgB;IAChB,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED;;OAEG;WACW,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM;IAavD,gBAAgB;WACF,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;CAM/C"}
+{"version":3,"file":"UiComponents.d.ts","sourceRoot":"","sources":["../../../src/components-react/UiComponents.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD;;;GAGG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,MAAM,CAAC,YAAY,CAAS;IACpC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAe;IAE5C;;;OAGG;WACiB,UAAU,CAAC,YAAY,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC;IAmBzE,0DAA0D;WAC5C,SAAS;IAWvB,sDAAsD;IACtD,WAAkB,WAAW,IAAI,OAAO,CAEvC;IAED,kDAAkD;IAClD,WAAkB,qBAAqB,IAAI,MAAM,CAEhD;IAED,gBAAgB;IAChB,WAAkB,WAAW,IAAI,MAAM,CAEtC;IAED;;OAEG;WACW,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM;IAavD,gBAAgB;WACF,cAAc,CAAC,GAAG,EAAE,GAAG,GAAG,MAAM;CAM/C"}

package/lib/cjs/components-react/UiComponents.js

@@ -12,7 +12,6 @@ const immer_1 = require("immer");
 const core_bentley_1 = require("@itwin/core-bentley");
 const core_react_1 = require("@itwin/core-react");
 const core_react_2 = require("@itwin/core-react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
 /**
  * Manages the localization service for the components-react package.
  * @public
@@ -45,15 +44,6 @@ class UiComponents {
     static get initialized() {
         return UiComponents._initialized;
     }
-    /** The internationalization service created by the host application.
-     * @internal
-     */
-    static get localization() {
-        if (!UiComponents._localization)
-            // eslint-disable-next-line deprecation/deprecation
-            throw new appui_abstract_1.UiError(UiComponents.loggerCategory(this), "_localization: UiComponents.initialize has not been called. Unable to return Localization object.");
-        return UiComponents._localization;
-    }
     /** The internationalization service namespace. */
     static get localizationNamespace() {
         return "UiComponents";
@@ -62,17 +52,15 @@ class UiComponents {
     static get packageName() {
         return "components-react";
     }
-    /** Calls localization.getLocalizedStringWithNamespace with the "UiComponents" namespace. Do NOT include the namespace in the key.
+    /** Calls localization.getLocalizedString with the "UiComponents" namespace. Do NOT include the namespace in the key.
      * @internal
      */
     static translate(key) {
-        if (!UiComponents.initialized) {
+        if (!UiComponents._localization) {
             core_bentley_1.Logger.logError(UiComponents.loggerCategory(this), `translate: UiComponents.initialize has not been called. Returning blank string.`);
             return "";
         }
-        return UiComponents.localization.getLocalizedString(key, {
-            ns: UiComponents.localizationNamespace,
-        });
+        return UiComponents._localization.getLocalizedString(`${UiComponents.localizationNamespace}:${key}`);
     }
     /** @internal */
     static loggerCategory(obj) {

package/lib/cjs/components-react/UiComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiComponents.js","sourceRoot":"","sources":["../../../src/components-react/UiComponents.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAAsC;AACtC,sDAA6C;AAE7C,kDAA2C;AAC3C,kDAAuD;AACvD,0DAAgD;AAEhD;;;GAGG;AACH,MAAa,YAAY;IAIvB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,YAAY,CAAC,YAAY,EAAE;YAC7B,qBAAM,CAAC,OAAO,CACZ,YAAY,CAAC,cAAc,CAAC,YAAY,CAAC,EACzC,wCAAwC,CACzC,CAAC;YACF,OAAO;SACR;QAED,IAAA,qBAAa,GAAE,CAAC;QAChB,YAAY,CAAC,aAAa,GAAG,YAAY,CAAC;QAC1C,MAAM,YAAY,CAAC,aAAa,CAAC,iBAAiB,CAChD,YAAY,CAAC,qBAAqB,CACnC,CAAC;QAEF,MAAM,mBAAM,CAAC,UAAU,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QACpD,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;IACnC,CAAC;IAED,0DAA0D;IACnD,MAAM,CAAC,SAAS;QACrB,IAAI,YAAY,CAAC,aAAa;YAC5B,YAAY,CAAC,aAAa,CAAC,mBAAmB,CAC5C,YAAY,CAAC,qBAAqB,CACnC,CAAC;QACJ,YAAY,CAAC,aAAa,GAAG,SAAS,CAAC;QAEvC,mBAAM,CAAC,SAAS,EAAE,CAAC;QACnB,YAAY,CAAC,YAAY,GAAG,KAAK,CAAC;IACpC,CAAC;IAED,sDAAsD;IAC/C,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC,YAAY,CAAC;IACnC,CAAC;IAED;;OAEG;IACI,MAAM,KAAK,YAAY;QAC5B,IAAI,CAAC,YAAY,CAAC,aAAa;YAC7B,mDAAmD;YACnD,MAAM,IAAI,wBAAO,CACf,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EACjC,mGAAmG,CACpG,CAAC;QACJ,OAAO,YAAY,CAAC,aAAa,CAAC;IACpC,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE;YAC7B,qBAAM,CAAC,QAAQ,CACb,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EACjC,iFAAiF,CAClF,CAAC;YACF,OAAO,EAAE,CAAC;SACX;QACD,OAAO,YAAY,CAAC,YAAY,CAAC,kBAAkB,CAAC,GAAG,EAAE;YACvD,EAAE,EAAE,YAAY,CAAC,qBAAqB;SACvC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,+BAAkB,EAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,QAAQ,GACZ,YAAY,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAChE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AAxFc,yBAAY,GAAG,KAAK,CAAC;AADzB,oCAAY","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 { enablePatches } from \"immer\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { Localization } from \"@itwin/core-common\";\nimport { UiCore } from \"@itwin/core-react\";\nimport { getObjectClassName } from \"@itwin/core-react\";\nimport { UiError } from \"@itwin/appui-abstract\";\n\n/**\n * Manages the localization service for the components-react package.\n * @public\n */\nexport class UiComponents {\n  private static _initialized = false;\n  private static _localization?: Localization;\n\n  /**\n   * Registers the localization service namespace for UiComponents. Also initializes UiCore.\n   * @param localization The internationalization service created by the host application.\n   */\n  public static async initialize(localization: Localization): Promise<void> {\n    if (UiComponents._initialized) {\n      Logger.logInfo(\n        UiComponents.loggerCategory(UiComponents),\n        `UiComponents.initialize already called`\n      );\n      return;\n    }\n\n    enablePatches();\n    UiComponents._localization = localization;\n    await UiComponents._localization.registerNamespace(\n      UiComponents.localizationNamespace\n    );\n\n    await UiCore.initialize(UiComponents._localization);\n    UiComponents._initialized = true;\n  }\n\n  /** Unregisters the UiComponents localization namespace */\n  public static terminate() {\n    if (UiComponents._localization)\n      UiComponents._localization.unregisterNamespace(\n        UiComponents.localizationNamespace\n      );\n    UiComponents._localization = undefined;\n\n    UiCore.terminate();\n    UiComponents._initialized = false;\n  }\n\n  /** Determines if UiComponents has been initialized */\n  public static get initialized(): boolean {\n    return UiComponents._initialized;\n  }\n\n  /** The internationalization service created by the host application.\n   * @internal\n   */\n  public static get localization(): Localization {\n    if (!UiComponents._localization)\n      // eslint-disable-next-line deprecation/deprecation\n      throw new UiError(\n        UiComponents.loggerCategory(this),\n        \"_localization: UiComponents.initialize has not been called. Unable to return Localization object.\"\n      );\n    return UiComponents._localization;\n  }\n\n  /** The internationalization service namespace. */\n  public static get localizationNamespace(): string {\n    return \"UiComponents\";\n  }\n\n  /** @internal */\n  public static get packageName(): string {\n    return \"components-react\";\n  }\n\n  /** Calls localization.getLocalizedStringWithNamespace with the \"UiComponents\" namespace. Do NOT include the namespace in the key.\n   * @internal\n   */\n  public static translate(key: string | string[]): string {\n    if (!UiComponents.initialized) {\n      Logger.logError(\n        UiComponents.loggerCategory(this),\n        `translate: UiComponents.initialize has not been called. Returning blank string.`\n      );\n      return \"\";\n    }\n    return UiComponents.localization.getLocalizedString(key, {\n      ns: UiComponents.localizationNamespace,\n    });\n  }\n\n  /** @internal */\n  public static loggerCategory(obj: any): string {\n    const className = getObjectClassName(obj);\n    const category =\n      UiComponents.packageName + (className ? `.${className}` : \"\");\n    return category;\n  }\n}\n"]}
+{"version":3,"file":"UiComponents.js","sourceRoot":"","sources":["../../../src/components-react/UiComponents.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAAsC;AACtC,sDAA6C;AAE7C,kDAA2C;AAC3C,kDAAuD;AAEvD;;;GAGG;AACH,MAAa,YAAY;IAIvB;;;OAGG;IACI,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,YAA0B;QACvD,IAAI,YAAY,CAAC,YAAY,EAAE;YAC7B,qBAAM,CAAC,OAAO,CACZ,YAAY,CAAC,cAAc,CAAC,YAAY,CAAC,EACzC,wCAAwC,CACzC,CAAC;YACF,OAAO;SACR;QAED,IAAA,qBAAa,GAAE,CAAC;QAChB,YAAY,CAAC,aAAa,GAAG,YAAY,CAAC;QAC1C,MAAM,YAAY,CAAC,aAAa,CAAC,iBAAiB,CAChD,YAAY,CAAC,qBAAqB,CACnC,CAAC;QAEF,MAAM,mBAAM,CAAC,UAAU,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QACpD,YAAY,CAAC,YAAY,GAAG,IAAI,CAAC;IACnC,CAAC;IAED,0DAA0D;IACnD,MAAM,CAAC,SAAS;QACrB,IAAI,YAAY,CAAC,aAAa;YAC5B,YAAY,CAAC,aAAa,CAAC,mBAAmB,CAC5C,YAAY,CAAC,qBAAqB,CACnC,CAAC;QACJ,YAAY,CAAC,aAAa,GAAG,SAAS,CAAC;QAEvC,mBAAM,CAAC,SAAS,EAAE,CAAC;QACnB,YAAY,CAAC,YAAY,GAAG,KAAK,CAAC;IACpC,CAAC;IAED,sDAAsD;IAC/C,MAAM,KAAK,WAAW;QAC3B,OAAO,YAAY,CAAC,YAAY,CAAC;IACnC,CAAC;IAED,kDAAkD;IAC3C,MAAM,KAAK,qBAAqB;QACrC,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,gBAAgB;IACT,MAAM,KAAK,WAAW;QAC3B,OAAO,kBAAkB,CAAC;IAC5B,CAAC;IAED;;OAEG;IACI,MAAM,CAAC,SAAS,CAAC,GAAsB;QAC5C,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE;YAC/B,qBAAM,CAAC,QAAQ,CACb,YAAY,CAAC,cAAc,CAAC,IAAI,CAAC,EACjC,iFAAiF,CAClF,CAAC;YACF,OAAO,EAAE,CAAC;SACX;QACD,OAAO,YAAY,CAAC,aAAa,CAAC,kBAAkB,CAClD,GAAG,YAAY,CAAC,qBAAqB,IAAI,GAAG,EAAE,CAC/C,CAAC;IACJ,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,cAAc,CAAC,GAAQ;QACnC,MAAM,SAAS,GAAG,IAAA,+BAAkB,EAAC,GAAG,CAAC,CAAC;QAC1C,MAAM,QAAQ,GACZ,YAAY,CAAC,WAAW,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QAChE,OAAO,QAAQ,CAAC;IAClB,CAAC;;AA3Ec,yBAAY,GAAG,KAAK,CAAC;AADzB,oCAAY","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 { enablePatches } from \"immer\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { Localization } from \"@itwin/core-common\";\nimport { UiCore } from \"@itwin/core-react\";\nimport { getObjectClassName } from \"@itwin/core-react\";\n\n/**\n * Manages the localization service for the components-react package.\n * @public\n */\nexport class UiComponents {\n  private static _initialized = false;\n  private static _localization?: Localization;\n\n  /**\n   * Registers the localization service namespace for UiComponents. Also initializes UiCore.\n   * @param localization The internationalization service created by the host application.\n   */\n  public static async initialize(localization: Localization): Promise<void> {\n    if (UiComponents._initialized) {\n      Logger.logInfo(\n        UiComponents.loggerCategory(UiComponents),\n        `UiComponents.initialize already called`\n      );\n      return;\n    }\n\n    enablePatches();\n    UiComponents._localization = localization;\n    await UiComponents._localization.registerNamespace(\n      UiComponents.localizationNamespace\n    );\n\n    await UiCore.initialize(UiComponents._localization);\n    UiComponents._initialized = true;\n  }\n\n  /** Unregisters the UiComponents localization namespace */\n  public static terminate() {\n    if (UiComponents._localization)\n      UiComponents._localization.unregisterNamespace(\n        UiComponents.localizationNamespace\n      );\n    UiComponents._localization = undefined;\n\n    UiCore.terminate();\n    UiComponents._initialized = false;\n  }\n\n  /** Determines if UiComponents has been initialized */\n  public static get initialized(): boolean {\n    return UiComponents._initialized;\n  }\n\n  /** The internationalization service namespace. */\n  public static get localizationNamespace(): string {\n    return \"UiComponents\";\n  }\n\n  /** @internal */\n  public static get packageName(): string {\n    return \"components-react\";\n  }\n\n  /** Calls localization.getLocalizedString with the \"UiComponents\" namespace. Do NOT include the namespace in the key.\n   * @internal\n   */\n  public static translate(key: string | string[]): string {\n    if (!UiComponents._localization) {\n      Logger.logError(\n        UiComponents.loggerCategory(this),\n        `translate: UiComponents.initialize has not been called. Returning blank string.`\n      );\n      return \"\";\n    }\n    return UiComponents._localization.getLocalizedString(\n      `${UiComponents.localizationNamespace}:${key}`\n    );\n  }\n\n  /** @internal */\n  public static loggerCategory(obj: any): string {\n    const className = getObjectClassName(obj);\n    const category =\n      UiComponents.packageName + (className ? `.${className}` : \"\");\n    return category;\n  }\n}\n"]}

package/lib/cjs/components-react/UiComponents.json

@@ -0,0 +1,153 @@
+{
+    "general": {
+        "true": "true",
+        "false": "false",
+        "loading": "loading",
+        "noData": "The data required for this tree layout is not available in this iModel.",
+        "length": "Length",
+        "label": "Label",
+        "of": "of",
+        "search": "Search",
+        "clear": "Clear"
+    },
+    "button": {
+        "label": {
+            "search": "Search",
+            "cancel": "Cancel",
+            "settings": "Settings",
+            "filter": "Filter",
+            "selectAll": "Select All"
+        }
+    },
+    "breadcrumb": {
+        "invalidBreadcrumbPath": "Path not found.",
+        "errorUnknownMode": "Error: Unknown Breadcrumb mode.",
+        "name": "Name",
+        "icon": "Icon",
+        "description": "Description"
+    },
+    "tree": {
+        "noResultsForFilter": "0 matches found for \"{{searchText}}\""
+    },
+    "table": {
+        "filter": {
+            "numericTooltip": "Input Methods: Range (x-y), Greater Then (>x), Less Then (<y)",
+            "numericPlaceholder": "e.g. 3,10-15,>20"
+        }
+    },
+    "showhide": {
+        "noLabel": "[unlabeled]",
+        "showAll": "Show all",
+        "list": "List...",
+        "title": "Show/Hide"
+    },
+    "property": {
+        "varies": "*** Varies ***",
+        "arrayLength": "Number of Items",
+        "expand": "See more",
+        "collapse": "See less"
+    },
+    "timepicker": {
+        "day-period-am": "AM",
+        "day-period-pm": "PM"
+    },
+    "datepicker": {
+        "selectDate": "Select Date",
+        "time": "Time",
+        "previousMonth": "Previous Month",
+        "nextMonth": "Next Month"
+    },
+    "month": {
+        "long": {
+            "january": "January",
+            "february": "February",
+            "march": "March",
+            "april": "April",
+            "may": "May",
+            "june": "June",
+            "july": "July",
+            "august": "August",
+            "september": "September",
+            "october": "October",
+            "november": "November",
+            "december": "December"
+        },
+        "short": {
+            "january": "Jan",
+            "february": "Feb",
+            "march": "Mar",
+            "april": "Apr",
+            "may": "May",
+            "june": "Jun",
+            "july": "Jul",
+            "august": "Aug",
+            "september": "Sep",
+            "october": "Oct",
+            "november": "Nov",
+            "december": "Dec"
+        }
+    },
+    "days": {
+        "long": {
+            "sunday": "Sunday",
+            "monday": "Monday",
+            "tuesday": "Tuesday",
+            "wednesday": "Wednesday",
+            "thursday": "Thursday",
+            "friday": "Friday",
+            "saturday": "Saturday"
+        },
+        "short": {
+            "sunday": "Su",
+            "monday": "Mo",
+            "tuesday": "Tu",
+            "wednesday": "We",
+            "thursday": "Th",
+            "friday": "Fr",
+            "saturday": "Sa"
+        }
+    },
+    "time": {
+        "am": "am",
+        "pm": "pm"
+    },
+    "filteringInput": {
+        "placeholder": "Search..."
+    },
+    "toolbar": {
+        "overflow": "More toolbar items"
+    },
+    "editor": {
+        "enum": "Enum Editor",
+        "text": "Text Editor",
+        "textarea": "Textarea Editor"
+    },
+    "filterBuilder": {
+        "rule": "Rule",
+        "ruleGroup": "Rule Group",
+        "add": "Add",
+        "delete": "Delete",
+        "operators": {
+            "isTrue": "Is true",
+            "isFalse": "Is false",
+            "equal": "Equal",
+            "notEqual": "Not equal",
+            "contains": "Contains",
+            "isNull": "Is null",
+            "isNotNull": "Is not null",
+            "and": "And",
+            "or": "Or",
+            "between": "Between",
+            "notBetween": "Not between"
+        },
+        "chooseProperty": "Choose property",
+        "errorMessages": {
+            "emptyValue": "Value is required",
+            "invalidRange": "Invalid range"
+        }
+    },
+    "dialog": {
+        "ok": "OK",
+        "cancel": "Cancel"
+    }
+}

package/lib/cjs/components-react/common/DelayedSpinner.js

@@ -38,7 +38,8 @@ const itwinui_react_1 = require("@itwin/itwinui-react");
  * @internal
  */
 function DelayedSpinner(props) {
-    const delay = props.delay ?? 500;
+    var _a, _b;
+    const delay = (_a = props.delay) !== null && _a !== void 0 ? _a : 500;
     const [loadStart] = React.useState(props.loadStart || new Date());
     const currTime = new Date();
     const diff = currTime.getTime() - loadStart.getTime();
@@ -51,7 +52,7 @@ function DelayedSpinner(props) {
     });
     if (diff < delay)
         return null;
-    return (React.createElement(itwinui_react_1.ProgressRadial, { "data-testid": "components-delayed-spinner", indeterminate: true, size: props.size ?? "large" }));
+    return (React.createElement(itwinui_react_1.ProgressRadial, { "data-testid": "components-delayed-spinner", indeterminate: true, size: (_b = props.size) !== null && _b !== void 0 ? _b : "large" }));
 }
 exports.DelayedSpinner = DelayedSpinner;
 const useForceUpdate = () => {

package/lib/cjs/components-react/common/DelayedSpinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"DelayedSpinner.js","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,wDAAsD;AAmBtD;;;GAGG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC;IACjC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;IAElE,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;IAEtD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,IAAI,KAAK;YAAE,OAAO;QAC1B,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,IAAI,IAAI,GAAG,KAAK;QAAE,OAAO,IAAI,CAAC;IAE9B,OAAO,CACL,oBAAC,8BAAc,mBACD,4BAA4B,EACxC,aAAa,QACb,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,OAAO,GAC3B,CACH,CAAC;AACJ,CAAC;AAvBD,wCAuBC;AAED,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;AAC3B,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\nimport * as React from \"react\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\ntype ProgressRadialProps = React.ComponentPropsWithoutRef<\n  typeof ProgressRadial\n>;\n\n/** Type for ProgressRadialProps.size */\ntype RadialSizeType = ProgressRadialProps[\"size\"];\n\n/**\n * Props for [[DelayedSpinner]] component.\n * @internal\n */\nexport interface DelayedSpinnerProps {\n  loadStart?: Date;\n  delay?: number;\n  size?: RadialSizeType;\n}\n\n/**\n * Spinner that is rendered with delay.\n * @internal\n */\nexport function DelayedSpinner(props: DelayedSpinnerProps) {\n  const delay = props.delay ?? 500;\n  const [loadStart] = React.useState(props.loadStart || new Date());\n\n  const currTime = new Date();\n  const diff = currTime.getTime() - loadStart.getTime();\n\n  const update = useForceUpdate();\n  React.useEffect(() => {\n    if (diff >= delay) return;\n    const timer = setTimeout(update, delay - diff);\n    return () => clearTimeout(timer);\n  });\n\n  if (diff < delay) return null;\n\n  return (\n    <ProgressRadial\n      data-testid=\"components-delayed-spinner\"\n      indeterminate\n      size={props.size ?? \"large\"}\n    />\n  );\n}\n\nconst useForceUpdate = () => {\n  const [value, set] = React.useState(true);\n  return () => set(!value);\n};\n"]}
+{"version":3,"file":"DelayedSpinner.js","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;;;;;;;;;;;;;;;;;;;;;;;;AAEH,6CAA+B;AAC/B,wDAAsD;AAmBtD;;;GAGG;AACH,SAAgB,cAAc,CAAC,KAA0B;;IACvD,MAAM,KAAK,GAAG,MAAA,KAAK,CAAC,KAAK,mCAAI,GAAG,CAAC;IACjC,MAAM,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,IAAI,IAAI,IAAI,EAAE,CAAC,CAAC;IAElE,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;IAC5B,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC;IAEtD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,IAAI,KAAK;YAAE,OAAO;QAC1B,MAAM,KAAK,GAAG,UAAU,CAAC,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC,CAAC;QAC/C,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC,CAAC;IAEH,IAAI,IAAI,GAAG,KAAK;QAAE,OAAO,IAAI,CAAC;IAE9B,OAAO,CACL,oBAAC,8BAAc,mBACD,4BAA4B,EACxC,aAAa,QACb,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,OAAO,GAC3B,CACH,CAAC;AACJ,CAAC;AAvBD,wCAuBC;AAED,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC1C,OAAO,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;AAC3B,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\nimport * as React from \"react\";\nimport { ProgressRadial } from \"@itwin/itwinui-react\";\n\ntype ProgressRadialProps = React.ComponentPropsWithoutRef<\n  typeof ProgressRadial\n>;\n\n/** Type for ProgressRadialProps.size */\ntype RadialSizeType = ProgressRadialProps[\"size\"];\n\n/**\n * Props for [[DelayedSpinner]] component.\n * @internal\n */\nexport interface DelayedSpinnerProps {\n  loadStart?: Date;\n  delay?: number;\n  size?: RadialSizeType;\n}\n\n/**\n * Spinner that is rendered with delay.\n * @internal\n */\nexport function DelayedSpinner(props: DelayedSpinnerProps) {\n  const delay = props.delay ?? 500;\n  const [loadStart] = React.useState(props.loadStart || new Date());\n\n  const currTime = new Date();\n  const diff = currTime.getTime() - loadStart.getTime();\n\n  const update = useForceUpdate();\n  React.useEffect(() => {\n    if (diff >= delay) return;\n    const timer = setTimeout(update, delay - diff);\n    return () => clearTimeout(timer);\n  });\n\n  if (diff < delay) return null;\n\n  return (\n    <ProgressRadial\n      data-testid=\"components-delayed-spinner\"\n      indeterminate\n      size={props.size ?? \"large\"}\n    />\n  );\n}\n\nconst useForceUpdate = () => {\n  const [value, set] = React.useState(true);\n  return () => set(!value);\n};\n"]}

package/lib/cjs/components-react/common/UseDebouncedAsyncValue.js

@@ -21,6 +21,7 @@ const SubscriptionScheduler_1 = require("./SubscriptionScheduler");
  * @beta
  */
 function useDebouncedAsyncValue(valueToBeResolved) {
+    var _a;
     const [scheduler] = (0, react_1.useState)(() => new SubscriptionScheduler_1.SubscriptionScheduler());
     const [{ result, inProgress }, setState] = (0, react_1.useState)({
         result: undefined,
@@ -59,7 +60,7 @@ function useDebouncedAsyncValue(valueToBeResolved) {
         };
     }, [valueToBeResolved, scheduler]);
     if (isErrorResult(result)) {
-        throw result.error ?? new Error("Exception in `useDebouncedAsyncValue`");
+        throw (_a = result.error) !== null && _a !== void 0 ? _a : new Error("Exception in `useDebouncedAsyncValue`");
     }
     return { value: result, inProgress };
 }

package/lib/cjs/components-react/common/UseDebouncedAsyncValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"UseDebouncedAsyncValue.js","sourceRoot":"","sources":["../../../../src/components-react/common/UseDebouncedAsyncValue.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAA4C;AAC5C,+BAAoC;AACpC,mEAGiC;AAEjC;;;;;;;;GAQG;AACH,SAAgB,sBAAsB,CACpC,iBAAuD;IAEvD,MAAM,CAAC,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,6CAAqB,EAAW,CAAC,CAAC;IAEzE,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAGhD;QACD,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,KAAK;KAClB,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB,EAAE;YACtB,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YACxE,OAAO;SACR;QAED,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAClB,GAAG,IAAI;YACP,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC,CAAC;QACJ,yFAAyF;QACzF,MAAM,YAAY,GAAG,IAAA,YAAK,EAAC,iBAAiB,CAAC;aAC1C,IAAI,CACH,IAAA,YAAK,EAAC;YACJ,YAAY,EAAE,KAAK;YACnB,eAAe,EAAE,KAAK;YACtB,mBAAmB,EAAE,IAAI;SAC1B,CAAC,EACF,IAAA,4CAAoB,EAAC,SAAS,CAAC,CAChC;aACA,SAAS,CAAC;YACT,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;gBACb,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YACrE,CAAC;YACD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;gBACb,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBAClB,GAAG,IAAI;oBACP,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;oBACtC,UAAU,EAAE,KAAK;iBAClB,CAAC,CAAC,CAAC;YACN,CAAC;SACF,CAAC,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,WAAW,EAAE,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE;QACzB,MAAM,MAAM,CAAC,KAAK,IAAI,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;KAC1E;IAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;AACvC,CAAC;AAxDD,wDAwDC;AAOD,SAAS,aAAa,CACpB,GAA2B;IAE3B,OAAO,GAAG,KAAK,SAAS,IAAK,GAAmB,CAAC,QAAQ,CAAC;AAC5D,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 { useEffect, useState } from \"react\";\nimport { defer, share } from \"rxjs\";\nimport {\n  scheduleSubscription,\n  SubscriptionScheduler,\n} from \"./SubscriptionScheduler\";\n\n/**\n * Custom hook for working with promise values.\n * Promises are debounced using trailing and leading edge.\n * The first promise will always be executed.\n * Any promises following the first while it is executing will be scheduled (and unscheduled), leaving only the last promise to be resolved.\n * Once the first promise finishes resolving, the last passed promise starts resolving.\n * @throws if/when `valueToBeResolved` promise is rejected. The error is thrown in the React's render loop, so it can be caught using an error boundary.\n * @beta\n */\nexport function useDebouncedAsyncValue<TReturn>(\n  valueToBeResolved: undefined | (() => Promise<TReturn>)\n) {\n  const [scheduler] = useState(() => new SubscriptionScheduler<TReturn>());\n\n  const [{ result, inProgress }, setState] = useState<{\n    result: TReturn | ErrorResult | undefined;\n    inProgress: boolean;\n  }>({\n    result: undefined,\n    inProgress: false,\n  });\n\n  useEffect(() => {\n    if (!valueToBeResolved) {\n      setState((prev) => ({ ...prev, result: undefined, inProgress: false }));\n      return;\n    }\n\n    setState((prev) => ({\n      ...prev,\n      inProgress: true,\n    }));\n    // schedule and subscribe to the observable emitting value from valueToBeResolved promise\n    const subscription = defer(valueToBeResolved)\n      .pipe(\n        share({\n          resetOnError: false,\n          resetOnComplete: false,\n          resetOnRefCountZero: true,\n        }),\n        scheduleSubscription(scheduler)\n      )\n      .subscribe({\n        next: (data) => {\n          setState((prev) => ({ ...prev, result: data, inProgress: false }));\n        },\n        error: (err) => {\n          setState((prev) => ({\n            ...prev,\n            result: { error: err, hasError: true },\n            inProgress: false,\n          }));\n        },\n      });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [valueToBeResolved, scheduler]);\n\n  if (isErrorResult(result)) {\n    throw result.error ?? new Error(\"Exception in `useDebouncedAsyncValue`\");\n  }\n\n  return { value: result, inProgress };\n}\n\ninterface ErrorResult {\n  error: Error | undefined;\n  hasError: boolean;\n}\n\nfunction isErrorResult<TResult>(\n  obj?: TResult | ErrorResult\n): obj is ErrorResult {\n  return obj !== undefined && (obj as ErrorResult).hasError;\n}\n"]}
+{"version":3,"file":"UseDebouncedAsyncValue.js","sourceRoot":"","sources":["../../../../src/components-react/common/UseDebouncedAsyncValue.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAA4C;AAC5C,+BAAoC;AACpC,mEAGiC;AAEjC;;;;;;;;GAQG;AACH,SAAgB,sBAAsB,CACpC,iBAAuD;;IAEvD,MAAM,CAAC,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,IAAI,6CAAqB,EAAW,CAAC,CAAC;IAEzE,MAAM,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAGhD;QACD,MAAM,EAAE,SAAS;QACjB,UAAU,EAAE,KAAK;KAClB,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB,EAAE;YACtB,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YACxE,OAAO;SACR;QAED,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;YAClB,GAAG,IAAI;YACP,UAAU,EAAE,IAAI;SACjB,CAAC,CAAC,CAAC;QACJ,yFAAyF;QACzF,MAAM,YAAY,GAAG,IAAA,YAAK,EAAC,iBAAiB,CAAC;aAC1C,IAAI,CACH,IAAA,YAAK,EAAC;YACJ,YAAY,EAAE,KAAK;YACnB,eAAe,EAAE,KAAK;YACtB,mBAAmB,EAAE,IAAI;SAC1B,CAAC,EACF,IAAA,4CAAoB,EAAC,SAAS,CAAC,CAChC;aACA,SAAS,CAAC;YACT,IAAI,EAAE,CAAC,IAAI,EAAE,EAAE;gBACb,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YACrE,CAAC;YACD,KAAK,EAAE,CAAC,GAAG,EAAE,EAAE;gBACb,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBAClB,GAAG,IAAI;oBACP,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;oBACtC,UAAU,EAAE,KAAK;iBAClB,CAAC,CAAC,CAAC;YACN,CAAC;SACF,CAAC,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,WAAW,EAAE,CAAC;QAC7B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,IAAI,aAAa,CAAC,MAAM,CAAC,EAAE;QACzB,MAAM,MAAA,MAAM,CAAC,KAAK,mCAAI,IAAI,KAAK,CAAC,uCAAuC,CAAC,CAAC;KAC1E;IAED,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC;AACvC,CAAC;AAxDD,wDAwDC;AAOD,SAAS,aAAa,CACpB,GAA2B;IAE3B,OAAO,GAAG,KAAK,SAAS,IAAK,GAAmB,CAAC,QAAQ,CAAC;AAC5D,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 { useEffect, useState } from \"react\";\nimport { defer, share } from \"rxjs\";\nimport {\n  scheduleSubscription,\n  SubscriptionScheduler,\n} from \"./SubscriptionScheduler\";\n\n/**\n * Custom hook for working with promise values.\n * Promises are debounced using trailing and leading edge.\n * The first promise will always be executed.\n * Any promises following the first while it is executing will be scheduled (and unscheduled), leaving only the last promise to be resolved.\n * Once the first promise finishes resolving, the last passed promise starts resolving.\n * @throws if/when `valueToBeResolved` promise is rejected. The error is thrown in the React's render loop, so it can be caught using an error boundary.\n * @beta\n */\nexport function useDebouncedAsyncValue<TReturn>(\n  valueToBeResolved: undefined | (() => Promise<TReturn>)\n) {\n  const [scheduler] = useState(() => new SubscriptionScheduler<TReturn>());\n\n  const [{ result, inProgress }, setState] = useState<{\n    result: TReturn | ErrorResult | undefined;\n    inProgress: boolean;\n  }>({\n    result: undefined,\n    inProgress: false,\n  });\n\n  useEffect(() => {\n    if (!valueToBeResolved) {\n      setState((prev) => ({ ...prev, result: undefined, inProgress: false }));\n      return;\n    }\n\n    setState((prev) => ({\n      ...prev,\n      inProgress: true,\n    }));\n    // schedule and subscribe to the observable emitting value from valueToBeResolved promise\n    const subscription = defer(valueToBeResolved)\n      .pipe(\n        share({\n          resetOnError: false,\n          resetOnComplete: false,\n          resetOnRefCountZero: true,\n        }),\n        scheduleSubscription(scheduler)\n      )\n      .subscribe({\n        next: (data) => {\n          setState((prev) => ({ ...prev, result: data, inProgress: false }));\n        },\n        error: (err) => {\n          setState((prev) => ({\n            ...prev,\n            result: { error: err, hasError: true },\n            inProgress: false,\n          }));\n        },\n      });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [valueToBeResolved, scheduler]);\n\n  if (isErrorResult(result)) {\n    throw result.error ?? new Error(\"Exception in `useDebouncedAsyncValue`\");\n  }\n\n  return { value: result, inProgress };\n}\n\ninterface ErrorResult {\n  error: Error | undefined;\n  hasError: boolean;\n}\n\nfunction isErrorResult<TResult>(\n  obj?: TResult | ErrorResult\n): obj is ErrorResult {\n  return obj !== undefined && (obj as ErrorResult).hasError;\n}\n"]}

package/lib/cjs/components-react/converters/NumericTypeConverter.js

@@ -46,6 +46,7 @@ class FloatTypeConverter extends NumericTypeConverterBase {
         return Number.isNaN(parsedValue) ? undefined : parsedValue;
     }
     convertToString(value) {
+        var _a;
         if (value === undefined)
             return "";
         let numericValue = 0;
@@ -55,7 +56,7 @@ class FloatTypeConverter extends NumericTypeConverterBase {
                 numericValue = 0;
             }
             else {
-                numericValue = FloatTypeConverter.parseString(value) ?? 0;
+                numericValue = (_a = FloatTypeConverter.parseString(value)) !== null && _a !== void 0 ? _a : 0;
             }
         }
         else {
@@ -87,6 +88,7 @@ class IntTypeConverter extends NumericTypeConverterBase {
         return Number.isNaN(parsedValue) ? undefined : parsedValue;
     }
     convertToString(value) {
+        var _a;
         if (value === undefined)
             return "";
         let numericValue = 0;
@@ -96,7 +98,7 @@ class IntTypeConverter extends NumericTypeConverterBase {
                 numericValue = 0;
             }
             else {
-                numericValue = IntTypeConverter.parseString(value) ?? 0;
+                numericValue = (_a = IntTypeConverter.parseString(value)) !== null && _a !== void 0 ? _a : 0;
             }
         }
         else {

package/lib/cjs/components-react/converters/NumericTypeConverter.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumericTypeConverter.js","sourceRoot":"","sources":["../../../../src/components-react/converters/NumericTypeConverter.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 { StandardTypeNames } from \"@itwin/appui-abstract\";\nimport type { LessGreaterOperatorProcessor } from \"./TypeConverter\";\nimport { TypeConverter } from \"./TypeConverter\";\nimport { TypeConverterManager } from \"./TypeConverterManager\";\n\n/**\n * Base Numeric Type Converter.\n * @public\n */\nexport abstract class NumericTypeConverterBase\n  extends TypeConverter\n  implements LessGreaterOperatorProcessor\n{\n  public override get isLessGreaterType(): boolean {\n    return true;\n  }\n\n  public isLessThan(a: Primitives.Numeric, b: Primitives.Numeric): boolean {\n    return a < b;\n  }\n\n  public isLessThanOrEqualTo(\n    a: Primitives.Numeric,\n    b: Primitives.Numeric\n  ): boolean {\n    return a <= b;\n  }\n\n  public isGreaterThan(a: Primitives.Numeric, b: Primitives.Numeric): boolean {\n    return a > b;\n  }\n\n  public isGreaterThanOrEqualTo(\n    a: Primitives.Numeric,\n    b: Primitives.Numeric\n  ): boolean {\n    return a >= b;\n  }\n\n  public sortCompare(\n    a: Primitives.Numeric,\n    b: Primitives.Numeric,\n    _ignoreCase?: boolean\n  ): number {\n    return +a - +b;\n  }\n}\n\n/**\n * Float Type Converter.\n * @public\n */\nexport class FloatTypeConverter extends NumericTypeConverterBase {\n  private static parseString(value: string): number | undefined {\n    const parsedValue = parseFloat(value);\n    return Number.isNaN(parsedValue) ? undefined : parsedValue;\n  }\n\n  public override convertToString(value?: Primitives.Float) {\n    if (value === undefined) return \"\";\n\n    let numericValue = 0;\n    if (typeof value === \"string\") {\n      if (value === \"-\" || value === \"\" || value === \"-0.0\" || value === \"-0\") {\n        // handle these semi-valid values as 0\n        numericValue = 0;\n      } else {\n        numericValue = FloatTypeConverter.parseString(value) ?? 0;\n      }\n    } else {\n      numericValue = value;\n    }\n    // this is close to calling `toFixed(2)`, but cuts of any trailing zeros\n    let stringValue = (Math.round(100 * numericValue) / 100).toString();\n    // because this is a _float_ converter, we want to emphasize the number is a float - make\n    // sure there's a decimal part\n    if (stringValue.indexOf(\".\") === -1) stringValue += \".0\";\n    return stringValue;\n  }\n\n  public override convertFromString(value: string): number | undefined {\n    return FloatTypeConverter.parseString(value);\n  }\n}\nTypeConverterManager.registerConverter(\n  StandardTypeNames.Float,\n  FloatTypeConverter\n);\nTypeConverterManager.registerConverter(\n  StandardTypeNames.Double,\n  FloatTypeConverter\n);\nTypeConverterManager.registerConverter(\n  StandardTypeNames.Number,\n  FloatTypeConverter\n);\n\n/**\n * Int Type Converter.\n * @public\n */\nexport class IntTypeConverter extends NumericTypeConverterBase {\n  private static parseString(value: string): number | undefined {\n    const parsedValue = parseInt(value, 10);\n    return Number.isNaN(parsedValue) ? undefined : parsedValue;\n  }\n\n  public override convertToString(value?: Primitives.Int) {\n    if (value === undefined) return \"\";\n\n    let numericValue = 0;\n    if (typeof value === \"string\") {\n      if (value === \"-\" || value === \"\" || value === \"-0\") {\n        // handle these semi-valid values as 0\n        numericValue = 0;\n      } else {\n        numericValue = IntTypeConverter.parseString(value) ?? 0;\n      }\n    } else {\n      numericValue = value;\n    }\n    return Math.round(numericValue).toString();\n  }\n\n  public override convertFromString(value: string): number | undefined {\n    return IntTypeConverter.parseString(value);\n  }\n}\n\nTypeConverterManager.registerConverter(StandardTypeNames.Int, IntTypeConverter);\nTypeConverterManager.registerConverter(\n  StandardTypeNames.Integer,\n  IntTypeConverter\n);\n"]}
+{"version":3,"file":"NumericTypeConverter.js","sourceRoot":"","sources":["../../../../src/components-react/converters/NumericTypeConverter.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 { StandardTypeNames } from \"@itwin/appui-abstract\";\nimport type { LessGreaterOperatorProcessor } from \"./TypeConverter\";\nimport { TypeConverter } from \"./TypeConverter\";\nimport { TypeConverterManager } from \"./TypeConverterManager\";\n\n/**\n * Base Numeric Type Converter.\n * @public\n */\nexport abstract class NumericTypeConverterBase\n  extends TypeConverter\n  implements LessGreaterOperatorProcessor\n{\n  public override get isLessGreaterType(): boolean {\n    return true;\n  }\n\n  public isLessThan(a: Primitives.Numeric, b: Primitives.Numeric): boolean {\n    return a < b;\n  }\n\n  public isLessThanOrEqualTo(\n    a: Primitives.Numeric,\n    b: Primitives.Numeric\n  ): boolean {\n    return a <= b;\n  }\n\n  public isGreaterThan(a: Primitives.Numeric, b: Primitives.Numeric): boolean {\n    return a > b;\n  }\n\n  public isGreaterThanOrEqualTo(\n    a: Primitives.Numeric,\n    b: Primitives.Numeric\n  ): boolean {\n    return a >= b;\n  }\n\n  public sortCompare(\n    a: Primitives.Numeric,\n    b: Primitives.Numeric,\n    _ignoreCase?: boolean\n  ): number {\n    return +a - +b;\n  }\n}\n\n/**\n * Float Type Converter.\n * @public\n */\nexport class FloatTypeConverter extends NumericTypeConverterBase {\n  private static parseString(value: string): number | undefined {\n    const parsedValue = parseFloat(value);\n    return Number.isNaN(parsedValue) ? undefined : parsedValue;\n  }\n\n  public override convertToString(value?: Primitives.Float) {\n    if (value === undefined) return \"\";\n\n    let numericValue = 0;\n    if (typeof value === \"string\") {\n      if (value === \"-\" || value === \"\" || value === \"-0.0\" || value === \"-0\") {\n        // handle these semi-valid values as 0\n        numericValue = 0;\n      } else {\n        numericValue = FloatTypeConverter.parseString(value) ?? 0;\n      }\n    } else {\n      numericValue = value;\n    }\n    // this is close to calling `toFixed(2)`, but cuts of any trailing zeros\n    let stringValue = (Math.round(100 * numericValue) / 100).toString();\n    // because this is a _float_ converter, we want to emphasize the number is a float - make\n    // sure there's a decimal part\n    if (stringValue.indexOf(\".\") === -1) stringValue += \".0\";\n    return stringValue;\n  }\n\n  public override convertFromString(value: string): number | undefined {\n    return FloatTypeConverter.parseString(value);\n  }\n}\nTypeConverterManager.registerConverter(\n  StandardTypeNames.Float,\n  FloatTypeConverter\n);\nTypeConverterManager.registerConverter(\n  StandardTypeNames.Double,\n  FloatTypeConverter\n);\nTypeConverterManager.registerConverter(\n  StandardTypeNames.Number,\n  FloatTypeConverter\n);\n\n/**\n * Int Type Converter.\n * @public\n */\nexport class IntTypeConverter extends NumericTypeConverterBase {\n  private static parseString(value: string): number | undefined {\n    const parsedValue = parseInt(value, 10);\n    return Number.isNaN(parsedValue) ? undefined : parsedValue;\n  }\n\n  public override convertToString(value?: Primitives.Int) {\n    if (value === undefined) return \"\";\n\n    let numericValue = 0;\n    if (typeof value === \"string\") {\n      if (value === \"-\" || value === \"\" || value === \"-0\") {\n        // handle these semi-valid values as 0\n        numericValue = 0;\n      } else {\n        numericValue = IntTypeConverter.parseString(value) ?? 0;\n      }\n    } else {\n      numericValue = value;\n    }\n    return Math.round(numericValue).toString();\n  }\n\n  public override convertFromString(value: string): number | undefined {\n    return IntTypeConverter.parseString(value);\n  }\n}\n\nTypeConverterManager.registerConverter(StandardTypeNames.Int, IntTypeConverter);\nTypeConverterManager.registerConverter(\n  StandardTypeNames.Integer,\n  IntTypeConverter\n);\n"]}

package/lib/cjs/components-react/converters/TypeConverter.js

@@ -35,7 +35,8 @@ class TypeConverter {
     }
     /** Converts a value associated with a property description to a string */
     convertPropertyToString(propertyDescription, value) {
-        return this.convertToStringWithOptions(value, propertyDescription.converter?.options);
+        var _a;
+        return this.convertToStringWithOptions(value, (_a = propertyDescription.converter) === null || _a === void 0 ? void 0 : _a.options);
     }
     /** Converts a string with a property record to a property value */
     async convertFromStringToPropertyValue(value, propertyRecord) {

package/lib/cjs/components-react/converters/TypeConverter.js.map

@@ -1 +1 @@
-{"version":3,"file":"TypeConverter.js","sourceRoot":"","sources":["../../../../src/components-react/converters/TypeConverter.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAWH,0DAA4D;AAiD5D;;;GAGG;AACH,MAAsB,aAAa;IAGjC,6CAA6C;IACtC,eAAe,CAAC,KAAwB;QAC7C,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QACnC,gEAAgE;QAChE,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC1B,CAAC;IAED,wEAAwE;IACjE,0BAA0B,CAC/B,KAAwB,EACxB,QAAiC;QAEjC,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,6CAA6C;IACtC,iBAAiB,CACtB,MAAc;QAKd,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,0EAA0E;IACnE,4BAA4B,CACjC,KAAa,EACb,QAAiC;QAKjC,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,0EAA0E;IACnE,uBAAuB,CAC5B,mBAAwC,EACxC,KAAwB;QAExB,OAAO,IAAI,CAAC,0BAA0B,CACpC,KAAK,EACL,mBAAmB,CAAC,SAAS,EAAE,OAAO,CACvC,CAAC;IACJ,CAAC;IAED,mEAAmE;IAC5D,KAAK,CAAC,gCAAgC,CAC3C,KAAa,EACb,cAA+B;QAE/B,MAAM,gBAAgB,GACpB,cAAc,IAAI,cAAc,CAAC,QAAQ,CAAC,SAAS;YACjD,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO;YAC3C,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,4BAA4B,CACzD,KAAK,EACL,gBAAgB,CACjB,CAAC;QACF,MAAM,aAAa,GAAmB;YACpC,WAAW,EAAE,oCAAmB,CAAC,SAAS;YAC1C,KAAK,EAAE,WAAW;YAClB,YAAY,EAAE,EAAE;SACjB,CAAC;QACF,OAAO,aAAa,CAAC;IACvB,CAAC;IASD,mDAAmD;IAC5C,SAAS,CACd,MAAwB,EACxB,MAAwB;QAExB,OAAO,MAAM,KAAK,MAAM,CAAC;IAC3B,CAAC;IAED,uDAAuD;IAChD,YAAY,CACjB,MAAwB,EACxB,MAAwB;QAExB,OAAO,MAAM,KAAK,MAAM,CAAC;IAC3B,CAAC;IAED,2DAA2D;IACpD,MAAM,CAAC,KAAuB;QACnC,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;IAC/C,CAAC;IAED,mEAAmE;IAC5D,SAAS,CAAC,KAAuB;QACtC,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;IAC/C,CAAC;IAED,uDAAuD;IACvD,IAAW,YAAY;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,wDAAwD;IACxD,IAAW,iBAAiB;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;IACD,wDAAwD;IACxD,IAAW,aAAa;QACtB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,yDAAyD;IACzD,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAxHD,sCAwHC","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\n// cSpell:ignore valuetypes shortdate\n\nimport type {\n  Primitives,\n  PrimitiveValue,\n  PropertyDescription,\n  PropertyRecord,\n  PropertyValue,\n} from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { ConvertedPrimitives } from \"./valuetypes/ConvertedTypes\";\n\n/** Sort compare method for types that support sorting\n * @public\n */\nexport interface SortComparer {\n  /** Sort function for two primitive values */\n  sortCompare(\n    valueA: Primitives.Value,\n    valueB: Primitives.Value,\n    ignoreCase?: boolean\n  ): number;\n}\n\n/** Operators for all filterable types\n * @public\n */\nexport interface OperatorProcessor {\n  /** Determines if two primitive values are equal */\n  isEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if two primitive values are not equal */\n  isNotEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n}\n\n/** Operators for Numeric types, DateTime, TimeSpan, or  any type that supports these comparisons\n * @public\n */\nexport interface LessGreaterOperatorProcessor {\n  /** Determines if a primitive values is less than another primitive value */\n  isLessThan(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if a primitive values is less than or equal to another primitive value */\n  isLessThanOrEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if a primitive values is greater than another primitive value */\n  isGreaterThan(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if a primitive values is greater than or equal to another primitive value */\n  isGreaterThanOrEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n}\n\n/** Operators for all filterable null-able types\n * @public\n */\nexport interface NullableOperatorProcessor {\n  /** Determines if a primitive value is null or undefined */\n  isNull(value: Primitives.Value): boolean;\n  /** Determines if a primitive value is not null or not undefined */\n  isNotNull(value: Primitives.Value): boolean;\n}\n\n/**\n * Type Converter base class.\n * @public\n */\nexport abstract class TypeConverter\n  implements SortComparer, OperatorProcessor, NullableOperatorProcessor\n{\n  /** Converts a primitive value to a string */\n  public convertToString(value?: Primitives.Value): string | Promise<string> {\n    if (value === undefined) return \"\";\n    // eslint-disable-next-line @typescript-eslint/no-base-to-string\n    return value.toString();\n  }\n\n  /** Default implementation just calls convertToString with no options */\n  public convertToStringWithOptions(\n    value?: Primitives.Value,\n    _options?: { [key: string]: any }\n  ): string | Promise<string> {\n    return this.convertToString(value);\n  }\n\n  /** Converts a string to a primitive value */\n  public convertFromString(\n    _value: string\n  ):\n    | ConvertedPrimitives.Value\n    | undefined\n    | Promise<ConvertedPrimitives.Value | undefined> {\n    return undefined;\n  }\n\n  /** Default implementation just calls convertFromString with no options */\n  public convertFromStringWithOptions(\n    value: string,\n    _options?: { [key: string]: any }\n  ):\n    | ConvertedPrimitives.Value\n    | undefined\n    | Promise<ConvertedPrimitives.Value | undefined> {\n    return this.convertFromString(value);\n  }\n\n  /** Converts a value associated with a property description to a string */\n  public convertPropertyToString(\n    propertyDescription: PropertyDescription,\n    value?: Primitives.Value\n  ): string | Promise<string> {\n    return this.convertToStringWithOptions(\n      value,\n      propertyDescription.converter?.options\n    );\n  }\n\n  /** Converts a string with a property record to a property value */\n  public async convertFromStringToPropertyValue(\n    value: string,\n    propertyRecord?: PropertyRecord\n  ): Promise<PropertyValue> {\n    const converterOptions =\n      propertyRecord && propertyRecord.property.converter\n        ? propertyRecord.property.converter.options\n        : undefined;\n    const stringValue = await this.convertFromStringWithOptions(\n      value,\n      converterOptions\n    );\n    const propertyValue: PrimitiveValue = {\n      valueFormat: PropertyValueFormat.Primitive,\n      value: stringValue,\n      displayValue: \"\",\n    };\n    return propertyValue;\n  }\n\n  /** Sort function for two primitive values */\n  public abstract sortCompare(\n    valueA: Primitives.Value,\n    valueB: Primitives.Value,\n    _ignoreCase?: boolean\n  ): number;\n\n  /** Determines if two primitive values are equal */\n  public isEqualTo(\n    valueA: Primitives.Value,\n    valueB: Primitives.Value\n  ): boolean {\n    return valueA === valueB;\n  }\n\n  /** Determines if two primitive values are not equal */\n  public isNotEqualTo(\n    valueA: Primitives.Value,\n    valueB: Primitives.Value\n  ): boolean {\n    return valueA !== valueB;\n  }\n\n  /** Determines if a primitive value is null or undefined */\n  public isNull(value: Primitives.Value): boolean {\n    return value === null || value === undefined;\n  }\n\n  /** Determines if a primitive value is not null or not undefined */\n  public isNotNull(value: Primitives.Value): boolean {\n    return value !== null && value !== undefined;\n  }\n\n  /** Determines if the converter is for a string type */\n  public get isStringType(): boolean {\n    return false;\n  }\n  /** Determines if the converter is for a numeric type */\n  public get isLessGreaterType(): boolean {\n    return false;\n  }\n  /** Determines if the converter is for a boolean type */\n  public get isBooleanType(): boolean {\n    return false;\n  }\n  /** Determines if the converter is for a nullable type */\n  public get isNullableType(): boolean {\n    return true;\n  }\n}\n"]}
+{"version":3,"file":"TypeConverter.js","sourceRoot":"","sources":["../../../../src/components-react/converters/TypeConverter.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAWH,0DAA4D;AAiD5D;;;GAGG;AACH,MAAsB,aAAa;IAGjC,6CAA6C;IACtC,eAAe,CAAC,KAAwB;QAC7C,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QACnC,gEAAgE;QAChE,OAAO,KAAK,CAAC,QAAQ,EAAE,CAAC;IAC1B,CAAC;IAED,wEAAwE;IACjE,0BAA0B,CAC/B,KAAwB,EACxB,QAAiC;QAEjC,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC;IAED,6CAA6C;IACtC,iBAAiB,CACtB,MAAc;QAKd,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,0EAA0E;IACnE,4BAA4B,CACjC,KAAa,EACb,QAAiC;QAKjC,OAAO,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC;IAED,0EAA0E;IACnE,uBAAuB,CAC5B,mBAAwC,EACxC,KAAwB;;QAExB,OAAO,IAAI,CAAC,0BAA0B,CACpC,KAAK,EACL,MAAA,mBAAmB,CAAC,SAAS,0CAAE,OAAO,CACvC,CAAC;IACJ,CAAC;IAED,mEAAmE;IAC5D,KAAK,CAAC,gCAAgC,CAC3C,KAAa,EACb,cAA+B;QAE/B,MAAM,gBAAgB,GACpB,cAAc,IAAI,cAAc,CAAC,QAAQ,CAAC,SAAS;YACjD,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,SAAS,CAAC,OAAO;YAC3C,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,4BAA4B,CACzD,KAAK,EACL,gBAAgB,CACjB,CAAC;QACF,MAAM,aAAa,GAAmB;YACpC,WAAW,EAAE,oCAAmB,CAAC,SAAS;YAC1C,KAAK,EAAE,WAAW;YAClB,YAAY,EAAE,EAAE;SACjB,CAAC;QACF,OAAO,aAAa,CAAC;IACvB,CAAC;IASD,mDAAmD;IAC5C,SAAS,CACd,MAAwB,EACxB,MAAwB;QAExB,OAAO,MAAM,KAAK,MAAM,CAAC;IAC3B,CAAC;IAED,uDAAuD;IAChD,YAAY,CACjB,MAAwB,EACxB,MAAwB;QAExB,OAAO,MAAM,KAAK,MAAM,CAAC;IAC3B,CAAC;IAED,2DAA2D;IACpD,MAAM,CAAC,KAAuB;QACnC,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;IAC/C,CAAC;IAED,mEAAmE;IAC5D,SAAS,CAAC,KAAuB;QACtC,OAAO,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,CAAC;IAC/C,CAAC;IAED,uDAAuD;IACvD,IAAW,YAAY;QACrB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,wDAAwD;IACxD,IAAW,iBAAiB;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;IACD,wDAAwD;IACxD,IAAW,aAAa;QACtB,OAAO,KAAK,CAAC;IACf,CAAC;IACD,yDAAyD;IACzD,IAAW,cAAc;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;CACF;AAxHD,sCAwHC","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\n// cSpell:ignore valuetypes shortdate\n\nimport type {\n  Primitives,\n  PrimitiveValue,\n  PropertyDescription,\n  PropertyRecord,\n  PropertyValue,\n} from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { ConvertedPrimitives } from \"./valuetypes/ConvertedTypes\";\n\n/** Sort compare method for types that support sorting\n * @public\n */\nexport interface SortComparer {\n  /** Sort function for two primitive values */\n  sortCompare(\n    valueA: Primitives.Value,\n    valueB: Primitives.Value,\n    ignoreCase?: boolean\n  ): number;\n}\n\n/** Operators for all filterable types\n * @public\n */\nexport interface OperatorProcessor {\n  /** Determines if two primitive values are equal */\n  isEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if two primitive values are not equal */\n  isNotEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n}\n\n/** Operators for Numeric types, DateTime, TimeSpan, or  any type that supports these comparisons\n * @public\n */\nexport interface LessGreaterOperatorProcessor {\n  /** Determines if a primitive values is less than another primitive value */\n  isLessThan(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if a primitive values is less than or equal to another primitive value */\n  isLessThanOrEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if a primitive values is greater than another primitive value */\n  isGreaterThan(a: Primitives.Value, b: Primitives.Value): boolean;\n  /** Determines if a primitive values is greater than or equal to another primitive value */\n  isGreaterThanOrEqualTo(a: Primitives.Value, b: Primitives.Value): boolean;\n}\n\n/** Operators for all filterable null-able types\n * @public\n */\nexport interface NullableOperatorProcessor {\n  /** Determines if a primitive value is null or undefined */\n  isNull(value: Primitives.Value): boolean;\n  /** Determines if a primitive value is not null or not undefined */\n  isNotNull(value: Primitives.Value): boolean;\n}\n\n/**\n * Type Converter base class.\n * @public\n */\nexport abstract class TypeConverter\n  implements SortComparer, OperatorProcessor, NullableOperatorProcessor\n{\n  /** Converts a primitive value to a string */\n  public convertToString(value?: Primitives.Value): string | Promise<string> {\n    if (value === undefined) return \"\";\n    // eslint-disable-next-line @typescript-eslint/no-base-to-string\n    return value.toString();\n  }\n\n  /** Default implementation just calls convertToString with no options */\n  public convertToStringWithOptions(\n    value?: Primitives.Value,\n    _options?: { [key: string]: any }\n  ): string | Promise<string> {\n    return this.convertToString(value);\n  }\n\n  /** Converts a string to a primitive value */\n  public convertFromString(\n    _value: string\n  ):\n    | ConvertedPrimitives.Value\n    | undefined\n    | Promise<ConvertedPrimitives.Value | undefined> {\n    return undefined;\n  }\n\n  /** Default implementation just calls convertFromString with no options */\n  public convertFromStringWithOptions(\n    value: string,\n    _options?: { [key: string]: any }\n  ):\n    | ConvertedPrimitives.Value\n    | undefined\n    | Promise<ConvertedPrimitives.Value | undefined> {\n    return this.convertFromString(value);\n  }\n\n  /** Converts a value associated with a property description to a string */\n  public convertPropertyToString(\n    propertyDescription: PropertyDescription,\n    value?: Primitives.Value\n  ): string | Promise<string> {\n    return this.convertToStringWithOptions(\n      value,\n      propertyDescription.converter?.options\n    );\n  }\n\n  /** Converts a string with a property record to a property value */\n  public async convertFromStringToPropertyValue(\n    value: string,\n    propertyRecord?: PropertyRecord\n  ): Promise<PropertyValue> {\n    const converterOptions =\n      propertyRecord && propertyRecord.property.converter\n        ? propertyRecord.property.converter.options\n        : undefined;\n    const stringValue = await this.convertFromStringWithOptions(\n      value,\n      converterOptions\n    );\n    const propertyValue: PrimitiveValue = {\n      valueFormat: PropertyValueFormat.Primitive,\n      value: stringValue,\n      displayValue: \"\",\n    };\n    return propertyValue;\n  }\n\n  /** Sort function for two primitive values */\n  public abstract sortCompare(\n    valueA: Primitives.Value,\n    valueB: Primitives.Value,\n    _ignoreCase?: boolean\n  ): number;\n\n  /** Determines if two primitive values are equal */\n  public isEqualTo(\n    valueA: Primitives.Value,\n    valueB: Primitives.Value\n  ): boolean {\n    return valueA === valueB;\n  }\n\n  /** Determines if two primitive values are not equal */\n  public isNotEqualTo(\n    valueA: Primitives.Value,\n    valueB: Primitives.Value\n  ): boolean {\n    return valueA !== valueB;\n  }\n\n  /** Determines if a primitive value is null or undefined */\n  public isNull(value: Primitives.Value): boolean {\n    return value === null || value === undefined;\n  }\n\n  /** Determines if a primitive value is not null or not undefined */\n  public isNotNull(value: Primitives.Value): boolean {\n    return value !== null && value !== undefined;\n  }\n\n  /** Determines if the converter is for a string type */\n  public get isStringType(): boolean {\n    return false;\n  }\n  /** Determines if the converter is for a numeric type */\n  public get isLessGreaterType(): boolean {\n    return false;\n  }\n  /** Determines if the converter is for a boolean type */\n  public get isBooleanType(): boolean {\n    return false;\n  }\n  /** Determines if the converter is for a nullable type */\n  public get isNullableType(): boolean {\n    return true;\n  }\n}\n"]}

package/lib/cjs/components-react/datepicker/DatePicker.d.ts

@@ -6,6 +6,7 @@ import "./DatePicker.scss";
 /**
  * Props for [[DatePicker]] component.
  * @alpha
+ * @deprecated in 4.11.x. Props of deprecated component {@link DatePicker}.
  */
 export interface DatePickerProps {
     /** defines both date and time */
@@ -17,6 +18,7 @@ export interface DatePickerProps {
 }
 /** DatePicker component. Show a month selector and a day calendar to select a specific date.
  * @alpha
+ * @deprecated in 4.11.x. Use {@link https://itwinui.bentley.com/docs/datepicker iTwinUI date picker} instead.
  */
 export declare function DatePicker(props: DatePickerProps): React.JSX.Element;
 //# sourceMappingURL=DatePicker.d.ts.map

package/lib/cjs/components-react/datepicker/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DatePicker.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,mBAAmB,CAAC;AAY3B;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,QAAQ,EAAE,IAAI,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBA4ThD"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DatePicker.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,mBAAmB,CAAC;AAa3B;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,iCAAiC;IACjC,QAAQ,EAAE,IAAI,CAAC;IACf,qDAAqD;IACrD,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED;;;GAGG;AAEH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAmQhD"}

package/lib/cjs/components-react/datepicker/DatePicker.js

@@ -37,10 +37,10 @@ exports.DatePicker = void 0;
 const React = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const ts_key_enum_1 = require("ts-key-enum");
-const UiComponents_1 = require("../UiComponents");
 const core_react_1 = require("@itwin/core-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 require("./DatePicker.scss");
+const useTranslation_1 = require("../useTranslation");
 function isSameDay(a, b) {
     return (a &&
         b &&
@@ -50,42 +50,45 @@ function isSameDay(a, b) {
 }
 /** DatePicker component. Show a month selector and a day calendar to select a specific date.
  * @alpha
+ * @deprecated in 4.11.x. Use {@link https://itwinui.bentley.com/docs/datepicker iTwinUI date picker} instead.
  */
+// eslint-disable-next-line deprecation/deprecation
 function DatePicker(props) {
-    const previousMonthLabel = React.useRef(UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:datepicker.previousMonth"));
-    const nextMonthLabel = React.useRef(UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:datepicker.nextMonth"));
-    const monthsLong = React.useRef([
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.january"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.february"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.march"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.april"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.may"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.june"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.july"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.august"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.september"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.october"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.november"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:month.long.december"),
-    ]);
-    const daysLong = React.useRef([
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.sunday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.monday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.tuesday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.wednesday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.thursday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.friday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.long.saturday"),
-    ]);
-    const daysShort = React.useRef([
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.sunday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.monday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.tuesday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.wednesday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.thursday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.friday"),
-        UiComponents_1.UiComponents.localization.getLocalizedString("UiComponents:days.short.saturday"),
-    ]);
+    const { translate } = (0, useTranslation_1.useTranslation)();
+    const previousMonthLabel = translate("datepicker.previousMonth");
+    const nextMonthLabel = translate("datepicker.nextMonth");
+    const monthsLong = [
+        translate("month.long.january"),
+        translate("month.long.february"),
+        translate("month.long.march"),
+        translate("month.long.april"),
+        translate("month.long.may"),
+        translate("month.long.june"),
+        translate("month.long.july"),
+        translate("month.long.august"),
+        translate("month.long.september"),
+        translate("month.long.october"),
+        translate("month.long.november"),
+        translate("month.long.december"),
+    ];
+    const daysLong = [
+        translate("days.long.sunday"),
+        translate("days.long.monday"),
+        translate("days.long.tuesday"),
+        translate("days.long.wednesday"),
+        translate("days.long.thursday"),
+        translate("days.long.friday"),
+        translate("days.long.saturday"),
+    ];
+    const daysShort = [
+        translate("days.short.sunday"),
+        translate("days.short.monday"),
+        translate("days.short.tuesday"),
+        translate("days.short.wednesday"),
+        translate("days.short.thursday"),
+        translate("days.short.friday"),
+        translate("days.short.saturday"),
+    ];
     const [selectedDay, setSelectedDay] = React.useState(new Date(props.selected.getTime()));
     const [displayedMonthIndex, setDisplayedMonthIndex] = React.useState(selectedDay.getMonth());
     const [displayedYear, setDisplayedYear] = React.useState(selectedDay.getFullYear());
@@ -188,16 +191,16 @@ function DatePicker(props) {
     const calendarClass = (0, classnames_1.default)("components-date-picker-calendar-month", props.showFocusOutline && "showFocusOutline");
     return (React.createElement("div", { className: "components-date-picker-calendar" },
         React.createElement("div", { className: "components-date-picker-calendar-header-months" },
-            React.createElement("button", { className: previousButtonClass, title: previousMonthLabel.current, onClick: handleMoveToPreviousMonth },
+            React.createElement("button", { className: previousButtonClass, title: previousMonthLabel, onClick: handleMoveToPreviousMonth },
                 React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronLeft, null) })),
             React.createElement("span", { className: "components-month-year" },
-                monthsLong.current[displayedMonthIndex],
+                monthsLong[displayedMonthIndex],
                 " ",
                 displayedYear),
-            React.createElement("button", { className: nextButtonClass, title: nextMonthLabel.current, onClick: handleMoveToNextMonth },
+            React.createElement("button", { className: nextButtonClass, title: nextMonthLabel, onClick: handleMoveToNextMonth },
                 React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronRight, null) }))),
-        React.createElement("div", { className: "components-date-picker-calendar-header-weekdays" }, [0, 1, 2, 3, 4, 5, 6].map((dayOfWeek) => (React.createElement("div", { key: `day-${dayOfWeek}`, className: "components-date-picker-calendar-header-day-short", title: daysLong.current[dayOfWeek] },
-            React.createElement("span", null, daysShort.current[dayOfWeek]))))),
+        React.createElement("div", { className: "components-date-picker-calendar-header-weekdays" }, [0, 1, 2, 3, 4, 5, 6].map((dayOfWeek) => (React.createElement("div", { key: `day-${dayOfWeek}`, className: "components-date-picker-calendar-header-day-short", title: daysLong[dayOfWeek] },
+            React.createElement("span", null, daysShort[dayOfWeek]))))),
         React.createElement("ul", { tabIndex: 0, onKeyDown: handleCalendarKeyDown, "data-testid": "components-date-picker-calendar-list", className: calendarClass, role: "listbox" }, weeks.map((weekdays, weekIndex) => (React.createElement(React.Fragment, { key: `week-${weekIndex}` }, weekdays.map((day, dayIndex) => {
             const isActive = selectedDay && day && isSameDay(selectedDay, day);
             const isFocused = focusedDay &&