@itwin/components-react 3.4.0-dev.43 → 3.4.0-dev.44

package/lib/cjs/components-react/inputs/ParsedInput.js

@@ -1,111 +1,111 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Inputs
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ParsedInput = void 0;
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const itwinui_react_1 = require("@itwin/itwinui-react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-require("./ParsedInput.scss");
-const ForwardRefParsedInput = React.forwardRef(function ForwardRefParsedInput({ initialValue, formatValue, parseString, readonly, className, style, onChange }, ref) {
-    const currentValueRef = React.useRef(initialValue);
-    const isMountedRef = React.useRef(false);
-    const lastFormattedValueRef = React.useRef(formatValue(initialValue));
-    const [formattedValue, setFormattedValue] = React.useState(() => lastFormattedValueRef.current);
-    const [hasBadInput, setHasBadInput] = React.useState(false);
-    React.useEffect(() => {
-        isMountedRef.current = true;
-        return () => {
-            isMountedRef.current = false;
-        };
-    }, []);
-    // See if new initialValue props have changed since component mounted
-    React.useEffect(() => {
-        currentValueRef.current = initialValue;
-        const currentFormattedValue = formatValue(currentValueRef.current);
-        if (currentFormattedValue !== lastFormattedValueRef.current) {
-            lastFormattedValueRef.current = currentFormattedValue;
-            setFormattedValue(lastFormattedValueRef.current);
-            setHasBadInput(false);
-        }
-    }, [formatValue, initialValue]);
-    const handleChange = React.useCallback((event) => {
-        setFormattedValue(event.currentTarget.value);
-    }, []);
-    const updateValueFromString = React.useCallback((strVal) => {
-        if (lastFormattedValueRef.current === strVal)
-            return;
-        const parseResults = (parseString(strVal));
-        // istanbul ignore else
-        if (!parseResults.parseError) {
-            // istanbul ignore else
-            if (undefined !== parseResults.value && typeof parseResults.value === "number") {
-                const currentValue = parseResults.value;
-                // istanbul ignore else
-                if (currentValue !== currentValueRef.current) {
-                    currentValueRef.current = currentValue;
-                    onChange && onChange(currentValueRef.current);
-                }
-                // istanbul ignore else
-                if (isMountedRef.current) {
-                    lastFormattedValueRef.current = formatValue(currentValue);
-                    setFormattedValue(lastFormattedValueRef.current);
-                    setHasBadInput(false);
-                }
-            }
-        }
-        else {
-            setHasBadInput(true);
-        }
-    }, [formatValue, onChange, parseString]);
-    const handleBlur = React.useCallback((event) => {
-        updateValueFromString(event.target.value);
-    }, [updateValueFromString]);
-    const handleKeyDown = React.useCallback((event) => {
-        // istanbul ignore else
-        if (event.key === appui_abstract_1.SpecialKey.Enter) {
-            updateValueFromString(event.currentTarget.value);
-            event.preventDefault();
-        }
-        if (event.key === appui_abstract_1.SpecialKey.Escape) {
-            setFormattedValue(formatValue(currentValueRef.current));
-            setHasBadInput(false);
-            event.preventDefault();
-        }
-    }, [formatValue, updateValueFromString]);
-    const classNames = (0, classnames_1.default)(className, "components-parsed-input", hasBadInput && "components-parsed-input-has-error");
-    return React.createElement(itwinui_react_1.Input, { "data-testid": "components-parsed-input", ref: ref, style: style, className: classNames, onKeyDown: handleKeyDown, onBlur: handleBlur, onChange: handleChange, value: formattedValue, disabled: readonly, size: "small" });
-});
-/** Generic Input component that requires formatting and parsing functions to be passed in as props.
- * @public
- */
-exports.ParsedInput = ForwardRefParsedInput;
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Inputs
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ParsedInput = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const appui_abstract_1 = require("@itwin/appui-abstract");
+require("./ParsedInput.scss");
+const ForwardRefParsedInput = React.forwardRef(function ForwardRefParsedInput({ initialValue, formatValue, parseString, readonly, className, style, onChange }, ref) {
+    const currentValueRef = React.useRef(initialValue);
+    const isMountedRef = React.useRef(false);
+    const lastFormattedValueRef = React.useRef(formatValue(initialValue));
+    const [formattedValue, setFormattedValue] = React.useState(() => lastFormattedValueRef.current);
+    const [hasBadInput, setHasBadInput] = React.useState(false);
+    React.useEffect(() => {
+        isMountedRef.current = true;
+        return () => {
+            isMountedRef.current = false;
+        };
+    }, []);
+    // See if new initialValue props have changed since component mounted
+    React.useEffect(() => {
+        currentValueRef.current = initialValue;
+        const currentFormattedValue = formatValue(currentValueRef.current);
+        if (currentFormattedValue !== lastFormattedValueRef.current) {
+            lastFormattedValueRef.current = currentFormattedValue;
+            setFormattedValue(lastFormattedValueRef.current);
+            setHasBadInput(false);
+        }
+    }, [formatValue, initialValue]);
+    const handleChange = React.useCallback((event) => {
+        setFormattedValue(event.currentTarget.value);
+    }, []);
+    const updateValueFromString = React.useCallback((strVal) => {
+        if (lastFormattedValueRef.current === strVal)
+            return;
+        const parseResults = (parseString(strVal));
+        // istanbul ignore else
+        if (!parseResults.parseError) {
+            // istanbul ignore else
+            if (undefined !== parseResults.value && typeof parseResults.value === "number") {
+                const currentValue = parseResults.value;
+                // istanbul ignore else
+                if (currentValue !== currentValueRef.current) {
+                    currentValueRef.current = currentValue;
+                    onChange && onChange(currentValueRef.current);
+                }
+                // istanbul ignore else
+                if (isMountedRef.current) {
+                    lastFormattedValueRef.current = formatValue(currentValue);
+                    setFormattedValue(lastFormattedValueRef.current);
+                    setHasBadInput(false);
+                }
+            }
+        }
+        else {
+            setHasBadInput(true);
+        }
+    }, [formatValue, onChange, parseString]);
+    const handleBlur = React.useCallback((event) => {
+        updateValueFromString(event.target.value);
+    }, [updateValueFromString]);
+    const handleKeyDown = React.useCallback((event) => {
+        // istanbul ignore else
+        if (event.key === appui_abstract_1.SpecialKey.Enter) {
+            updateValueFromString(event.currentTarget.value);
+            event.preventDefault();
+        }
+        if (event.key === appui_abstract_1.SpecialKey.Escape) {
+            setFormattedValue(formatValue(currentValueRef.current));
+            setHasBadInput(false);
+            event.preventDefault();
+        }
+    }, [formatValue, updateValueFromString]);
+    const classNames = (0, classnames_1.default)(className, "components-parsed-input", hasBadInput && "components-parsed-input-has-error");
+    return React.createElement(itwinui_react_1.Input, { "data-testid": "components-parsed-input", ref: ref, style: style, className: classNames, onKeyDown: handleKeyDown, onBlur: handleBlur, onChange: handleChange, value: formattedValue, disabled: readonly, size: "small" });
+});
+/** Generic Input component that requires formatting and parsing functions to be passed in as props.
+ * @public
+ */
+exports.ParsedInput = ForwardRefParsedInput;
 //# sourceMappingURL=ParsedInput.js.map

package/lib/cjs/components-react/inputs/ParsedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParsedInput.js","sourceRoot":"","sources":["../../../../src/components-react/inputs/ParsedInput.tsx"],"names":[],"mappings":"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","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 Inputs\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport classnames from \"classnames\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\nimport { CommonProps } from \"@itwin/core-react\";\r\nimport { ParseResults, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport \"./ParsedInput.scss\";\r\n\r\n/** Props for [[ParsedInput]] control\r\n * @public\r\n */\r\nexport interface ParsedInputProps extends CommonProps {\r\n  /** InitialValue which is used to restore input field if ESC is pressed */\r\n  initialValue: number;\r\n  /** Function used to format the value */\r\n  formatValue: (value: number) => string;\r\n  /** Function used to parse user input into a value */\r\n  parseString: (stringValue: string) => ParseResults;\r\n  /** Function to call when value is changed */\r\n  onChange?: (newValue: number) => void;\r\n  /** if readonly then only the formatValue function is used. */\r\n  readonly?: boolean;\r\n  /** Provides ability to return reference to HTMLInputElement */\r\n  ref?: React.Ref<HTMLInputElement>;\r\n}\r\n\r\nconst ForwardRefParsedInput = React.forwardRef<HTMLInputElement, ParsedInputProps>(\r\n  function ForwardRefParsedInput({ initialValue, formatValue, parseString, readonly, className, style, onChange }, ref) {\r\n    const currentValueRef = React.useRef(initialValue);\r\n    const isMountedRef = React.useRef(false);\r\n    const lastFormattedValueRef = React.useRef(formatValue(initialValue));\r\n    const [formattedValue, setFormattedValue] = React.useState(() => lastFormattedValueRef.current);\r\n    const [hasBadInput, setHasBadInput] = React.useState(false);\r\n\r\n    React.useEffect(() => {\r\n      isMountedRef.current = true;\r\n      return () => {\r\n        isMountedRef.current = false;\r\n      };\r\n    }, []);\r\n\r\n    // See if new initialValue props have changed since component mounted\r\n    React.useEffect(() => {\r\n      currentValueRef.current = initialValue;\r\n      const currentFormattedValue = formatValue(currentValueRef.current);\r\n      if (currentFormattedValue !== lastFormattedValueRef.current) {\r\n        lastFormattedValueRef.current = currentFormattedValue;\r\n        setFormattedValue(lastFormattedValueRef.current);\r\n        setHasBadInput(false);\r\n      }\r\n    }, [formatValue, initialValue]);\r\n\r\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n      setFormattedValue(event.currentTarget.value);\r\n    }, []);\r\n\r\n    const updateValueFromString = React.useCallback((strVal: string) => {\r\n      if (lastFormattedValueRef.current === strVal)\r\n        return;\r\n\r\n      const parseResults = (parseString(strVal));\r\n      // istanbul ignore else\r\n      if (!parseResults.parseError) {\r\n        // istanbul ignore else\r\n        if (undefined !== parseResults.value && typeof parseResults.value === \"number\") {\r\n          const currentValue = parseResults.value;\r\n          // istanbul ignore else\r\n          if (currentValue !== currentValueRef.current) {\r\n            currentValueRef.current = currentValue;\r\n            onChange && onChange(currentValueRef.current);\r\n          }\r\n          // istanbul ignore else\r\n          if (isMountedRef.current) {\r\n            lastFormattedValueRef.current = formatValue(currentValue);\r\n            setFormattedValue(lastFormattedValueRef.current);\r\n            setHasBadInput(false);\r\n          }\r\n        }\r\n      } else {\r\n        setHasBadInput(true);\r\n      }\r\n    }, [formatValue, onChange, parseString]);\r\n\r\n    const handleBlur = React.useCallback((event: React.FocusEvent<HTMLInputElement>) => {\r\n      updateValueFromString(event.target.value);\r\n    }, [updateValueFromString]);\r\n\r\n    const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\r\n      // istanbul ignore else\r\n      if (event.key === SpecialKey.Enter) {\r\n        updateValueFromString(event.currentTarget.value);\r\n        event.preventDefault();\r\n      }\r\n      if (event.key === SpecialKey.Escape) {\r\n        setFormattedValue(formatValue(currentValueRef.current));\r\n        setHasBadInput(false);\r\n        event.preventDefault();\r\n      }\r\n    }, [formatValue, updateValueFromString]);\r\n\r\n    const classNames = classnames(className, \"components-parsed-input\", hasBadInput && \"components-parsed-input-has-error\");\r\n\r\n    return <Input data-testid=\"components-parsed-input\" ref={ref} style={style} className={classNames} onKeyDown={handleKeyDown} onBlur={handleBlur}\r\n      onChange={handleChange} value={formattedValue} disabled={readonly} size=\"small\" />;\r\n  }\r\n);\r\n\r\n/** Generic Input component that requires formatting and parsing functions to be passed in as props.\r\n * @public\r\n */\r\nexport const ParsedInput: (props: ParsedInputProps) => JSX.Element | null = ForwardRefParsedInput;\r\n\r\n"]}
+{"version":3,"file":"ParsedInput.js","sourceRoot":"","sources":["../../../../src/components-react/inputs/ParsedInput.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 Inputs\n */\n\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport { CommonProps } from \"@itwin/core-react\";\nimport { ParseResults, SpecialKey } from \"@itwin/appui-abstract\";\nimport \"./ParsedInput.scss\";\n\n/** Props for [[ParsedInput]] control\n * @public\n */\nexport interface ParsedInputProps extends CommonProps {\n  /** InitialValue which is used to restore input field if ESC is pressed */\n  initialValue: number;\n  /** Function used to format the value */\n  formatValue: (value: number) => string;\n  /** Function used to parse user input into a value */\n  parseString: (stringValue: string) => ParseResults;\n  /** Function to call when value is changed */\n  onChange?: (newValue: number) => void;\n  /** if readonly then only the formatValue function is used. */\n  readonly?: boolean;\n  /** Provides ability to return reference to HTMLInputElement */\n  ref?: React.Ref<HTMLInputElement>;\n}\n\nconst ForwardRefParsedInput = React.forwardRef<HTMLInputElement, ParsedInputProps>(\n  function ForwardRefParsedInput({ initialValue, formatValue, parseString, readonly, className, style, onChange }, ref) {\n    const currentValueRef = React.useRef(initialValue);\n    const isMountedRef = React.useRef(false);\n    const lastFormattedValueRef = React.useRef(formatValue(initialValue));\n    const [formattedValue, setFormattedValue] = React.useState(() => lastFormattedValueRef.current);\n    const [hasBadInput, setHasBadInput] = React.useState(false);\n\n    React.useEffect(() => {\n      isMountedRef.current = true;\n      return () => {\n        isMountedRef.current = false;\n      };\n    }, []);\n\n    // See if new initialValue props have changed since component mounted\n    React.useEffect(() => {\n      currentValueRef.current = initialValue;\n      const currentFormattedValue = formatValue(currentValueRef.current);\n      if (currentFormattedValue !== lastFormattedValueRef.current) {\n        lastFormattedValueRef.current = currentFormattedValue;\n        setFormattedValue(lastFormattedValueRef.current);\n        setHasBadInput(false);\n      }\n    }, [formatValue, initialValue]);\n\n    const handleChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\n      setFormattedValue(event.currentTarget.value);\n    }, []);\n\n    const updateValueFromString = React.useCallback((strVal: string) => {\n      if (lastFormattedValueRef.current === strVal)\n        return;\n\n      const parseResults = (parseString(strVal));\n      // istanbul ignore else\n      if (!parseResults.parseError) {\n        // istanbul ignore else\n        if (undefined !== parseResults.value && typeof parseResults.value === \"number\") {\n          const currentValue = parseResults.value;\n          // istanbul ignore else\n          if (currentValue !== currentValueRef.current) {\n            currentValueRef.current = currentValue;\n            onChange && onChange(currentValueRef.current);\n          }\n          // istanbul ignore else\n          if (isMountedRef.current) {\n            lastFormattedValueRef.current = formatValue(currentValue);\n            setFormattedValue(lastFormattedValueRef.current);\n            setHasBadInput(false);\n          }\n        }\n      } else {\n        setHasBadInput(true);\n      }\n    }, [formatValue, onChange, parseString]);\n\n    const handleBlur = React.useCallback((event: React.FocusEvent<HTMLInputElement>) => {\n      updateValueFromString(event.target.value);\n    }, [updateValueFromString]);\n\n    const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLInputElement>) => {\n      // istanbul ignore else\n      if (event.key === SpecialKey.Enter) {\n        updateValueFromString(event.currentTarget.value);\n        event.preventDefault();\n      }\n      if (event.key === SpecialKey.Escape) {\n        setFormattedValue(formatValue(currentValueRef.current));\n        setHasBadInput(false);\n        event.preventDefault();\n      }\n    }, [formatValue, updateValueFromString]);\n\n    const classNames = classnames(className, \"components-parsed-input\", hasBadInput && \"components-parsed-input-has-error\");\n\n    return <Input data-testid=\"components-parsed-input\" ref={ref} style={style} className={classNames} onKeyDown={handleKeyDown} onBlur={handleBlur}\n      onChange={handleChange} value={formattedValue} disabled={readonly} size=\"small\" />;\n  }\n);\n\n/** Generic Input component that requires formatting and parsing functions to be passed in as props.\n * @public\n */\nexport const ParsedInput: (props: ParsedInputProps) => JSX.Element | null = ForwardRefParsedInput;\n\n"]}

package/lib/cjs/components-react/inputs/ParsedInput.scss

@@ -1,24 +1,24 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
-
-.components-parsed-input {
-  width: auto;
-
-  &.components-parsed-input-has-error {
-    color: $buic-foreground-alert;
-    font-weight: bold;
-  }
-
-  &.components-parsed-input[disabled] {
-    color: $buic-foreground-body;
-    opacity: 0.65;
-  }
-
-  &.iui-input {
-    padding: $uicore-iui-input-padding;
-  }
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
+
+.components-parsed-input {
+  width: auto;
+
+  &.components-parsed-input-has-error {
+    color: $buic-foreground-alert;
+    font-weight: bold;
+  }
+
+  &.components-parsed-input[disabled] {
+    color: $buic-foreground-body;
+    opacity: 0.65;
+  }
+
+  &.iui-input {
+    padding: $uicore-iui-input-padding;
+  }
 }

package/lib/cjs/components-react/properties/ItemStyle.d.ts

@@ -1,49 +1,49 @@
-/** @packageDocumentation
- * @module Properties
- */
-import { CSSProperties } from "react";
-/** Style properties for styled item like [[CellItem]] and [[TreeNodeItem]]
- * @public
- */
-export interface ItemStyle {
-    /** Is text bolded */
-    isBold?: boolean;
-    /** Is text italic */
-    isItalic?: boolean;
-    /** Color overrides for styled item */
-    colorOverrides?: ItemColorOverrides;
-}
-/** Color overrides for styled item
- * @public
- */
-export interface ItemColorOverrides {
-    /** Text/foreground color */
-    color?: number;
-    /** Background color */
-    backgroundColor?: number;
-    /** Selected item text/foreground color */
-    colorSelected?: number;
-    /** Selected item background color */
-    backgroundColorSelected?: number;
-}
-/**
- * Style provider for stylable items like [[CellItem]] and [[TreeNodeItem]]
- * @public
- */
-export declare const ItemStyleProvider: {
-    /**
-     * Create CSS style from [[ItemStyle]]
-     */
-    createStyle: ({ colorOverrides, isBold, isItalic }: ItemStyle, isSelected?: boolean | undefined) => CSSProperties;
-};
-/**
- * Style provider for table rows
- * @public
- */
-export declare const TableRowStyleProvider: {
-    /**
-     * Create CSS style from [[ItemStyle]]
-     */
-    createStyle: ({ color, backgroundColor }: ItemColorOverrides) => CSSProperties;
-};
+/** @packageDocumentation
+ * @module Properties
+ */
+import { CSSProperties } from "react";
+/** Style properties for styled item like [[CellItem]] and [[TreeNodeItem]]
+ * @public
+ */
+export interface ItemStyle {
+    /** Is text bolded */
+    isBold?: boolean;
+    /** Is text italic */
+    isItalic?: boolean;
+    /** Color overrides for styled item */
+    colorOverrides?: ItemColorOverrides;
+}
+/** Color overrides for styled item
+ * @public
+ */
+export interface ItemColorOverrides {
+    /** Text/foreground color */
+    color?: number;
+    /** Background color */
+    backgroundColor?: number;
+    /** Selected item text/foreground color */
+    colorSelected?: number;
+    /** Selected item background color */
+    backgroundColorSelected?: number;
+}
+/**
+ * Style provider for stylable items like [[CellItem]] and [[TreeNodeItem]]
+ * @public
+ */
+export declare const ItemStyleProvider: {
+    /**
+     * Create CSS style from [[ItemStyle]]
+     */
+    createStyle: ({ colorOverrides, isBold, isItalic }: ItemStyle, isSelected?: boolean | undefined) => CSSProperties;
+};
+/**
+ * Style provider for table rows
+ * @public
+ */
+export declare const TableRowStyleProvider: {
+    /**
+     * Create CSS style from [[ItemStyle]]
+     */
+    createStyle: ({ color, backgroundColor }: ItemColorOverrides) => CSSProperties;
+};
 //# sourceMappingURL=ItemStyle.d.ts.map

package/lib/cjs/components-react/properties/ItemStyle.js

@@ -1,65 +1,65 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Properties
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableRowStyleProvider = exports.ItemStyleProvider = void 0;
-/** Converts a color value from a number to an HTML/CSS hex string */
-const colorDecimalToHex = (decimal) => `#${decimal.toString(16).padStart(6, "0")}`;
-function getBackgroundColor(isSelected, colorOverrides) {
-    if (!colorOverrides)
-        return undefined;
-    if (isSelected)
-        return colorOverrides.backgroundColorSelected !== undefined
-            ? colorDecimalToHex(colorOverrides.backgroundColorSelected)
-            : undefined;
-    if (colorOverrides.backgroundColor)
-        return colorDecimalToHex(colorOverrides.backgroundColor);
-    return undefined;
-}
-function getForegroundColor(isSelected, colorOverrides) {
-    if (!colorOverrides)
-        return undefined;
-    if (isSelected)
-        return colorOverrides.colorSelected !== undefined
-            ? colorDecimalToHex(colorOverrides.colorSelected)
-            : undefined;
-    if (colorOverrides.color)
-        return colorDecimalToHex(colorOverrides.color);
-    return undefined;
-}
-/**
- * Style provider for stylable items like [[CellItem]] and [[TreeNodeItem]]
- * @public
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-exports.ItemStyleProvider = {
-    /**
-     * Create CSS style from [[ItemStyle]]
-     */
-    createStyle: ({ colorOverrides, isBold, isItalic }, isSelected) => ({
-        color: getForegroundColor(!!isSelected, colorOverrides),
-        backgroundColor: getBackgroundColor(!!isSelected, colorOverrides),
-        fontWeight: isBold ? "bold" : undefined,
-        fontStyle: isItalic ? "italic" : undefined,
-    }),
-};
-/**
- * Style provider for table rows
- * @public
- */
-// eslint-disable-next-line @typescript-eslint/naming-convention
-exports.TableRowStyleProvider = {
-    /**
-     * Create CSS style from [[ItemStyle]]
-     */
-    createStyle: ({ color, backgroundColor }) => ({
-        color: color ? colorDecimalToHex(color) : undefined,
-        backgroundColor: backgroundColor ? colorDecimalToHex(backgroundColor) : undefined,
-    }),
-};
+"use strict";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Properties
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TableRowStyleProvider = exports.ItemStyleProvider = void 0;
+/** Converts a color value from a number to an HTML/CSS hex string */
+const colorDecimalToHex = (decimal) => `#${decimal.toString(16).padStart(6, "0")}`;
+function getBackgroundColor(isSelected, colorOverrides) {
+    if (!colorOverrides)
+        return undefined;
+    if (isSelected)
+        return colorOverrides.backgroundColorSelected !== undefined
+            ? colorDecimalToHex(colorOverrides.backgroundColorSelected)
+            : undefined;
+    if (colorOverrides.backgroundColor)
+        return colorDecimalToHex(colorOverrides.backgroundColor);
+    return undefined;
+}
+function getForegroundColor(isSelected, colorOverrides) {
+    if (!colorOverrides)
+        return undefined;
+    if (isSelected)
+        return colorOverrides.colorSelected !== undefined
+            ? colorDecimalToHex(colorOverrides.colorSelected)
+            : undefined;
+    if (colorOverrides.color)
+        return colorDecimalToHex(colorOverrides.color);
+    return undefined;
+}
+/**
+ * Style provider for stylable items like [[CellItem]] and [[TreeNodeItem]]
+ * @public
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+exports.ItemStyleProvider = {
+    /**
+     * Create CSS style from [[ItemStyle]]
+     */
+    createStyle: ({ colorOverrides, isBold, isItalic }, isSelected) => ({
+        color: getForegroundColor(!!isSelected, colorOverrides),
+        backgroundColor: getBackgroundColor(!!isSelected, colorOverrides),
+        fontWeight: isBold ? "bold" : undefined,
+        fontStyle: isItalic ? "italic" : undefined,
+    }),
+};
+/**
+ * Style provider for table rows
+ * @public
+ */
+// eslint-disable-next-line @typescript-eslint/naming-convention
+exports.TableRowStyleProvider = {
+    /**
+     * Create CSS style from [[ItemStyle]]
+     */
+    createStyle: ({ color, backgroundColor }) => ({
+        color: color ? colorDecimalToHex(color) : undefined,
+        backgroundColor: backgroundColor ? colorDecimalToHex(backgroundColor) : undefined,
+    }),
+};
 //# sourceMappingURL=ItemStyle.js.map

package/lib/cjs/components-react/properties/ItemStyle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemStyle.js","sourceRoot":"","sources":["../../../../src/components-react/properties/ItemStyle.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,qEAAqE;AACrE,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;AA4B3F,SAAS,kBAAkB,CAAC,UAAmB,EAAE,cAAmC;IAClF,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,IAAI,UAAU;QACZ,OAAO,cAAc,CAAC,uBAAuB,KAAK,SAAS;YACzD,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,uBAAuB,CAAC;YAC3D,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,cAAc,CAAC,eAAe;QAChC,OAAO,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAE3D,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,kBAAkB,CAAC,UAAmB,EAAE,cAAmC;IAClF,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,IAAI,UAAU;QACZ,OAAO,cAAc,CAAC,aAAa,KAAK,SAAS;YAC/C,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,aAAa,CAAC;YACjD,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,cAAc,CAAC,KAAK;QACtB,OAAO,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;GAGG;AACH,gEAAgE;AACnD,QAAA,iBAAiB,GAAG;IAC/B;;OAEG;IACH,WAAW,EAAE,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAa,EAAE,UAAoB,EAAiB,EAAE,CAAC,CAAC;QACtG,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC;QACvD,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC;QACjE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACvC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;KAC3C,CAAC;CACH,CAAC;AAEF;;;GAGG;AACH,gEAAgE;AACnD,QAAA,qBAAqB,GAAG;IACnC;;OAEG;IACH,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,eAAe,EAAsB,EAAiB,EAAE,CAAC,CAAC;QAC/E,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACnD,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS;KAClF,CAAC;CACH,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 Properties\r\n */\r\n\r\nimport { CSSProperties } from \"react\";\r\n\r\n/** Converts a color value from a number to an HTML/CSS hex string */\r\nconst colorDecimalToHex = (decimal: number) => `#${decimal.toString(16).padStart(6, \"0\")}`;\r\n\r\n/** Style properties for styled item like [[CellItem]] and [[TreeNodeItem]]\r\n * @public\r\n */\r\nexport interface ItemStyle {\r\n  /** Is text bolded */\r\n  isBold?: boolean;\r\n  /** Is text italic */\r\n  isItalic?: boolean;\r\n  /** Color overrides for styled item */\r\n  colorOverrides?: ItemColorOverrides;\r\n}\r\n\r\n/** Color overrides for styled item\r\n * @public\r\n */\r\nexport interface ItemColorOverrides {\r\n  /** Text/foreground color */\r\n  color?: number;\r\n  /** Background color */\r\n  backgroundColor?: number;\r\n  /** Selected item text/foreground color */\r\n  colorSelected?: number;\r\n  /** Selected item background color */\r\n  backgroundColorSelected?: number;\r\n}\r\n\r\nfunction getBackgroundColor(isSelected: boolean, colorOverrides?: ItemColorOverrides) {\r\n  if (!colorOverrides)\r\n    return undefined;\r\n\r\n  if (isSelected)\r\n    return colorOverrides.backgroundColorSelected !== undefined\r\n      ? colorDecimalToHex(colorOverrides.backgroundColorSelected)\r\n      : undefined;\r\n\r\n  if (colorOverrides.backgroundColor)\r\n    return colorDecimalToHex(colorOverrides.backgroundColor);\r\n\r\n  return undefined;\r\n}\r\n\r\nfunction getForegroundColor(isSelected: boolean, colorOverrides?: ItemColorOverrides) {\r\n  if (!colorOverrides)\r\n    return undefined;\r\n\r\n  if (isSelected)\r\n    return colorOverrides.colorSelected !== undefined\r\n      ? colorDecimalToHex(colorOverrides.colorSelected)\r\n      : undefined;\r\n\r\n  if (colorOverrides.color)\r\n    return colorDecimalToHex(colorOverrides.color);\r\n\r\n  return undefined;\r\n}\r\n\r\n/**\r\n * Style provider for stylable items like [[CellItem]] and [[TreeNodeItem]]\r\n * @public\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const ItemStyleProvider = {\r\n  /**\r\n   * Create CSS style from [[ItemStyle]]\r\n   */\r\n  createStyle: ({ colorOverrides, isBold, isItalic }: ItemStyle, isSelected?: boolean): CSSProperties => ({\r\n    color: getForegroundColor(!!isSelected, colorOverrides),\r\n    backgroundColor: getBackgroundColor(!!isSelected, colorOverrides),\r\n    fontWeight: isBold ? \"bold\" : undefined,\r\n    fontStyle: isItalic ? \"italic\" : undefined,\r\n  }),\r\n};\r\n\r\n/**\r\n * Style provider for table rows\r\n * @public\r\n */\r\n// eslint-disable-next-line @typescript-eslint/naming-convention\r\nexport const TableRowStyleProvider = {\r\n  /**\r\n   * Create CSS style from [[ItemStyle]]\r\n   */\r\n  createStyle: ({ color, backgroundColor }: ItemColorOverrides): CSSProperties => ({\r\n    color: color ? colorDecimalToHex(color) : undefined,\r\n    backgroundColor: backgroundColor ? colorDecimalToHex(backgroundColor) : undefined,\r\n  }),\r\n};\r\n"]}
+{"version":3,"file":"ItemStyle.js","sourceRoot":"","sources":["../../../../src/components-react/properties/ItemStyle.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAIH,qEAAqE;AACrE,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC;AA4B3F,SAAS,kBAAkB,CAAC,UAAmB,EAAE,cAAmC;IAClF,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,IAAI,UAAU;QACZ,OAAO,cAAc,CAAC,uBAAuB,KAAK,SAAS;YACzD,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,uBAAuB,CAAC;YAC3D,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,cAAc,CAAC,eAAe;QAChC,OAAO,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;IAE3D,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,kBAAkB,CAAC,UAAmB,EAAE,cAAmC;IAClF,IAAI,CAAC,cAAc;QACjB,OAAO,SAAS,CAAC;IAEnB,IAAI,UAAU;QACZ,OAAO,cAAc,CAAC,aAAa,KAAK,SAAS;YAC/C,CAAC,CAAC,iBAAiB,CAAC,cAAc,CAAC,aAAa,CAAC;YACjD,CAAC,CAAC,SAAS,CAAC;IAEhB,IAAI,cAAc,CAAC,KAAK;QACtB,OAAO,iBAAiB,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;IAEjD,OAAO,SAAS,CAAC;AACnB,CAAC;AAED;;;GAGG;AACH,gEAAgE;AACnD,QAAA,iBAAiB,GAAG;IAC/B;;OAEG;IACH,WAAW,EAAE,CAAC,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAa,EAAE,UAAoB,EAAiB,EAAE,CAAC,CAAC;QACtG,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC;QACvD,eAAe,EAAE,kBAAkB,CAAC,CAAC,CAAC,UAAU,EAAE,cAAc,CAAC;QACjE,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACvC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;KAC3C,CAAC;CACH,CAAC;AAEF;;;GAGG;AACH,gEAAgE;AACnD,QAAA,qBAAqB,GAAG;IACnC;;OAEG;IACH,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,eAAe,EAAsB,EAAiB,EAAE,CAAC,CAAC;QAC/E,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;QACnD,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS;KAClF,CAAC;CACH,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 Properties\n */\n\nimport { CSSProperties } from \"react\";\n\n/** Converts a color value from a number to an HTML/CSS hex string */\nconst colorDecimalToHex = (decimal: number) => `#${decimal.toString(16).padStart(6, \"0\")}`;\n\n/** Style properties for styled item like [[CellItem]] and [[TreeNodeItem]]\n * @public\n */\nexport interface ItemStyle {\n  /** Is text bolded */\n  isBold?: boolean;\n  /** Is text italic */\n  isItalic?: boolean;\n  /** Color overrides for styled item */\n  colorOverrides?: ItemColorOverrides;\n}\n\n/** Color overrides for styled item\n * @public\n */\nexport interface ItemColorOverrides {\n  /** Text/foreground color */\n  color?: number;\n  /** Background color */\n  backgroundColor?: number;\n  /** Selected item text/foreground color */\n  colorSelected?: number;\n  /** Selected item background color */\n  backgroundColorSelected?: number;\n}\n\nfunction getBackgroundColor(isSelected: boolean, colorOverrides?: ItemColorOverrides) {\n  if (!colorOverrides)\n    return undefined;\n\n  if (isSelected)\n    return colorOverrides.backgroundColorSelected !== undefined\n      ? colorDecimalToHex(colorOverrides.backgroundColorSelected)\n      : undefined;\n\n  if (colorOverrides.backgroundColor)\n    return colorDecimalToHex(colorOverrides.backgroundColor);\n\n  return undefined;\n}\n\nfunction getForegroundColor(isSelected: boolean, colorOverrides?: ItemColorOverrides) {\n  if (!colorOverrides)\n    return undefined;\n\n  if (isSelected)\n    return colorOverrides.colorSelected !== undefined\n      ? colorDecimalToHex(colorOverrides.colorSelected)\n      : undefined;\n\n  if (colorOverrides.color)\n    return colorDecimalToHex(colorOverrides.color);\n\n  return undefined;\n}\n\n/**\n * Style provider for stylable items like [[CellItem]] and [[TreeNodeItem]]\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const ItemStyleProvider = {\n  /**\n   * Create CSS style from [[ItemStyle]]\n   */\n  createStyle: ({ colorOverrides, isBold, isItalic }: ItemStyle, isSelected?: boolean): CSSProperties => ({\n    color: getForegroundColor(!!isSelected, colorOverrides),\n    backgroundColor: getBackgroundColor(!!isSelected, colorOverrides),\n    fontWeight: isBold ? \"bold\" : undefined,\n    fontStyle: isItalic ? \"italic\" : undefined,\n  }),\n};\n\n/**\n * Style provider for table rows\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport const TableRowStyleProvider = {\n  /**\n   * Create CSS style from [[ItemStyle]]\n   */\n  createStyle: ({ color, backgroundColor }: ItemColorOverrides): CSSProperties => ({\n    color: color ? colorDecimalToHex(color) : undefined,\n    backgroundColor: backgroundColor ? colorDecimalToHex(backgroundColor) : undefined,\n  }),\n};\n"]}

package/lib/cjs/components-react/properties/LinkHandler.d.ts

@@ -1,29 +1,29 @@
-/** @packageDocumentation
- * @module Properties
- */
-import * as React from "react";
-import { LinkElementsInfo } from "@itwin/appui-abstract";
-/** Renders anchor tag by wrapping or splitting provided text
- * @public
- */
-export declare const renderLinks: (text: string, links: LinkElementsInfo, highlight?: ((text: string) => React.ReactNode) | undefined) => React.ReactNode;
-/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue
- * Optionally it can highlight text
- * @public
- */
-export declare const withLinks: (stringValue: string, links?: LinkElementsInfo | undefined, highlight?: ((text: string) => React.ReactNode) | undefined) => React.ReactNode;
-/**
- * Properties for [[LinksRenderer]] component.
- * @alpha
- */
-export interface LinksRendererProps {
-    value: string;
-    links?: LinkElementsInfo;
-    highlighter?: (text: string) => React.ReactNode;
-}
-/**
- * React component for rendering string with links.
- * @alpha
- */
-export declare function LinksRenderer(props: LinksRendererProps): JSX.Element;
+/** @packageDocumentation
+ * @module Properties
+ */
+import * as React from "react";
+import { LinkElementsInfo } from "@itwin/appui-abstract";
+/** Renders anchor tag by wrapping or splitting provided text
+ * @public
+ */
+export declare const renderLinks: (text: string, links: LinkElementsInfo, highlight?: ((text: string) => React.ReactNode) | undefined) => React.ReactNode;
+/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue
+ * Optionally it can highlight text
+ * @public
+ */
+export declare const withLinks: (stringValue: string, links?: LinkElementsInfo | undefined, highlight?: ((text: string) => React.ReactNode) | undefined) => React.ReactNode;
+/**
+ * Properties for [[LinksRenderer]] component.
+ * @alpha
+ */
+export interface LinksRendererProps {
+    value: string;
+    links?: LinkElementsInfo;
+    highlighter?: (text: string) => React.ReactNode;
+}
+/**
+ * React component for rendering string with links.
+ * @alpha
+ */
+export declare function LinksRenderer(props: LinksRendererProps): JSX.Element;
 //# sourceMappingURL=LinkHandler.d.ts.map