@itwin/components-react 5.0.5 → 5.2.0

package/lib/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":["/*---------------------------------------------------------------------------------------------\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 { Key } from \"ts-key-enum\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ParseResults } from \"@itwin/appui-abstract\";\nimport \"./ParsedInput.scss\";\n\n/** Props for [[ParsedInput]] control\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ParsedInput>`\n */\n// eslint-disable-next-line deprecation/deprecation\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<\n  HTMLInputElement,\n  /* eslint-disable-next-line deprecation/deprecation */\n  ParsedInputProps\n>(function ForwardRefParsedInput(\n  {\n    initialValue,\n    formatValue,\n    parseString,\n    readonly,\n    className,\n    style,\n    onChange,\n  },\n  ref\n) {\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(\n    () => lastFormattedValueRef.current\n  );\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(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setFormattedValue(event.currentTarget.value);\n    },\n    []\n  );\n\n  const updateValueFromString = React.useCallback(\n    (strVal: string) => {\n      if (lastFormattedValueRef.current === strVal) return;\n\n      const parseResults = parseString(strVal);\n      if (!parseResults.parseError) {\n        if (\n          undefined !== parseResults.value &&\n          typeof parseResults.value === \"number\"\n        ) {\n          const currentValue = parseResults.value;\n          if (currentValue !== currentValueRef.current) {\n            currentValueRef.current = currentValue;\n            onChange && onChange(currentValueRef.current);\n          }\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    },\n    [formatValue, onChange, parseString]\n  );\n\n  const handleBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      updateValueFromString(event.target.value);\n    },\n    [updateValueFromString]\n  );\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === Key.Enter.valueOf()) {\n        updateValueFromString(event.currentTarget.value);\n        event.preventDefault();\n      }\n      if (event.key === Key.Escape.valueOf()) {\n        setFormattedValue(formatValue(currentValueRef.current));\n        setHasBadInput(false);\n        event.preventDefault();\n      }\n    },\n    [formatValue, updateValueFromString]\n  );\n\n  const classNames = classnames(\n    className,\n    \"components-parsed-input\",\n    hasBadInput && \"components-parsed-input-has-error\"\n  );\n\n  return (\n    <Input\n      data-testid=\"components-parsed-input\"\n      ref={ref}\n      style={style}\n      className={classNames}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      onChange={handleChange}\n      value={formattedValue}\n      disabled={readonly}\n      size=\"small\"\n    />\n  );\n});\n\n/** Generic Input component that requires formatting and parsing functions to be passed in as props.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport const ParsedInput: (props: ParsedInputProps) => React.ReactNode =\n  ForwardRefParsedInput;\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 { Key } from \"ts-key-enum\";\nimport { Input } from \"@itwin/itwinui-react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { ParseResults } from \"@itwin/appui-abstract\";\nimport \"./ParsedInput.scss\";\n\n/** Props for [[ParsedInput]] control\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof ParsedInput>`\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\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<\n  HTMLInputElement,\n  /* eslint-disable-next-line @typescript-eslint/no-deprecated */\n  ParsedInputProps\n>(function ForwardRefParsedInput(\n  {\n    initialValue,\n    formatValue,\n    parseString,\n    readonly,\n    className,\n    style,\n    onChange,\n  },\n  ref\n) {\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(\n    () => lastFormattedValueRef.current\n  );\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(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setFormattedValue(event.currentTarget.value);\n    },\n    []\n  );\n\n  const updateValueFromString = React.useCallback(\n    (strVal: string) => {\n      if (lastFormattedValueRef.current === strVal) return;\n\n      const parseResults = parseString(strVal);\n      if (!parseResults.parseError) {\n        if (\n          undefined !== parseResults.value &&\n          typeof parseResults.value === \"number\"\n        ) {\n          const currentValue = parseResults.value;\n          if (currentValue !== currentValueRef.current) {\n            currentValueRef.current = currentValue;\n            onChange && onChange(currentValueRef.current);\n          }\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    },\n    [formatValue, onChange, parseString]\n  );\n\n  const handleBlur = React.useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      updateValueFromString(event.target.value);\n    },\n    [updateValueFromString]\n  );\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === Key.Enter.valueOf()) {\n        updateValueFromString(event.currentTarget.value);\n        event.preventDefault();\n      }\n      if (event.key === Key.Escape.valueOf()) {\n        setFormattedValue(formatValue(currentValueRef.current));\n        setHasBadInput(false);\n        event.preventDefault();\n      }\n    },\n    [formatValue, updateValueFromString]\n  );\n\n  const classNames = classnames(\n    className,\n    \"components-parsed-input\",\n    hasBadInput && \"components-parsed-input-has-error\"\n  );\n\n  return (\n    <Input\n      data-testid=\"components-parsed-input\"\n      ref={ref}\n      style={style}\n      className={classNames}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      onChange={handleChange}\n      value={formattedValue}\n      disabled={readonly}\n      size=\"small\"\n    />\n  );\n});\n\n/** Generic Input component that requires formatting and parsing functions to be passed in as props.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport const ParsedInput: (props: ParsedInputProps) => React.ReactNode =\n  ForwardRefParsedInput;\n"]}

package/lib/components-react/l10n/LocalizationProvider.js

@@ -11,9 +11,9 @@ import { LocalizationProvider as _LocalizationProvider } from "@itwin/core-react
  * @alpha
  */
 export function LocalizationProvider(
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 props) {
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     return React.createElement(_LocalizationProvider, { ...props });
 }
 //# sourceMappingURL=LocalizationProvider.js.map

package/lib/components-react/l10n/LocalizationProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../src/components-react/l10n/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,IAAI,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAElF;;GAEG;AACH,MAAM,UAAU,oBAAoB;AAClC,mDAAmD;AACnD,KAAyD;IAEzD,mDAAmD;IACnD,OAAO,oBAAC,qBAAqB,OAAK,KAAK,GAAI,CAAC;AAC9C,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 Utilities\n */\nimport * as React from \"react\";\nimport { LocalizationProvider as _LocalizationProvider } from \"@itwin/core-react\";\n\n/** Provides localization capability to the components.\n * @alpha\n */\nexport function LocalizationProvider(\n  // eslint-disable-next-line deprecation/deprecation\n  props: React.ComponentProps<typeof _LocalizationProvider>\n) {\n  // eslint-disable-next-line deprecation/deprecation\n  return <_LocalizationProvider {...props} />;\n}\n"]}
+{"version":3,"file":"LocalizationProvider.js","sourceRoot":"","sources":["../../../src/components-react/l10n/LocalizationProvider.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,IAAI,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAElF;;GAEG;AACH,MAAM,UAAU,oBAAoB;AAClC,4DAA4D;AAC5D,KAAyD;IAEzD,4DAA4D;IAC5D,OAAO,oBAAC,qBAAqB,OAAK,KAAK,GAAI,CAAC;AAC9C,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 Utilities\n */\nimport * as React from \"react\";\nimport { LocalizationProvider as _LocalizationProvider } from \"@itwin/core-react\";\n\n/** Provides localization capability to the components.\n * @alpha\n */\nexport function LocalizationProvider(\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  props: React.ComponentProps<typeof _LocalizationProvider>\n) {\n  // eslint-disable-next-line @typescript-eslint/no-deprecated\n  return <_LocalizationProvider {...props} />;\n}\n"]}

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

@@ -6,12 +6,12 @@ import type { 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;
+export declare const renderLinks: (text: string, links: LinkElementsInfo, highlight?: (text: string) => React.ReactNode) => 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, highlight?: ((text: string) => React.ReactNode) | undefined) => React.ReactNode;
+export declare const withLinks: (stringValue: string, links?: LinkElementsInfo, highlight?: (text: string) => React.ReactNode) => React.ReactNode;
 /**
  * Properties for [[LinksRenderer]] component.
  * @public

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

@@ -1 +1 @@
-{"version":3,"file":"LinkHandler.d.ts","sourceRoot":"","sources":["../../../src/components-react/properties/LinkHandler.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA2F9D;;GAEG;AACH,eAAO,MAAM,WAAW,SAChB,MAAM,SACL,gBAAgB,sBACJ,MAAM,KAAK,MAAM,SAAS,kBAC5C,MAAM,SAER,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,gBACP,MAAM,UACX,gBAAgB,sBACL,MAAM,KAAK,MAAM,SAAS,kBAC5C,MAAM,SAIR,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AAED;;;GAGG;AAEH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAEtD"}
+{"version":3,"file":"LinkHandler.d.ts","sourceRoot":"","sources":["../../../src/components-react/properties/LinkHandler.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA2F9D;;GAEG;AACH,eAAO,MAAM,WAAW,SAChB,MAAM,SACL,gBAAgB,cACX,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,KAC5C,KAAK,CAAC,SAER,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,gBACP,MAAM,UACX,gBAAgB,cACZ,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,KAC5C,KAAK,CAAC,SAIR,CAAC;AAEF;;;;GAIG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACjD;AAED;;;GAGG;AAEH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,qBAEtD"}

package/lib/components-react/properties/LinkHandler.js

@@ -11,7 +11,7 @@ import { UnderlinedButton } from "@itwin/core-react";
 /** Render a single anchor tag */
 function renderTag(text, links, highlight) {
     return (
-    // eslint-disable-next-line deprecation/deprecation
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
     React.createElement(UnderlinedButton, { onClick: (e) => {
             e.preventDefault();
             e.stopPropagation();
@@ -76,7 +76,7 @@ export const withLinks = (stringValue, links, highlight) => {
  * React component for rendering string with links.
  * @public
  */
-// eslint-disable-next-line deprecation/deprecation
+// eslint-disable-next-line @typescript-eslint/no-deprecated
 export function LinksRenderer(props) {
     return React.createElement(React.Fragment, null, withLinks(props.value, props.links, props.highlighter));
 }

package/lib/components-react/properties/LinkHandler.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkHandler.js","sourceRoot":"","sources":["../../../src/components-react/properties/LinkHandler.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,iCAAiC;AACjC,SAAS,SAAS,CAChB,IAAY,EACZ,KAAuB,EACvB,SAA6C;IAE7C,OAAO;IACL,mDAAmD;IACnD,oBAAC,gBAAgB,IACf,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,IAEA,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAClB,CACpB,CAAC;AACJ,CAAC;AAOD,SAAS,eAAe,CAAC,MAAa,EAAE,MAAa;IACnD,IAAI,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;QAAE,OAAO,CAAC,CAAC;IAC1C,IAAI,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK;QAAE,OAAO,CAAC,CAAC,CAAC;IAC3C,OAAO,CAAC,CAAC;AACX,CAAC;AAED,SAAS,cAAc,CACrB,IAAY,EACZ,SAA6C;IAE7C,OAAO,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;AAC5C,CAAC;AAED,SAAS,UAAU,CACjB,IAAY,EACZ,KAAuB,EACvB,SAA6C;IAE7C,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,IAAI,CAAC,OAAO;QAAE,OAAO,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IAEvD,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAE9B,uBAAuB;IACvB,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAE9B,MAAM,KAAK,GAAsB,EAAE,CAAC;IACpC,IAAI,SAAS,GAAG,CAAC,CAAC;IAClB,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;QAC5B,oEAAoE;QACpE,IAAI,SAAS,GAAG,KAAK,CAAC,KAAK;YACzB,MAAM,IAAI,YAAY,CACpB,aAAa,CAAC,KAAK,EACnB,kDAAkD,CACnD,CAAC;QAEJ,IAAI,SAAS,GAAG,KAAK,CAAC,KAAK;YACzB,KAAK,CAAC,IAAI,CACR,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,CAClE,CAAC;QAEJ,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;QAC1D,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;QAEpD,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC;IACxB,CAAC;IACD,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS;QACzB,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnE,8DAA8D;IAC9D,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK,IAAG,IAAI,CAAkB,CACpD,CAAC,CAAC;AACL,CAAC;AAED,SAAS,iBAAiB,CACxB,IAAY,EACZ,SAA4C;IAE5C,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AACzB,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,IAAY,EACZ,KAAuB,EACvB,SAA6C,EAC5B,EAAE;IACnB,OAAO,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;AAC5C,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,WAAmB,EACnB,KAAwB,EACxB,SAA6C,EAC5B,EAAE;IACnB,IAAI,KAAK;QAAE,OAAO,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC;IAC7D,IAAI,SAAS;QAAE,OAAO,iBAAiB,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAChE,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAaF;;;GAGG;AACH,mDAAmD;AACnD,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,OAAO,0CAAG,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,CAAI,CAAC;AACvE,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 * as React from \"react\";\nimport { BentleyError, BentleyStatus } from \"@itwin/core-bentley\";\nimport type { LinkElementsInfo } from \"@itwin/appui-abstract\";\nimport { UnderlinedButton } from \"@itwin/core-react\";\n\n/** Render a single anchor tag */\nfunction renderTag(\n  text: string,\n  links: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n) {\n  return (\n    // eslint-disable-next-line deprecation/deprecation\n    <UnderlinedButton\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        links.onClick(text);\n      }}\n    >\n      {highlight ? highlight(text) : text}\n    </UnderlinedButton>\n  );\n}\n\ninterface Match {\n  start: number;\n  end: number;\n}\n\nfunction matchComparison(matchA: Match, matchB: Match) {\n  if (matchA.start > matchB.start) return 1;\n  if (matchB.start > matchA.start) return -1;\n  return 0;\n}\n\nfunction renderTextPart(\n  text: string,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode {\n  return highlight ? highlight(text) : text;\n}\n\nfunction renderText(\n  text: string,\n  links: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode {\n  const { matcher } = links;\n\n  if (!matcher) return renderTag(text, links, highlight);\n\n  const matches = matcher(text);\n\n  // Sort just to be sure\n  matches.sort(matchComparison);\n\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  for (const match of matches) {\n    // If matches overlap there must be something wrong with the matcher\n    if (lastIndex > match.start)\n      throw new BentleyError(\n        BentleyStatus.ERROR,\n        \"renderText: matcher returned overlapping matches\"\n      );\n\n    if (lastIndex < match.start)\n      parts.push(\n        renderTextPart(text.substring(lastIndex, match.start), highlight)\n      );\n\n    const anchorText = text.substring(match.start, match.end);\n    parts.push(renderTag(anchorText, links, highlight));\n\n    lastIndex = match.end;\n  }\n  if (text.length > lastIndex)\n    parts.push(renderTextPart(text.substring(lastIndex), highlight));\n\n  // Need to map, because React complains about the lack of keys\n  return parts.map((part, index) => (\n    <React.Fragment key={index}>{part}</React.Fragment>\n  ));\n}\n\nfunction renderHighlighted(\n  text: string,\n  highlight: (text: string) => React.ReactNode\n) {\n  return highlight(text);\n}\n\n/** Renders anchor tag by wrapping or splitting provided text\n * @public\n */\nexport const renderLinks = (\n  text: string,\n  links: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode => {\n  return renderText(text, links, highlight);\n};\n\n/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue\n * Optionally it can highlight text\n * @public\n */\nexport const withLinks = (\n  stringValue: string,\n  links?: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode => {\n  if (links) return renderLinks(stringValue, links, highlight);\n  if (highlight) return renderHighlighted(stringValue, highlight);\n  return stringValue;\n};\n\n/**\n * Properties for [[LinksRenderer]] component.\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof LinksRenderer>`\n */\nexport interface LinksRendererProps {\n  value: string;\n  links?: LinkElementsInfo;\n  highlighter?: (text: string) => React.ReactNode;\n}\n\n/**\n * React component for rendering string with links.\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function LinksRenderer(props: LinksRendererProps) {\n  return <>{withLinks(props.value, props.links, props.highlighter)}</>;\n}\n"]}
+{"version":3,"file":"LinkHandler.js","sourceRoot":"","sources":["../../../src/components-react/properties/LinkHandler.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 Properties\n */\n\nimport * as React from \"react\";\nimport { BentleyError, BentleyStatus } from \"@itwin/core-bentley\";\nimport type { LinkElementsInfo } from \"@itwin/appui-abstract\";\nimport { UnderlinedButton } from \"@itwin/core-react\";\n\n/** Render a single anchor tag */\nfunction renderTag(\n  text: string,\n  links: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n) {\n  return (\n    // eslint-disable-next-line @typescript-eslint/no-deprecated\n    <UnderlinedButton\n      onClick={(e) => {\n        e.preventDefault();\n        e.stopPropagation();\n        links.onClick(text);\n      }}\n    >\n      {highlight ? highlight(text) : text}\n    </UnderlinedButton>\n  );\n}\n\ninterface Match {\n  start: number;\n  end: number;\n}\n\nfunction matchComparison(matchA: Match, matchB: Match) {\n  if (matchA.start > matchB.start) return 1;\n  if (matchB.start > matchA.start) return -1;\n  return 0;\n}\n\nfunction renderTextPart(\n  text: string,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode {\n  return highlight ? highlight(text) : text;\n}\n\nfunction renderText(\n  text: string,\n  links: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode {\n  const { matcher } = links;\n\n  if (!matcher) return renderTag(text, links, highlight);\n\n  const matches = matcher(text);\n\n  // Sort just to be sure\n  matches.sort(matchComparison);\n\n  const parts: React.ReactNode[] = [];\n  let lastIndex = 0;\n  for (const match of matches) {\n    // If matches overlap there must be something wrong with the matcher\n    if (lastIndex > match.start)\n      throw new BentleyError(\n        BentleyStatus.ERROR,\n        \"renderText: matcher returned overlapping matches\"\n      );\n\n    if (lastIndex < match.start)\n      parts.push(\n        renderTextPart(text.substring(lastIndex, match.start), highlight)\n      );\n\n    const anchorText = text.substring(match.start, match.end);\n    parts.push(renderTag(anchorText, links, highlight));\n\n    lastIndex = match.end;\n  }\n  if (text.length > lastIndex)\n    parts.push(renderTextPart(text.substring(lastIndex), highlight));\n\n  // Need to map, because React complains about the lack of keys\n  return parts.map((part, index) => (\n    <React.Fragment key={index}>{part}</React.Fragment>\n  ));\n}\n\nfunction renderHighlighted(\n  text: string,\n  highlight: (text: string) => React.ReactNode\n) {\n  return highlight(text);\n}\n\n/** Renders anchor tag by wrapping or splitting provided text\n * @public\n */\nexport const renderLinks = (\n  text: string,\n  links: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode => {\n  return renderText(text, links, highlight);\n};\n\n/** If record has links, wraps stringValue in them, otherwise returns unchanged stringValue\n * Optionally it can highlight text\n * @public\n */\nexport const withLinks = (\n  stringValue: string,\n  links?: LinkElementsInfo,\n  highlight?: (text: string) => React.ReactNode\n): React.ReactNode => {\n  if (links) return renderLinks(stringValue, links, highlight);\n  if (highlight) return renderHighlighted(stringValue, highlight);\n  return stringValue;\n};\n\n/**\n * Properties for [[LinksRenderer]] component.\n * @public\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof LinksRenderer>`\n */\nexport interface LinksRendererProps {\n  value: string;\n  links?: LinkElementsInfo;\n  highlighter?: (text: string) => React.ReactNode;\n}\n\n/**\n * React component for rendering string with links.\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport function LinksRenderer(props: LinksRendererProps) {\n  return <>{withLinks(props.value, props.links, props.highlighter)}</>;\n}\n"]}

package/lib/components-react/properties/renderers/PropertyView.js

@@ -67,7 +67,7 @@ export class PropertyView extends React.Component {
         return (React.createElement("div", { style: columnsStyleProvider.getStyle(this.props.orientation, needActionButtons, ratio, needElementSeparator), className: this.getClassName(this.props), onClick: this._onClick, onContextMenu: this._onContextMenu, onMouseEnter: this._onMouseEnter, onMouseLeave: this._onMouseLeave, role: "presentation" },
             React.createElement("div", { className: "components-property-record-label" }, this.props.labelElement),
             needElementSeparator ? (
-            // eslint-disable-next-line deprecation/deprecation
+            // eslint-disable-next-line @typescript-eslint/no-deprecated
             React.createElement(ElementSeparator, { style: { margin: 0 }, movableArea: this.props.width, onRatioChanged: this.props.onColumnRatioChanged, ratio: ratio, orientation: this.props.orientation, isResizeHandleHovered: this.props.isResizeHandleHovered, onResizeHandleHoverChanged: this.props.onResizeHandleHoverChanged, isResizeHandleBeingDragged: this.props.isResizeHandleBeingDragged, onResizeHandleDragChanged: this.props.onResizeHandleDragChanged })) : undefined,
             renderValueElement ? (React.createElement("div", { className: "components-property-record-value" },
                 React.createElement("span", null, this.props.valueElementRenderer

package/lib/components-react/properties/renderers/PropertyView.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../../src/components-react/properties/renderers/PropertyView.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 Properties\n */\n\nimport \"./PropertyView.scss\";\nimport * as React from \"react\";\nimport { ElementSeparator } from \"@itwin/core-react\";\nimport { ActionButtonList } from \"./ActionButtonList.js\";\nimport { PropertyGridColumnStyleProvider } from \"./PropertyGridColumns.js\";\nimport type { SharedRendererProps } from \"./PropertyRenderer.js\";\nimport { Orientation } from \"../../common/Orientation.js\";\n\n/** Properties of [[PropertyView]] React component\n * @public\n */\nexport interface PropertyViewProps extends SharedRendererProps {\n  /** Property label as a React element */\n  labelElement: React.ReactNode;\n  /** Property value as a React element */\n  valueElement?: React.ReactNode;\n  /** Render callback for property value. If specified, `valueElement` is ignored */\n  valueElementRenderer?: () => React.ReactNode;\n}\n\n/** @internal */\ninterface PropertyViewState {\n  isHovered: boolean;\n}\n\n/**\n * A React component that renders property as label/value pair\n * @public\n */\nexport class PropertyView extends React.Component<\n  PropertyViewProps,\n  PropertyViewState\n> {\n  constructor(props: PropertyViewProps) {\n    super(props);\n    this.state = {\n      isHovered: false,\n    };\n  }\n\n  private _onClick = () => {\n    if (this.props.onClick)\n      this.props.onClick(this.props.propertyRecord, this.props.uniqueKey);\n  };\n\n  private _onMouseEnter = () => {\n    if (this.props.isHoverable) this.setState({ isHovered: true });\n  };\n\n  private _onMouseLeave = () => {\n    if (this.props.isHoverable) this.setState({ isHovered: false });\n  };\n\n  private _onContextMenu = (e: React.MouseEvent) => {\n    if (this.props.onContextMenu) {\n      this.props.onContextMenu(this.props.propertyRecord, e);\n      e.preventDefault();\n    }\n    if (this.props.onRightClick) {\n      this.props.onRightClick(this.props.propertyRecord, this.props.uniqueKey);\n      e.preventDefault();\n    }\n    return false;\n  };\n\n  private getClassName(props: PropertyViewProps) {\n    let propertyRecordClassName =\n      props.orientation === Orientation.Horizontal\n        ? \"components-property-record--horizontal\"\n        : \"components-property-record--vertical\";\n    if (props.isSelected) propertyRecordClassName += \" components--selected\";\n    if (props.onClick) propertyRecordClassName += \" components--clickable\";\n    if (props.isHoverable) propertyRecordClassName += \" components--hoverable\";\n    return propertyRecordClassName;\n  }\n\n  public override render() {\n    const ratio = this.props.columnRatio ? this.props.columnRatio : 0.25;\n    const needElementSeparator =\n      this.props.orientation === Orientation.Horizontal &&\n      !!this.props.onColumnRatioChanged;\n    const needActionButtons = !!this.props.actionButtonRenderers;\n    const columnsStyleProvider = new PropertyGridColumnStyleProvider(\n      this.props.columnInfo\n    );\n    const renderValueElement = !!(\n      this.props.valueElement || this.props.valueElementRenderer\n    );\n\n    return (\n      <div\n        style={columnsStyleProvider.getStyle(\n          this.props.orientation,\n          needActionButtons,\n          ratio,\n          needElementSeparator\n        )}\n        className={this.getClassName(this.props)}\n        onClick={this._onClick}\n        onContextMenu={this._onContextMenu}\n        onMouseEnter={this._onMouseEnter}\n        onMouseLeave={this._onMouseLeave}\n        role=\"presentation\"\n      >\n        <div className=\"components-property-record-label\">\n          {this.props.labelElement}\n        </div>\n        {needElementSeparator ? (\n          // eslint-disable-next-line deprecation/deprecation\n          <ElementSeparator\n            style={{ margin: 0 }}\n            movableArea={this.props.width}\n            onRatioChanged={this.props.onColumnRatioChanged}\n            ratio={ratio}\n            orientation={this.props.orientation}\n            isResizeHandleHovered={this.props.isResizeHandleHovered}\n            onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n            isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n            onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n          />\n        ) : undefined}\n        {renderValueElement ? (\n          <div className=\"components-property-record-value\">\n            <span>\n              {this.props.valueElementRenderer\n                ? this.props.valueElementRenderer()\n                : this.props.valueElement}\n            </span>\n          </div>\n        ) : undefined}\n        {this.props.actionButtonRenderers ? (\n          <ActionButtonList\n            orientation={this.props.orientation}\n            property={this.props.propertyRecord}\n            isPropertyHovered={this.state.isHovered}\n            actionButtonRenderers={this.props.actionButtonRenderers}\n          />\n        ) : undefined}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"PropertyView.js","sourceRoot":"","sources":["../../../../src/components-react/properties/renderers/PropertyView.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 Properties\n */\n\nimport \"./PropertyView.scss\";\nimport * as React from \"react\";\nimport { ElementSeparator } from \"@itwin/core-react\";\nimport { ActionButtonList } from \"./ActionButtonList.js\";\nimport { PropertyGridColumnStyleProvider } from \"./PropertyGridColumns.js\";\nimport type { SharedRendererProps } from \"./PropertyRenderer.js\";\nimport { Orientation } from \"../../common/Orientation.js\";\n\n/** Properties of [[PropertyView]] React component\n * @public\n */\nexport interface PropertyViewProps extends SharedRendererProps {\n  /** Property label as a React element */\n  labelElement: React.ReactNode;\n  /** Property value as a React element */\n  valueElement?: React.ReactNode;\n  /** Render callback for property value. If specified, `valueElement` is ignored */\n  valueElementRenderer?: () => React.ReactNode;\n}\n\n/** @internal */\ninterface PropertyViewState {\n  isHovered: boolean;\n}\n\n/**\n * A React component that renders property as label/value pair\n * @public\n */\nexport class PropertyView extends React.Component<\n  PropertyViewProps,\n  PropertyViewState\n> {\n  constructor(props: PropertyViewProps) {\n    super(props);\n    this.state = {\n      isHovered: false,\n    };\n  }\n\n  private _onClick = () => {\n    if (this.props.onClick)\n      this.props.onClick(this.props.propertyRecord, this.props.uniqueKey);\n  };\n\n  private _onMouseEnter = () => {\n    if (this.props.isHoverable) this.setState({ isHovered: true });\n  };\n\n  private _onMouseLeave = () => {\n    if (this.props.isHoverable) this.setState({ isHovered: false });\n  };\n\n  private _onContextMenu = (e: React.MouseEvent) => {\n    if (this.props.onContextMenu) {\n      this.props.onContextMenu(this.props.propertyRecord, e);\n      e.preventDefault();\n    }\n    if (this.props.onRightClick) {\n      this.props.onRightClick(this.props.propertyRecord, this.props.uniqueKey);\n      e.preventDefault();\n    }\n    return false;\n  };\n\n  private getClassName(props: PropertyViewProps) {\n    let propertyRecordClassName =\n      props.orientation === Orientation.Horizontal\n        ? \"components-property-record--horizontal\"\n        : \"components-property-record--vertical\";\n    if (props.isSelected) propertyRecordClassName += \" components--selected\";\n    if (props.onClick) propertyRecordClassName += \" components--clickable\";\n    if (props.isHoverable) propertyRecordClassName += \" components--hoverable\";\n    return propertyRecordClassName;\n  }\n\n  public override render() {\n    const ratio = this.props.columnRatio ? this.props.columnRatio : 0.25;\n    const needElementSeparator =\n      this.props.orientation === Orientation.Horizontal &&\n      !!this.props.onColumnRatioChanged;\n    const needActionButtons = !!this.props.actionButtonRenderers;\n    const columnsStyleProvider = new PropertyGridColumnStyleProvider(\n      this.props.columnInfo\n    );\n    const renderValueElement = !!(\n      this.props.valueElement || this.props.valueElementRenderer\n    );\n\n    return (\n      <div\n        style={columnsStyleProvider.getStyle(\n          this.props.orientation,\n          needActionButtons,\n          ratio,\n          needElementSeparator\n        )}\n        className={this.getClassName(this.props)}\n        onClick={this._onClick}\n        onContextMenu={this._onContextMenu}\n        onMouseEnter={this._onMouseEnter}\n        onMouseLeave={this._onMouseLeave}\n        role=\"presentation\"\n      >\n        <div className=\"components-property-record-label\">\n          {this.props.labelElement}\n        </div>\n        {needElementSeparator ? (\n          // eslint-disable-next-line @typescript-eslint/no-deprecated\n          <ElementSeparator\n            style={{ margin: 0 }}\n            movableArea={this.props.width}\n            onRatioChanged={this.props.onColumnRatioChanged}\n            ratio={ratio}\n            orientation={this.props.orientation}\n            isResizeHandleHovered={this.props.isResizeHandleHovered}\n            onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n            isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n            onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n          />\n        ) : undefined}\n        {renderValueElement ? (\n          <div className=\"components-property-record-value\">\n            <span>\n              {this.props.valueElementRenderer\n                ? this.props.valueElementRenderer()\n                : this.props.valueElement}\n            </span>\n          </div>\n        ) : undefined}\n        {this.props.actionButtonRenderers ? (\n          <ActionButtonList\n            orientation={this.props.orientation}\n            property={this.props.propertyRecord}\n            isPropertyHovered={this.state.isHovered}\n            actionButtonRenderers={this.props.actionButtonRenderers}\n          />\n        ) : undefined}\n      </div>\n    );\n  }\n}\n"]}

package/lib/components-react/properties/renderers/value/WithContextStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WithContextStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/WithContextStyle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAElF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SACrB,MAAM,SAAS,YACX,4BAA4B,iGAIvC,CAAC"}
+{"version":3,"file":"WithContextStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/properties/renderers/value/WithContextStyle.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,+BAA+B,CAAC;AAElF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SACrB,KAAK,CAAC,SAAS,YACX,4BAA4B,iGAIvC,CAAC"}

package/lib/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.js

@@ -55,7 +55,7 @@ export class TableNonPrimitiveValueRenderer extends React.PureComponent {
     // }
     render() {
         return (
-        // eslint-disable-next-line deprecation/deprecation
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
         React.createElement(UnderlinedButton
         // ref={this._buttonRef}
         , { 

package/lib/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"NonPrimitiveValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAwCrD;;;;GAIG;AACH,MAAM,OAAO,8BAA+B,SAAQ,KAAK,CAAC,aAAkD;IAA5G;QACE,6DAA6D;;QAErD,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;gBAAE,OAAO;YAErC,MAAM,WAAW,GAAwB;gBACvC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc;gBAClC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;aAC9B,CAAC;YAEF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACvC,CAAC,CAAC;IAkDJ,CAAC;IAhDC,2CAA2C;IAC3C,8DAA8D;IAC9D,mFAAmF;IACnF,6CAA6C;IAC7C,iCAAiC;IACjC,iCAAiC;IACjC,cAAc;IAEd,mDAAmD;IAEnD,wBAAwB;IACxB,cAAc;IAEd,6DAA6D;IAE7D,6CAA6C;IAC7C,uBAAuB;IACvB,iCAAiC;IACjC,oDAAoD;IACpD,SAAS;IACT,eAAe;IACf,wDAAwD;IACxD,6DAA6D;IAC7D,iBAAiB;IACjB,OAAO;IACP,wCAAwC;IACxC,IAAI;IAEJ,iCAAiC;IACjC,gCAAgC;IAChC,gCAAgC;IAChC,IAAI;IAEY,MAAM;QACpB,OAAO;QACL,mDAAmD;QACnD,oBAAC,gBAAgB;QACf,wBAAwB;;YAAxB,wBAAwB;YACxB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,mCAAmC;YACnC,mCAAmC;YACnC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,kBAAkB,IAEtD,IAAI,CAAC,KAAK,CAAC,WAAW,CACN,CACpB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { UnderlinedButton } from \"@itwin/core-react\";\nimport type { PropertyDialogState } from \"../../../ValueRendererManager.js\";\nimport type { Orientation } from \"../../../../common/Orientation.js\";\n\n/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component\n * @public\n */\nexport interface TableSpecificValueRendererProps\n  extends SharedTableNonPrimitiveValueRendererProps {\n  /** Property record */\n  propertyRecord: PropertyRecord;\n  /** Orientation of the rendered property */\n  orientation: Orientation;\n}\n\n/** Shared properties between table non-primitive value renderers\n * @public\n */\nexport interface SharedTableNonPrimitiveValueRendererProps {\n  // /** Callback to request for a Popup to be shown. */\n  // onPopupShow?: (popupState: PropertyPopupState) => void;\n  // /** Callback to request for a Popup to be hidden. */\n  // onPopupHide?: () => void;\n  /** Callback to request for dialog to be opened. */\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\n}\n\n/** Properties for [[TableNonPrimitiveValueRenderer]] React component\n * @public\n */\nexport interface TableNonPrimitiveValueRendererProps\n  extends SharedTableNonPrimitiveValueRendererProps {\n  /** Title of the dialog that shows property in more detail. */\n  dialogTitle: string;\n  /** Contents of the dialog. Should be the property record shown in more detail. */\n  dialogContents: React.ReactNode;\n  /** Text that will be rendered in the table cell, in other words - Property value */\n  buttonLabel: string;\n}\n\n/**\n * A React component that renders non primitive values as a button with text.\n * When clicked, a dialog appears that shows the value in greater detail.\n * @public\n */\nexport class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {\n  // private _buttonRef = React.createRef<HTMLButtonElement>();\n\n  private _onClick = () => {\n    if (!this.props.onDialogOpen) return;\n\n    const dialogState: PropertyDialogState = {\n      content: this.props.dialogContents,\n      title: this.props.dialogTitle,\n    };\n\n    this.props.onDialogOpen(dialogState);\n  };\n\n  // TODO: Enable, when table gets refactored\n  // Disabled fancy tooltips, because table controls it's state.\n  // But, because everything is in table state and there is no shouldComponentUpdate,\n  // tooltips cause rerender of the whole table\n  // private _showTooltip = () => {\n  //   if (!this.props.onPopupShow)\n  //     return;\n\n  //   const buttonElement = this._buttonRef.current;\n\n  //   if (!buttonElement)\n  //     return;\n\n  //   const buttonBox = buttonElement.getBoundingClientRect();\n\n  //   const popupState: PropertyPopupState = {\n  //     fixedPosition: {\n  //       top: buttonBox.top - 10,\n  //       left: buttonBox.left + buttonBox.width / 2,\n  //     },\n  //     content:\n  //       <span className=\"components-table-value-popup\">\n  //         {`View ${this.props.buttonLabel} in more detail.`}\n  //       </span>,\n  //   };\n  //   this.props.onPopupShow(popupState);\n  // }\n\n  // private _hideTooltip = () => {\n  //   if (this.props.onPopupHide)\n  //     this.props.onPopupHide();\n  // }\n\n  public override render() {\n    return (\n      // eslint-disable-next-line deprecation/deprecation\n      <UnderlinedButton\n        // ref={this._buttonRef}\n        className=\"components-table-value-button\"\n        onClick={this._onClick}\n        // onMouseEnter={this._showTooltip}\n        // onMouseLeave={this._hideTooltip}\n        title={`View ${this.props.buttonLabel} in more detail.`}\n      >\n        {this.props.buttonLabel}\n      </UnderlinedButton>\n    );\n  }\n}\n"]}
+{"version":3,"file":"NonPrimitiveValueRenderer.js","sourceRoot":"","sources":["../../../../../../src/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAwCrD;;;;GAIG;AACH,MAAM,OAAO,8BAA+B,SAAQ,KAAK,CAAC,aAAkD;IAA5G;QACE,6DAA6D;;QAErD,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY;gBAAE,OAAO;YAErC,MAAM,WAAW,GAAwB;gBACvC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc;gBAClC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;aAC9B,CAAC;YAEF,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QACvC,CAAC,CAAC;IAkDJ,CAAC;IAhDC,2CAA2C;IAC3C,8DAA8D;IAC9D,mFAAmF;IACnF,6CAA6C;IAC7C,iCAAiC;IACjC,iCAAiC;IACjC,cAAc;IAEd,mDAAmD;IAEnD,wBAAwB;IACxB,cAAc;IAEd,6DAA6D;IAE7D,6CAA6C;IAC7C,uBAAuB;IACvB,iCAAiC;IACjC,oDAAoD;IACpD,SAAS;IACT,eAAe;IACf,wDAAwD;IACxD,6DAA6D;IAC7D,iBAAiB;IACjB,OAAO;IACP,wCAAwC;IACxC,IAAI;IAEJ,iCAAiC;IACjC,gCAAgC;IAChC,gCAAgC;IAChC,IAAI;IAEY,MAAM;QACpB,OAAO;QACL,4DAA4D;QAC5D,oBAAC,gBAAgB;QACf,wBAAwB;;YAAxB,wBAAwB;YACxB,SAAS,EAAC,+BAA+B,EACzC,OAAO,EAAE,IAAI,CAAC,QAAQ;YACtB,mCAAmC;YACnC,mCAAmC;YACnC,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,CAAC,WAAW,kBAAkB,IAEtD,IAAI,CAAC,KAAK,CAAC,WAAW,CACN,CACpB,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Properties\n */\n\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { UnderlinedButton } from \"@itwin/core-react\";\nimport type { PropertyDialogState } from \"../../../ValueRendererManager.js\";\nimport type { Orientation } from \"../../../../common/Orientation.js\";\n\n/** Properties for [[TableArrayValueRenderer]] and [[TableStructValueRenderer]] React component\n * @public\n */\nexport interface TableSpecificValueRendererProps\n  extends SharedTableNonPrimitiveValueRendererProps {\n  /** Property record */\n  propertyRecord: PropertyRecord;\n  /** Orientation of the rendered property */\n  orientation: Orientation;\n}\n\n/** Shared properties between table non-primitive value renderers\n * @public\n */\nexport interface SharedTableNonPrimitiveValueRendererProps {\n  // /** Callback to request for a Popup to be shown. */\n  // onPopupShow?: (popupState: PropertyPopupState) => void;\n  // /** Callback to request for a Popup to be hidden. */\n  // onPopupHide?: () => void;\n  /** Callback to request for dialog to be opened. */\n  onDialogOpen?: (dialogState: PropertyDialogState) => void;\n}\n\n/** Properties for [[TableNonPrimitiveValueRenderer]] React component\n * @public\n */\nexport interface TableNonPrimitiveValueRendererProps\n  extends SharedTableNonPrimitiveValueRendererProps {\n  /** Title of the dialog that shows property in more detail. */\n  dialogTitle: string;\n  /** Contents of the dialog. Should be the property record shown in more detail. */\n  dialogContents: React.ReactNode;\n  /** Text that will be rendered in the table cell, in other words - Property value */\n  buttonLabel: string;\n}\n\n/**\n * A React component that renders non primitive values as a button with text.\n * When clicked, a dialog appears that shows the value in greater detail.\n * @public\n */\nexport class TableNonPrimitiveValueRenderer extends React.PureComponent<TableNonPrimitiveValueRendererProps> {\n  // private _buttonRef = React.createRef<HTMLButtonElement>();\n\n  private _onClick = () => {\n    if (!this.props.onDialogOpen) return;\n\n    const dialogState: PropertyDialogState = {\n      content: this.props.dialogContents,\n      title: this.props.dialogTitle,\n    };\n\n    this.props.onDialogOpen(dialogState);\n  };\n\n  // TODO: Enable, when table gets refactored\n  // Disabled fancy tooltips, because table controls it's state.\n  // But, because everything is in table state and there is no shouldComponentUpdate,\n  // tooltips cause rerender of the whole table\n  // private _showTooltip = () => {\n  //   if (!this.props.onPopupShow)\n  //     return;\n\n  //   const buttonElement = this._buttonRef.current;\n\n  //   if (!buttonElement)\n  //     return;\n\n  //   const buttonBox = buttonElement.getBoundingClientRect();\n\n  //   const popupState: PropertyPopupState = {\n  //     fixedPosition: {\n  //       top: buttonBox.top - 10,\n  //       left: buttonBox.left + buttonBox.width / 2,\n  //     },\n  //     content:\n  //       <span className=\"components-table-value-popup\">\n  //         {`View ${this.props.buttonLabel} in more detail.`}\n  //       </span>,\n  //   };\n  //   this.props.onPopupShow(popupState);\n  // }\n\n  // private _hideTooltip = () => {\n  //   if (this.props.onPopupHide)\n  //     this.props.onPopupHide();\n  // }\n\n  public override render() {\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <UnderlinedButton\n        // ref={this._buttonRef}\n        className=\"components-table-value-button\"\n        onClick={this._onClick}\n        // onMouseEnter={this._showTooltip}\n        // onMouseLeave={this._hideTooltip}\n        title={`View ${this.props.buttonLabel} in more detail.`}\n      >\n        {this.props.buttonLabel}\n      </UnderlinedButton>\n    );\n  }\n}\n"]}

package/lib/components-react/propertygrid/component/PropertyCategoryBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyCategoryBlock.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAoBlE;;;GAGG;AACH,MAAM,OAAO,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IACpF,YAAY,KAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QAQP,kBAAa,GAAG,CAAC,YAAqB,EAAQ,EAAE;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IATF,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAMe,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,GACnE,IAAI,CAAC,KAAK,CAAC;QACb,MAAM,gBAAgB,GACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI;YACxB,SAAS,EAAE,eAAe,EAAE,yBAAyB;YACnD,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc;YAC1C,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CACxB,oBAAC,eAAe,IACd,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,SAAS,CAAC,eAAe,GACrC,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,KAAK,CACf,CAAC;QACF,OAAO,CACL,oBAAC,eAAe,CAAC,OAAO,IACtB,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,IAAI,EAAC,OAAO,KACR,KAAK;YAET,oBAAC,eAAe,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,GAAI;YACzC,oBAAC,eAAe,CAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,IAC/D,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACJ,CACF,CAC3B,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\nimport { HighlightedText } from \"../../common/HighlightedText.js\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps.js\";\nimport type { PropertyCategory } from \"../PropertyDataProvider.js\";\n\n/**\n * Properties for the [[PropertyCategoryBlock]] React component\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PropertyCategoryBlockProps extends CommonProps {\n  /** Category of the properties */\n  category: PropertyCategory;\n  /** Callback to when PropertyCategoryBlock gets expended or collapsed */\n  onExpansionToggled?: (categoryName: string) => void;\n  /** Properties used for highlighting */\n  highlight?: HighlightingComponentProps;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/**\n * PropertyCategoryBlock React component\n * @public\n */\nexport class PropertyCategoryBlock extends React.Component<PropertyCategoryBlockProps> {\n  constructor(props: PropertyCategoryBlockProps) {\n    super(props);\n  }\n\n  private toggleExpansion() {\n    if (this.props.onExpansionToggled)\n      this.props.onExpansionToggled(this.props.category.name);\n  }\n\n  private _handleToggle = (_isExpanding: boolean): void => {\n    this.toggleExpansion();\n  };\n\n  public override render() {\n    const { highlight, category, children, onExpansionToggled, ...other } =\n      this.props;\n    const activeMatchIndex =\n      this.props.category.name ===\n      highlight?.activeHighlight?.highlightedItemIdentifier\n        ? highlight.activeHighlight.highlightIndex\n        : undefined;\n    const label = highlight ? (\n      <HighlightedText\n        text={category.label}\n        activeMatchIndex={activeMatchIndex}\n        searchText={highlight.highlightedText}\n      />\n    ) : (\n      category.label\n    );\n    return (\n      <ExpandableBlock.Wrapper\n        isExpanded={category.expand}\n        onToggle={this._handleToggle}\n        size=\"small\"\n        {...other}\n      >\n        <ExpandableBlock.Trigger label={label} />\n        <ExpandableBlock.Content className=\"components-expandable-content\">\n          {category.expand && children}\n        </ExpandableBlock.Content>\n      </ExpandableBlock.Wrapper>\n    );\n  }\n}\n"]}
+{"version":3,"file":"PropertyCategoryBlock.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyCategoryBlock.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAoBlE;;;GAGG;AACH,MAAM,OAAO,qBAAsB,SAAQ,KAAK,CAAC,SAAqC;IACpF,YAAY,KAAiC;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QAQP,kBAAa,GAAG,CAAC,YAAqB,EAAQ,EAAE;YACtD,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC,CAAC;IATF,CAAC;IAEO,eAAe;QACrB,IAAI,IAAI,CAAC,KAAK,CAAC,kBAAkB;YAC/B,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC5D,CAAC;IAMe,MAAM;QACpB,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,GACnE,IAAI,CAAC,KAAK,CAAC;QACb,MAAM,gBAAgB,GACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI;YACxB,SAAS,EAAE,eAAe,EAAE,yBAAyB;YACnD,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,cAAc;YAC1C,CAAC,CAAC,SAAS,CAAC;QAChB,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,CACxB,oBAAC,eAAe,IACd,IAAI,EAAE,QAAQ,CAAC,KAAK,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,SAAS,CAAC,eAAe,GACrC,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CAAC,KAAK,CACf,CAAC;QACF,OAAO,CACL,oBAAC,eAAe,CAAC,OAAO,IACtB,UAAU,EAAE,QAAQ,CAAC,MAAM,EAC3B,QAAQ,EAAE,IAAI,CAAC,aAAa,EAC5B,IAAI,EAAC,OAAO,KACR,KAAK;YAET,oBAAC,eAAe,CAAC,OAAO,IAAC,KAAK,EAAE,KAAK,GAAI;YACzC,oBAAC,eAAe,CAAC,OAAO,IAAC,SAAS,EAAC,+BAA+B,IAC/D,QAAQ,CAAC,MAAM,IAAI,QAAQ,CACJ,CACF,CAC3B,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { ExpandableBlock } from \"@itwin/itwinui-react\";\nimport { HighlightedText } from \"../../common/HighlightedText.js\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps.js\";\nimport type { PropertyCategory } from \"../PropertyDataProvider.js\";\n\n/**\n * Properties for the [[PropertyCategoryBlock]] React component\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface PropertyCategoryBlockProps extends CommonProps {\n  /** Category of the properties */\n  category: PropertyCategory;\n  /** Callback to when PropertyCategoryBlock gets expended or collapsed */\n  onExpansionToggled?: (categoryName: string) => void;\n  /** Properties used for highlighting */\n  highlight?: HighlightingComponentProps;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/**\n * PropertyCategoryBlock React component\n * @public\n */\nexport class PropertyCategoryBlock extends React.Component<PropertyCategoryBlockProps> {\n  constructor(props: PropertyCategoryBlockProps) {\n    super(props);\n  }\n\n  private toggleExpansion() {\n    if (this.props.onExpansionToggled)\n      this.props.onExpansionToggled(this.props.category.name);\n  }\n\n  private _handleToggle = (_isExpanding: boolean): void => {\n    this.toggleExpansion();\n  };\n\n  public override render() {\n    const { highlight, category, children, onExpansionToggled, ...other } =\n      this.props;\n    const activeMatchIndex =\n      this.props.category.name ===\n      highlight?.activeHighlight?.highlightedItemIdentifier\n        ? highlight.activeHighlight.highlightIndex\n        : undefined;\n    const label = highlight ? (\n      <HighlightedText\n        text={category.label}\n        activeMatchIndex={activeMatchIndex}\n        searchText={highlight.highlightedText}\n      />\n    ) : (\n      category.label\n    );\n    return (\n      <ExpandableBlock.Wrapper\n        isExpanded={category.expand}\n        onToggle={this._handleToggle}\n        size=\"small\"\n        {...other}\n      >\n        <ExpandableBlock.Trigger label={label} />\n        <ExpandableBlock.Content className=\"components-expandable-content\">\n          {category.expand && children}\n        </ExpandableBlock.Content>\n      </ExpandableBlock.Wrapper>\n    );\n  }\n}\n"]}

package/lib/components-react/propertygrid/component/PropertyGridCommons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridCommons.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"PropertyGridCommons.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":"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"}

package/lib/components-react/propertygrid/component/PropertyGridCommons.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyGridCommons.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAKH,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM7D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AA8F1D,gBAAgB;AAChB,MAAM,OAAO,mBAAmB;IACvB,MAAM,CAAC,qBAAqB,CACjC,KAAa,EACb,oBAAkC,EAClC,kBAA4B,EAC5B,6BAAsC;QAEtC,MAAM,WAAW,GAAG,oBAAoB,IAAI,WAAW,CAAC,UAAU,CAAC;QACnE,IAAI,kBAAkB;YAAE,OAAO,WAAW,CAAC;QAE3C,6BAA6B,GAAG,6BAA6B,IAAI,GAAG,CAAC;QACrE,wCAAwC;QACxC,IAAI,KAAK,GAAG,6BAA6B;YAAE,OAAO,WAAW,CAAC,QAAQ,CAAC;QAEvE,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,IAAY;QACxC,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO;QACnC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;;AAED;;;GAGG;AACW,4BAAQ,GAAG,CACvB,KAAa,EAC0B,EAAE;IACzC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,GAAG,CAC1B,CAAC,QAA8C,EAAE,EAAE;QACjD,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC5D,CAAC,CACF,CAAC;AACJ,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 PropertyGrid\n */\n\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps.js\";\nimport { matchLinks, openLink } from \"../../common/Links.js\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer.js\";\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer.js\";\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager.js\";\nimport type { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase.js\";\nimport type { PropertyCategory } from \"../PropertyDataProvider.js\";\nimport { Orientation } from \"../../common/Orientation.js\";\n\n/** Arguments for the Property Editing event callback\n * @public\n */\nexport interface PropertyEditingArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** Unique key of currently edited property */\n  propertyKey?: string;\n}\n\n/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback\n * @public\n */\nexport interface PropertyGridContextMenuArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** An event which caused the context menu callback */\n  event: React.MouseEvent;\n}\n\n/**\n * Common Property Grid Props to be used by Property Grid Variants\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface CommonPropertyGridProps extends CommonProps {\n  /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */\n  orientation?: Orientation;\n\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n\n  /** Called to show a context menu when properties are right-clicked */\n  onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;\n\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property selection with right click */\n  isPropertySelectionOnRightClickEnabled?: boolean;\n  /** Callback to property selection */\n  onPropertySelectionChanged?: (property: PropertyRecord) => void;\n\n  /** Enables/disables property editing */\n  isPropertyEditingEnabled?: boolean;\n  /** Callback for when properties are being edited */\n  onPropertyEditing?: (\n    args: PropertyEditingArgs,\n    category: PropertyCategory\n  ) => void;\n  /** Callback for when properties are updated */\n  onPropertyUpdated?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => Promise<boolean>;\n\n  /** Custom property value renderer manager */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n\n  /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false. */\n  isOrientationFixed?: boolean;\n  /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300. */\n  horizontalOrientationMinWidth?: number;\n\n  /** Minimum allowed label column width, after which resizing stops */\n  minLabelWidth?: number;\n  /** Minimum allowed value column width, after which resizing stops */\n  minValueWidth?: number;\n  /** Fixed action button column width */\n  actionButtonWidth?: number;\n\n  /**\n   * Array of action button renderers. Each renderer is called for each property and can decide\n   * to render an action button for the property or not.\n   */\n  actionButtonRenderers?: ActionButtonRenderer[];\n  /** Callback to determine which editors should be always visible */\n  alwaysShowEditor?: (property: PropertyRecord) => boolean;\n}\n\n/**\n * Properties for highlighting text in property grid.\n * @public\n */\nexport interface PropertyGridContentHighlightProps\n  extends HighlightingComponentProps {\n  /**\n   * Specifies what the highlighting should be applied on - category labels, property labels and / or property values.\n   * Defaults to \"nowhere\".\n   */\n  filteredTypes?: FilteredType[];\n}\n\n/** @internal */\nexport class PropertyGridCommons {\n  public static getCurrentOrientation(\n    width: number,\n    preferredOrientation?: Orientation,\n    isOrientationFixed?: boolean,\n    horizontalOrientationMinWidth?: number\n  ): Orientation {\n    const orientation = preferredOrientation ?? Orientation.Horizontal;\n    if (isOrientationFixed) return orientation;\n\n    horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;\n    // Switch to Vertical if width too small\n    if (width < horizontalOrientationMinWidth) return Orientation.Vertical;\n\n    return orientation;\n  }\n\n  /**\n   * Helper method to handle link clicks\n   * @internal\n   */\n  public static handleLinkClick(text: string) {\n    const linksArray = matchLinks(text);\n    if (linksArray.length <= 0) return;\n    const foundLink = linksArray[0];\n    if (!foundLink || !foundLink.url) {\n      return;\n    }\n\n    openLink(foundLink.url);\n  }\n\n  /**\n   * A helper method to get links from string.\n   * @internal\n   */\n  public static getLinks = (\n    value: string\n  ): Array<{ start: number; end: number }> => {\n    return matchLinks(value).map(\n      (linkInfo: { index: number; lastIndex: number }) => {\n        return { start: linkInfo.index, end: linkInfo.lastIndex };\n      }\n    );\n  };\n}\n"]}
+{"version":3,"file":"PropertyGridCommons.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyGridCommons.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAKH,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAM7D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AA8F1D,gBAAgB;AAChB,MAAM,OAAO,mBAAmB;IACvB,MAAM,CAAC,qBAAqB,CACjC,KAAa,EACb,oBAAkC,EAClC,kBAA4B,EAC5B,6BAAsC;QAEtC,MAAM,WAAW,GAAG,oBAAoB,IAAI,WAAW,CAAC,UAAU,CAAC;QACnE,IAAI,kBAAkB;YAAE,OAAO,WAAW,CAAC;QAE3C,6BAA6B,GAAG,6BAA6B,IAAI,GAAG,CAAC;QACrE,wCAAwC;QACxC,IAAI,KAAK,GAAG,6BAA6B;YAAE,OAAO,WAAW,CAAC,QAAQ,CAAC;QAEvE,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACI,MAAM,CAAC,eAAe,CAAC,IAAY;QACxC,MAAM,UAAU,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;QACpC,IAAI,UAAU,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO;QACnC,MAAM,SAAS,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;YACjC,OAAO;QACT,CAAC;QAED,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;;AAED;;;GAGG;AACW,4BAAQ,GAAG,CACvB,KAAa,EAC0B,EAAE;IACzC,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,GAAG,CAC1B,CAAC,QAA8C,EAAE,EAAE;QACjD,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,SAAS,EAAE,CAAC;IAC5D,CAAC,CACF,CAAC;AACJ,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 PropertyGrid\n */\n\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { HighlightingComponentProps } from \"../../common/HighlightingComponentProps.js\";\nimport { matchLinks, openLink } from \"../../common/Links.js\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer.js\";\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer.js\";\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager.js\";\nimport type { FilteredType } from \"../dataproviders/filterers/PropertyDataFiltererBase.js\";\nimport type { PropertyCategory } from \"../PropertyDataProvider.js\";\nimport { Orientation } from \"../../common/Orientation.js\";\n\n/** Arguments for the Property Editing event callback\n * @public\n */\nexport interface PropertyEditingArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** Unique key of currently edited property */\n  propertyKey?: string;\n}\n\n/** Arguments for `PropertyGridProps.onPropertyContextMenu` callback\n * @public\n */\nexport interface PropertyGridContextMenuArgs {\n  /** PropertyRecord being edited  */\n  propertyRecord: PropertyRecord;\n  /** An event which caused the context menu callback */\n  event: React.MouseEvent;\n}\n\n/**\n * Common Property Grid Props to be used by Property Grid Variants\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface CommonPropertyGridProps extends CommonProps {\n  /** Grid orientation. When not defined, it is chosen automatically based on width of the grid. */\n  orientation?: Orientation;\n\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n\n  /** Called to show a context menu when properties are right-clicked */\n  onPropertyContextMenu?: (args: PropertyGridContextMenuArgs) => void;\n\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property selection with right click */\n  isPropertySelectionOnRightClickEnabled?: boolean;\n  /** Callback to property selection */\n  onPropertySelectionChanged?: (property: PropertyRecord) => void;\n\n  /** Enables/disables property editing */\n  isPropertyEditingEnabled?: boolean;\n  /** Callback for when properties are being edited */\n  onPropertyEditing?: (\n    args: PropertyEditingArgs,\n    category: PropertyCategory\n  ) => void;\n  /** Callback for when properties are updated */\n  onPropertyUpdated?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => Promise<boolean>;\n\n  /** Custom property value renderer manager */\n  propertyValueRendererManager?: PropertyValueRendererManager;\n\n  /** Indicates whether the orientation is fixed and does not auto-switch to Vertical when the width is too narrow. Defaults to false. */\n  isOrientationFixed?: boolean;\n  /** The minimum width before the auto-switch to Vertical when the width is too narrow. Defaults to 300. */\n  horizontalOrientationMinWidth?: number;\n\n  /** Minimum allowed label column width, after which resizing stops */\n  minLabelWidth?: number;\n  /** Minimum allowed value column width, after which resizing stops */\n  minValueWidth?: number;\n  /** Fixed action button column width */\n  actionButtonWidth?: number;\n\n  /**\n   * Array of action button renderers. Each renderer is called for each property and can decide\n   * to render an action button for the property or not.\n   */\n  actionButtonRenderers?: ActionButtonRenderer[];\n  /** Callback to determine which editors should be always visible */\n  alwaysShowEditor?: (property: PropertyRecord) => boolean;\n}\n\n/**\n * Properties for highlighting text in property grid.\n * @public\n */\nexport interface PropertyGridContentHighlightProps\n  extends HighlightingComponentProps {\n  /**\n   * Specifies what the highlighting should be applied on - category labels, property labels and / or property values.\n   * Defaults to \"nowhere\".\n   */\n  filteredTypes?: FilteredType[];\n}\n\n/** @internal */\nexport class PropertyGridCommons {\n  public static getCurrentOrientation(\n    width: number,\n    preferredOrientation?: Orientation,\n    isOrientationFixed?: boolean,\n    horizontalOrientationMinWidth?: number\n  ): Orientation {\n    const orientation = preferredOrientation ?? Orientation.Horizontal;\n    if (isOrientationFixed) return orientation;\n\n    horizontalOrientationMinWidth = horizontalOrientationMinWidth ?? 300;\n    // Switch to Vertical if width too small\n    if (width < horizontalOrientationMinWidth) return Orientation.Vertical;\n\n    return orientation;\n  }\n\n  /**\n   * Helper method to handle link clicks\n   * @internal\n   */\n  public static handleLinkClick(text: string) {\n    const linksArray = matchLinks(text);\n    if (linksArray.length <= 0) return;\n    const foundLink = linksArray[0];\n    if (!foundLink || !foundLink.url) {\n      return;\n    }\n\n    openLink(foundLink.url);\n  }\n\n  /**\n   * A helper method to get links from string.\n   * @internal\n   */\n  public static getLinks = (\n    value: string\n  ): Array<{ start: number; end: number }> => {\n    return matchLinks(value).map(\n      (linkInfo: { index: number; lastIndex: number }) => {\n        return { start: linkInfo.index, end: linkInfo.lastIndex };\n      }\n    );\n  };\n}\n"]}

package/lib/components-react/propertygrid/component/PropertyList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PropertyList.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyList.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAK5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gDAAgD,CAAC;AAGlF,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAkD1D;;;GAGG;AACH,MAAM,UAAU,cAAc,CAC5B,gBAAkC,EAClC,cAA8B;IAE9B,OAAO,gBAAgB,CAAC,IAAI,GAAG,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC;AAC9D,CAAC;AAED;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,KAAK,CAAC,SAA4B;IAClE,YAAY,KAAwB;QAClC,KAAK,CAAC,KAAK,CAAC,CAAC;QAGP,aAAQ,GAAG,KAAK,CAAC,SAAS,EAAkB,CAAC;QAE7C,kBAAa,GAAG,CAAC,IAAyB,EAAE,EAAE;YACpD,IAAI,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAChD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QACvD,CAAC,CAAC;IAPF,CAAC;IASe,MAAM;QACpB,MAAM,qBAAqB,GAAG,UAAU,CACtC,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,WAAW,CAAC,UAAU;YAC/C,CAAC,CAAC,sCAAsC;YACxC,CAAC,CAAC,oCAAoC,EACxC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,6BACE,SAAS,EAAE,qBAAqB,EAChC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,GAAG,EAAE,IAAI,CAAC,QAAQ,IAEjB,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,cAA8B,EAAE,EAAE;YAC5D,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAC7B,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,cAAc,CAAC;gBACrD,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAAC;YACjC,OAAO,CACL,oBAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,EACd,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,sBAAsB,EAC9C,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B,EACnD,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,mBAAmB,EAClD,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,OAAO,EACL,cAAc,CAAC,KAAK,CAAC,WAAW;oBAChC,mBAAmB,CAAC,SAAS;oBAC3B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB;oBAC9B,CAAC,CAAC,SAAS,EAEf,YAAY,EACV,cAAc,CAAC,KAAK,CAAC,WAAW;oBAChC,mBAAmB,CAAC,SAAS;oBAC3B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,sBAAsB;oBACnC,CAAC,CAAC,SAAS,EAEf,aAAa,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAC/C,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,oBAAoB,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EAChD,4BAA4B,EAC1B,IAAI,CAAC,KAAK,CAAC,4BAA4B,EAEzC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAChD,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EACrC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,EACvD,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,EACvD,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B,EACjE,0BAA0B,EAAE,IAAI,CAAC,KAAK,CAAC,0BAA0B,EACjE,yBAAyB,EAAE,IAAI,CAAC,KAAK,CAAC,yBAAyB,EAC/D,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,GACjC,CACH,CAAC;QACJ,CAAC,CAAC,CACE,CACP,CAAC;IACJ,CAAC;CACF","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyGrid\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer.js\";\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer.js\";\nimport type { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns.js\";\nimport { PropertyRenderer } from \"../../properties/renderers/PropertyRenderer.js\";\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager.js\";\nimport type { PropertyCategory } from \"../PropertyDataProvider.js\";\nimport { Orientation } from \"../../common/Orientation.js\";\n\n/** Properties of [[PropertyList]] React component\n * @public\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PropertyListProps extends CommonProps {\n  orientation: Orientation;\n  width: number;\n  category?: PropertyCategory;\n  properties: PropertyRecord[];\n  selectedPropertyKey?: string;\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyContextMenu?: (\n    property: PropertyRecord,\n    e: React.MouseEvent\n  ) => void;\n  columnRatio?: number;\n  /** Callback to column ratio changed event */\n  onColumnChanged?: (ratio: number) => void | {\n    ratio: number;\n  };\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  editingPropertyKey?: string;\n  onEditCommit?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => void;\n  onEditCancel?: () => void;\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property right click selection */\n  isPropertyRightClickSelectionEnabled?: boolean;\n  /** Array of action button renderers */\n  actionButtonRenderers?: ActionButtonRenderer[];\n  /** Is resize handle hovered */\n  isResizeHandleHovered?: boolean;\n  /** Callback to hover event change */\n  onResizeHandleHoverChanged?: (isHovered: boolean) => void;\n  /** Is resize handle being dragged */\n  isResizeHandleBeingDragged?: boolean;\n  /** Callback to drag event change */\n  onResizeHandleDragChanged?: (isDragStarted: boolean) => void;\n  /** Information for styling property grid columns */\n  columnInfo?: PropertyGridColumnInfo;\n}\n\n/**\n * Get unique key for property record\n * @internal\n */\nexport function getPropertyKey(\n  propertyCategory: PropertyCategory,\n  propertyRecord: PropertyRecord\n) {\n  return propertyCategory.name + propertyRecord.property.name;\n}\n\n/** A React component that renders multiple properties within a category as a list.\n * @public\n */\nexport class PropertyList extends React.Component<PropertyListProps> {\n  constructor(props: PropertyListProps) {\n    super(props);\n  }\n\n  private _listRef = React.createRef<HTMLDivElement>();\n\n  private _onEditCommit = (args: PropertyUpdatedArgs) => {\n    if (this.props.onEditCommit && this.props.category)\n      this.props.onEditCommit(args, this.props.category);\n  };\n\n  public override render() {\n    const propertyListClassName = classnames(\n      this.props.orientation === Orientation.Horizontal\n        ? \"components-property-list--horizontal\"\n        : \"components-property-list--vertical\",\n      this.props.className\n    );\n\n    return (\n      <div\n        className={propertyListClassName}\n        style={this.props.style}\n        ref={this._listRef}\n      >\n        {this.props.properties.map((propertyRecord: PropertyRecord) => {\n          const key = this.props.category\n            ? getPropertyKey(this.props.category, propertyRecord)\n            : propertyRecord.property.name;\n          return (\n            <PropertyRenderer\n              key={key}\n              uniqueKey={key}\n              isHoverable={this.props.isPropertyHoverEnabled}\n              isSelectable={this.props.isPropertySelectionEnabled}\n              isSelected={key === this.props.selectedPropertyKey}\n              propertyRecord={propertyRecord}\n              orientation={this.props.orientation}\n              onClick={\n                propertyRecord.value.valueFormat ===\n                PropertyValueFormat.Primitive\n                  ? this.props.onPropertyClicked\n                  : undefined\n              }\n              onRightClick={\n                propertyRecord.value.valueFormat ===\n                PropertyValueFormat.Primitive\n                  ? this.props.onPropertyRightClicked\n                  : undefined\n              }\n              onContextMenu={this.props.onPropertyContextMenu}\n              columnRatio={this.props.columnRatio}\n              onColumnRatioChanged={this.props.onColumnChanged}\n              propertyValueRendererManager={\n                this.props.propertyValueRendererManager\n              }\n              isEditing={key === this.props.editingPropertyKey}\n              onEditCommit={this._onEditCommit}\n              onEditCancel={this.props.onEditCancel}\n              width={this.props.width}\n              actionButtonRenderers={this.props.actionButtonRenderers}\n              isResizeHandleHovered={this.props.isResizeHandleHovered}\n              onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n              isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n              onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n              columnInfo={this.props.columnInfo}\n            />\n          );\n        })}\n      </div>\n    );\n  }\n}\n"]}
+{"version":3,"file":"PropertyList.js","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/PropertyList.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 PropertyGrid\n */\n\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport { PropertyValueFormat } from \"@itwin/appui-abstract\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport type { PropertyUpdatedArgs } from \"../../editors/EditorContainer.js\";\nimport type { ActionButtonRenderer } from \"../../properties/renderers/ActionButtonRenderer.js\";\nimport type { PropertyGridColumnInfo } from \"../../properties/renderers/PropertyGridColumns.js\";\nimport { PropertyRenderer } from \"../../properties/renderers/PropertyRenderer.js\";\nimport type { PropertyValueRendererManager } from \"../../properties/ValueRendererManager.js\";\nimport type { PropertyCategory } from \"../PropertyDataProvider.js\";\nimport { Orientation } from \"../../common/Orientation.js\";\n\n/** Properties of [[PropertyList]] React component\n * @public\n */\n// eslint-disable-next-line @typescript-eslint/no-deprecated\nexport interface PropertyListProps extends CommonProps {\n  orientation: Orientation;\n  width: number;\n  category?: PropertyCategory;\n  properties: PropertyRecord[];\n  selectedPropertyKey?: string;\n  onPropertyClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyRightClicked?: (property: PropertyRecord, key?: string) => void;\n  onPropertyContextMenu?: (\n    property: PropertyRecord,\n    e: React.MouseEvent\n  ) => void;\n  columnRatio?: number;\n  /** Callback to column ratio changed event */\n  onColumnChanged?: (ratio: number) => void | {\n    ratio: number;\n  };\n  propertyValueRendererManager?: PropertyValueRendererManager;\n  editingPropertyKey?: string;\n  onEditCommit?: (\n    args: PropertyUpdatedArgs,\n    category: PropertyCategory\n  ) => void;\n  onEditCancel?: () => void;\n  /** Enables/disables property hovering effect */\n  isPropertyHoverEnabled?: boolean;\n  /** Enables/disables property selection */\n  isPropertySelectionEnabled?: boolean;\n  /** Enables/disables property right click selection */\n  isPropertyRightClickSelectionEnabled?: boolean;\n  /** Array of action button renderers */\n  actionButtonRenderers?: ActionButtonRenderer[];\n  /** Is resize handle hovered */\n  isResizeHandleHovered?: boolean;\n  /** Callback to hover event change */\n  onResizeHandleHoverChanged?: (isHovered: boolean) => void;\n  /** Is resize handle being dragged */\n  isResizeHandleBeingDragged?: boolean;\n  /** Callback to drag event change */\n  onResizeHandleDragChanged?: (isDragStarted: boolean) => void;\n  /** Information for styling property grid columns */\n  columnInfo?: PropertyGridColumnInfo;\n}\n\n/**\n * Get unique key for property record\n * @internal\n */\nexport function getPropertyKey(\n  propertyCategory: PropertyCategory,\n  propertyRecord: PropertyRecord\n) {\n  return propertyCategory.name + propertyRecord.property.name;\n}\n\n/** A React component that renders multiple properties within a category as a list.\n * @public\n */\nexport class PropertyList extends React.Component<PropertyListProps> {\n  constructor(props: PropertyListProps) {\n    super(props);\n  }\n\n  private _listRef = React.createRef<HTMLDivElement>();\n\n  private _onEditCommit = (args: PropertyUpdatedArgs) => {\n    if (this.props.onEditCommit && this.props.category)\n      this.props.onEditCommit(args, this.props.category);\n  };\n\n  public override render() {\n    const propertyListClassName = classnames(\n      this.props.orientation === Orientation.Horizontal\n        ? \"components-property-list--horizontal\"\n        : \"components-property-list--vertical\",\n      this.props.className\n    );\n\n    return (\n      <div\n        className={propertyListClassName}\n        style={this.props.style}\n        ref={this._listRef}\n      >\n        {this.props.properties.map((propertyRecord: PropertyRecord) => {\n          const key = this.props.category\n            ? getPropertyKey(this.props.category, propertyRecord)\n            : propertyRecord.property.name;\n          return (\n            <PropertyRenderer\n              key={key}\n              uniqueKey={key}\n              isHoverable={this.props.isPropertyHoverEnabled}\n              isSelectable={this.props.isPropertySelectionEnabled}\n              isSelected={key === this.props.selectedPropertyKey}\n              propertyRecord={propertyRecord}\n              orientation={this.props.orientation}\n              onClick={\n                propertyRecord.value.valueFormat ===\n                PropertyValueFormat.Primitive\n                  ? this.props.onPropertyClicked\n                  : undefined\n              }\n              onRightClick={\n                propertyRecord.value.valueFormat ===\n                PropertyValueFormat.Primitive\n                  ? this.props.onPropertyRightClicked\n                  : undefined\n              }\n              onContextMenu={this.props.onPropertyContextMenu}\n              columnRatio={this.props.columnRatio}\n              onColumnRatioChanged={this.props.onColumnChanged}\n              propertyValueRendererManager={\n                this.props.propertyValueRendererManager\n              }\n              isEditing={key === this.props.editingPropertyKey}\n              onEditCommit={this._onEditCommit}\n              onEditCancel={this.props.onEditCancel}\n              width={this.props.width}\n              actionButtonRenderers={this.props.actionButtonRenderers}\n              isResizeHandleHovered={this.props.isResizeHandleHovered}\n              onResizeHandleHoverChanged={this.props.onResizeHandleHoverChanged}\n              isResizeHandleBeingDragged={this.props.isResizeHandleBeingDragged}\n              onResizeHandleDragChanged={this.props.onResizeHandleDragChanged}\n              columnInfo={this.props.columnInfo}\n            />\n          );\n        })}\n      </div>\n    );\n  }\n}\n"]}

package/lib/components-react/propertygrid/component/VirtualizedPropertyGrid.d.ts

@@ -99,6 +99,7 @@ export interface VirtualizedPropertyGridContext {
 export declare class VirtualizedPropertyGrid extends React.Component<VirtualizedPropertyGridProps, VirtualizedPropertyGridState> {
     private _listRef;
     constructor(props: VirtualizedPropertyGridProps);
+    /** @internal */
     componentDidUpdate(prevProps: VirtualizedPropertyGridProps): void;
     /** @internal */
     static getDerivedStateFromProps(props: VirtualizedPropertyGridProps, state: VirtualizedPropertyGridState): VirtualizedPropertyGridState | null;

package/lib/components-react/propertygrid/component/VirtualizedPropertyGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedPropertyGrid.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VirtualizedPropertyGrid.d.ts","sourceRoot":"","sources":["../../../../src/components-react/propertygrid/component/VirtualizedPropertyGrid.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,gCAAgC,CAAC;AAExC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oDAAoD,CAAC;AAC/F,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mDAAmD,CAAC;AAChG,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,0CAA0C,CAAC;AAE7F,OAAO,KAAK,EACV,YAAY,EAEb,MAAM,wCAAwC,CAAC;AAMhD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACzF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAE3E,OAAO,EAAE,+BAA+B,EAAE,MAAM,uCAAuC,CAAC;AACxF,OAAO,KAAK,EACV,qBAAqB,EACrB,gBAAgB,EACjB,MAAM,4BAA4B,CAAC;AAIpC,OAAO,KAAK,EACV,uBAAuB,EACvB,iCAAiC,EAClC,MAAM,0BAA0B,CAAC;AAIlC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D;;GAEG;AACH,MAAM,WAAW,4BAA6B,SAAQ,uBAAuB;IAC3E,sEAAsE;IACtE,KAAK,EAAE,kBAAkB,CAAC;IAC1B,0DAA0D;IAC1D,YAAY,EAAE,yBAAyB,CAAC;IACxC,uDAAuD;IACvD,YAAY,EAAE,qBAAqB,CAAC;IACpC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,iCAAiC,CAAC;IAC9C,iHAAiH;IACjH,+BAA+B,CAAC,EAAE,+BAA+B,CAAC;IAClE,4CAA4C;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,UAAU,4BAA4B;IACpC,sCAAsC;IACtC,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,mDAAmD;IACnD,WAAW,EAAE,WAAW,CAAC;IACzB,2CAA2C;IAC3C,kBAAkB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzC;AAED;;;GAGG;AACH,MAAM,WAAW,2BAA2B;IAC1C,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,gBAAgB,EAAE,yBAAyB,CAAC;IAC5C,SAAS,EAAE,kBAAkB,CAAC;IAE9B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,8BAA8B,CAAC;IAC5C,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3E;AAED;;;GAGG;AACH,MAAM,WAAW,8BAA8B;IAC7C,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAElB,sBAAsB,EAAE,OAAO,CAAC;IAChC,0BAA0B,EAAE,OAAO,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAEnC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,OAAO,CAAC;IACzD,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACrE,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1E,qBAAqB,CAAC,EAAE,CACtB,QAAQ,EAAE,cAAc,EACxB,CAAC,EAAE,KAAK,CAAC,UAAU,KAChB,IAAI,CAAC;IAEV,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,YAAY,CAAC,EAAE,CACb,IAAI,EAAE,mBAAmB,EACzB,QAAQ,EAAE,gBAAgB,KACvB,IAAI,CAAC;IACV,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAE1B,YAAY,EAAE,yBAAyB,CAAC;IACxC,YAAY,EAAE,qBAAqB,CAAC;IAEpC,qBAAqB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/C,4BAA4B,CAAC,EAAE,4BAA4B,CAAC;IAC5D,+BAA+B,CAAC,EAAE,+BAA+B,CAAC;IAElE,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,sBAAsB,CAAC;IACnC,0BAA0B,EAAE,OAAO,CAAC;IACpC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG;QAC9C,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,yBAAyB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvD,0BAA0B,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAExD,SAAS,CAAC,EAAE,iCAAiC,CAAC;CAC/C;AAeD;;;GAGG;AACH,qBAAa,uBAAwB,SAAQ,KAAK,CAAC,SAAS,CAC1D,4BAA4B,EAC5B,4BAA4B,CAC7B;IACC,OAAO,CAAC,QAAQ,CAAuC;gBAE3C,KAAK,EAAE,4BAA4B;IAgB/C,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,4BAA4B;IAyC1E,gBAAgB;WACF,wBAAwB,CACpC,KAAK,EAAE,4BAA4B,EACnC,KAAK,EAAE,4BAA4B,GAClC,4BAA4B,GAAG,IAAI;IAOtC,OAAO,CAAC,iBAAiB;IAgBzB;;;;OAIG;IACH,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,uBAAuB,CAqB7B;IAEF,OAAO,CAAC,2BAA2B,CAGjC;IAEF,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,WAAW,CAGjB;IAEF,OAAO,CAAC,gBAAgB,CAQtB;IAEc,MAAM;CA6GvB;AAoCD;;;;GAIG;AACH,wBAAgB,uCAAuC,CAAC,CAAC,SAAS,OAAO;;;;EAExE"}

package/lib/components-react/propertygrid/component/VirtualizedPropertyGrid.js

@@ -73,6 +73,7 @@ export class VirtualizedPropertyGrid extends React.Component {
             dynamicNodeHeights: new Map(),
         };
     }
+    /** @internal */
     componentDidUpdate(prevProps) {
         if (this.props.orientation !== prevProps.orientation ||
             this.props.isOrientationFixed !== prevProps.isOrientationFixed ||