@itwin/components-react 3.6.0-dev.7 → 4.0.0-dev.2

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

@@ -1,35 +1,35 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-import * as React from "react";
-import { ProgressRadial } from "@itwin/itwinui-react";
-/**
- * Spinner that is rendered with delay.
- * @internal
- */
-export function DelayedSpinner(props) {
-    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());
-    const update = useForceUpdate();
-    React.useEffect(() => {
-        if (diff >= delay)
-            return;
-        const timer = setTimeout(update, delay - diff);
-        return () => clearTimeout(timer);
-    });
-    if (diff < delay)
-        return null;
-    return (React.createElement(ProgressRadial, { indeterminate: true, size: (_b = props.size) !== null && _b !== void 0 ? _b : "large" }));
-}
-const useForceUpdate = () => {
-    const [value, set] = React.useState(true);
-    return () => set(!value);
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+import * as React from "react";
+import { ProgressRadial } from "@itwin/itwinui-react";
+/**
+ * Spinner that is rendered with delay.
+ * @internal
+ */
+export function DelayedSpinner(props) {
+    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());
+    const update = useForceUpdate();
+    React.useEffect(() => {
+        if (diff >= delay)
+            return;
+        const timer = setTimeout(update, delay - diff);
+        return () => clearTimeout(timer);
+    });
+    if (diff < delay)
+        return null;
+    return (React.createElement(ProgressRadial, { indeterminate: true, size: (_b = props.size) !== null && _b !== void 0 ? _b : "large" }));
+}
+const useForceUpdate = () => {
+    const [value, set] = React.useState(true);
+    return () => set(!value);
+};
 //# sourceMappingURL=DelayedSpinner.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DelayedSpinner.js","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAuB,MAAM,sBAAsB,CAAC;AAe3E;;;GAGG;AACH,MAAM,UAAU,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,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;IAExD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,IAAI,KAAK;YACf,OAAO;QACT,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;QACd,OAAO,IAAI,CAAC;IAEd,OAAO,CAAC,oBAAC,cAAc,IAAC,aAAa,QAAC,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,OAAO,GAAI,CAAC,CAAC;AACzE,CAAC;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":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Common\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ProgressRadial, ProgressRadialProps } from \"@itwin/itwinui-react\";\r\n\r\n/** Type for ProgressRadialProps.size */\r\ntype RadialSizeType = ProgressRadialProps[\"size\"];\r\n\r\n/**\r\n * Props for [[DelayedSpinner]] component.\r\n * @internal\r\n */\r\nexport interface DelayedSpinnerProps {\r\n  loadStart?: Date;\r\n  delay?: number;\r\n  size?: RadialSizeType;\r\n}\r\n\r\n/**\r\n * Spinner that is rendered with delay.\r\n * @internal\r\n */\r\nexport function DelayedSpinner(props: DelayedSpinnerProps) {\r\n  const delay = props.delay ?? 500;\r\n  const [loadStart] = React.useState(props.loadStart || new Date());\r\n\r\n  const currTime = new Date();\r\n  const diff = (currTime.getTime() - loadStart.getTime());\r\n\r\n  const update = useForceUpdate();\r\n  React.useEffect(() => {\r\n    if (diff >= delay)\r\n      return;\r\n    const timer = setTimeout(update, delay - diff);\r\n    return () => clearTimeout(timer);\r\n  });\r\n\r\n  if (diff < delay)\r\n    return null;\r\n\r\n  return (<ProgressRadial indeterminate size={props.size ?? \"large\"} />);\r\n}\r\n\r\nconst useForceUpdate = () => {\r\n  const [value, set] = React.useState(true);\r\n  return () => set(!value);\r\n};\r\n"]}
+{"version":3,"file":"DelayedSpinner.js","sourceRoot":"","sources":["../../../../src/components-react/common/DelayedSpinner.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAuB,MAAM,sBAAsB,CAAC;AAe3E;;;GAGG;AACH,MAAM,UAAU,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,CAAC,QAAQ,CAAC,OAAO,EAAE,GAAG,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC;IAExD,MAAM,MAAM,GAAG,cAAc,EAAE,CAAC;IAChC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,IAAI,IAAI,KAAK;YACf,OAAO;QACT,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;QACd,OAAO,IAAI,CAAC;IAEd,OAAO,CAAC,oBAAC,cAAc,IAAC,aAAa,QAAC,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,OAAO,GAAI,CAAC,CAAC;AACzE,CAAC;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, ProgressRadialProps } from \"@itwin/itwinui-react\";\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)\n      return;\n    const timer = setTimeout(update, delay - diff);\n    return () => clearTimeout(timer);\n  });\n\n  if (diff < delay)\n    return null;\n\n  return (<ProgressRadial indeterminate size={props.size ?? \"large\"} />);\n}\n\nconst useForceUpdate = () => {\n  const [value, set] = React.useState(true);\n  return () => set(!value);\n};\n"]}

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

@@ -1,23 +1,23 @@
-/** @packageDocumentation
- * @module Common
- */
-/// <reference types="react" />
-/**
- * Properties of [[HighlightedText]]
- * @public
- */
-export interface HighlightedTextProps {
-    searchText: string;
-    activeMatchIndex?: number;
-    text: string;
-    /** Should search be case sensitive */
-    caseSensitive?: boolean;
-}
-/**
- * Highlighted text
- * Used for highlighting parts in the 'text' which match with 'searchText'
- * Also actively highlights one matched part which is selected with 'activeMatchIndex'
- * @public
- */
-export declare function HighlightedText(props: HighlightedTextProps): JSX.Element;
+/** @packageDocumentation
+ * @module Common
+ */
+/// <reference types="react" />
+/**
+ * Properties of [[HighlightedText]]
+ * @public
+ */
+export interface HighlightedTextProps {
+    searchText: string;
+    activeMatchIndex?: number;
+    text: string;
+    /** Should search be case sensitive */
+    caseSensitive?: boolean;
+}
+/**
+ * Highlighted text
+ * Used for highlighting parts in the 'text' which match with 'searchText'
+ * Also actively highlights one matched part which is selected with 'activeMatchIndex'
+ * @public
+ */
+export declare function HighlightedText(props: HighlightedTextProps): JSX.Element;
 //# sourceMappingURL=HighlightedText.d.ts.map

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

@@ -1,32 +1,32 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-import React from "react";
-import Highlighter from "react-highlight-words";
-import { HighlightingEngine } from "../tree/HighlightingEngine";
-/**
- * Highlighted text
- * Used for highlighting parts in the 'text' which match with 'searchText'
- * Also actively highlights one matched part which is selected with 'activeMatchIndex'
- * @public
- */
-export function HighlightedText(props) {
-    const { searchText, activeMatchIndex, text, caseSensitive } = props;
-    return (React.createElement(Highlighter, { searchWords: [searchText], findChunks: findChunksNoRegex, activeIndex: activeMatchIndex, activeClassName: HighlightingEngine.ACTIVE_CLASS_NAME, autoEscape: true, textToHighlight: text, caseSensitive: caseSensitive }));
-}
-const findChunksNoRegex = (args) => {
-    const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();
-    const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();
-    const chunks = [];
-    let index = text.indexOf(term);
-    while (index !== -1) {
-        chunks.push({ start: index, end: index + term.length, highlight: true });
-        index = text.indexOf(term, index + 1);
-    }
-    return chunks;
-};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Common
+ */
+import React from "react";
+import Highlighter from "react-highlight-words";
+import { HighlightingEngine } from "../tree/HighlightingEngine";
+/**
+ * Highlighted text
+ * Used for highlighting parts in the 'text' which match with 'searchText'
+ * Also actively highlights one matched part which is selected with 'activeMatchIndex'
+ * @public
+ */
+export function HighlightedText(props) {
+    const { searchText, activeMatchIndex, text, caseSensitive } = props;
+    return (React.createElement(Highlighter, { searchWords: [searchText], findChunks: findChunksNoRegex, activeIndex: activeMatchIndex, activeClassName: HighlightingEngine.ACTIVE_CLASS_NAME, autoEscape: true, textToHighlight: text, caseSensitive: caseSensitive }));
+}
+const findChunksNoRegex = (args) => {
+    const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();
+    const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();
+    const chunks = [];
+    let index = text.indexOf(term);
+    while (index !== -1) {
+        chunks.push({ start: index, end: index + term.length, highlight: true });
+        index = text.indexOf(term, index + 1);
+    }
+    return chunks;
+};
 //# sourceMappingURL=HighlightedText.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HighlightedText.js","sourceRoot":"","sources":["../../../../src/components-react/common/HighlightedText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAiBhE;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACL,oBAAC,WAAW,IACV,WAAW,EAAE,CAAC,UAAU,CAAC,EACzB,UAAU,EAAE,iBAAwB,EACpC,WAAW,EAAE,gBAAuB,EACpC,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,EACrD,UAAU,EAAE,IAAI,EAChB,eAAe,EAAE,IAAI,EACrB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAaD,MAAM,iBAAiB,GAAG,CAAC,IAAoB,EAAsB,EAAE;IACrE,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;IAC5F,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC1F,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACzE,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;KACvC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Common\r\n */\r\n\r\nimport React from \"react\";\r\nimport Highlighter from \"react-highlight-words\";\r\nimport { HighlightingEngine } from \"../tree/HighlightingEngine\";\r\n\r\n/**\r\n * Properties of [[HighlightedText]]\r\n * @public\r\n */\r\nexport interface HighlightedTextProps {\r\n  /* Filter text which we want to highlight */\r\n  searchText: string;\r\n  /* Index of actively highlighted part in a text */\r\n  activeMatchIndex?: number;\r\n  /* Full text */\r\n  text: string;\r\n  /** Should search be case sensitive */\r\n  caseSensitive?: boolean;\r\n}\r\n\r\n/**\r\n * Highlighted text\r\n * Used for highlighting parts in the 'text' which match with 'searchText'\r\n * Also actively highlights one matched part which is selected with 'activeMatchIndex'\r\n * @public\r\n */\r\nexport function HighlightedText(props: HighlightedTextProps) {\r\n  const { searchText, activeMatchIndex, text, caseSensitive } = props;\r\n  return (\r\n    <Highlighter\r\n      searchWords={[searchText]}\r\n      findChunks={findChunksNoRegex as any} // .d.ts declaration wrong\r\n      activeIndex={activeMatchIndex as any} // .d.ts file seems to be wrong, doesn't work if it's a string\r\n      activeClassName={HighlightingEngine.ACTIVE_CLASS_NAME}\r\n      autoEscape={true}\r\n      textToHighlight={text}\r\n      caseSensitive={caseSensitive}\r\n    />\r\n  );\r\n}\r\n\r\ninterface HighlighterChunk {\r\n  highlight: boolean;\r\n  start: number;\r\n  end: number;\r\n}\r\ninterface FindChunksArgs {\r\n  autoEscape?: boolean;\r\n  caseSensitive?: boolean;\r\n  searchWords: string[];\r\n  textToHighlight: string;\r\n}\r\nconst findChunksNoRegex = (args: FindChunksArgs): HighlighterChunk[] => {\r\n  const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();\r\n  const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();\r\n  const chunks: HighlighterChunk[] = [];\r\n  let index = text.indexOf(term);\r\n  while (index !== -1) {\r\n    chunks.push({ start: index, end: index + term.length, highlight: true });\r\n    index = text.indexOf(term, index + 1);\r\n  }\r\n  return chunks;\r\n};\r\n"]}
+{"version":3,"file":"HighlightedText.js","sourceRoot":"","sources":["../../../../src/components-react/common/HighlightedText.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAiBhE;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACpE,OAAO,CACL,oBAAC,WAAW,IACV,WAAW,EAAE,CAAC,UAAU,CAAC,EACzB,UAAU,EAAE,iBAAwB,EACpC,WAAW,EAAE,gBAAuB,EACpC,eAAe,EAAE,kBAAkB,CAAC,iBAAiB,EACrD,UAAU,EAAE,IAAI,EAChB,eAAe,EAAE,IAAI,EACrB,aAAa,EAAE,aAAa,GAC5B,CACH,CAAC;AACJ,CAAC;AAaD,MAAM,iBAAiB,GAAG,CAAC,IAAoB,EAAsB,EAAE;IACrE,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;IAC5F,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC1F,MAAM,MAAM,GAAuB,EAAE,CAAC;IACtC,IAAI,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,OAAO,KAAK,KAAK,CAAC,CAAC,EAAE;QACnB,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;QACzE,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;KACvC;IACD,OAAO,MAAM,CAAC;AAChB,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 React from \"react\";\nimport Highlighter from \"react-highlight-words\";\nimport { HighlightingEngine } from \"../tree/HighlightingEngine\";\n\n/**\n * Properties of [[HighlightedText]]\n * @public\n */\nexport interface HighlightedTextProps {\n  /* Filter text which we want to highlight */\n  searchText: string;\n  /* Index of actively highlighted part in a text */\n  activeMatchIndex?: number;\n  /* Full text */\n  text: string;\n  /** Should search be case sensitive */\n  caseSensitive?: boolean;\n}\n\n/**\n * Highlighted text\n * Used for highlighting parts in the 'text' which match with 'searchText'\n * Also actively highlights one matched part which is selected with 'activeMatchIndex'\n * @public\n */\nexport function HighlightedText(props: HighlightedTextProps) {\n  const { searchText, activeMatchIndex, text, caseSensitive } = props;\n  return (\n    <Highlighter\n      searchWords={[searchText]}\n      findChunks={findChunksNoRegex as any} // .d.ts declaration wrong\n      activeIndex={activeMatchIndex as any} // .d.ts file seems to be wrong, doesn't work if it's a string\n      activeClassName={HighlightingEngine.ACTIVE_CLASS_NAME}\n      autoEscape={true}\n      textToHighlight={text}\n      caseSensitive={caseSensitive}\n    />\n  );\n}\n\ninterface HighlighterChunk {\n  highlight: boolean;\n  start: number;\n  end: number;\n}\ninterface FindChunksArgs {\n  autoEscape?: boolean;\n  caseSensitive?: boolean;\n  searchWords: string[];\n  textToHighlight: string;\n}\nconst findChunksNoRegex = (args: FindChunksArgs): HighlighterChunk[] => {\n  const text = args.caseSensitive ? args.textToHighlight : args.textToHighlight.toUpperCase();\n  const term = args.caseSensitive ? args.searchWords[0] : args.searchWords[0].toUpperCase();\n  const chunks: HighlighterChunk[] = [];\n  let index = text.indexOf(term);\n  while (index !== -1) {\n    chunks.push({ start: index, end: index + term.length, highlight: true });\n    index = text.indexOf(term, index + 1);\n  }\n  return chunks;\n};\n"]}

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

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Common
- */
-/**
- * Item highlight info used for identification of a specific highlight in an item
- * @public
- */
-export interface HighlightInfo {
-    highlightedItemIdentifier: string;
-    highlightIndex: number;
-}
-/**
- * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`
- * @public
- */
-export interface HighlightingComponentProps {
-    highlightedText: string;
-    activeHighlight?: HighlightInfo;
-}
+/** @packageDocumentation
+ * @module Common
+ */
+/**
+ * Item highlight info used for identification of a specific highlight in an item
+ * @public
+ */
+export interface HighlightInfo {
+    highlightedItemIdentifier: string;
+    highlightIndex: number;
+}
+/**
+ * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`
+ * @public
+ */
+export interface HighlightingComponentProps {
+    highlightedText: string;
+    activeHighlight?: HighlightInfo;
+}
 //# sourceMappingURL=HighlightingComponentProps.d.ts.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"HighlightingComponentProps.js","sourceRoot":"","sources":["../../../../src/components-react/common/HighlightingComponentProps.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Common\r\n */\r\n\r\n/**\r\n * Item highlight info used for identification of a specific highlight in an item\r\n * @public\r\n */\r\nexport interface HighlightInfo {\r\n  /* item's identifier, used for its identification */\r\n  highlightedItemIdentifier: string;\r\n  /* Index of highlighted part in an item */\r\n  highlightIndex: number;\r\n}\r\n\r\n/**\r\n * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`\r\n * @public\r\n */\r\nexport interface HighlightingComponentProps {\r\n  /* Filter text which we want to highlight */\r\n  highlightedText: string;\r\n  /* Information about the highlight which we want to actively highlight */\r\n  activeHighlight?: HighlightInfo;\r\n}\r\n"]}
+{"version":3,"file":"HighlightingComponentProps.js","sourceRoot":"","sources":["../../../../src/components-react/common/HighlightingComponentProps.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Common\n */\n\n/**\n * Item highlight info used for identification of a specific highlight in an item\n * @public\n */\nexport interface HighlightInfo {\n  /* item's identifier, used for its identification */\n  highlightedItemIdentifier: string;\n  /* Index of highlighted part in an item */\n  highlightIndex: number;\n}\n\n/**\n * Properties used for highlighting parts in item by given text and actively highlighting one highlight in a distinct item specified in `activeHighlight`\n * @public\n */\nexport interface HighlightingComponentProps {\n  /* Filter text which we want to highlight */\n  highlightedText: string;\n  /* Information about the highlight which we want to actively highlight */\n  activeHighlight?: HighlightInfo;\n}\n"]}

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

@@ -1,42 +1,42 @@
-/** @packageDocumentation
- * @module Common
- */
-/**
- * Type of loaded image source:
- * * "svg" will render svg strings inline with the rest of the DOM
- * * "url" will render a simple img tag with __url__ as it's source
- * * "binary" expects a HEX string for the value and will render raw image
- * * "core-icon" will render an icon bundled with @itwin/core-react
- * * "webfont-icon" will render web font icon from provided font-family. When no font-family given, defaults to "bentley-icons-generic-webfont".
- * @public
- */
-export declare type ImageSourceType = "svg" | "url" | "binary" | "core-icon" | "webfont-icon";
-/** Type of raw image format
- * @public
- */
-export declare type ImageFileFormat = "png" | "jpg" | "jpge";
-/** Image data for string based images
- * @public
- */
-export interface LoadedImage {
-    value: string;
-    sourceType: ImageSourceType;
-}
-/** Image data for raw images
- * @public
- */
-export interface LoadedBinaryImage extends LoadedImage {
-    fileFormat: ImageFileFormat;
-}
-/** Image data returned by an [[IImageLoader]]
- * @public
- */
-export declare type Image = LoadedImage | LoadedBinaryImage;
-/** Interface for an image loader.
- * @public
- */
-export interface IImageLoader {
-    /** Function that will load image data */
-    load: (item: any) => Image | undefined;
-}
+/** @packageDocumentation
+ * @module Common
+ */
+/**
+ * Type of loaded image source:
+ * * "svg" will render svg strings inline with the rest of the DOM
+ * * "url" will render a simple img tag with __url__ as it's source
+ * * "binary" expects a HEX string for the value and will render raw image
+ * * "core-icon" will render an icon bundled with @itwin/core-react
+ * * "webfont-icon" will render web font icon from provided font-family. When no font-family given, defaults to "bentley-icons-generic-webfont".
+ * @public
+ */
+export declare type ImageSourceType = "svg" | "url" | "binary" | "core-icon" | "webfont-icon";
+/** Type of raw image format
+ * @public
+ */
+export declare type ImageFileFormat = "png" | "jpg" | "jpge";
+/** Image data for string based images
+ * @public
+ */
+export interface LoadedImage {
+    value: string;
+    sourceType: ImageSourceType;
+}
+/** Image data for raw images
+ * @public
+ */
+export interface LoadedBinaryImage extends LoadedImage {
+    fileFormat: ImageFileFormat;
+}
+/** Image data returned by an [[IImageLoader]]
+ * @public
+ */
+export declare type Image = LoadedImage | LoadedBinaryImage;
+/** Interface for an image loader.
+ * @public
+ */
+export interface IImageLoader {
+    /** Function that will load image data */
+    load: (item: any) => Image | undefined;
+}
 //# sourceMappingURL=IImageLoader.d.ts.map

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"IImageLoader.js","sourceRoot":"","sources":["../../../../src/components-react/common/IImageLoader.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Common\r\n */\r\n\r\n/**\r\n * Type of loaded image source:\r\n * * \"svg\" will render svg strings inline with the rest of the DOM\r\n * * \"url\" will render a simple img tag with __url__ as it's source\r\n * * \"binary\" expects a HEX string for the value and will render raw image\r\n * * \"core-icon\" will render an icon bundled with @itwin/core-react\r\n * * \"webfont-icon\" will render web font icon from provided font-family. When no font-family given, defaults to \"bentley-icons-generic-webfont\".\r\n * @public\r\n */\r\nexport type ImageSourceType = \"svg\" | \"url\" | \"binary\" | \"core-icon\" | \"webfont-icon\";\r\n\r\n/** Type of raw image format\r\n * @public\r\n */\r\nexport type ImageFileFormat = \"png\" | \"jpg\" | \"jpge\";\r\n\r\n/** Image data for string based images\r\n * @public\r\n */\r\nexport interface LoadedImage {\r\n  value: string;\r\n  sourceType: ImageSourceType;\r\n}\r\n\r\n/** Image data for raw images\r\n * @public\r\n */\r\nexport interface LoadedBinaryImage extends LoadedImage {\r\n  fileFormat: ImageFileFormat;\r\n}\r\n\r\n/** Image data returned by an [[IImageLoader]]\r\n * @public\r\n */\r\nexport type Image = LoadedImage | LoadedBinaryImage;\r\n\r\n/** Interface for an image loader.\r\n * @public\r\n */\r\nexport interface IImageLoader {\r\n  /** Function that will load image data */\r\n  load: (item: any) => Image | undefined;\r\n}\r\n"]}
+{"version":3,"file":"IImageLoader.js","sourceRoot":"","sources":["../../../../src/components-react/common/IImageLoader.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Common\n */\n\n/**\n * Type of loaded image source:\n * * \"svg\" will render svg strings inline with the rest of the DOM\n * * \"url\" will render a simple img tag with __url__ as it's source\n * * \"binary\" expects a HEX string for the value and will render raw image\n * * \"core-icon\" will render an icon bundled with @itwin/core-react\n * * \"webfont-icon\" will render web font icon from provided font-family. When no font-family given, defaults to \"bentley-icons-generic-webfont\".\n * @public\n */\nexport type ImageSourceType = \"svg\" | \"url\" | \"binary\" | \"core-icon\" | \"webfont-icon\";\n\n/** Type of raw image format\n * @public\n */\nexport type ImageFileFormat = \"png\" | \"jpg\" | \"jpge\";\n\n/** Image data for string based images\n * @public\n */\nexport interface LoadedImage {\n  value: string;\n  sourceType: ImageSourceType;\n}\n\n/** Image data for raw images\n * @public\n */\nexport interface LoadedBinaryImage extends LoadedImage {\n  fileFormat: ImageFileFormat;\n}\n\n/** Image data returned by an [[IImageLoader]]\n * @public\n */\nexport type Image = LoadedImage | LoadedBinaryImage;\n\n/** Interface for an image loader.\n * @public\n */\nexport interface IImageLoader {\n  /** Function that will load image data */\n  load: (item: any) => Image | undefined;\n}\n"]}

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

@@ -1,37 +1,37 @@
-/** @packageDocumentation
- * @module Common
- */
-import * as React from "react";
-import { Image } from "./IImageLoader";
-/** A class that renders images from data provided by an image loader
- * @internal
- */
-export declare class ImageRenderer {
-    private static _svgCache;
-    private hexToBase64;
-    /** Render raw binary image */
-    private renderBinary;
-    private isSvg;
-    private convertSvgToDataUri;
-    /** Render svg string into JSX */
-    private renderSvg;
-    /** Render image from an url */
-    private renderUrl;
-    /** Render image as core-react icon */
-    private renderCoreIcon;
-    /** Replaces the escaped instances of "\:" with ":" */
-    private normalizeEscapedIconString;
-    /**
-     * Extract class and name from icon name, if the name follows format "{className}:{fontName}".
-     * className and fontName can be escaped using \ if : is needed.
-     */
-    private extractIconClassAndName;
-    /**
-     * Render image as provided webfont icon.
-     * Defaults to core-react icon if iconName does not contain className.
-     */
-    private renderWebfontIcon;
-    /** Render image from data provided by an image loader */
-    render(loadedImage: Image): React.ReactNode;
-}
+/** @packageDocumentation
+ * @module Common
+ */
+import * as React from "react";
+import { Image } from "./IImageLoader";
+/** A class that renders images from data provided by an image loader
+ * @internal
+ */
+export declare class ImageRenderer {
+    private static _svgCache;
+    private hexToBase64;
+    /** Render raw binary image */
+    private renderBinary;
+    private isSvg;
+    private convertSvgToDataUri;
+    /** Render svg string into JSX */
+    private renderSvg;
+    /** Render image from an url */
+    private renderUrl;
+    /** Render image as core-react icon */
+    private renderCoreIcon;
+    /** Replaces the escaped instances of "\:" with ":" */
+    private normalizeEscapedIconString;
+    /**
+     * Extract class and name from icon name, if the name follows format "{className}:{fontName}".
+     * className and fontName can be escaped using \ if : is needed.
+     */
+    private extractIconClassAndName;
+    /**
+     * Render image as provided webfont icon.
+     * Defaults to core-react icon if iconName does not contain className.
+     */
+    private renderWebfontIcon;
+    /** Render image from data provided by an image loader */
+    render(loadedImage: Image): React.ReactNode;
+}
 //# sourceMappingURL=ImageRenderer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/ImageRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,EAAmD,MAAM,gBAAgB,CAAC;AAExF;;GAEG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAkC;IAE1D,OAAO,CAAC,WAAW;IAWnB,8BAA8B;IAC9B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,KAAK;IAcb,OAAO,CAAC,mBAAmB;IAW3B,iCAAiC;IACjC,OAAO,CAAC,SAAS;IAajB,+BAA+B;IAC/B,OAAO,CAAC,SAAS;IAIjB,sCAAsC;IACtC,OAAO,CAAC,cAAc;IAItB,sDAAsD;IACtD,OAAO,CAAC,0BAA0B;IAIlC;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAc/B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAKzB,yDAAyD;IAClD,MAAM,CAAC,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS;CAuBnD"}
+{"version":3,"file":"ImageRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components-react/common/ImageRenderer.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,KAAK,EAAmD,MAAM,gBAAgB,CAAC;AAExF;;GAEG;AACH,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAC,SAAS,CAAkC;IAE1D,OAAO,CAAC,WAAW;IAWnB,8BAA8B;IAC9B,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,KAAK;IAcb,OAAO,CAAC,mBAAmB;IAW3B,iCAAiC;IACjC,OAAO,CAAC,SAAS;IAcjB,+BAA+B;IAC/B,OAAO,CAAC,SAAS;IAIjB,sCAAsC;IACtC,OAAO,CAAC,cAAc;IAItB,sDAAsD;IACtD,OAAO,CAAC,0BAA0B;IAIlC;;;OAGG;IACH,OAAO,CAAC,uBAAuB;IAc/B;;;OAGG;IACH,OAAO,CAAC,iBAAiB;IAKzB,yDAAyD;IAClD,MAAM,CAAC,WAAW,EAAE,KAAK,GAAG,KAAK,CAAC,SAAS;CAuBnD"}