@itwin/components-react 4.5.1 → 4.6.1

package/CHANGELOG.md

@@ -1,6 +1,18 @@
 # Change Log - @itwin/components-react
 
-This log was last generated on Fri, 08 Sep 2023 16:10:53 GMT and should not be manually modified.
+This log was last generated on Thu, 12 Oct 2023 16:59:20 GMT and should not be manually modified.
+
+## 4.6.1
+Thu, 12 Oct 2023 16:59:20 GMT
+
+_Version update only_
+
+## 4.6.0
+Wed, 04 Oct 2023 18:05:34 GMT
+
+### Updates
+
+- Fix `useTreeModel` missing tree model changes that happen after render until `useTreeModel` subscribes to `TreeModelSource.onModelChanged` event.
 
 ## 4.5.1
 Fri, 08 Sep 2023 16:10:53 GMT

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

@@ -138,7 +138,7 @@ function DateField({ initialDate, onDateChange, readOnly, dateFormatter, timeDis
             if (dateFormatter && dateFormatter.parseDate)
                 return dateFormatter.parseDate(dateString);
             const newDateValue = Date.parse(dateString);
-            // istanbul ignore else
+            // istanbul ignore next
             if (newDateValue)
                 return new Date(newDateValue);
         }

package/lib/cjs/components-react/datepicker/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DateField.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Date\n */\n\nimport \"./DateField.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { DateFormatter } from \"@itwin/appui-abstract\";\nimport { AlternateDateFormats, TimeDisplay } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { Logger } from \"@itwin/core-bentley\";\n\n/** Props for [[DateField]] Component.\n * @internal\n */\nexport interface DateFieldProps extends CommonProps {\n  /** Defines initial date and time for component. */\n  initialDate: Date;\n  /** Function to call when the date or time is changed. */\n  onDateChange?: (day: Date) => void;\n  /** Optional value to define if edit field allows editing. If a DateFormatter is provided\n   * it must provide a parseData function or the field will be read only no matter the setting of this value. */\n  readOnly?: boolean;\n  /** Optional date formatter that produces an explicit date display */\n  dateFormatter?: DateFormatter;\n  /** This property has two purposes, the first is specify that the display of time is desired and the second is to define the format of the time display. */\n  timeDisplay?: TimeDisplay;\n}\n\n/** Function to format a Date object that is used in control, type editor, and type converter\n * to produce a consistent formatted Date string.\n * @internal\n */\nexport function formatInputDate(\n  inputDate: Date,\n  timeDisplay?: TimeDisplay,\n  customFormatter?: DateFormatter,\n  alternateDateFormat?: AlternateDateFormats\n): string | undefined {\n  if (customFormatter) {\n    return customFormatter.formateDate(inputDate);\n  }\n\n  if (alternateDateFormat) {\n    switch (alternateDateFormat) {\n      case AlternateDateFormats.IsoDateTime:\n        return inputDate.toISOString();\n      case AlternateDateFormats.IsoShort:\n        return inputDate.toISOString().slice(0, 10);\n      case AlternateDateFormats.UtcDateTime:\n        return inputDate.toUTCString().slice(5);\n      case AlternateDateFormats.UtcShort:\n        return inputDate.toUTCString().slice(5, 16);\n      case AlternateDateFormats.UtcDateTimeWithDay:\n        return inputDate.toUTCString();\n      case AlternateDateFormats.UtcShortWithDay:\n        return inputDate.toUTCString().slice(0, 16);\n    }\n  } else {\n    const dateString = inputDate.toLocaleDateString(undefined, {\n      day: \"2-digit\",\n      month: \"2-digit\",\n      year: \"numeric\",\n    });\n    let timeString: string = \"\";\n\n    if (timeDisplay) {\n      switch (timeDisplay) {\n        case TimeDisplay.H12MC:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: true,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          });\n          break;\n        case TimeDisplay.H12MSC:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: true,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n            second: \"2-digit\",\n          });\n          break;\n        case TimeDisplay.H24M:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: false,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          });\n          // istanbul ignore next\n          if (timeString === \"24:00\") timeString = \"00:00\";\n          break;\n        case TimeDisplay.H24MS:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: false,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n            second: \"2-digit\",\n          });\n          // istanbul ignore next\n          if (timeString === \"24:00:00\") timeString = \"00:00:00\";\n          break;\n      }\n    }\n    return timeString.length ? `${dateString}, ${timeString}` : dateString;\n  }\n}\n\n/** Date input component. This component is typically used by the [[DatePickerPopupButton]] to display and edit date and time.\n * @internal\n */\nexport function DateField({\n  initialDate,\n  onDateChange,\n  readOnly,\n  dateFormatter,\n  timeDisplay,\n  style,\n  className,\n}: DateFieldProps) {\n  const initialDateRef = React.useRef(initialDate);\n  const [hasBadInput, setHasBadInput] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState(\n    formatInputDate(initialDate, timeDisplay, dateFormatter)\n  );\n\n  // See if new initialDate props have changed since component mounted\n  React.useEffect(() => {\n    // istanbul ignore else\n    if (initialDate.getTime() !== initialDateRef.current.getTime()) {\n      initialDateRef.current = initialDate;\n    }\n    setInputValue(formatInputDate(initialDate, timeDisplay, dateFormatter));\n  }, [initialDate, dateFormatter, timeDisplay]);\n\n  const handleInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.currentTarget.value);\n    },\n    []\n  );\n\n  const parseDate = React.useCallback(\n    (dateString: string) => {\n      try {\n        if (dateFormatter && dateFormatter.parseDate)\n          return dateFormatter.parseDate(dateString);\n\n        const newDateValue = Date.parse(dateString);\n        // istanbul ignore else\n        if (newDateValue) return new Date(newDateValue);\n      } catch (_error) /* istanbul ignore next */ {\n        Logger.logInfo(\n          \"DateField\",\n          `Encountered error parsing input value '${dateString}' as a date.`\n        );\n        return undefined;\n      }\n      // istanbul ignore next\n      return undefined;\n    },\n    [dateFormatter]\n  );\n\n  const updateInputDate = React.useCallback(\n    (dateString: string) => {\n      try {\n        const newDateValue = parseDate(dateString);\n        if (newDateValue) {\n          const newDate = new Date(newDateValue);\n          onDateChange && onDateChange(newDate);\n          setHasBadInput(false);\n        } else {\n          setHasBadInput(true);\n        }\n      } catch (_error) {\n        // istanbul ignore next\n        setHasBadInput(true);\n      }\n    },\n    [onDateChange, parseDate]\n  );\n\n  const handleOnBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      updateInputDate(event.target.value);\n    },\n    [updateInputDate]\n  );\n\n  function onInputKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n    // istanbul ignore else\n    if (event.key === \"Enter\") {\n      updateInputDate(event.currentTarget.value);\n      event.preventDefault();\n    }\n  }\n  const classNames = classnames(\n    className,\n    \"components-date-input\",\n    hasBadInput && \"components-date-has-error\"\n  );\n  return (\n    <Input\n      data-testid=\"components-date-input\"\n      style={style}\n      className={classNames}\n      onKeyDown={onInputKeyDown}\n      onBlur={handleOnBlur}\n      onChange={handleInputChange}\n      value={inputValue}\n      disabled={readOnly || (dateFormatter && !dateFormatter.parseDate)}\n      size=\"small\"\n    />\n  );\n}\n"]}
+{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DateField.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Date\n */\n\nimport \"./DateField.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { DateFormatter } from \"@itwin/appui-abstract\";\nimport { AlternateDateFormats, TimeDisplay } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { Logger } from \"@itwin/core-bentley\";\n\n/** Props for [[DateField]] Component.\n * @internal\n */\nexport interface DateFieldProps extends CommonProps {\n  /** Defines initial date and time for component. */\n  initialDate: Date;\n  /** Function to call when the date or time is changed. */\n  onDateChange?: (day: Date) => void;\n  /** Optional value to define if edit field allows editing. If a DateFormatter is provided\n   * it must provide a parseData function or the field will be read only no matter the setting of this value. */\n  readOnly?: boolean;\n  /** Optional date formatter that produces an explicit date display */\n  dateFormatter?: DateFormatter;\n  /** This property has two purposes, the first is specify that the display of time is desired and the second is to define the format of the time display. */\n  timeDisplay?: TimeDisplay;\n}\n\n/** Function to format a Date object that is used in control, type editor, and type converter\n * to produce a consistent formatted Date string.\n * @internal\n */\nexport function formatInputDate(\n  inputDate: Date,\n  timeDisplay?: TimeDisplay,\n  customFormatter?: DateFormatter,\n  alternateDateFormat?: AlternateDateFormats\n): string | undefined {\n  if (customFormatter) {\n    return customFormatter.formateDate(inputDate);\n  }\n\n  if (alternateDateFormat) {\n    switch (alternateDateFormat) {\n      case AlternateDateFormats.IsoDateTime:\n        return inputDate.toISOString();\n      case AlternateDateFormats.IsoShort:\n        return inputDate.toISOString().slice(0, 10);\n      case AlternateDateFormats.UtcDateTime:\n        return inputDate.toUTCString().slice(5);\n      case AlternateDateFormats.UtcShort:\n        return inputDate.toUTCString().slice(5, 16);\n      case AlternateDateFormats.UtcDateTimeWithDay:\n        return inputDate.toUTCString();\n      case AlternateDateFormats.UtcShortWithDay:\n        return inputDate.toUTCString().slice(0, 16);\n    }\n  } else {\n    const dateString = inputDate.toLocaleDateString(undefined, {\n      day: \"2-digit\",\n      month: \"2-digit\",\n      year: \"numeric\",\n    });\n    let timeString: string = \"\";\n\n    if (timeDisplay) {\n      switch (timeDisplay) {\n        case TimeDisplay.H12MC:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: true,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          });\n          break;\n        case TimeDisplay.H12MSC:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: true,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n            second: \"2-digit\",\n          });\n          break;\n        case TimeDisplay.H24M:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: false,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          });\n          // istanbul ignore next\n          if (timeString === \"24:00\") timeString = \"00:00\";\n          break;\n        case TimeDisplay.H24MS:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: false,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n            second: \"2-digit\",\n          });\n          // istanbul ignore next\n          if (timeString === \"24:00:00\") timeString = \"00:00:00\";\n          break;\n      }\n    }\n    return timeString.length ? `${dateString}, ${timeString}` : dateString;\n  }\n}\n\n/** Date input component. This component is typically used by the [[DatePickerPopupButton]] to display and edit date and time.\n * @internal\n */\nexport function DateField({\n  initialDate,\n  onDateChange,\n  readOnly,\n  dateFormatter,\n  timeDisplay,\n  style,\n  className,\n}: DateFieldProps) {\n  const initialDateRef = React.useRef(initialDate);\n  const [hasBadInput, setHasBadInput] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState(\n    formatInputDate(initialDate, timeDisplay, dateFormatter)\n  );\n\n  // See if new initialDate props have changed since component mounted\n  React.useEffect(() => {\n    // istanbul ignore else\n    if (initialDate.getTime() !== initialDateRef.current.getTime()) {\n      initialDateRef.current = initialDate;\n    }\n    setInputValue(formatInputDate(initialDate, timeDisplay, dateFormatter));\n  }, [initialDate, dateFormatter, timeDisplay]);\n\n  const handleInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.currentTarget.value);\n    },\n    []\n  );\n\n  const parseDate = React.useCallback(\n    (dateString: string) => {\n      try {\n        if (dateFormatter && dateFormatter.parseDate)\n          return dateFormatter.parseDate(dateString);\n\n        const newDateValue = Date.parse(dateString);\n        // istanbul ignore next\n        if (newDateValue) return new Date(newDateValue);\n      } catch (_error) /* istanbul ignore next */ {\n        Logger.logInfo(\n          \"DateField\",\n          `Encountered error parsing input value '${dateString}' as a date.`\n        );\n        return undefined;\n      }\n      // istanbul ignore next\n      return undefined;\n    },\n    [dateFormatter]\n  );\n\n  const updateInputDate = React.useCallback(\n    (dateString: string) => {\n      try {\n        const newDateValue = parseDate(dateString);\n        if (newDateValue) {\n          const newDate = new Date(newDateValue);\n          onDateChange && onDateChange(newDate);\n          setHasBadInput(false);\n        } else {\n          setHasBadInput(true);\n        }\n      } catch (_error) {\n        // istanbul ignore next\n        setHasBadInput(true);\n      }\n    },\n    [onDateChange, parseDate]\n  );\n\n  const handleOnBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      updateInputDate(event.target.value);\n    },\n    [updateInputDate]\n  );\n\n  function onInputKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n    // istanbul ignore else\n    if (event.key === \"Enter\") {\n      updateInputDate(event.currentTarget.value);\n      event.preventDefault();\n    }\n  }\n  const classNames = classnames(\n    className,\n    \"components-date-input\",\n    hasBadInput && \"components-date-has-error\"\n  );\n  return (\n    <Input\n      data-testid=\"components-date-input\"\n      style={style}\n      className={classNames}\n      onKeyDown={onInputKeyDown}\n      onBlur={handleOnBlur}\n      onChange={handleInputChange}\n      value={inputValue}\n      disabled={readOnly || (dateFormatter && !dateFormatter.parseDate)}\n      size=\"small\"\n    />\n  );\n}\n"]}

package/lib/cjs/components-react/tree/controlled/TreeHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeHooks.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,eAAe,GAAG,SAAS,CAMpE;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,aAAa,SAAS,gBAAgB,EACtE,YAAY,EAAE,aAAa,EAC3B,WAAW,EAAE,eAAe,iCAM7B;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,aAAa,SAAS,gBAAgB,EAC3E,YAAY,EAAE,aAAa,EAC3B,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,eAAe,sCAM7B;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,gBAAgB,mBAGhE;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,cAAc,SAAS,gBAAgB,EAC1E,eAAe,EAAE,CAAC,MAAM,cAAc,CAAC,GAAG,sBAAsB,oBAOjE"}
+{"version":3,"file":"TreeHooks.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,eAAe,GAAG,SAAS,CAUpE;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,aAAa,SAAS,gBAAgB,EACtE,YAAY,EAAE,aAAa,EAC3B,WAAW,EAAE,eAAe,iCAM7B;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,aAAa,SAAS,gBAAgB,EAC3E,YAAY,EAAE,aAAa,EAC3B,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,eAAe,sCAM7B;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,gBAAgB,mBAGhE;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,cAAc,SAAS,gBAAgB,EAC1E,eAAe,EAAE,CAAC,MAAM,cAAc,CAAC,GAAG,sBAAsB,oBAOjE"}

package/lib/cjs/components-react/tree/controlled/TreeHooks.js

@@ -10,7 +10,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useTreeEventsHandler = exports.useTreeModelSource = exports.usePagedTreeNodeLoader = exports.useTreeNodeLoader = exports.useTreeModel = void 0;
 const react_1 = require("react");
 const core_react_1 = require("@itwin/core-react");
-const UseRerender_1 = require("../../common/UseRerender");
 const TreeEventHandler_1 = require("./TreeEventHandler");
 const TreeModelSource_1 = require("./TreeModelSource");
 const TreeNodeLoader_1 = require("./TreeNodeLoader");
@@ -21,10 +20,14 @@ const TreeNodeLoader_1 = require("./TreeNodeLoader");
  * @public
  */
 function useTreeModel(modelSource) {
-    const { rerender } = (0, UseRerender_1.useRerender)();
+    const [_, setState] = (0, react_1.useState)({});
     (0, react_1.useEffect)(() => {
-        return modelSource.onModelChanged.addListener(rerender);
-    }, [modelSource, rerender]);
+        const forceRender = () => setState({});
+        // force one more render when `modelSource` changes in case there were some tree model modifications
+        // before listener is added on `onModelChanged` event.
+        forceRender();
+        return modelSource.onModelChanged.addListener(forceRender);
+    }, [modelSource]);
     return modelSource.getModel();
 }
 exports.useTreeModel = useTreeModel;

package/lib/cjs/components-react/tree/controlled/TreeHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeHooks.js","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAAwD;AACxD,kDAAkD;AAClD,0DAAuD;AAGvD,yDAAsD;AAEtD,uDAAoD;AACpD,qDAAuE;AAEvE;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,WAA4B;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,yBAAW,GAAE,CAAC;IACnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,OAAO,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC5B,OAAO,WAAW,CAAC,QAAQ,EAAE,CAAC;AAChC,CAAC;AAND,oCAMC;AAED;;;;;GAKG;AACH,SAAgB,iBAAiB,CAC/B,YAA2B,EAC3B,WAA4B;IAE5B,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,IAAI,+BAAc,CAAC,YAAY,EAAE,WAAW,CAAC,EACnD,CAAC,YAAY,EAAE,WAAW,CAAC,CAC5B,CAAC;AACJ,CAAC;AARD,8CAQC;AAED;;;;GAIG;AACH,SAAgB,sBAAsB,CACpC,YAA2B,EAC3B,QAAgB,EAChB,WAA4B;IAE5B,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,IAAI,oCAAmB,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,EAClE,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,CACtC,CAAC;AACJ,CAAC;AATD,wDASC;AAED;;;;;;;GAOG;AACH,SAAgB,kBAAkB,CAAC,YAA8B;IAC/D,0HAA0H;IAC1H,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,iCAAe,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,kDAAkD;AACjH,CAAC;AAHD,gDAGC;AAED;;;;;;;;GAQG;AACH,SAAgB,oBAAoB,CAClC,eAAgE;IAEhE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAqB,EAAE;QACjD,IAAI,OAAO,eAAe,KAAK,UAAU;YAAE,OAAO,eAAe,EAAE,CAAC;QACpE,OAAO,IAAI,mCAAgB,CAAC,eAAe,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,OAAO,IAAA,0BAAa,EAAC,OAAO,CAAC,CAAC;AAChC,CAAC;AARD,oDAQC","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 Tree\n */\n\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport { useDisposable } from \"@itwin/core-react\";\nimport { useRerender } from \"../../common/UseRerender\";\nimport type { TreeDataProvider } from \"../TreeDataProvider\";\nimport type { TreeEventHandlerParams } from \"./TreeEventHandler\";\nimport { TreeEventHandler } from \"./TreeEventHandler\";\nimport type { TreeModel } from \"./TreeModel\";\nimport { TreeModelSource } from \"./TreeModelSource\";\nimport { PagedTreeNodeLoader, TreeNodeLoader } from \"./TreeNodeLoader\";\n\n/**\n * React hook that returns an immutable `TreeModel` whenever it changes in the given\n * `TreeModelSource`.\n *\n * @public\n */\nexport function useTreeModel(modelSource: TreeModelSource): TreeModel {\n  const { rerender } = useRerender();\n  useEffect(() => {\n    return modelSource.onModelChanged.addListener(rerender);\n  }, [modelSource, rerender]);\n  return modelSource.getModel();\n}\n\n/**\n * Custom hook which creates a nodes' loader using the supplied data provider and model source. The\n * loader pulls nodes from the data provider and puts them into the model source.\n *\n * @public\n */\nexport function useTreeNodeLoader<TDataProvider extends TreeDataProvider>(\n  dataProvider: TDataProvider,\n  modelSource: TreeModelSource\n) {\n  return useMemo(\n    () => new TreeNodeLoader(dataProvider, modelSource),\n    [dataProvider, modelSource]\n  );\n}\n\n/**\n * Custom hook which creates a paging nodes' loader using the supplied data provider and model source. The loader pulls\n * nodes from the data provider and puts them into the model source.\n * @public\n */\nexport function usePagedTreeNodeLoader<TDataProvider extends TreeDataProvider>(\n  dataProvider: TDataProvider,\n  pageSize: number,\n  modelSource: TreeModelSource\n) {\n  return useMemo(\n    () => new PagedTreeNodeLoader(dataProvider, modelSource, pageSize),\n    [dataProvider, modelSource, pageSize]\n  );\n}\n\n/**\n * Custom hook which creates a `TreeModelSource`.\n *\n * @note The model source has no direct dependency on the data provider, but we want a fresh model\n * source whenever the data provider changes - that's the reason the hook takes a data provider.\n *\n * @public\n */\nexport function useTreeModelSource(dataProvider: TreeDataProvider) {\n  // need to create new model source every time data provider changes although it does not need data provider to be created.\n  return useMemo(() => new TreeModelSource(), [dataProvider]); // eslint-disable-line react-hooks/exhaustive-deps\n}\n\n/**\n * Custom hook which creates and takes care of disposing a TreeEventsHandler. The input is either a factory method\n * for a custom `TreeEventHandler` implementation or parameters for the default implementation.\n *\n * @note Caller must ensure `factoryOrParams` changes only when a new handler needs to be created. `useCallback` or `useMemo` can\n * be used for that purpose based on whether the input is a factory function or params object.\n *\n * @public\n */\nexport function useTreeEventsHandler<TEventsHandler extends TreeEventHandler>(\n  factoryOrParams: (() => TEventsHandler) | TreeEventHandlerParams\n) {\n  const factory = useCallback((): TreeEventHandler => {\n    if (typeof factoryOrParams === \"function\") return factoryOrParams();\n    return new TreeEventHandler(factoryOrParams);\n  }, [factoryOrParams]);\n  return useDisposable(factory);\n}\n"]}
+{"version":3,"file":"TreeHooks.js","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,iCAAkE;AAClE,kDAAkD;AAGlD,yDAAsD;AAEtD,uDAAoD;AACpD,qDAAuE;AAEvE;;;;;GAKG;AACH,SAAgB,YAAY,CAAC,WAA4B;IACvD,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACnC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACvC,oGAAoG;QACpG,sDAAsD;QACtD,WAAW,EAAE,CAAC;QACd,OAAO,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,OAAO,WAAW,CAAC,QAAQ,EAAE,CAAC;AAChC,CAAC;AAVD,oCAUC;AAED;;;;;GAKG;AACH,SAAgB,iBAAiB,CAC/B,YAA2B,EAC3B,WAA4B;IAE5B,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,IAAI,+BAAc,CAAC,YAAY,EAAE,WAAW,CAAC,EACnD,CAAC,YAAY,EAAE,WAAW,CAAC,CAC5B,CAAC;AACJ,CAAC;AARD,8CAQC;AAED;;;;GAIG;AACH,SAAgB,sBAAsB,CACpC,YAA2B,EAC3B,QAAgB,EAChB,WAA4B;IAE5B,OAAO,IAAA,eAAO,EACZ,GAAG,EAAE,CAAC,IAAI,oCAAmB,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,EAClE,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,CACtC,CAAC;AACJ,CAAC;AATD,wDASC;AAED;;;;;;;GAOG;AACH,SAAgB,kBAAkB,CAAC,YAA8B;IAC/D,0HAA0H;IAC1H,OAAO,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,iCAAe,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,kDAAkD;AACjH,CAAC;AAHD,gDAGC;AAED;;;;;;;;GAQG;AACH,SAAgB,oBAAoB,CAClC,eAAgE;IAEhE,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAC,GAAqB,EAAE;QACjD,IAAI,OAAO,eAAe,KAAK,UAAU;YAAE,OAAO,eAAe,EAAE,CAAC;QACpE,OAAO,IAAI,mCAAgB,CAAC,eAAe,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,OAAO,IAAA,0BAAa,EAAC,OAAO,CAAC,CAAC;AAChC,CAAC;AARD,oDAQC","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 Tree\n */\n\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useDisposable } from \"@itwin/core-react\";\nimport type { TreeDataProvider } from \"../TreeDataProvider\";\nimport type { TreeEventHandlerParams } from \"./TreeEventHandler\";\nimport { TreeEventHandler } from \"./TreeEventHandler\";\nimport type { TreeModel } from \"./TreeModel\";\nimport { TreeModelSource } from \"./TreeModelSource\";\nimport { PagedTreeNodeLoader, TreeNodeLoader } from \"./TreeNodeLoader\";\n\n/**\n * React hook that returns an immutable `TreeModel` whenever it changes in the given\n * `TreeModelSource`.\n *\n * @public\n */\nexport function useTreeModel(modelSource: TreeModelSource): TreeModel {\n  const [_, setState] = useState({});\n  useEffect(() => {\n    const forceRender = () => setState({});\n    // force one more render when `modelSource` changes in case there were some tree model modifications\n    // before listener is added on `onModelChanged` event.\n    forceRender();\n    return modelSource.onModelChanged.addListener(forceRender);\n  }, [modelSource]);\n  return modelSource.getModel();\n}\n\n/**\n * Custom hook which creates a nodes' loader using the supplied data provider and model source. The\n * loader pulls nodes from the data provider and puts them into the model source.\n *\n * @public\n */\nexport function useTreeNodeLoader<TDataProvider extends TreeDataProvider>(\n  dataProvider: TDataProvider,\n  modelSource: TreeModelSource\n) {\n  return useMemo(\n    () => new TreeNodeLoader(dataProvider, modelSource),\n    [dataProvider, modelSource]\n  );\n}\n\n/**\n * Custom hook which creates a paging nodes' loader using the supplied data provider and model source. The loader pulls\n * nodes from the data provider and puts them into the model source.\n * @public\n */\nexport function usePagedTreeNodeLoader<TDataProvider extends TreeDataProvider>(\n  dataProvider: TDataProvider,\n  pageSize: number,\n  modelSource: TreeModelSource\n) {\n  return useMemo(\n    () => new PagedTreeNodeLoader(dataProvider, modelSource, pageSize),\n    [dataProvider, modelSource, pageSize]\n  );\n}\n\n/**\n * Custom hook which creates a `TreeModelSource`.\n *\n * @note The model source has no direct dependency on the data provider, but we want a fresh model\n * source whenever the data provider changes - that's the reason the hook takes a data provider.\n *\n * @public\n */\nexport function useTreeModelSource(dataProvider: TreeDataProvider) {\n  // need to create new model source every time data provider changes although it does not need data provider to be created.\n  return useMemo(() => new TreeModelSource(), [dataProvider]); // eslint-disable-line react-hooks/exhaustive-deps\n}\n\n/**\n * Custom hook which creates and takes care of disposing a TreeEventsHandler. The input is either a factory method\n * for a custom `TreeEventHandler` implementation or parameters for the default implementation.\n *\n * @note Caller must ensure `factoryOrParams` changes only when a new handler needs to be created. `useCallback` or `useMemo` can\n * be used for that purpose based on whether the input is a factory function or params object.\n *\n * @public\n */\nexport function useTreeEventsHandler<TEventsHandler extends TreeEventHandler>(\n  factoryOrParams: (() => TEventsHandler) | TreeEventHandlerParams\n) {\n  const factory = useCallback((): TreeEventHandler => {\n    if (typeof factoryOrParams === \"function\") return factoryOrParams();\n    return new TreeEventHandler(factoryOrParams);\n  }, [factoryOrParams]);\n  return useDisposable(factory);\n}\n"]}

package/lib/esm/components-react/datepicker/DateField.js

@@ -108,7 +108,7 @@ export function DateField({ initialDate, onDateChange, readOnly, dateFormatter,
             if (dateFormatter && dateFormatter.parseDate)
                 return dateFormatter.parseDate(dateString);
             const newDateValue = Date.parse(dateString);
-            // istanbul ignore else
+            // istanbul ignore next
             if (newDateValue)
                 return new Date(newDateValue);
         }

package/lib/esm/components-react/datepicker/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DateField.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Date\n */\n\nimport \"./DateField.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { DateFormatter } from \"@itwin/appui-abstract\";\nimport { AlternateDateFormats, TimeDisplay } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { Logger } from \"@itwin/core-bentley\";\n\n/** Props for [[DateField]] Component.\n * @internal\n */\nexport interface DateFieldProps extends CommonProps {\n  /** Defines initial date and time for component. */\n  initialDate: Date;\n  /** Function to call when the date or time is changed. */\n  onDateChange?: (day: Date) => void;\n  /** Optional value to define if edit field allows editing. If a DateFormatter is provided\n   * it must provide a parseData function or the field will be read only no matter the setting of this value. */\n  readOnly?: boolean;\n  /** Optional date formatter that produces an explicit date display */\n  dateFormatter?: DateFormatter;\n  /** This property has two purposes, the first is specify that the display of time is desired and the second is to define the format of the time display. */\n  timeDisplay?: TimeDisplay;\n}\n\n/** Function to format a Date object that is used in control, type editor, and type converter\n * to produce a consistent formatted Date string.\n * @internal\n */\nexport function formatInputDate(\n  inputDate: Date,\n  timeDisplay?: TimeDisplay,\n  customFormatter?: DateFormatter,\n  alternateDateFormat?: AlternateDateFormats\n): string | undefined {\n  if (customFormatter) {\n    return customFormatter.formateDate(inputDate);\n  }\n\n  if (alternateDateFormat) {\n    switch (alternateDateFormat) {\n      case AlternateDateFormats.IsoDateTime:\n        return inputDate.toISOString();\n      case AlternateDateFormats.IsoShort:\n        return inputDate.toISOString().slice(0, 10);\n      case AlternateDateFormats.UtcDateTime:\n        return inputDate.toUTCString().slice(5);\n      case AlternateDateFormats.UtcShort:\n        return inputDate.toUTCString().slice(5, 16);\n      case AlternateDateFormats.UtcDateTimeWithDay:\n        return inputDate.toUTCString();\n      case AlternateDateFormats.UtcShortWithDay:\n        return inputDate.toUTCString().slice(0, 16);\n    }\n  } else {\n    const dateString = inputDate.toLocaleDateString(undefined, {\n      day: \"2-digit\",\n      month: \"2-digit\",\n      year: \"numeric\",\n    });\n    let timeString: string = \"\";\n\n    if (timeDisplay) {\n      switch (timeDisplay) {\n        case TimeDisplay.H12MC:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: true,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          });\n          break;\n        case TimeDisplay.H12MSC:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: true,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n            second: \"2-digit\",\n          });\n          break;\n        case TimeDisplay.H24M:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: false,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          });\n          // istanbul ignore next\n          if (timeString === \"24:00\") timeString = \"00:00\";\n          break;\n        case TimeDisplay.H24MS:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: false,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n            second: \"2-digit\",\n          });\n          // istanbul ignore next\n          if (timeString === \"24:00:00\") timeString = \"00:00:00\";\n          break;\n      }\n    }\n    return timeString.length ? `${dateString}, ${timeString}` : dateString;\n  }\n}\n\n/** Date input component. This component is typically used by the [[DatePickerPopupButton]] to display and edit date and time.\n * @internal\n */\nexport function DateField({\n  initialDate,\n  onDateChange,\n  readOnly,\n  dateFormatter,\n  timeDisplay,\n  style,\n  className,\n}: DateFieldProps) {\n  const initialDateRef = React.useRef(initialDate);\n  const [hasBadInput, setHasBadInput] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState(\n    formatInputDate(initialDate, timeDisplay, dateFormatter)\n  );\n\n  // See if new initialDate props have changed since component mounted\n  React.useEffect(() => {\n    // istanbul ignore else\n    if (initialDate.getTime() !== initialDateRef.current.getTime()) {\n      initialDateRef.current = initialDate;\n    }\n    setInputValue(formatInputDate(initialDate, timeDisplay, dateFormatter));\n  }, [initialDate, dateFormatter, timeDisplay]);\n\n  const handleInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.currentTarget.value);\n    },\n    []\n  );\n\n  const parseDate = React.useCallback(\n    (dateString: string) => {\n      try {\n        if (dateFormatter && dateFormatter.parseDate)\n          return dateFormatter.parseDate(dateString);\n\n        const newDateValue = Date.parse(dateString);\n        // istanbul ignore else\n        if (newDateValue) return new Date(newDateValue);\n      } catch (_error) /* istanbul ignore next */ {\n        Logger.logInfo(\n          \"DateField\",\n          `Encountered error parsing input value '${dateString}' as a date.`\n        );\n        return undefined;\n      }\n      // istanbul ignore next\n      return undefined;\n    },\n    [dateFormatter]\n  );\n\n  const updateInputDate = React.useCallback(\n    (dateString: string) => {\n      try {\n        const newDateValue = parseDate(dateString);\n        if (newDateValue) {\n          const newDate = new Date(newDateValue);\n          onDateChange && onDateChange(newDate);\n          setHasBadInput(false);\n        } else {\n          setHasBadInput(true);\n        }\n      } catch (_error) {\n        // istanbul ignore next\n        setHasBadInput(true);\n      }\n    },\n    [onDateChange, parseDate]\n  );\n\n  const handleOnBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      updateInputDate(event.target.value);\n    },\n    [updateInputDate]\n  );\n\n  function onInputKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n    // istanbul ignore else\n    if (event.key === \"Enter\") {\n      updateInputDate(event.currentTarget.value);\n      event.preventDefault();\n    }\n  }\n  const classNames = classnames(\n    className,\n    \"components-date-input\",\n    hasBadInput && \"components-date-has-error\"\n  );\n  return (\n    <Input\n      data-testid=\"components-date-input\"\n      style={style}\n      className={classNames}\n      onKeyDown={onInputKeyDown}\n      onBlur={handleOnBlur}\n      onChange={handleInputChange}\n      value={inputValue}\n      disabled={readOnly || (dateFormatter && !dateFormatter.parseDate)}\n      size=\"small\"\n    />\n  );\n}\n"]}
+{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../src/components-react/datepicker/DateField.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Date\n */\n\nimport \"./DateField.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { DateFormatter } from \"@itwin/appui-abstract\";\nimport { AlternateDateFormats, TimeDisplay } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { Logger } from \"@itwin/core-bentley\";\n\n/** Props for [[DateField]] Component.\n * @internal\n */\nexport interface DateFieldProps extends CommonProps {\n  /** Defines initial date and time for component. */\n  initialDate: Date;\n  /** Function to call when the date or time is changed. */\n  onDateChange?: (day: Date) => void;\n  /** Optional value to define if edit field allows editing. If a DateFormatter is provided\n   * it must provide a parseData function or the field will be read only no matter the setting of this value. */\n  readOnly?: boolean;\n  /** Optional date formatter that produces an explicit date display */\n  dateFormatter?: DateFormatter;\n  /** This property has two purposes, the first is specify that the display of time is desired and the second is to define the format of the time display. */\n  timeDisplay?: TimeDisplay;\n}\n\n/** Function to format a Date object that is used in control, type editor, and type converter\n * to produce a consistent formatted Date string.\n * @internal\n */\nexport function formatInputDate(\n  inputDate: Date,\n  timeDisplay?: TimeDisplay,\n  customFormatter?: DateFormatter,\n  alternateDateFormat?: AlternateDateFormats\n): string | undefined {\n  if (customFormatter) {\n    return customFormatter.formateDate(inputDate);\n  }\n\n  if (alternateDateFormat) {\n    switch (alternateDateFormat) {\n      case AlternateDateFormats.IsoDateTime:\n        return inputDate.toISOString();\n      case AlternateDateFormats.IsoShort:\n        return inputDate.toISOString().slice(0, 10);\n      case AlternateDateFormats.UtcDateTime:\n        return inputDate.toUTCString().slice(5);\n      case AlternateDateFormats.UtcShort:\n        return inputDate.toUTCString().slice(5, 16);\n      case AlternateDateFormats.UtcDateTimeWithDay:\n        return inputDate.toUTCString();\n      case AlternateDateFormats.UtcShortWithDay:\n        return inputDate.toUTCString().slice(0, 16);\n    }\n  } else {\n    const dateString = inputDate.toLocaleDateString(undefined, {\n      day: \"2-digit\",\n      month: \"2-digit\",\n      year: \"numeric\",\n    });\n    let timeString: string = \"\";\n\n    if (timeDisplay) {\n      switch (timeDisplay) {\n        case TimeDisplay.H12MC:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: true,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          });\n          break;\n        case TimeDisplay.H12MSC:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: true,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n            second: \"2-digit\",\n          });\n          break;\n        case TimeDisplay.H24M:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: false,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n          });\n          // istanbul ignore next\n          if (timeString === \"24:00\") timeString = \"00:00\";\n          break;\n        case TimeDisplay.H24MS:\n          timeString = inputDate.toLocaleTimeString(undefined, {\n            hour12: false,\n            hour: \"2-digit\",\n            minute: \"2-digit\",\n            second: \"2-digit\",\n          });\n          // istanbul ignore next\n          if (timeString === \"24:00:00\") timeString = \"00:00:00\";\n          break;\n      }\n    }\n    return timeString.length ? `${dateString}, ${timeString}` : dateString;\n  }\n}\n\n/** Date input component. This component is typically used by the [[DatePickerPopupButton]] to display and edit date and time.\n * @internal\n */\nexport function DateField({\n  initialDate,\n  onDateChange,\n  readOnly,\n  dateFormatter,\n  timeDisplay,\n  style,\n  className,\n}: DateFieldProps) {\n  const initialDateRef = React.useRef(initialDate);\n  const [hasBadInput, setHasBadInput] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState(\n    formatInputDate(initialDate, timeDisplay, dateFormatter)\n  );\n\n  // See if new initialDate props have changed since component mounted\n  React.useEffect(() => {\n    // istanbul ignore else\n    if (initialDate.getTime() !== initialDateRef.current.getTime()) {\n      initialDateRef.current = initialDate;\n    }\n    setInputValue(formatInputDate(initialDate, timeDisplay, dateFormatter));\n  }, [initialDate, dateFormatter, timeDisplay]);\n\n  const handleInputChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setInputValue(event.currentTarget.value);\n    },\n    []\n  );\n\n  const parseDate = React.useCallback(\n    (dateString: string) => {\n      try {\n        if (dateFormatter && dateFormatter.parseDate)\n          return dateFormatter.parseDate(dateString);\n\n        const newDateValue = Date.parse(dateString);\n        // istanbul ignore next\n        if (newDateValue) return new Date(newDateValue);\n      } catch (_error) /* istanbul ignore next */ {\n        Logger.logInfo(\n          \"DateField\",\n          `Encountered error parsing input value '${dateString}' as a date.`\n        );\n        return undefined;\n      }\n      // istanbul ignore next\n      return undefined;\n    },\n    [dateFormatter]\n  );\n\n  const updateInputDate = React.useCallback(\n    (dateString: string) => {\n      try {\n        const newDateValue = parseDate(dateString);\n        if (newDateValue) {\n          const newDate = new Date(newDateValue);\n          onDateChange && onDateChange(newDate);\n          setHasBadInput(false);\n        } else {\n          setHasBadInput(true);\n        }\n      } catch (_error) {\n        // istanbul ignore next\n        setHasBadInput(true);\n      }\n    },\n    [onDateChange, parseDate]\n  );\n\n  const handleOnBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      updateInputDate(event.target.value);\n    },\n    [updateInputDate]\n  );\n\n  function onInputKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n    // istanbul ignore else\n    if (event.key === \"Enter\") {\n      updateInputDate(event.currentTarget.value);\n      event.preventDefault();\n    }\n  }\n  const classNames = classnames(\n    className,\n    \"components-date-input\",\n    hasBadInput && \"components-date-has-error\"\n  );\n  return (\n    <Input\n      data-testid=\"components-date-input\"\n      style={style}\n      className={classNames}\n      onKeyDown={onInputKeyDown}\n      onBlur={handleOnBlur}\n      onChange={handleInputChange}\n      value={inputValue}\n      disabled={readOnly || (dateFormatter && !dateFormatter.parseDate)}\n      size=\"small\"\n    />\n  );\n}\n"]}

package/lib/esm/components-react/tree/controlled/TreeHooks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TreeHooks.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":"AAIA;;GAEG;AAKH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,eAAe,GAAG,SAAS,CAMpE;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,aAAa,SAAS,gBAAgB,EACtE,YAAY,EAAE,aAAa,EAC3B,WAAW,EAAE,eAAe,iCAM7B;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,aAAa,SAAS,gBAAgB,EAC3E,YAAY,EAAE,aAAa,EAC3B,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,eAAe,sCAM7B;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,gBAAgB,mBAGhE;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,cAAc,SAAS,gBAAgB,EAC1E,eAAe,EAAE,CAAC,MAAM,cAAc,CAAC,GAAG,sBAAsB,oBAOjE"}
+{"version":3,"file":"TreeHooks.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":"AAIA;;GAEG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,WAAW,EAAE,eAAe,GAAG,SAAS,CAUpE;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,aAAa,SAAS,gBAAgB,EACtE,YAAY,EAAE,aAAa,EAC3B,WAAW,EAAE,eAAe,iCAM7B;AAED;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,aAAa,SAAS,gBAAgB,EAC3E,YAAY,EAAE,aAAa,EAC3B,QAAQ,EAAE,MAAM,EAChB,WAAW,EAAE,eAAe,sCAM7B;AAED;;;;;;;GAOG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,gBAAgB,mBAGhE;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAAC,cAAc,SAAS,gBAAgB,EAC1E,eAAe,EAAE,CAAC,MAAM,cAAc,CAAC,GAAG,sBAAsB,oBAOjE"}

package/lib/esm/components-react/tree/controlled/TreeHooks.js

@@ -5,9 +5,8 @@
 /** @packageDocumentation
  * @module Tree
  */
-import { useCallback, useEffect, useMemo } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { useDisposable } from "@itwin/core-react";
-import { useRerender } from "../../common/UseRerender";
 import { TreeEventHandler } from "./TreeEventHandler";
 import { TreeModelSource } from "./TreeModelSource";
 import { PagedTreeNodeLoader, TreeNodeLoader } from "./TreeNodeLoader";
@@ -18,10 +17,14 @@ import { PagedTreeNodeLoader, TreeNodeLoader } from "./TreeNodeLoader";
  * @public
  */
 export function useTreeModel(modelSource) {
-    const { rerender } = useRerender();
+    const [_, setState] = useState({});
     useEffect(() => {
-        return modelSource.onModelChanged.addListener(rerender);
-    }, [modelSource, rerender]);
+        const forceRender = () => setState({});
+        // force one more render when `modelSource` changes in case there were some tree model modifications
+        // before listener is added on `onModelChanged` event.
+        forceRender();
+        return modelSource.onModelChanged.addListener(forceRender);
+    }, [modelSource]);
     return modelSource.getModel();
 }
 /**

package/lib/esm/components-react/tree/controlled/TreeHooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"TreeHooks.js","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAGvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,WAA4B;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC1D,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAC5B,OAAO,WAAW,CAAC,QAAQ,EAAE,CAAC;AAChC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAC/B,YAA2B,EAC3B,WAA4B;IAE5B,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,IAAI,cAAc,CAAC,YAAY,EAAE,WAAW,CAAC,EACnD,CAAC,YAAY,EAAE,WAAW,CAAC,CAC5B,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CACpC,YAA2B,EAC3B,QAAgB,EAChB,WAA4B;IAE5B,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,IAAI,mBAAmB,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,EAClE,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,CACtC,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,kBAAkB,CAAC,YAA8B;IAC/D,0HAA0H;IAC1H,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,kDAAkD;AACjH,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,oBAAoB,CAClC,eAAgE;IAEhE,MAAM,OAAO,GAAG,WAAW,CAAC,GAAqB,EAAE;QACjD,IAAI,OAAO,eAAe,KAAK,UAAU;YAAE,OAAO,eAAe,EAAE,CAAC;QACpE,OAAO,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC;AAChC,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 Tree\n */\n\nimport { useCallback, useEffect, useMemo } from \"react\";\nimport { useDisposable } from \"@itwin/core-react\";\nimport { useRerender } from \"../../common/UseRerender\";\nimport type { TreeDataProvider } from \"../TreeDataProvider\";\nimport type { TreeEventHandlerParams } from \"./TreeEventHandler\";\nimport { TreeEventHandler } from \"./TreeEventHandler\";\nimport type { TreeModel } from \"./TreeModel\";\nimport { TreeModelSource } from \"./TreeModelSource\";\nimport { PagedTreeNodeLoader, TreeNodeLoader } from \"./TreeNodeLoader\";\n\n/**\n * React hook that returns an immutable `TreeModel` whenever it changes in the given\n * `TreeModelSource`.\n *\n * @public\n */\nexport function useTreeModel(modelSource: TreeModelSource): TreeModel {\n  const { rerender } = useRerender();\n  useEffect(() => {\n    return modelSource.onModelChanged.addListener(rerender);\n  }, [modelSource, rerender]);\n  return modelSource.getModel();\n}\n\n/**\n * Custom hook which creates a nodes' loader using the supplied data provider and model source. The\n * loader pulls nodes from the data provider and puts them into the model source.\n *\n * @public\n */\nexport function useTreeNodeLoader<TDataProvider extends TreeDataProvider>(\n  dataProvider: TDataProvider,\n  modelSource: TreeModelSource\n) {\n  return useMemo(\n    () => new TreeNodeLoader(dataProvider, modelSource),\n    [dataProvider, modelSource]\n  );\n}\n\n/**\n * Custom hook which creates a paging nodes' loader using the supplied data provider and model source. The loader pulls\n * nodes from the data provider and puts them into the model source.\n * @public\n */\nexport function usePagedTreeNodeLoader<TDataProvider extends TreeDataProvider>(\n  dataProvider: TDataProvider,\n  pageSize: number,\n  modelSource: TreeModelSource\n) {\n  return useMemo(\n    () => new PagedTreeNodeLoader(dataProvider, modelSource, pageSize),\n    [dataProvider, modelSource, pageSize]\n  );\n}\n\n/**\n * Custom hook which creates a `TreeModelSource`.\n *\n * @note The model source has no direct dependency on the data provider, but we want a fresh model\n * source whenever the data provider changes - that's the reason the hook takes a data provider.\n *\n * @public\n */\nexport function useTreeModelSource(dataProvider: TreeDataProvider) {\n  // need to create new model source every time data provider changes although it does not need data provider to be created.\n  return useMemo(() => new TreeModelSource(), [dataProvider]); // eslint-disable-line react-hooks/exhaustive-deps\n}\n\n/**\n * Custom hook which creates and takes care of disposing a TreeEventsHandler. The input is either a factory method\n * for a custom `TreeEventHandler` implementation or parameters for the default implementation.\n *\n * @note Caller must ensure `factoryOrParams` changes only when a new handler needs to be created. `useCallback` or `useMemo` can\n * be used for that purpose based on whether the input is a factory function or params object.\n *\n * @public\n */\nexport function useTreeEventsHandler<TEventsHandler extends TreeEventHandler>(\n  factoryOrParams: (() => TEventsHandler) | TreeEventHandlerParams\n) {\n  const factory = useCallback((): TreeEventHandler => {\n    if (typeof factoryOrParams === \"function\") return factoryOrParams();\n    return new TreeEventHandler(factoryOrParams);\n  }, [factoryOrParams]);\n  return useDisposable(factory);\n}\n"]}
+{"version":3,"file":"TreeHooks.js","sourceRoot":"","sources":["../../../../../src/components-react/tree/controlled/TreeHooks.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGlD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvE;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAC,WAA4B;IACvD,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACvC,oGAAoG;QACpG,sDAAsD;QACtD,WAAW,EAAE,CAAC;QACd,OAAO,WAAW,CAAC,cAAc,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAC7D,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAClB,OAAO,WAAW,CAAC,QAAQ,EAAE,CAAC;AAChC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,iBAAiB,CAC/B,YAA2B,EAC3B,WAA4B;IAE5B,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,IAAI,cAAc,CAAC,YAAY,EAAE,WAAW,CAAC,EACnD,CAAC,YAAY,EAAE,WAAW,CAAC,CAC5B,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,sBAAsB,CACpC,YAA2B,EAC3B,QAAgB,EAChB,WAA4B;IAE5B,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,IAAI,mBAAmB,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,EAClE,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,CACtC,CAAC;AACJ,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,kBAAkB,CAAC,YAA8B;IAC/D,0HAA0H;IAC1H,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,eAAe,EAAE,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,kDAAkD;AACjH,CAAC;AAED;;;;;;;;GAQG;AACH,MAAM,UAAU,oBAAoB,CAClC,eAAgE;IAEhE,MAAM,OAAO,GAAG,WAAW,CAAC,GAAqB,EAAE;QACjD,IAAI,OAAO,eAAe,KAAK,UAAU;YAAE,OAAO,eAAe,EAAE,CAAC;QACpE,OAAO,IAAI,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAC/C,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IACtB,OAAO,aAAa,CAAC,OAAO,CAAC,CAAC;AAChC,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 Tree\n */\n\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { useDisposable } from \"@itwin/core-react\";\nimport type { TreeDataProvider } from \"../TreeDataProvider\";\nimport type { TreeEventHandlerParams } from \"./TreeEventHandler\";\nimport { TreeEventHandler } from \"./TreeEventHandler\";\nimport type { TreeModel } from \"./TreeModel\";\nimport { TreeModelSource } from \"./TreeModelSource\";\nimport { PagedTreeNodeLoader, TreeNodeLoader } from \"./TreeNodeLoader\";\n\n/**\n * React hook that returns an immutable `TreeModel` whenever it changes in the given\n * `TreeModelSource`.\n *\n * @public\n */\nexport function useTreeModel(modelSource: TreeModelSource): TreeModel {\n  const [_, setState] = useState({});\n  useEffect(() => {\n    const forceRender = () => setState({});\n    // force one more render when `modelSource` changes in case there were some tree model modifications\n    // before listener is added on `onModelChanged` event.\n    forceRender();\n    return modelSource.onModelChanged.addListener(forceRender);\n  }, [modelSource]);\n  return modelSource.getModel();\n}\n\n/**\n * Custom hook which creates a nodes' loader using the supplied data provider and model source. The\n * loader pulls nodes from the data provider and puts them into the model source.\n *\n * @public\n */\nexport function useTreeNodeLoader<TDataProvider extends TreeDataProvider>(\n  dataProvider: TDataProvider,\n  modelSource: TreeModelSource\n) {\n  return useMemo(\n    () => new TreeNodeLoader(dataProvider, modelSource),\n    [dataProvider, modelSource]\n  );\n}\n\n/**\n * Custom hook which creates a paging nodes' loader using the supplied data provider and model source. The loader pulls\n * nodes from the data provider and puts them into the model source.\n * @public\n */\nexport function usePagedTreeNodeLoader<TDataProvider extends TreeDataProvider>(\n  dataProvider: TDataProvider,\n  pageSize: number,\n  modelSource: TreeModelSource\n) {\n  return useMemo(\n    () => new PagedTreeNodeLoader(dataProvider, modelSource, pageSize),\n    [dataProvider, modelSource, pageSize]\n  );\n}\n\n/**\n * Custom hook which creates a `TreeModelSource`.\n *\n * @note The model source has no direct dependency on the data provider, but we want a fresh model\n * source whenever the data provider changes - that's the reason the hook takes a data provider.\n *\n * @public\n */\nexport function useTreeModelSource(dataProvider: TreeDataProvider) {\n  // need to create new model source every time data provider changes although it does not need data provider to be created.\n  return useMemo(() => new TreeModelSource(), [dataProvider]); // eslint-disable-line react-hooks/exhaustive-deps\n}\n\n/**\n * Custom hook which creates and takes care of disposing a TreeEventsHandler. The input is either a factory method\n * for a custom `TreeEventHandler` implementation or parameters for the default implementation.\n *\n * @note Caller must ensure `factoryOrParams` changes only when a new handler needs to be created. `useCallback` or `useMemo` can\n * be used for that purpose based on whether the input is a factory function or params object.\n *\n * @public\n */\nexport function useTreeEventsHandler<TEventsHandler extends TreeEventHandler>(\n  factoryOrParams: (() => TEventsHandler) | TreeEventHandlerParams\n) {\n  const factory = useCallback((): TreeEventHandler => {\n    if (typeof factoryOrParams === \"function\") return factoryOrParams();\n    return new TreeEventHandler(factoryOrParams);\n  }, [factoryOrParams]);\n  return useDisposable(factory);\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/components-react",
-  "version": "4.5.1",
+  "version": "4.6.1",
   "description": "iTwin.js UI complex components",
   "main": "lib/cjs/components-react.js",
   "module": "lib/esm/components-react.js",
@@ -24,7 +24,7 @@
   "peerDependencies": {
     "@itwin/appui-abstract": "^3.7.0 || ^4.0.0",
     "@itwin/core-bentley": "^3.7.0 || ^4.0.0",
-    "@itwin/core-react": "^4.5.1",
+    "@itwin/core-react": "^4.6.1",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0"
   },
@@ -39,7 +39,7 @@
     "@itwin/core-common": "^3.7.0",
     "@itwin/core-geometry": "^3.7.0",
     "@itwin/core-i18n": "^3.7.0",
-    "@itwin/core-react": "4.5.1",
+    "@itwin/core-react": "4.6.1",
     "@itwin/eslint-plugin": "^4.0.0-dev.45",
     "@testing-library/dom": "^8.11.2",
     "@testing-library/react": "^12.0.0",
@@ -60,7 +60,7 @@
     "@types/react-window": "^1.8.2",
     "@types/sinon": "^10.0.15",
     "@types/sinon-chai": "^3.2.0",
-    "chai": "^4.1.2",
+    "chai": "^4.3.10",
     "chai-as-promised": "^7",
     "chai-string": "^1.5.0",
     "chai-subset": "1.6.0",

package/lib/cjs/components-react/common/UseRerender.d.ts

@@ -1,22 +0,0 @@
-/** @internal */
-interface RerenderData<T extends (arg: any) => void> {
-    /** Data specific to the current rerender cycle. */
-    rerenderContext: Parameters<T>[0];
-    /** Identifies the current rerender cycle. Starts at 0. */
-    numRerenders: number;
-    /** Rerenders component with new `rerenderContext`, if one is provided. */
-    rerender: T;
-}
-/**
- * @internal
- * Makes component able to rerender itself.
- */
-export declare function useRerender(): RerenderData<() => void>;
-/**
- * @internal
- * Makes component able to rerender itself while preserving some data between rerenders.
- * @param initialContext Data that component receives on first render cycle.
- */
-export declare function useRerender<T>(initialContext: T): RerenderData<(newContext: T) => void>;
-export {};
-//# sourceMappingURL=UseRerender.d.ts.map

package/lib/cjs/components-react/common/UseRerender.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UseRerender.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/UseRerender.ts"],"names":[],"mappings":"AAOA,gBAAgB;AAChB,UAAU,YAAY,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI;IACjD,mDAAmD;IACnD,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,0DAA0D;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,CAAC;CACb;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,YAAY,CAAC,MAAM,IAAI,CAAC,CAAC;AACxD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,cAAc,EAAE,CAAC,GAChB,YAAY,CAAC,CAAC,UAAU,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC"}

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

@@ -1,36 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRerender = void 0;
-const react_1 = require("react");
-/** @internal */
-function useRerender(initialContext) {
-    const data = (0, react_1.useRef)({
-        numRerenders: 0,
-        rerenderRequested: false,
-        context: initialContext,
-    }).current;
-    if (data.rerenderRequested) {
-        data.numRerenders += 1;
-        data.rerenderRequested = false;
-    }
-    else {
-        data.context = initialContext;
-        data.numRerenders = 0;
-    }
-    const [_, setState] = (0, react_1.useState)({});
-    return {
-        rerenderContext: data.context,
-        numRerenders: data.numRerenders,
-        rerender: (newContext) => {
-            data.rerenderRequested = true;
-            data.context = newContext;
-            setState({});
-        },
-    };
-}
-exports.useRerender = useRerender;
-//# sourceMappingURL=UseRerender.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UseRerender.js","sourceRoot":"","sources":["../../../../src/components-react/common/UseRerender.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAEhG,iCAAyC;AAyBzC,gBAAgB;AAChB,SAAgB,WAAW,CACzB,cAAkB;IAElB,MAAM,IAAI,GAAG,IAAA,cAAM,EAAC;QAClB,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,KAAK;QACxB,OAAO,EAAE,cAAc;KACxB,CAAC,CAAC,OAAO,CAAC;IACX,IAAI,IAAI,CAAC,iBAAiB,EAAE;QAC1B,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;KAChC;SAAM;QACL,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;KACvB;IAED,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACnC,OAAO;QACL,eAAe,EAAE,IAAI,CAAC,OAAO;QAC7B,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,QAAQ,EAAE,CAAC,UAAU,EAAE,EAAE;YACvB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;YAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC;QACf,CAAC;KACF,CAAC;AACJ,CAAC;AA1BD,kCA0BC","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\nimport { useRef, useState } from \"react\";\n\n/** @internal */\ninterface RerenderData<T extends (arg: any) => void> {\n  /** Data specific to the current rerender cycle. */\n  rerenderContext: Parameters<T>[0];\n  /** Identifies the current rerender cycle. Starts at 0. */\n  numRerenders: number;\n  /** Rerenders component with new `rerenderContext`, if one is provided. */\n  rerender: T;\n}\n\n/**\n * @internal\n * Makes component able to rerender itself.\n */\nexport function useRerender(): RerenderData<() => void>;\n/**\n * @internal\n * Makes component able to rerender itself while preserving some data between rerenders.\n * @param initialContext Data that component receives on first render cycle.\n */\nexport function useRerender<T>(\n  initialContext: T\n): RerenderData<(newContext: T) => void>;\n/** @internal */\nexport function useRerender<T>(\n  initialContext?: T\n): RerenderData<(newContext?: T) => void> {\n  const data = useRef({\n    numRerenders: 0,\n    rerenderRequested: false,\n    context: initialContext,\n  }).current;\n  if (data.rerenderRequested) {\n    data.numRerenders += 1;\n    data.rerenderRequested = false;\n  } else {\n    data.context = initialContext;\n    data.numRerenders = 0;\n  }\n\n  const [_, setState] = useState({});\n  return {\n    rerenderContext: data.context,\n    numRerenders: data.numRerenders,\n    rerender: (newContext) => {\n      data.rerenderRequested = true;\n      data.context = newContext;\n      setState({});\n    },\n  };\n}\n"]}

package/lib/esm/components-react/common/UseRerender.d.ts

@@ -1,22 +0,0 @@
-/** @internal */
-interface RerenderData<T extends (arg: any) => void> {
-    /** Data specific to the current rerender cycle. */
-    rerenderContext: Parameters<T>[0];
-    /** Identifies the current rerender cycle. Starts at 0. */
-    numRerenders: number;
-    /** Rerenders component with new `rerenderContext`, if one is provided. */
-    rerender: T;
-}
-/**
- * @internal
- * Makes component able to rerender itself.
- */
-export declare function useRerender(): RerenderData<() => void>;
-/**
- * @internal
- * Makes component able to rerender itself while preserving some data between rerenders.
- * @param initialContext Data that component receives on first render cycle.
- */
-export declare function useRerender<T>(initialContext: T): RerenderData<(newContext: T) => void>;
-export {};
-//# sourceMappingURL=UseRerender.d.ts.map

package/lib/esm/components-react/common/UseRerender.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UseRerender.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/UseRerender.ts"],"names":[],"mappings":"AAOA,gBAAgB;AAChB,UAAU,YAAY,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI;IACjD,mDAAmD;IACnD,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,0DAA0D;IAC1D,YAAY,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,CAAC;CACb;AAED;;;GAGG;AACH,wBAAgB,WAAW,IAAI,YAAY,CAAC,MAAM,IAAI,CAAC,CAAC;AACxD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAC3B,cAAc,EAAE,CAAC,GAChB,YAAY,CAAC,CAAC,UAAU,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC"}

package/lib/esm/components-react/common/UseRerender.js

@@ -1,32 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import { useRef, useState } from "react";
-/** @internal */
-export function useRerender(initialContext) {
-    const data = useRef({
-        numRerenders: 0,
-        rerenderRequested: false,
-        context: initialContext,
-    }).current;
-    if (data.rerenderRequested) {
-        data.numRerenders += 1;
-        data.rerenderRequested = false;
-    }
-    else {
-        data.context = initialContext;
-        data.numRerenders = 0;
-    }
-    const [_, setState] = useState({});
-    return {
-        rerenderContext: data.context,
-        numRerenders: data.numRerenders,
-        rerender: (newContext) => {
-            data.rerenderRequested = true;
-            data.context = newContext;
-            setState({});
-        },
-    };
-}
-//# sourceMappingURL=UseRerender.js.map

package/lib/esm/components-react/common/UseRerender.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UseRerender.js","sourceRoot":"","sources":["../../../../src/components-react/common/UseRerender.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAyBzC,gBAAgB;AAChB,MAAM,UAAU,WAAW,CACzB,cAAkB;IAElB,MAAM,IAAI,GAAG,MAAM,CAAC;QAClB,YAAY,EAAE,CAAC;QACf,iBAAiB,EAAE,KAAK;QACxB,OAAO,EAAE,cAAc;KACxB,CAAC,CAAC,OAAO,CAAC;IACX,IAAI,IAAI,CAAC,iBAAiB,EAAE;QAC1B,IAAI,CAAC,YAAY,IAAI,CAAC,CAAC;QACvB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;KAChC;SAAM;QACL,IAAI,CAAC,OAAO,GAAG,cAAc,CAAC;QAC9B,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;KACvB;IAED,MAAM,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnC,OAAO;QACL,eAAe,EAAE,IAAI,CAAC,OAAO;QAC7B,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,QAAQ,EAAE,CAAC,UAAU,EAAE,EAAE;YACvB,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,OAAO,GAAG,UAAU,CAAC;YAC1B,QAAQ,CAAC,EAAE,CAAC,CAAC;QACf,CAAC;KACF,CAAC;AACJ,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\nimport { useRef, useState } from \"react\";\n\n/** @internal */\ninterface RerenderData<T extends (arg: any) => void> {\n  /** Data specific to the current rerender cycle. */\n  rerenderContext: Parameters<T>[0];\n  /** Identifies the current rerender cycle. Starts at 0. */\n  numRerenders: number;\n  /** Rerenders component with new `rerenderContext`, if one is provided. */\n  rerender: T;\n}\n\n/**\n * @internal\n * Makes component able to rerender itself.\n */\nexport function useRerender(): RerenderData<() => void>;\n/**\n * @internal\n * Makes component able to rerender itself while preserving some data between rerenders.\n * @param initialContext Data that component receives on first render cycle.\n */\nexport function useRerender<T>(\n  initialContext: T\n): RerenderData<(newContext: T) => void>;\n/** @internal */\nexport function useRerender<T>(\n  initialContext?: T\n): RerenderData<(newContext?: T) => void> {\n  const data = useRef({\n    numRerenders: 0,\n    rerenderRequested: false,\n    context: initialContext,\n  }).current;\n  if (data.rerenderRequested) {\n    data.numRerenders += 1;\n    data.rerenderRequested = false;\n  } else {\n    data.context = initialContext;\n    data.numRerenders = 0;\n  }\n\n  const [_, setState] = useState({});\n  return {\n    rerenderContext: data.context,\n    numRerenders: data.numRerenders,\n    rerender: (newContext) => {\n      data.rerenderRequested = true;\n      data.context = newContext;\n      setState({});\n    },\n  };\n}\n"]}