@itwin/map-layers 5.6.1 → 6.0.0-dev.0

package/lib/cjs/ui/widget/ConfirmMessageDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmMessageDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/ConfirmMessageDialog.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,qBAAqB,CAAC;AAG7B,UAAU,yBAA0B,SAAQ,WAAW;IACrD,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yJAAyJ;IACzJ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,yIAAyI;IACzI,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,0IAA0I;IAC1I,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAGD,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,eA6BpE"}
+{"version":3,"file":"ConfirmMessageDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/ConfirmMessageDialog.tsx"],"names":[],"mappings":"AAMA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,yBAAyB;IACjC,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;IACrC,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,yJAAyJ;IACzJ,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,yIAAyI;IACzI,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,0IAA0I;IAC1I,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAED,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,2CA2CpE"}

package/lib/cjs/ui/widget/ConfirmMessageDialog.js

@@ -30,17 +30,24 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 // cSpell:ignore Modeless WMTS
-const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
 require("./MapUrlDialog.scss");
-const appui_abstract_1 = require("@itwin/appui-abstract");
-// eslint-disable-next-line @typescript-eslint/naming-convention
+const React = __importStar(require("react"));
+const itwinui_react_1 = require("@itwin/itwinui-react");
 function ConfirmMessageDialog(props) {
-    const buttonCluster = React.useMemo(() => [
-        { type: appui_abstract_1.DialogButtonType.Yes, onClick: props.onYesResult ?? (() => { }) },
-        { type: appui_abstract_1.DialogButtonType.No, onClick: props.onNoResult ?? (() => { }) },
-    ], [props.onYesResult, props.onNoResult]);
-    return ((0, jsx_runtime_1.jsx)(core_react_1.Dialog, { className: props.className, title: props.title, opened: true, resizable: false, movable: true, modal: true, buttonCluster: buttonCluster, onClose: props.onClose, onEscape: props.onEscape, minHeight: props.minHeight, maxHeight: props.maxHeight, minWidth: props.minWidth, maxWidth: props.maxWidth, trapFocus: false, children: (0, jsx_runtime_1.jsx)("div", { children: props.message }) }));
+    const [isOpen, setIsOpen] = React.useState(props.opened);
+    const handleNo = () => {
+        setIsOpen(false);
+        if (props.onNoResult) {
+            props.onNoResult();
+        }
+    };
+    const handleYes = () => {
+        setIsOpen(false);
+        if (props.onYesResult) {
+            props.onYesResult();
+        }
+    };
+    return ((0, jsx_runtime_1.jsxs)(itwinui_react_1.Dialog, { as: "div", className: props.className, isOpen: isOpen, onClose: handleNo, closeOnEsc: true, closeOnExternalClick: true, preventDocumentScroll: true, trapFocus: true, setFocus: true, portal: true, isDismissible: true, children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Dialog.Backdrop, {}), (0, jsx_runtime_1.jsxs)(itwinui_react_1.Dialog.Main, { children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Dialog.TitleBar, { titleText: props.title }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Dialog.Content, { children: (0, jsx_runtime_1.jsx)("div", { children: props.message }) }), (0, jsx_runtime_1.jsxs)(itwinui_react_1.Dialog.ButtonBar, { children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { styleType: 'high-visibility', onClick: handleYes, children: "Yes" }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { onClick: handleNo, children: "No" })] })] })] }));
 }
 exports.ConfirmMessageDialog = ConfirmMessageDialog;
 //# sourceMappingURL=ConfirmMessageDialog.js.map

package/lib/cjs/ui/widget/ConfirmMessageDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmMessageDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/ConfirmMessageDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,8BAA8B;AAE9B,6CAA+B;AAE/B,kDAA2C;AAE3C,+BAA6B;AAC7B,0DAAyD;AAmBzD,gEAAgE;AAChE,SAAgB,oBAAoB,CAAC,KAAgC;IACnE,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CACjC,GAAG,EAAE,CAAC;QACJ,EAAE,IAAI,EAAE,iCAAgB,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,WAAW,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EAAE;QACxE,EAAE,IAAI,EAAE,iCAAgB,CAAC,EAAE,EAAE,OAAO,EAAE,KAAK,CAAC,UAAU,IAAI,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,EAAE;KACvE,EACD,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,uBAAC,mBAAM,IACL,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,IAAI,EACb,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,YAEhB,0CAAM,KAAK,CAAC,OAAO,GAAO,GACnB,CACV,CAAC;AACJ,CAAC;AA7BD,oDA6BC","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// cSpell:ignore Modeless WMTS\n\nimport * as React from \"react\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Dialog } from \"@itwin/core-react\";\n\nimport \"./MapUrlDialog.scss\";\nimport { DialogButtonType } from \"@itwin/appui-abstract\";\n\ninterface ConfirmMessageDialogProps extends CommonProps {\n  /** Title to show in title bar of dialog */\n  title?: string | JSX.Element;\n  message?: string | JSX.Element;\n  onYesResult?: () => void;\n  onNoResult?: () => void;\n  onClose?: () => void;\n  onEscape?: () => void;\n  minWidth?: string | number;\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */\n  minHeight?: string | number;\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxWidth?: string | number;\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxHeight?: string | number;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function ConfirmMessageDialog(props: ConfirmMessageDialogProps) {\n  const buttonCluster = React.useMemo(\n    () => [\n      { type: DialogButtonType.Yes, onClick: props.onYesResult ?? (() => {}) },\n      { type: DialogButtonType.No, onClick: props.onNoResult ?? (() => {}) },\n    ],\n    [props.onYesResult, props.onNoResult],\n  );\n\n  return (\n    <Dialog\n      className={props.className}\n      title={props.title}\n      opened={true}\n      resizable={false}\n      movable={true}\n      modal={true}\n      buttonCluster={buttonCluster}\n      onClose={props.onClose}\n      onEscape={props.onEscape}\n      minHeight={props.minHeight}\n      maxHeight={props.maxHeight}\n      minWidth={props.minWidth}\n      maxWidth={props.maxWidth}\n      trapFocus={false}\n    >\n      <div>{props.message}</div>\n    </Dialog>\n  );\n}\n"]}
+{"version":3,"file":"ConfirmMessageDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/ConfirmMessageDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,8BAA8B;AAE9B,+BAA6B;AAC7B,6CAA+B;AAC/B,wDAAsD;AAmBtD,SAAgB,oBAAoB,CAAC,KAAgC;IACnE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzD,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;YACrB,KAAK,CAAC,UAAU,EAAE,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,SAAS,CAAC,KAAK,CAAC,CAAC;QACjB,IAAI,KAAK,CAAC,WAAW,EAAE,CAAC;YACtB,KAAK,CAAC,WAAW,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,CAAA;IACD,OAAO,CACL,wBAAC,sBAAM,IACL,EAAE,EAAC,KAAK,EACR,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,QAAQ,EACjB,UAAU,QACV,oBAAoB,QACpB,qBAAqB,QACrB,SAAS,QACT,QAAQ,QACR,MAAM,QACN,aAAa,mBAEb,uBAAC,sBAAM,CAAC,QAAQ,KAAG,EACnB,wBAAC,sBAAM,CAAC,IAAI,eACV,uBAAC,sBAAM,CAAC,QAAQ,IAAC,SAAS,EAAE,KAAK,CAAC,KAAK,GAAI,EAC3C,uBAAC,sBAAM,CAAC,OAAO,cACb,0CAAM,KAAK,CAAC,OAAO,GAAO,GACX,EACjB,wBAAC,sBAAM,CAAC,SAAS,eACf,uBAAC,sBAAM,IAAC,SAAS,EAAC,iBAAiB,EAAC,OAAO,EAAE,SAAS,oBAAc,EACpE,uBAAC,sBAAM,IAAC,OAAO,EAAE,QAAQ,mBAAa,IACrB,IACP,IACP,CACV,CAAC;AACJ,CAAC;AA3CD,oDA2CC","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// cSpell:ignore Modeless WMTS\n\nimport \"./MapUrlDialog.scss\";\nimport * as React from \"react\";\nimport { Button, Dialog } from \"@itwin/itwinui-react\";\n\ninterface ConfirmMessageDialogProps {\n  /** Title to show in title bar of dialog */\n  title?: string | React.JSX.Element;\n  className?: string;\n  message?: string | React.JSX.Element;\n  opened: boolean;\n  onYesResult?: () => void;\n  onNoResult?: () => void;\n  minWidth?: string | number;\n  /** Minimum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. Default: 100px */\n  minHeight?: string | number;\n  /** Maximum width that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxWidth?: string | number;\n  /** Maximum height that the dialog may be resized to. Displayed in px if value is a number; otherwise, displayed in specified CSS unit. */\n  maxHeight?: string | number;\n}\n\nexport function ConfirmMessageDialog(props: ConfirmMessageDialogProps) {\n  const [isOpen, setIsOpen] = React.useState(props.opened);\n\n  const handleNo = () => {\n    setIsOpen(false);\n    if (props.onNoResult) {\n      props.onNoResult();\n    }\n  };\n\n  const handleYes = () => {\n    setIsOpen(false);\n    if (props.onYesResult) {\n      props.onYesResult();\n    }\n  }\n  return (\n    <Dialog\n      as=\"div\"\n      className={props.className}\n      isOpen={isOpen}\n      onClose={handleNo}\n      closeOnEsc\n      closeOnExternalClick\n      preventDocumentScroll\n      trapFocus\n      setFocus\n      portal\n      isDismissible\n    >\n      <Dialog.Backdrop />\n      <Dialog.Main>\n        <Dialog.TitleBar titleText={props.title} />\n        <Dialog.Content>\n          <div>{props.message}</div>\n        </Dialog.Content>\n        <Dialog.ButtonBar>\n          <Button styleType='high-visibility' onClick={handleYes}>Yes</Button>\n          <Button onClick={handleNo}>No</Button>\n        </Dialog.ButtonBar>\n      </Dialog.Main>\n    </Dialog>\n  );\n}\n"]}

package/lib/cjs/ui/widget/CustomParamEditDialog.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./CustomParamEditDialog.scss";
 import type { CustomParamItem } from "../Interfaces";
 interface CustomParamEditDialogProps {
@@ -6,6 +5,6 @@ interface CustomParamEditDialogProps {
     onOkResult?: (newItem: CustomParamItem, oldIem?: CustomParamItem) => void;
     onCancelResult?: () => void;
 }
-export declare function CustomParamEditDialog(props: CustomParamEditDialogProps): JSX.Element;
+export declare function CustomParamEditDialog(props: CustomParamEditDialogProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=CustomParamEditDialog.d.ts.map

package/lib/cjs/ui/widget/CustomParamEditDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomParamEditDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamEditDialog.tsx"],"names":[],"mappings":";AAKA,OAAO,8BAA8B,CAAC;AAOtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,UAAU,0BAA0B;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,MAAM,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1E,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,eA8FtE"}
+{"version":3,"file":"CustomParamEditDialog.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamEditDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,8BAA8B,CAAC;AAOtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,UAAU,0BAA0B;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,MAAM,CAAC,EAAE,eAAe,KAAK,IAAI,CAAC;IAC1E,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AACD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CA0FtE"}

package/lib/cjs/ui/widget/CustomParamEditDialog.js

@@ -32,11 +32,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("./CustomParamEditDialog.scss");
 const React = __importStar(require("react"));
 const appui_react_1 = require("@itwin/appui-react");
-const core_react_1 = require("@itwin/core-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const CustomParamsStorage_1 = require("../../CustomParamsStorage");
 const mapLayers_1 = require("../../mapLayers");
-// eslint-disable-next-line @typescript-eslint/naming-convention
 function CustomParamEditDialog(props) {
     const [originalItemName] = React.useState(() => (props.item ? props.item.name : undefined));
     const [item, setItem] = React.useState(() => props.item ?? { name: "", key: "", value: "", secret: true });
@@ -65,7 +63,7 @@ function CustomParamEditDialog(props) {
     function renderFooter() {
         return ((0, jsx_runtime_1.jsx)("div", { className: "custom-param-edit-dialog-footer", children: (0, jsx_runtime_1.jsxs)("div", { className: "custom-param-edit-dialog-footer-buttons", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { className: "custom-param-edit-dialog-footer-button", styleType: "high-visibility", onClick: handleOk, disabled: !readyToSave(), children: props.item ? mapLayers_1.MapLayersUI.translate("Dialog.Edit") : mapLayers_1.MapLayersUI.translate("Dialog.Add") }), (0, jsx_runtime_1.jsx)(itwinui_react_1.Button, { className: "custom-param-edit-dialog-footer-button", styleType: "default", onClick: handleCancel, children: mapLayers_1.MapLayersUI.translate("Dialog.Cancel") })] }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(core_react_1.Dialog, { title: mapLayers_1.MapLayersUI.translate(props.item ? "CustomParamEditDialog.DialogTitleEdit" : "CustomParamEditDialog.DialogTitleAdd"), opened: true, resizable: true, movable: true, modal: true, onClose: handleCancel, onEscape: handleCancel, minHeight: 120, maxWidth: 120, trapFocus: false, children: (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.LabeledInput, { className: "custom-param-edit-dialog-input", label: mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.ParamNameLabel"), value: item.name, onChange: (event) => setItem({ ...item, name: event.target.value }), status: nameAlreadyExists ? "warning" : undefined, message: nameAlreadyExists ? mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.NameExists") : undefined }), (0, jsx_runtime_1.jsx)(itwinui_react_1.LabeledInput, { className: "custom-param-edit-dialog-input", label: mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.ParamKeyLabel"), value: item.key, onChange: (event) => setItem({ ...item, key: event.target.value }) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.LabeledInput, { className: "custom-param-edit-dialog-input", label: mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.ParamValueLabel"), type: item.secret ? "password" : "", value: item.value, onChange: (event) => setItem({ ...item, value: event.target.value }), message: !item.secret ? mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.ParamValueNonPrivateMessage") : undefined }), (0, jsx_runtime_1.jsx)("div", { className: "custom-param-edit-dialog-secret custom-param-edit-dialog-input", title: mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.PrivateToggleTooltip"), children: (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { checked: item.secret, label: mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.PrivateToggleLabel"), onChange: (event) => setItem({ ...item, secret: event.target.checked }) }) }), renderFooter()] }) }));
+    return ((0, jsx_runtime_1.jsx)(itwinui_react_1.Modal, { as: "div", title: mapLayers_1.MapLayersUI.translate(props.item ? "CustomParamEditDialog.DialogTitleEdit" : "CustomParamEditDialog.DialogTitleAdd"), isOpen: true, onClose: handleCancel, style: { minHeight: 120, minWidth: 120 }, portal: true, children: (0, jsx_runtime_1.jsxs)(itwinui_react_1.ModalContent, { children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.LabeledInput, { className: "custom-param-edit-dialog-input", label: mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.ParamNameLabel"), value: item.name, onChange: (event) => setItem({ ...item, name: event.target.value }), status: nameAlreadyExists ? "warning" : undefined, message: nameAlreadyExists ? mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.NameExists") : undefined }), (0, jsx_runtime_1.jsx)(itwinui_react_1.LabeledInput, { className: "custom-param-edit-dialog-input", label: mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.ParamKeyLabel"), value: item.key, onChange: (event) => setItem({ ...item, key: event.target.value }) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.LabeledInput, { className: "custom-param-edit-dialog-input", label: mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.ParamValueLabel"), type: item.secret ? "password" : "", value: item.value, onChange: (event) => setItem({ ...item, value: event.target.value }), message: !item.secret ? mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.ParamValueNonPrivateMessage") : undefined }), (0, jsx_runtime_1.jsx)("div", { className: "custom-param-edit-dialog-secret custom-param-edit-dialog-input", title: mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.PrivateToggleTooltip"), children: (0, jsx_runtime_1.jsx)(itwinui_react_1.ToggleSwitch, { checked: item.secret, label: mapLayers_1.MapLayersUI.translate("CustomParamEditDialog.PrivateToggleLabel"), onChange: (event) => setItem({ ...item, secret: event.target.checked }) }) }), renderFooter()] }) }));
 }
 exports.CustomParamEditDialog = CustomParamEditDialog;
 //# sourceMappingURL=CustomParamEditDialog.js.map

package/lib/cjs/ui/widget/CustomParamEditDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomParamEditDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamEditDialog.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\nimport \"./CustomParamEditDialog.scss\";\nimport * as React from \"react\";\nimport { UiFramework } from \"@itwin/appui-react\";\nimport { Dialog } from \"@itwin/core-react\";\nimport { Button, LabeledInput, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport { CustomParamsStorage } from \"../../CustomParamsStorage\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport type { CustomParamItem } from \"../Interfaces\";\n\ninterface CustomParamEditDialogProps {\n  item?: CustomParamItem;\n  onOkResult?: (newItem: CustomParamItem, oldIem?: CustomParamItem) => void;\n  onCancelResult?: () => void;\n}\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function CustomParamEditDialog(props: CustomParamEditDialogProps) {\n  const [originalItemName] = React.useState<string | undefined>(() => (props.item ? props.item.name : undefined));\n  const [item, setItem] = React.useState<CustomParamItem>(() => props.item ?? { name: \"\", key: \"\", value: \"\", secret: true });\n  const [cpStorage] = React.useState(() => new CustomParamsStorage());\n\n  const handleCancel = React.useCallback(() => {\n    if (props.onCancelResult) {\n      props.onCancelResult();\n      return;\n    }\n    UiFramework.dialogs.modal.close();\n  }, [props]);\n\n  const handleOk = React.useCallback(() => {\n    if (props.onOkResult) {\n      props.onOkResult(item, props.item);\n      return;\n    }\n    UiFramework.dialogs.modal.close();\n  }, [item, props]);\n\n  const nameAlreadyExists = React.useMemo<boolean>(() => {\n    const itemExistInStorage = () => (item.name ? !!cpStorage.get(item.name) : false);\n    return originalItemName ? originalItemName !== item.name && itemExistInStorage() : itemExistInStorage();\n  }, [cpStorage, item.name, originalItemName]);\n\n  const readyToSave = React.useCallback(() => {\n    return item.name.trim().length > 0 && item.key.trim().length > 0 && item.value.trim().length > 0 && !nameAlreadyExists;\n  }, [item.key, item.name, item.value, nameAlreadyExists]);\n\n  function renderFooter() {\n    return (\n      <div className=\"custom-param-edit-dialog-footer\">\n        <div className=\"custom-param-edit-dialog-footer-buttons\">\n          <Button className=\"custom-param-edit-dialog-footer-button\" styleType=\"high-visibility\" onClick={handleOk} disabled={!readyToSave()}>\n            {props.item ? MapLayersUI.translate(\"Dialog.Edit\") : MapLayersUI.translate(\"Dialog.Add\")}\n          </Button>\n          <Button className=\"custom-param-edit-dialog-footer-button\" styleType=\"default\" onClick={handleCancel}>\n            {MapLayersUI.translate(\"Dialog.Cancel\")}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n  return (\n    <Dialog\n      title={MapLayersUI.translate(props.item ? \"CustomParamEditDialog.DialogTitleEdit\" : \"CustomParamEditDialog.DialogTitleAdd\")}\n      opened={true}\n      resizable={true}\n      movable={true}\n      modal={true}\n      onClose={handleCancel}\n      onEscape={handleCancel}\n      minHeight={120}\n      maxWidth={120}\n      trapFocus={false}\n    >\n      <>\n        <LabeledInput\n          className=\"custom-param-edit-dialog-input\"\n          label={MapLayersUI.translate(\"CustomParamEditDialog.ParamNameLabel\")}\n          value={item.name}\n          onChange={(event) => setItem({ ...item, name: event.target.value })}\n          status={nameAlreadyExists ? \"warning\" : undefined}\n          message={nameAlreadyExists ? MapLayersUI.translate(\"CustomParamEditDialog.NameExists\") : undefined}\n        />\n        <LabeledInput\n          className=\"custom-param-edit-dialog-input\"\n          label={MapLayersUI.translate(\"CustomParamEditDialog.ParamKeyLabel\")}\n          value={item.key}\n          onChange={(event) => setItem({ ...item, key: event.target.value })}\n        />\n        <LabeledInput\n          className=\"custom-param-edit-dialog-input\"\n          label={MapLayersUI.translate(\"CustomParamEditDialog.ParamValueLabel\")}\n          type={item.secret ? \"password\" : \"\"}\n          value={item.value}\n          onChange={(event) => setItem({ ...item, value: event.target.value })}\n          message={!item.secret ? MapLayersUI.translate(\"CustomParamEditDialog.ParamValueNonPrivateMessage\") : undefined}\n        />\n        <div\n          className=\"custom-param-edit-dialog-secret custom-param-edit-dialog-input\"\n          title={MapLayersUI.translate(\"CustomParamEditDialog.PrivateToggleTooltip\")}\n        >\n          <ToggleSwitch\n            checked={item.secret}\n            label={MapLayersUI.translate(\"CustomParamEditDialog.PrivateToggleLabel\")}\n            onChange={(event) => setItem({ ...item, secret: event.target.checked })}\n          />\n        </div>\n        {renderFooter()}\n      </>\n    </Dialog>\n  );\n}\n"]}
+{"version":3,"file":"CustomParamEditDialog.js","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamEditDialog.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\nimport \"./CustomParamEditDialog.scss\";\nimport * as React from \"react\";\nimport { UiFramework } from \"@itwin/appui-react\";\nimport { Button, LabeledInput, Modal, ModalContent, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport { CustomParamsStorage } from \"../../CustomParamsStorage\";\nimport { MapLayersUI } from \"../../mapLayers\";\n\nimport type { CustomParamItem } from \"../Interfaces\";\n\ninterface CustomParamEditDialogProps {\n  item?: CustomParamItem;\n  onOkResult?: (newItem: CustomParamItem, oldIem?: CustomParamItem) => void;\n  onCancelResult?: () => void;\n}\nexport function CustomParamEditDialog(props: CustomParamEditDialogProps) {\n  const [originalItemName] = React.useState<string | undefined>(() => (props.item ? props.item.name : undefined));\n  const [item, setItem] = React.useState<CustomParamItem>(() => props.item ?? { name: \"\", key: \"\", value: \"\", secret: true });\n  const [cpStorage] = React.useState(() => new CustomParamsStorage());\n\n  const handleCancel = React.useCallback(() => {\n    if (props.onCancelResult) {\n      props.onCancelResult();\n      return;\n    }\n    UiFramework.dialogs.modal.close();\n  }, [props]);\n\n  const handleOk = React.useCallback(() => {\n    if (props.onOkResult) {\n      props.onOkResult(item, props.item);\n      return;\n    }\n    UiFramework.dialogs.modal.close();\n  }, [item, props]);\n\n  const nameAlreadyExists = React.useMemo<boolean>(() => {\n    const itemExistInStorage = () => (item.name ? !!cpStorage.get(item.name) : false);\n    return originalItemName ? originalItemName !== item.name && itemExistInStorage() : itemExistInStorage();\n  }, [cpStorage, item.name, originalItemName]);\n\n  const readyToSave = React.useCallback(() => {\n    return item.name.trim().length > 0 && item.key.trim().length > 0 && item.value.trim().length > 0 && !nameAlreadyExists;\n  }, [item.key, item.name, item.value, nameAlreadyExists]);\n\n  function renderFooter() {\n    return (\n      <div className=\"custom-param-edit-dialog-footer\">\n        <div className=\"custom-param-edit-dialog-footer-buttons\">\n          <Button className=\"custom-param-edit-dialog-footer-button\" styleType=\"high-visibility\" onClick={handleOk} disabled={!readyToSave()}>\n            {props.item ? MapLayersUI.translate(\"Dialog.Edit\") : MapLayersUI.translate(\"Dialog.Add\")}\n          </Button>\n          <Button className=\"custom-param-edit-dialog-footer-button\" styleType=\"default\" onClick={handleCancel}>\n            {MapLayersUI.translate(\"Dialog.Cancel\")}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n  return (\n    <Modal\n      as=\"div\"\n      title={MapLayersUI.translate(props.item ? \"CustomParamEditDialog.DialogTitleEdit\" : \"CustomParamEditDialog.DialogTitleAdd\")}\n      isOpen={true}\n      onClose={handleCancel}\n      style={{ minHeight: 120, minWidth: 120 }}\n      portal\n    >\n      <ModalContent>\n        <LabeledInput\n          className=\"custom-param-edit-dialog-input\"\n          label={MapLayersUI.translate(\"CustomParamEditDialog.ParamNameLabel\")}\n          value={item.name}\n          onChange={(event) => setItem({ ...item, name: event.target.value })}\n          status={nameAlreadyExists ? \"warning\" : undefined}\n          message={nameAlreadyExists ? MapLayersUI.translate(\"CustomParamEditDialog.NameExists\") : undefined}\n        />\n        <LabeledInput\n          className=\"custom-param-edit-dialog-input\"\n          label={MapLayersUI.translate(\"CustomParamEditDialog.ParamKeyLabel\")}\n          value={item.key}\n          onChange={(event) => setItem({ ...item, key: event.target.value })}\n        />\n        <LabeledInput\n          className=\"custom-param-edit-dialog-input\"\n          label={MapLayersUI.translate(\"CustomParamEditDialog.ParamValueLabel\")}\n          type={item.secret ? \"password\" : \"\"}\n          value={item.value}\n          onChange={(event) => setItem({ ...item, value: event.target.value })}\n          message={!item.secret ? MapLayersUI.translate(\"CustomParamEditDialog.ParamValueNonPrivateMessage\") : undefined}\n        />\n        <div\n          className=\"custom-param-edit-dialog-secret custom-param-edit-dialog-input\"\n          title={MapLayersUI.translate(\"CustomParamEditDialog.PrivateToggleTooltip\")}\n        >\n          <ToggleSwitch\n            checked={item.secret}\n            label={MapLayersUI.translate(\"CustomParamEditDialog.PrivateToggleLabel\")}\n            onChange={(event) => setItem({ ...item, secret: event.target.checked })}\n          />\n        </div>\n        {renderFooter()}\n      </ModalContent>\n    </Modal>\n  );\n}\n"]}

package/lib/cjs/ui/widget/CustomParamsSettings.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import "./CustomParamsSettings.scss";
-export declare function CustomParamsSettingsPanel(): JSX.Element;
+export declare function CustomParamsSettingsPanel(): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=CustomParamsSettings.d.ts.map

package/lib/cjs/ui/widget/CustomParamsSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomParamsSettings.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamsSettings.tsx"],"names":[],"mappings":";AAKA,OAAO,6BAA6B,CAAC;AAkBrC,wBAAgB,yBAAyB,gBAuKxC"}
+{"version":3,"file":"CustomParamsSettings.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamsSettings.tsx"],"names":[],"mappings":"AAKA,OAAO,6BAA6B,CAAC;AAerC,wBAAgB,yBAAyB,4CAmKxC"}

package/lib/cjs/ui/widget/CustomParamsSettings.js

@@ -32,7 +32,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 require("./CustomParamsSettings.scss");
 const React = __importStar(require("react"));
 const appui_react_1 = require("@itwin/appui-react");
-const core_react_1 = require("@itwin/core-react");
 const itwinui_icons_color_react_1 = require("@itwin/itwinui-icons-color-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
@@ -40,7 +39,6 @@ const CustomParamsMappingStorage_1 = require("../../CustomParamsMappingStorage")
 const CustomParamsStorage_1 = require("../../CustomParamsStorage");
 const mapLayers_1 = require("../../mapLayers");
 const CustomParamEditDialog_1 = require("./CustomParamEditDialog");
-// eslint-disable-next-line @typescript-eslint/naming-convention
 function CustomParamsSettingsPanel() {
     const [storage] = React.useState(() => new CustomParamsStorage_1.CustomParamsStorage());
     const [mappingStorage] = React.useState(() => new CustomParamsMappingStorage_1.CustomParamsMappingStorage());
@@ -55,7 +53,6 @@ function CustomParamsSettingsPanel() {
         return paramsMap;
     });
     const [listItemUnderCursor, setListItemUnderCursor] = React.useState();
-    const [selectedValue, setSelectedValue] = React.useState();
     const deleteMapping = React.useCallback((name) => {
         const tmpParams = { ...params };
         delete tmpParams[name];
@@ -81,7 +78,6 @@ function CustomParamsSettingsPanel() {
     }, [deleteMapping]);
     const onCancelEdit = React.useCallback(() => {
         appui_react_1.UiFramework.dialogs.modal.close();
-        setSelectedValue(undefined); // clear listbox focus
     }, []);
     const onOkEdit = React.useCallback((newItem, oldItem) => {
         appui_react_1.UiFramework.dialogs.modal.close();
@@ -105,7 +101,6 @@ function CustomParamsSettingsPanel() {
         storage.save(newItem.name, newItem);
         tmpParams[newItem.name] = newItem;
         setParams(tmpParams);
-        setSelectedValue(undefined); // clear listbox focus
     }, [mappingStorage, params, storage]);
     const handleAddClick = React.useCallback(() => {
         appui_react_1.UiFramework.dialogs.modal.open((0, jsx_runtime_1.jsx)(CustomParamEditDialog_1.CustomParamEditDialog, { onOkResult: onOkEdit, onCancelResult: onCancelEdit }));
@@ -116,14 +111,11 @@ function CustomParamsSettingsPanel() {
         if (item) {
             appui_react_1.UiFramework.dialogs.modal.open((0, jsx_runtime_1.jsx)(CustomParamEditDialog_1.CustomParamEditDialog, { item: item, onOkResult: onOkEdit, onCancelResult: onCancelEdit }));
         }
-        setSelectedValue(newValue);
         return;
     }, [params, onCancelEdit, onOkEdit]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "customParamsSettings-container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "customParamsSettings-header", children: [(0, jsx_runtime_1.jsxs)("span", { className: "customParamsSettings-header-label", children: [mapLayers_1.MapLayersUI.translate("CustomParamSettings.SectionLabel"), (0, jsx_runtime_1.jsx)("div", { title: mapLayers_1.MapLayersUI.translate("Labels.TechPreviewBadgeTooltip"), className: "customParamsSettings-previewBadge", children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Icon, { size: "small", children: (0, jsx_runtime_1.jsx)(itwinui_icons_color_react_1.SvgTechnicalPreviewMini, {}) }) })] }), (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { size: "small", styleType: "borderless", className: "customParamsSettings-header-add-button", onClick: handleAddClick, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgAdd, {}) })] }), (0, jsx_runtime_1.jsx)("div", { className: "customParamsSettings-content", children: (0, jsx_runtime_1.jsx)(core_react_1.Listbox, { selectedValue: selectedValue, onListboxValueChange: onListboxValueChange, className: "customParamsSettings-content-listbox", children: Object.keys(params).map((keyName) => (
-                    // eslint-disable-next-line @itwin/no-internal
-                    (0, jsx_runtime_1.jsxs)(core_react_1.ListboxItem, { className: "customParamsSettings-content-entry", value: keyName, onMouseEnter: () => setListItemUnderCursor(keyName), onMouseLeave: () => setListItemUnderCursor(undefined), children: [(0, jsx_runtime_1.jsx)("span", { className: "customParamsSettings-content-entry-name", title: keyName, children: keyName }), 
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "customParamsSettings-container", children: [(0, jsx_runtime_1.jsxs)("div", { className: "customParamsSettings-header", children: [(0, jsx_runtime_1.jsxs)("span", { className: "customParamsSettings-header-label", children: [mapLayers_1.MapLayersUI.translate("CustomParamSettings.SectionLabel"), (0, jsx_runtime_1.jsx)("div", { title: mapLayers_1.MapLayersUI.translate("Labels.TechPreviewBadgeTooltip"), className: "customParamsSettings-previewBadge", children: (0, jsx_runtime_1.jsx)(itwinui_react_1.Icon, { size: "small", children: (0, jsx_runtime_1.jsx)(itwinui_icons_color_react_1.SvgTechnicalPreviewMini, {}) }) })] }), (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { label: "Add", size: "small", styleType: "borderless", className: "customParamsSettings-header-add-button", onClick: handleAddClick, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgAdd, {}) })] }), (0, jsx_runtime_1.jsx)("div", { className: "customParamsSettings-content", children: (0, jsx_runtime_1.jsx)(itwinui_react_1.List, { as: "div", className: "customParamsSettings-content-listbox", children: Object.keys(params).map((keyName) => ((0, jsx_runtime_1.jsxs)(itwinui_react_1.ListItem, { as: "div", actionable: true, className: "customParamsSettings-content-entry", onClick: () => onListboxValueChange(keyName), onMouseEnter: () => setListItemUnderCursor(keyName), onMouseLeave: () => setListItemUnderCursor(undefined), children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.ListItem.Content, { className: "customParamsSettings-content-entry-name", children: keyName }), 
                             // Display the delete icon only when the mouse over a specific item otherwise list feels cluttered.
-                            listItemUnderCursor && listItemUnderCursor === keyName && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { size: "small", styleType: "borderless", className: "map-source-list-entry-button", title: mapLayers_1.MapLayersUI.translate("CustomParamSettings.EditButtonTitle"), children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgEdit, {}) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { size: "small", styleType: "borderless", className: "customParamsSettings-content-entry-button", title: mapLayers_1.MapLayersUI.translate("CustomParamSettings.DeleteButtonTitle"), onClick: (event) => {
+                            listItemUnderCursor && listItemUnderCursor === keyName && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { size: "small", styleType: "borderless", className: "map-source-list-entry-button", label: mapLayers_1.MapLayersUI.translate("CustomParamSettings.EditButtonTitle"), children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgEdit, {}) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { size: "small", styleType: "borderless", className: "customParamsSettings-content-entry-button", label: mapLayers_1.MapLayersUI.translate("CustomParamSettings.DeleteButtonTitle"), onClick: (event) => {
                                             onItemRemoveButtonClicked(keyName, event);
                                         }, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgDelete, {}) })] }))] }, keyName))) }) })] }));
 }

package/lib/cjs/ui/widget/CustomParamsSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomParamsSettings.js","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamsSettings.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\nimport \"./CustomParamsSettings.scss\";\nimport * as React from \"react\";\nimport { UiFramework } from \"@itwin/appui-react\";\nimport { Listbox, ListboxItem } from \"@itwin/core-react\";\nimport { SvgTechnicalPreviewMini } from \"@itwin/itwinui-icons-color-react\";\nimport { SvgAdd, SvgDelete, SvgEdit } from \"@itwin/itwinui-icons-react\";\nimport { Icon, IconButton } from \"@itwin/itwinui-react\";\nimport { CustomParamsMappingStorage } from \"../../CustomParamsMappingStorage\";\nimport { CustomParamsStorage } from \"../../CustomParamsStorage\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { CustomParamEditDialog } from \"./CustomParamEditDialog\";\n\nimport type { ListboxValue } from \"@itwin/core-react\";\nimport type { CustomParamItem } from \"../Interfaces\";\ninterface CustomParamsMap {\n  [paramName: string]: CustomParamItem;\n}\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function CustomParamsSettingsPanel() {\n  const [storage] = React.useState(() => new CustomParamsStorage());\n  const [mappingStorage] = React.useState(() => new CustomParamsMappingStorage());\n\n  const [params, setParams] = React.useState<CustomParamsMap>(() => {\n    const paramsMap: CustomParamsMap = {};\n    const paramsList = storage.get(undefined);\n    if (Array.isArray(paramsList)) {\n      for (const param of paramsList) {\n        paramsMap[param.name] = param;\n      }\n    }\n    return paramsMap;\n  });\n\n  const [listItemUnderCursor, setListItemUnderCursor] = React.useState<string | undefined>();\n  const [selectedValue, setSelectedValue] = React.useState<string | undefined>();\n\n  const deleteMapping = React.useCallback(\n    (name: string) => {\n      const tmpParams = { ...params };\n      delete tmpParams[name];\n      setParams(tmpParams);\n      storage.delete(name);\n\n      // Cascade delete to api key mapping\n      const mappingContent = mappingStorage.getContent();\n      if (mappingContent) {\n        for (const itemKey of Object.keys(mappingContent)) {\n          if (mappingContent[itemKey].customParamNames.includes(name)) {\n            const newParamNames = mappingContent[itemKey].customParamNames.filter((value) => value !== name);\n            newParamNames.length > 0 ? mappingStorage.save(itemKey, { customParamNames: newParamNames }) : mappingStorage.delete(itemKey);\n          }\n        }\n      }\n    },\n    [mappingStorage, params, storage],\n  );\n\n  /*\n   Handle Remove layer button clicked\n   */\n  const onItemRemoveButtonClicked = React.useCallback(\n    (name: string, event) => {\n      event.stopPropagation(); // We don't want the owning ListBox to react on mouse click.\n      deleteMapping(name);\n    },\n    [deleteMapping],\n  );\n\n  const onCancelEdit = React.useCallback(() => {\n    UiFramework.dialogs.modal.close();\n    setSelectedValue(undefined); // clear listbox focus\n  }, []);\n\n  const onOkEdit = React.useCallback(\n    (newItem: CustomParamItem, oldItem?: CustomParamItem) => {\n      UiFramework.dialogs.modal.close();\n\n      // If the edited item has a new name, delete the entry first.\n      const tmpParams = { ...params };\n      if (oldItem && oldItem.name !== newItem.name) {\n        delete tmpParams[oldItem.name];\n        setParams(tmpParams);\n        storage.delete(oldItem.name);\n\n        const mappingContent = mappingStorage.getContent();\n        if (mappingContent) {\n          for (const itemKey of Object.keys(mappingContent)) {\n            if (mappingContent[itemKey].customParamNames.includes(oldItem.name)) {\n              const newParamNames = mappingContent[itemKey].customParamNames.filter((value) => value !== oldItem.name);\n              newParamNames.push(newItem.name);\n              mappingStorage.save(itemKey, { customParamNames: newParamNames });\n            }\n          }\n        }\n      }\n      storage.save(newItem.name, newItem);\n\n      tmpParams[newItem.name] = newItem;\n      setParams(tmpParams);\n      setSelectedValue(undefined); // clear listbox focus\n    },\n    [mappingStorage, params, storage],\n  );\n\n  const handleAddClick = React.useCallback(() => {\n    UiFramework.dialogs.modal.open(<CustomParamEditDialog onOkResult={onOkEdit} onCancelResult={onCancelEdit} />);\n    return;\n  }, [onCancelEdit, onOkEdit]);\n\n  const onListboxValueChange = React.useCallback(\n    (newValue: ListboxValue, _isControlOrCommandPressed?: boolean) => {\n      const item = params[newValue];\n      if (item) {\n        UiFramework.dialogs.modal.open(<CustomParamEditDialog item={item} onOkResult={onOkEdit} onCancelResult={onCancelEdit} />);\n      }\n\n      setSelectedValue(newValue);\n      return;\n    },\n    [params, onCancelEdit, onOkEdit],\n  );\n\n  return (\n    <div className=\"customParamsSettings-container\">\n      <div className=\"customParamsSettings-header\">\n        <span className=\"customParamsSettings-header-label\">\n          {MapLayersUI.translate(\"CustomParamSettings.SectionLabel\")}\n          <div title={MapLayersUI.translate(\"Labels.TechPreviewBadgeTooltip\")} className=\"customParamsSettings-previewBadge\">\n            <Icon size=\"small\">\n              <SvgTechnicalPreviewMini />\n            </Icon>\n          </div>\n        </span>\n\n        <IconButton size=\"small\" styleType=\"borderless\" className=\"customParamsSettings-header-add-button\" onClick={handleAddClick}>\n          <SvgAdd />\n        </IconButton>\n      </div>\n      <div className=\"customParamsSettings-content\">\n      {/* eslint-disable-next-line @itwin/no-internal */}\n        <Listbox selectedValue={selectedValue} onListboxValueChange={onListboxValueChange} className=\"customParamsSettings-content-listbox\">\n          {Object.keys(params).map((keyName) => (\n            // eslint-disable-next-line @itwin/no-internal\n            <ListboxItem\n              key={keyName}\n              className=\"customParamsSettings-content-entry\"\n              value={keyName}\n              onMouseEnter={() => setListItemUnderCursor(keyName)}\n              onMouseLeave={() => setListItemUnderCursor(undefined)}\n            >\n              <span className=\"customParamsSettings-content-entry-name\" title={keyName}>\n                {keyName}\n              </span>\n              {\n                // Display the delete icon only when the mouse over a specific item otherwise list feels cluttered.\n                listItemUnderCursor && listItemUnderCursor === keyName && (\n                  <>\n                    <IconButton\n                      size=\"small\"\n                      styleType=\"borderless\"\n                      className=\"map-source-list-entry-button\"\n                      title={MapLayersUI.translate(\"CustomParamSettings.EditButtonTitle\")}\n                    >\n                      <SvgEdit />\n                    </IconButton>\n                    <IconButton\n                      size=\"small\"\n                      styleType=\"borderless\"\n                      className=\"customParamsSettings-content-entry-button\"\n                      title={MapLayersUI.translate(\"CustomParamSettings.DeleteButtonTitle\")}\n                      onClick={(event) => {\n                        onItemRemoveButtonClicked(keyName, event);\n                      }}\n                    >\n                      <SvgDelete />\n                    </IconButton>\n                  </>\n                )\n              }\n            </ListboxItem>\n          ))}\n        </Listbox>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"CustomParamsSettings.js","sourceRoot":"","sources":["../../../../src/ui/widget/CustomParamsSettings.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\nimport \"./CustomParamsSettings.scss\";\nimport * as React from \"react\";\nimport { UiFramework } from \"@itwin/appui-react\";\nimport { SvgTechnicalPreviewMini } from \"@itwin/itwinui-icons-color-react\";\nimport { SvgAdd, SvgDelete, SvgEdit } from \"@itwin/itwinui-icons-react\";\nimport { Icon, IconButton, List, ListItem } from \"@itwin/itwinui-react\";\nimport { CustomParamsMappingStorage } from \"../../CustomParamsMappingStorage\";\nimport { CustomParamsStorage } from \"../../CustomParamsStorage\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { CustomParamEditDialog } from \"./CustomParamEditDialog\";\n\nimport type { CustomParamItem } from \"../Interfaces\";\ninterface CustomParamsMap {\n  [paramName: string]: CustomParamItem;\n}\nexport function CustomParamsSettingsPanel() {\n  const [storage] = React.useState(() => new CustomParamsStorage());\n  const [mappingStorage] = React.useState(() => new CustomParamsMappingStorage());\n\n  const [params, setParams] = React.useState<CustomParamsMap>(() => {\n    const paramsMap: CustomParamsMap = {};\n    const paramsList = storage.get(undefined);\n    if (Array.isArray(paramsList)) {\n      for (const param of paramsList) {\n        paramsMap[param.name] = param;\n      }\n    }\n    return paramsMap;\n  });\n\n  const [listItemUnderCursor, setListItemUnderCursor] = React.useState<string | undefined>();\n\n  const deleteMapping = React.useCallback(\n    (name: string) => {\n      const tmpParams = { ...params };\n      delete tmpParams[name];\n      setParams(tmpParams);\n      storage.delete(name);\n\n      // Cascade delete to api key mapping\n      const mappingContent = mappingStorage.getContent();\n      if (mappingContent) {\n        for (const itemKey of Object.keys(mappingContent)) {\n          if (mappingContent[itemKey].customParamNames.includes(name)) {\n            const newParamNames = mappingContent[itemKey].customParamNames.filter((value) => value !== name);\n            newParamNames.length > 0 ? mappingStorage.save(itemKey, { customParamNames: newParamNames }) : mappingStorage.delete(itemKey);\n          }\n        }\n      }\n    },\n    [mappingStorage, params, storage],\n  );\n\n  /*\n   Handle Remove layer button clicked\n   */\n  const onItemRemoveButtonClicked = React.useCallback(\n    (name: string, event: React.MouseEvent) => {\n      event.stopPropagation(); // We don't want the owning ListBox to react on mouse click.\n      deleteMapping(name);\n    },\n    [deleteMapping],\n  );\n\n  const onCancelEdit = React.useCallback(() => {\n    UiFramework.dialogs.modal.close();\n  }, []);\n\n  const onOkEdit = React.useCallback(\n    (newItem: CustomParamItem, oldItem?: CustomParamItem) => {\n      UiFramework.dialogs.modal.close();\n\n      // If the edited item has a new name, delete the entry first.\n      const tmpParams = { ...params };\n      if (oldItem && oldItem.name !== newItem.name) {\n        delete tmpParams[oldItem.name];\n        setParams(tmpParams);\n        storage.delete(oldItem.name);\n\n        const mappingContent = mappingStorage.getContent();\n        if (mappingContent) {\n          for (const itemKey of Object.keys(mappingContent)) {\n            if (mappingContent[itemKey].customParamNames.includes(oldItem.name)) {\n              const newParamNames = mappingContent[itemKey].customParamNames.filter((value) => value !== oldItem.name);\n              newParamNames.push(newItem.name);\n              mappingStorage.save(itemKey, { customParamNames: newParamNames });\n            }\n          }\n        }\n      }\n      storage.save(newItem.name, newItem);\n\n      tmpParams[newItem.name] = newItem;\n      setParams(tmpParams);\n    },\n    [mappingStorage, params, storage],\n  );\n\n  const handleAddClick = React.useCallback(() => {\n    UiFramework.dialogs.modal.open(<CustomParamEditDialog onOkResult={onOkEdit} onCancelResult={onCancelEdit} />);\n    return;\n  }, [onCancelEdit, onOkEdit]);\n\n  const onListboxValueChange = React.useCallback(\n    (newValue: string, _isControlOrCommandPressed?: boolean) => {\n      const item = params[newValue];\n      if (item) {\n        UiFramework.dialogs.modal.open(<CustomParamEditDialog item={item} onOkResult={onOkEdit} onCancelResult={onCancelEdit} />);\n      }\n\n      return;\n    },\n    [params, onCancelEdit, onOkEdit],\n  );\n\n  return (\n    <div className=\"customParamsSettings-container\">\n      <div className=\"customParamsSettings-header\">\n        <span className=\"customParamsSettings-header-label\">\n          {MapLayersUI.translate(\"CustomParamSettings.SectionLabel\")}\n          <div title={MapLayersUI.translate(\"Labels.TechPreviewBadgeTooltip\")} className=\"customParamsSettings-previewBadge\">\n            <Icon size=\"small\">\n              <SvgTechnicalPreviewMini />\n            </Icon>\n          </div>\n        </span>\n\n        <IconButton label=\"Add\" size=\"small\" styleType=\"borderless\" className=\"customParamsSettings-header-add-button\" onClick={handleAddClick}>\n          <SvgAdd />\n        </IconButton>\n      </div>\n      <div className=\"customParamsSettings-content\">\n        <List as=\"div\" className=\"customParamsSettings-content-listbox\">\n          {Object.keys(params).map((keyName) => (\n            <ListItem\n              as=\"div\"\n              key={keyName}\n              actionable\n              className=\"customParamsSettings-content-entry\"\n              onClick={() => onListboxValueChange(keyName)}\n              onMouseEnter={() => setListItemUnderCursor(keyName)}\n              onMouseLeave={() => setListItemUnderCursor(undefined)}\n            >\n              <ListItem.Content className=\"customParamsSettings-content-entry-name\">\n                {keyName}\n              </ListItem.Content>\n              {\n                // Display the delete icon only when the mouse over a specific item otherwise list feels cluttered.\n                listItemUnderCursor && listItemUnderCursor === keyName && (\n                  <>\n                    <IconButton\n                      size=\"small\"\n                      styleType=\"borderless\"\n                      className=\"map-source-list-entry-button\"\n                      label={MapLayersUI.translate(\"CustomParamSettings.EditButtonTitle\")}\n                    >\n                      <SvgEdit />\n                    </IconButton>\n                    <IconButton\n                      size=\"small\"\n                      styleType=\"borderless\"\n                      className=\"customParamsSettings-content-entry-button\"\n                      label={MapLayersUI.translate(\"CustomParamSettings.DeleteButtonTitle\")}\n                      onClick={(event) => {\n                        onItemRemoveButtonClicked(keyName, event);\n                      }}\n                    >\n                      <SvgDelete />\n                    </IconButton>\n                  </>\n                )\n              }\n            </ListItem>\n          ))}\n        </List>\n      </div>\n    </div>\n  );\n}\n"]}

package/lib/cjs/ui/widget/CustomParamsSettings.scss

@@ -39,6 +39,8 @@ button.customParamsSettings-button {
   .customParamsSettings-content {
     height: 100px;
     min-height: 60px;
+    overflow-x: hidden;
+    overflow-y: auto;
     border-top: 1px solid #ccc;
 
     .customParamsSettings-content-listbox {

package/lib/cjs/ui/widget/FeatureInfoDataProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoDataProvider.js","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoDataProvider.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { IPropertyDataProvider, PropertyCategory, PropertyData } from \"@itwin/components-react\";\nimport { PropertyDataChangeEvent } from \"@itwin/components-react\";\nimport type { MapFeatureInfo, MapSubLayerFeatureInfo, StartOrResume, Tool } from \"@itwin/core-frontend\";\nimport { IModelApp, MapLayerFeatureRecord } from \"@itwin/core-frontend\";\nimport type { MapFeatureInfoToolData } from \"@itwin/map-layers-formats\";\nimport { MapFeatureInfoTool } from \"@itwin/map-layers-formats\";\n\n/**\n * Implementation of [IPropertyDataProvider] that uses an associative  array.\n * @internal\n */\n\nclass SimplePropertyData implements PropertyData {\n  public label: PropertyRecord = PropertyRecord.fromString(\"\");\n  public description?: string;\n  public categories: PropertyCategory[] = [];\n  public records: { [categoryName: string]: PropertyRecord[] } = {};\n}\n\n/**\n * @internal\n */\nexport class FeatureInfoDataProvider implements IPropertyDataProvider {\n  private _detachActiveToolListener: VoidFunction | undefined;\n  private readonly _detachToolAdminListener: VoidFunction;\n\n  public onDataChanged = new PropertyDataChangeEvent();\n  private _data = new SimplePropertyData();\n  private _isActive = false;\n\n  constructor() {\n    this._detachToolAdminListener = IModelApp.toolAdmin.activeToolChanged.addListener(this.handleActiveToolChanged);\n  }\n\n  private handleActiveToolChanged = (tool: Tool, _start: StartOrResume) => {\n    if (this._detachActiveToolListener) {\n      this._detachActiveToolListener();\n    }\n    this._detachActiveToolListener = undefined;\n\n    if (tool.toolId === MapFeatureInfoTool.toolId) {\n      const mapInfoTool = tool as MapFeatureInfoTool;\n\n      this._detachActiveToolListener = mapInfoTool.onInfoReady.addListener(this.handleOnInfoReadyChanged);\n\n      if (this._isActive) {\n        // This is a tool reset, simply clear previous data\n        this._data = new SimplePropertyData();\n        this.onDataChanged.raiseEvent();\n      } else {\n        this._isActive = true;\n      }\n    } else {\n      this._data = new SimplePropertyData();\n      this.onDataChanged.raiseEvent();\n      this._isActive = false;\n    }\n  };\n\n  private handleOnInfoReadyChanged = (data: MapFeatureInfoToolData) => {\n    void this.setInfo(data.mapInfo).then(); // No need to wait for data parsing.\n  };\n\n  private generateLayerCategoryName(subLayerName: string) {\n    return `_layer_${subLayerName}`;\n  }\n\n  private generateSubLayerCategoryName(subLayerName: string) {\n    return `_subLayer_${subLayerName}`;\n  }\n\n  public onUnload() {\n    this._detachToolAdminListener();\n    if (this._detachActiveToolListener) {\n      this._detachActiveToolListener();\n      this._detachActiveToolListener = undefined;\n    }\n  }\n\n  public get hasRecords() {\n    return this._data.categories.length > 0;\n  }\n\n  private async setInfo(mapInfo?: MapFeatureInfo) {\n    this._data = new SimplePropertyData();\n\n    if (mapInfo?.layerInfos) {\n      for (const curLayerInfo of mapInfo.layerInfos) {\n        const categoryName = this.generateLayerCategoryName(curLayerInfo.layerName);\n        const layerCatIdx = this.findCategoryIndexByName(categoryName);\n        let nbRecords = 0;\n\n        const layerCategory =\n          layerCatIdx === -1 ? { name: categoryName, label: curLayerInfo.layerName, expand: true, childCategories: [] } : this._data.categories[layerCatIdx];\n\n        if (curLayerInfo.subLayerInfos) {\n          for (const subLayerInfo of curLayerInfo.subLayerInfos) {\n            this.addSubLayerCategory(subLayerInfo, layerCategory);\n\n            // Add every feature records for this sub-layer\n            for (const feature of subLayerInfo.features) {\n              nbRecords++;\n              for (const attribute of feature.attributes) {\n                // Always use the string value for now\n                this.addProperty(MapLayerFeatureRecord.createRecordFromAttribute(attribute), this.generateSubLayerCategoryName(subLayerInfo.subLayerName));\n              }\n            }\n          }\n          if (layerCatIdx === -1 && nbRecords > 0) {\n            this.addCategory(layerCategory);\n          }\n        }\n      }\n    }\n\n    this.onDataChanged.raiseEvent();\n  }\n\n  public addSubLayerCategory(subLayerInfo: MapSubLayerFeatureInfo, layerCategory: PropertyCategory) {\n    const subLayerName = this.generateSubLayerCategoryName(subLayerInfo.subLayerName);\n    const subCatIdx = layerCategory.childCategories?.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === subLayerName;\n    });\n\n    let subLayerCategory;\n    if (subCatIdx === -1) {\n      subLayerCategory = { name: subLayerName, label: subLayerInfo.subLayerName, expand: true };\n      this.addSubCategory(subLayerName);\n      layerCategory.childCategories?.push(subLayerCategory);\n    }\n  }\n  public addSubCategory(categoryName: string) {\n    this._data.records[categoryName] = [];\n  }\n\n  public addCategory(category: PropertyCategory): number {\n    const categoryIdx = this._data.categories.push(category) - 1;\n    this._data.records[this._data.categories[categoryIdx].name] = [];\n    return categoryIdx;\n  }\n\n  public findCategoryIndex(category: PropertyCategory): number {\n    const index = this._data.categories.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === category.name;\n    });\n    return index;\n  }\n  public findCategoryIndexByName(name: string): number {\n    const index = this._data.categories.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === name;\n    });\n    return index;\n  }\n\n  public addProperty(propertyRecord: PropertyRecord, categoryName: string): void {\n    const idx = this._data.records[categoryName].findIndex((prop) => prop.property.name === propertyRecord.property.name);\n    if (idx === -1) {\n      this._data.records[categoryName].push(propertyRecord);\n    } else {\n      this._data.records[categoryName][idx].isMerged = true;\n      this._data.records[categoryName][idx].isReadonly = true;\n    }\n  }\n\n  public removeProperty(propertyRecord: PropertyRecord, categoryIdx: number): boolean {\n    const index = this._data.records[this._data.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\n      return record === propertyRecord;\n    });\n\n    let result = false;\n\n    if (index >= 0) {\n      this._data.records[this._data.categories[categoryIdx].name].splice(index, 1);\n      this.onDataChanged.raiseEvent();\n      result = true;\n    }\n    return result;\n  }\n\n  public replaceProperty(propertyRecord: PropertyRecord, categoryIdx: number, newRecord: PropertyRecord): boolean {\n    const index = this._data.records[this._data.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\n      return record === propertyRecord;\n    });\n\n    let result = false;\n\n    if (index >= 0) {\n      this._data.records[this._data.categories[categoryIdx].name].splice(index, 1, newRecord);\n      result = true;\n    }\n    return result;\n  }\n\n  public async getData(): Promise<PropertyData> {\n    return this._data;\n  }\n}\n"]}
+{"version":3,"file":"FeatureInfoDataProvider.js","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoDataProvider.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { IPropertyDataProvider, PropertyCategory, PropertyData } from \"@itwin/components-react\";\nimport { PropertyDataChangeEvent } from \"@itwin/components-react\";\nimport type { MapFeatureInfo, MapSubLayerFeatureInfo, StartOrResume, Tool } from \"@itwin/core-frontend\";\nimport { IModelApp, MapLayerFeatureRecord } from \"@itwin/core-frontend\";\nimport type { MapFeatureInfoToolData } from \"@itwin/map-layers-formats\";\nimport { MapFeatureInfoTool } from \"@itwin/map-layers-formats\";\n\n/**\n * Implementation of [IPropertyDataProvider] that uses an associative  array.\n * @internal\n */\n\nclass SimplePropertyData implements PropertyData {\n  public label: PropertyRecord = PropertyRecord.fromString(\"\");\n  public description?: string;\n  public categories: PropertyCategory[] = [];\n  public records: { [categoryName: string]: PropertyRecord[] } = {};\n}\n\n/**\n * @internal\n */\nexport class FeatureInfoDataProvider implements IPropertyDataProvider {\n  private _detachActiveToolListener: VoidFunction | undefined;\n  private readonly _detachToolAdminListener: VoidFunction;\n\n  public onDataChanged = new PropertyDataChangeEvent();\n  private _data = new SimplePropertyData();\n  private _isActive = false;\n\n  constructor() {\n    this._detachToolAdminListener = IModelApp.toolAdmin.activeToolChanged.addListener(this.handleActiveToolChanged);\n  }\n\n  private handleActiveToolChanged = (tool: Tool, _start: StartOrResume) => {\n    if (this._detachActiveToolListener) {\n      this._detachActiveToolListener();\n    }\n    this._detachActiveToolListener = undefined;\n\n    if (tool.toolId === MapFeatureInfoTool.toolId) {\n      const mapInfoTool = tool as MapFeatureInfoTool;\n\n      this._detachActiveToolListener = mapInfoTool.onInfoReady.addListener(this.handleOnInfoReadyChanged);\n\n      if (this._isActive) {\n        // This is a tool reset, simply clear previous data\n        this._data = new SimplePropertyData();\n        this.onDataChanged.raiseEvent();\n      } else {\n        this._isActive = true;\n      }\n    } else {\n      this._data = new SimplePropertyData();\n      this.onDataChanged.raiseEvent();\n      this._isActive = false;\n    }\n  };\n\n  private handleOnInfoReadyChanged = (data: MapFeatureInfoToolData) => {\n    void this.setInfo(data.mapInfo).then(); // No need to wait for data parsing.\n  };\n\n  private generateLayerCategoryName(subLayerName: string) {\n    return `_layer_${subLayerName}`;\n  }\n\n  private generateSubLayerCategoryName(subLayerName: string) {\n    return `_subLayer_${subLayerName}`;\n  }\n\n  public onUnload() {\n    this._detachToolAdminListener();\n    if (this._detachActiveToolListener) {\n      this._detachActiveToolListener();\n      this._detachActiveToolListener = undefined;\n    }\n  }\n\n  public get hasRecords() {\n    return this._data.categories.length > 0;\n  }\n\n  private async setInfo(mapInfo?: MapFeatureInfo) {\n    this._data = new SimplePropertyData();\n\n    if (mapInfo?.layerInfos) {\n      for (const curLayerInfo of mapInfo.layerInfos) {\n        const categoryName = this.generateLayerCategoryName(curLayerInfo.layerName);\n        const layerCatIdx = this.findCategoryIndexByName(categoryName);\n        let nbRecords = 0;\n\n        const layerCategory =\n          layerCatIdx === -1 ? { name: categoryName, label: curLayerInfo.layerName, expand: true, childCategories: [] } : this._data.categories[layerCatIdx];\n\n        if (curLayerInfo.subLayerInfos) {\n          for (const subLayerInfo of curLayerInfo.subLayerInfos) {\n            this.addSubLayerCategory(subLayerInfo, layerCategory);\n\n            // Add every feature records for this sub-layer\n            for (const feature of subLayerInfo.features) {\n              nbRecords++;\n              for (const attribute of feature.attributes) {\n                // Always use the string value for now\n                this.addProperty(MapLayerFeatureRecord.createRecordFromAttribute(attribute), this.generateSubLayerCategoryName(subLayerInfo.subLayerName));\n              }\n            }\n          }\n          if (layerCatIdx === -1 && nbRecords > 0) {\n            this.addCategory(layerCategory);\n          }\n        }\n      }\n    }\n\n    this.onDataChanged.raiseEvent();\n  }\n\n  public addSubLayerCategory(subLayerInfo: MapSubLayerFeatureInfo, layerCategory: PropertyCategory) {\n    const subLayerName = this.generateSubLayerCategoryName(subLayerInfo.subLayerName);\n    const subCatIdx = layerCategory.childCategories?.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === subLayerName;\n    });\n\n    let subLayerCategory;\n    if (subCatIdx === -1) {\n      subLayerCategory = { name: subLayerName, label: subLayerInfo.subLayerName, expand: true };\n      this.addSubCategory(subLayerName);\n      layerCategory.childCategories?.push(subLayerCategory);\n    }\n  }\n  public addSubCategory(categoryName: string) {\n    this._data.records[categoryName] = [];\n  }\n\n  public addCategory(category: PropertyCategory): number {\n    const categoryIdx = this._data.categories.push(category) - 1;\n    this._data.records[this._data.categories[categoryIdx].name] = [];\n    return categoryIdx;\n  }\n\n  public findCategoryIndex(category: PropertyCategory): number {\n    const index = this._data.categories.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === category.name;\n    });\n    return index;\n  }\n  public findCategoryIndexByName(name: string): number {\n    const index = this._data.categories.findIndex((testCategory: PropertyCategory) => {\n      return testCategory.name === name;\n    });\n    return index;\n  }\n\n  public addProperty(propertyRecord: PropertyRecord, categoryName: string): void {\n    const idx = this._data.records[categoryName].findIndex((prop) => prop.property.name === propertyRecord.property.name);\n    if (idx === -1) {\n      this._data.records[categoryName].push(propertyRecord);\n    } else {\n      this._data.records[categoryName][idx].isMerged = true;\n      this._data.records[categoryName][idx].isReadonly = true;\n    }\n  }\n\n  public removeProperty(propertyRecord: PropertyRecord, categoryIdx: number): boolean {\n    const index = this._data.records[this._data.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\n      return record === propertyRecord;\n    });\n\n    let result = false;\n\n    if (index >= 0) {\n      this._data.records[this._data.categories[categoryIdx].name].splice(index, 1);\n      this.onDataChanged.raiseEvent();\n      result = true;\n    }\n    return result;\n  }\n\n  public replaceProperty(propertyRecord: PropertyRecord, categoryIdx: number, newRecord: PropertyRecord): boolean {\n    const index = this._data.records[this._data.categories[categoryIdx].name].findIndex((record: PropertyRecord) => {\n      return record === propertyRecord;\n    });\n\n    let result = false;\n\n    if (index >= 0) {\n      this._data.records[this._data.categories[categoryIdx].name].splice(index, 1, newRecord);\n      result = true;\n    }\n    return result;\n  }\n\n  public async getData(): Promise<PropertyData> {\n    return this._data;\n  }\n}\n"]}

package/lib/cjs/ui/widget/FeatureInfoWidget.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { MapFeatureInfoOptions } from "../Interfaces";
 export declare function useSpecificWidgetDef(id: string): import("@itwin/appui-react").WidgetDef | undefined;
 interface MapFeatureInfoWidgetProps {
     featureInfoOpts: MapFeatureInfoOptions;
 }
-export declare function MapFeatureInfoWidget({ featureInfoOpts }: MapFeatureInfoWidgetProps): JSX.Element;
+export declare function MapFeatureInfoWidget({ featureInfoOpts }: MapFeatureInfoWidgetProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=FeatureInfoWidget.d.ts.map

package/lib/cjs/ui/widget/FeatureInfoWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoWidget.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.tsx"],"names":[],"mappings":";AAcA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAG3D,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,sDAG9C;AAGD,UAAU,yBAAyB;IACjC,eAAe,EAAE,qBAAqB,CAAC;CACxC;AAGD,wBAAgB,oBAAoB,CAAC,EAAE,eAAe,EAAE,EAAE,yBAAyB,eA8ElF"}
+{"version":3,"file":"FeatureInfoWidget.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAC3D,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,sDAG9C;AAGD,UAAU,yBAAyB;IACjC,eAAe,EAAE,qBAAqB,CAAC;CACxC;AAED,wBAAgB,oBAAoB,CAAC,EAAE,eAAe,EAAE,EAAE,yBAAyB,2CAgFlF"}

package/lib/cjs/ui/widget/FeatureInfoWidget.js

@@ -43,15 +43,14 @@ function useSpecificWidgetDef(id) {
     return frontstageDef?.findWidgetDef(id);
 }
 exports.useSpecificWidgetDef = useSpecificWidgetDef;
-// eslint-disable-next-line @typescript-eslint/naming-convention
 function MapFeatureInfoWidget({ featureInfoOpts }) {
-    const dataProvider = React.useRef();
+    const dataProvider = React.useRef(null);
     const [hasData, setHasData] = React.useState(false);
     const [noRecordsMessage] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:FeatureInfoWidget.NoRecords"));
     const [{ width, height }, setSize] = React.useState({ width: 0, height: 0 });
     const widgetDef = useSpecificWidgetDef(FeatureInfoUiItemsProvider_1.FeatureInfoUiItemsProvider.widgetId);
     const handleDataChanged = React.useCallback(() => {
-        const dataAvailable = dataProvider.current !== undefined && dataProvider.current.hasRecords;
+        const dataAvailable = dataProvider.current !== null && dataProvider.current.hasRecords;
         setHasData(dataAvailable);
         if (widgetDef) {
             widgetDef.setWidgetState(dataAvailable ? appui_react_1.WidgetState.Open : appui_react_1.WidgetState.Hidden);
@@ -72,18 +71,20 @@ function MapFeatureInfoWidget({ featureInfoOpts }) {
     const handleResize = React.useCallback((w, h) => {
         setSize({ width: w, height: h });
     }, []);
-    const copyButton = React.useCallback((props) => props.isPropertyHovered && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { styleType: "borderless", onClick: () => {
+    const copyButton = React.useCallback((props) => props.isPropertyHovered && ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { styleType: "borderless", label: "Copy", onClick: () => {
                 const value = props.property.value;
                 if (value !== undefined && value.hasOwnProperty("displayValue")) {
                     navigator.clipboard.writeText(value.displayValue ?? "").catch((_) => { });
                 }
             }, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgCopy, {}) }) })), []);
     if (hasData && dataProvider.current) {
-        return ((0, jsx_runtime_1.jsx)(core_react_1.ResizableContainerObserver, { onResize: handleResize, children: (0, jsx_runtime_1.jsx)(components_react_1.VirtualizedPropertyGridWithDataProvider, { width: width, height: height, dataProvider: dataProvider.current, orientation: core_react_1.Orientation.Vertical, isPropertySelectionEnabled: featureInfoOpts?.propertyGridOptions?.isPropertySelectionEnabled, isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered
+        return (
+        // eslint-disable-next-line @typescript-eslint/no-deprecated
+        (0, jsx_runtime_1.jsx)(core_react_1.ResizableContainerObserver, { onResize: handleResize, children: (0, jsx_runtime_1.jsx)(components_react_1.VirtualizedPropertyGridWithDataProvider, { width: width, height: height, dataProvider: dataProvider.current, orientation: components_react_1.Orientation.Vertical, isPropertySelectionEnabled: featureInfoOpts?.propertyGridOptions?.isPropertySelectionEnabled, isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered
                 : true, actionButtonRenderers: [copyButton] }) }));
     }
     else {
-        return ((0, jsx_runtime_1.jsx)(core_react_1.FillCentered, { children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)("i", { children: noRecordsMessage }) }) }));
+        return ((0, jsx_runtime_1.jsx)(itwinui_react_1.Flex, { justifyContent: "center", style: { width: "100%", height: "100%" }, children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)("i", { children: noRecordsMessage }) }) }));
     }
 }
 exports.MapFeatureInfoWidget = MapFeatureInfoWidget;

package/lib/cjs/ui/widget/FeatureInfoWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureInfoWidget.js","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport type { PrimitiveValue } from \"@itwin/appui-abstract\";\nimport { useActiveFrontstageDef, WidgetState } from \"@itwin/appui-react\";\nimport type { ActionButtonRendererProps } from \"@itwin/components-react\";\nimport { VirtualizedPropertyGridWithDataProvider } from \"@itwin/components-react\";\nimport { FillCentered, Orientation, ResizableContainerObserver } from \"@itwin/core-react\";\nimport { SvgCopy } from \"@itwin/itwinui-icons-react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { FeatureInfoUiItemsProvider } from \"../FeatureInfoUiItemsProvider\";\nimport type { MapFeatureInfoOptions } from \"../Interfaces\";\nimport { FeatureInfoDataProvider } from \"./FeatureInfoDataProvider\";\n\nexport function useSpecificWidgetDef(id: string) {\n  const frontstageDef = useActiveFrontstageDef();\n  return frontstageDef?.findWidgetDef(id);\n}\n\n// MapFeatureInfoWidgetProps\ninterface MapFeatureInfoWidgetProps {\n  featureInfoOpts: MapFeatureInfoOptions;\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function MapFeatureInfoWidget({ featureInfoOpts }: MapFeatureInfoWidgetProps) {\n  const dataProvider = React.useRef<FeatureInfoDataProvider>();\n  const [hasData, setHasData] = React.useState<boolean>(false);\n\n  const [noRecordsMessage] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.NoRecords\"));\n\n  const [{ width, height }, setSize] = React.useState({ width: 0, height: 0 });\n\n  const widgetDef = useSpecificWidgetDef(FeatureInfoUiItemsProvider.widgetId);\n  const handleDataChanged = React.useCallback(() => {\n    const dataAvailable = dataProvider.current !== undefined && dataProvider.current.hasRecords;\n    setHasData(dataAvailable);\n    if (widgetDef) {\n      widgetDef.setWidgetState(dataAvailable ? WidgetState.Open : WidgetState.Hidden);\n    }\n  }, [widgetDef]);\n\n  React.useEffect(() => {\n    dataProvider.current = new FeatureInfoDataProvider();\n    return () => {\n      dataProvider?.current?.onUnload();\n    };\n  }, []);\n\n  React.useEffect(() => {\n    dataProvider.current?.onDataChanged.addListener(handleDataChanged);\n    return () => {\n      dataProvider.current?.onDataChanged.removeListener(handleDataChanged);\n    };\n  }, [handleDataChanged]);\n\n  const handleResize = React.useCallback((w: number, h: number) => {\n    setSize({ width: w, height: h });\n  }, []);\n\n  const copyButton = React.useCallback(\n    (props: ActionButtonRendererProps) =>\n      props.isPropertyHovered && (\n        <div>\n          <IconButton\n            styleType=\"borderless\"\n            onClick={() => {\n              const value = props.property.value;\n              if (value !== undefined && value.hasOwnProperty(\"displayValue\")) {\n                navigator.clipboard.writeText((value as PrimitiveValue).displayValue ?? \"\").catch((_) => {});\n              }\n            }}\n          >\n            <SvgCopy />\n          </IconButton>\n        </div>\n      ),\n    [],\n  );\n\n  if (hasData && dataProvider.current) {\n    return (\n      <ResizableContainerObserver onResize={handleResize}>\n        <VirtualizedPropertyGridWithDataProvider\n          width={width}\n          height={height}\n          dataProvider={dataProvider.current}\n          orientation={Orientation.Vertical}\n          isPropertySelectionEnabled={featureInfoOpts?.propertyGridOptions?.isPropertySelectionEnabled}\n          isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered\n          actionButtonRenderers={[copyButton]}\n        />\n      </ResizableContainerObserver>\n    );\n  } else {\n    return (\n      <FillCentered>\n        <span>\n          <i>{noRecordsMessage}</i>\n        </span>\n      </FillCentered>\n    );\n  }\n}\n"]}
+{"version":3,"file":"FeatureInfoWidget.js","sourceRoot":"","sources":["../../../../src/ui/widget/FeatureInfoWidget.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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { useActiveFrontstageDef, WidgetState } from \"@itwin/appui-react\";\nimport { Orientation, VirtualizedPropertyGridWithDataProvider } from \"@itwin/components-react\";\nimport { ResizableContainerObserver } from \"@itwin/core-react\";\nimport { SvgCopy } from \"@itwin/itwinui-icons-react\";\nimport { Flex, IconButton } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\nimport { FeatureInfoUiItemsProvider } from \"../FeatureInfoUiItemsProvider\";\nimport { FeatureInfoDataProvider } from \"./FeatureInfoDataProvider\";\n\nimport type { PrimitiveValue } from \"@itwin/appui-abstract\";\nimport type { ActionButtonRendererProps } from \"@itwin/components-react\";\nimport type { MapFeatureInfoOptions } from \"../Interfaces\";\nexport function useSpecificWidgetDef(id: string) {\n  const frontstageDef = useActiveFrontstageDef();\n  return frontstageDef?.findWidgetDef(id);\n}\n\n// MapFeatureInfoWidgetProps\ninterface MapFeatureInfoWidgetProps {\n  featureInfoOpts: MapFeatureInfoOptions;\n}\n\nexport function MapFeatureInfoWidget({ featureInfoOpts }: MapFeatureInfoWidgetProps) {\n  const dataProvider = React.useRef<FeatureInfoDataProvider | null>(null);\n  const [hasData, setHasData] = React.useState<boolean>(false);\n\n  const [noRecordsMessage] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:FeatureInfoWidget.NoRecords\"));\n\n  const [{ width, height }, setSize] = React.useState({ width: 0, height: 0 });\n\n  const widgetDef = useSpecificWidgetDef(FeatureInfoUiItemsProvider.widgetId);\n  const handleDataChanged = React.useCallback(() => {\n    const dataAvailable = dataProvider.current !== null && dataProvider.current.hasRecords;\n    setHasData(dataAvailable);\n    if (widgetDef) {\n      widgetDef.setWidgetState(dataAvailable ? WidgetState.Open : WidgetState.Hidden);\n    }\n  }, [widgetDef]);\n\n  React.useEffect(() => {\n    dataProvider.current = new FeatureInfoDataProvider();\n    return () => {\n      dataProvider?.current?.onUnload();\n    };\n  }, []);\n\n  React.useEffect(() => {\n    dataProvider.current?.onDataChanged.addListener(handleDataChanged);\n    return () => {\n      dataProvider.current?.onDataChanged.removeListener(handleDataChanged);\n    };\n  }, [handleDataChanged]);\n\n  const handleResize = React.useCallback((w: number, h: number) => {\n    setSize({ width: w, height: h });\n  }, []);\n\n  const copyButton = React.useCallback(\n    (props: ActionButtonRendererProps) =>\n      props.isPropertyHovered && (\n        <div>\n          <IconButton\n            styleType=\"borderless\"\n            label=\"Copy\"\n            onClick={() => {\n              const value = props.property.value;\n              if (value !== undefined && value.hasOwnProperty(\"displayValue\")) {\n                navigator.clipboard.writeText((value as PrimitiveValue).displayValue ?? \"\").catch((_) => {});\n              }\n            }}\n          >\n            <SvgCopy />\n          </IconButton>\n        </div>\n      ),\n    [],\n  );\n\n  if (hasData && dataProvider.current) {\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-deprecated\n      <ResizableContainerObserver onResize={handleResize}>\n        <VirtualizedPropertyGridWithDataProvider\n          width={width}\n          height={height}\n          dataProvider={dataProvider.current}\n          orientation={Orientation.Vertical}\n          isPropertySelectionEnabled={featureInfoOpts?.propertyGridOptions?.isPropertySelectionEnabled}\n          isPropertyHoverEnabled // This need to be turned on to have the action button appears only when property hovered\n          actionButtonRenderers={[copyButton]}\n        />\n      </ResizableContainerObserver>\n    );\n  } else {\n    return (\n      <Flex justifyContent=\"center\" style={{ width: \"100%\", height: \"100%\" }}>\n        <span>\n          <i>{noRecordsMessage}</i>\n        </span>\n      </Flex>\n    );\n  }\n}\n"]}

package/lib/cjs/ui/widget/MapLayerActionButtons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface MapLayerActionButtonsProps {
     disabled: boolean;
     checked: boolean;
@@ -9,6 +8,6 @@ interface MapLayerActionButtonsProps {
     selectAll: () => Promise<void>;
     unlink: () => Promise<void>;
 }
-export declare const MapLayerActionButtons: ({ disabled, showAll, hideAll, invert, selectAll, unlink, checked, disabledUnlink }: MapLayerActionButtonsProps) => JSX.Element;
+export declare const MapLayerActionButtons: ({ disabled, showAll, hideAll, invert, selectAll, unlink, checked, disabledUnlink }: MapLayerActionButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=MapLayerActionButtons.d.ts.map

package/lib/cjs/ui/widget/MapLayerActionButtons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MapLayerActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerActionButtons.tsx"],"names":[],"mappings":";AASA,UAAU,0BAA0B;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,uFAAwF,0BAA0B,gBA0BnJ,CAAC"}
+{"version":3,"file":"MapLayerActionButtons.d.ts","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerActionButtons.tsx"],"names":[],"mappings":"AASA,UAAU,0BAA0B;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,SAAS,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,uFAAwF,0BAA0B,4CA0BnJ,CAAC"}

package/lib/cjs/ui/widget/MapLayerActionButtons.js

@@ -29,16 +29,16 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
-const itwinui_react_1 = require("@itwin/itwinui-react");
 const React = __importStar(require("react"));
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 const mapLayers_1 = require("../../mapLayers");
 const MapLayerActionButtons = ({ disabled, showAll, hideAll, invert, selectAll, unlink, checked, disabledUnlink }) => {
     const [showAllLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:MapLayerActionButtons.ShowAllLabel"));
     const [hideAllLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:MapLayerActionButtons.HideAllLabel"));
     const [invertAllLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:MapLayerActionButtons.InvertAllLabel"));
     const [detachSelectedLabel] = React.useState(mapLayers_1.MapLayersUI.localization.getLocalizedString("mapLayers:MapLayerActionButtons.DetachSelectedLabel"));
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "map-manager-layer-action-buttons", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Checkbox, { "data-testid": "select-all-checkbox", checked: checked, onChange: selectAll, className: "map-manager-layer-action-unlink-button" }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ButtonGroup, { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled || disabledUnlink, title: detachSelectedLabel, size: "small", styleType: "borderless", onClick: unlink, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgUnlink, {}) }) }), (0, jsx_runtime_1.jsxs)(itwinui_react_1.ButtonGroup, { className: "map-manager-layer-action-buttons-inside-separator", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled, size: "small", title: showAllLabel, onClick: showAll, styleType: "borderless", children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityShow, {}) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled, title: invertAllLabel, size: "small", styleType: "borderless", onClick: invert, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityHalf, {}) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled, title: hideAllLabel, size: "small", styleType: "borderless", onClick: hideAll, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityHide, {}) })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "map-manager-layer-action-buttons", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.Checkbox, { "data-testid": "select-all-checkbox", checked: checked, onChange: selectAll, className: "map-manager-layer-action-unlink-button" }), (0, jsx_runtime_1.jsx)(itwinui_react_1.ButtonGroup, { children: (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled || disabledUnlink, "data-testid": "detach-label-button", label: detachSelectedLabel, size: "small", styleType: "borderless", onClick: unlink, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgUnlink, {}) }) }), (0, jsx_runtime_1.jsxs)(itwinui_react_1.ButtonGroup, { className: "map-manager-layer-action-buttons-inside-separator", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled, "data-testid": "show-all-label-button", label: showAllLabel, size: "small", onClick: showAll, styleType: "borderless", children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityShow, {}) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled, "data-testid": "invert-all-label-button", label: invertAllLabel, size: "small", styleType: "borderless", onClick: invert, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityHalf, {}) }), (0, jsx_runtime_1.jsx)(itwinui_react_1.IconButton, { disabled: disabled, "data-testid": "hide-all-label-button", label: hideAllLabel, size: "small", styleType: "borderless", onClick: hideAll, children: (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgVisibilityHide, {}) })] })] }));
 };
 exports.MapLayerActionButtons = MapLayerActionButtons;
 //# sourceMappingURL=MapLayerActionButtons.js.map

package/lib/cjs/ui/widget/MapLayerActionButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"MapLayerActionButtons.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerActionButtons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,wDAAyE;AACzE,6CAA+B;AAC/B,oEAAgH;AAChH,+CAA8C;AAavC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAA8B,EAAE,EAAE;IACtJ,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,8CAA8C,CAAC,CAAC,CAAC;IACnI,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,8CAA8C,CAAC,CAAC,CAAC;IACnI,MAAM,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,gDAAgD,CAAC,CAAC,CAAC;IACvI,MAAM,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,qDAAqD,CAAC,CAAC,CAAC;IACjJ,OAAO,CACL,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,uBAAC,wBAAQ,mBAAc,qBAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAC,wCAAwC,GAAY,EACnJ,uBAAC,2BAAW,cACV,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,IAAI,cAAc,EAAE,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,YAC/H,uBAAC,+BAAS,KAAG,GACF,GACD,EACd,wBAAC,2BAAW,IAAC,SAAS,EAAC,mDAAmD,aACxE,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,YACxG,uBAAC,uCAAiB,KAAG,GACV,EACb,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,YACxG,uBAAC,uCAAiB,KAAG,GACV,EACb,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,YACvG,uBAAC,uCAAiB,KAAG,GACV,IACD,IACV,CACP,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,qBAAqB,yBA0BhC","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 *--------------------------------------------------------------------------------------------*/\nimport { ButtonGroup, Checkbox, IconButton } from \"@itwin/itwinui-react\";\nimport * as React from \"react\";\nimport { SvgUnlink, SvgVisibilityHalf, SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\n\ninterface MapLayerActionButtonsProps {\n  disabled: boolean;\n  checked: boolean;\n  disabledUnlink?: boolean;\n  showAll: () => Promise<void>;\n  hideAll: () => Promise<void>;\n  invert: () => Promise<void>;\n  selectAll: () => Promise<void>;\n  unlink: () => Promise<void>;\n}\n\nexport const MapLayerActionButtons = ({ disabled, showAll, hideAll, invert, selectAll, unlink, checked, disabledUnlink }: MapLayerActionButtonsProps) => {\n  const [showAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.ShowAllLabel\"));\n  const [hideAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.HideAllLabel\"));\n  const [invertAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.InvertAllLabel\"));\n  const [detachSelectedLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.DetachSelectedLabel\"));\n  return (\n    <div className=\"map-manager-layer-action-buttons\">\n      <Checkbox data-testid={\"select-all-checkbox\"} checked={checked} onChange={selectAll} className=\"map-manager-layer-action-unlink-button\"></Checkbox>\n      <ButtonGroup>\n        <IconButton disabled={disabled || disabledUnlink} title={detachSelectedLabel} size=\"small\" styleType=\"borderless\" onClick={unlink}>\n          <SvgUnlink />\n        </IconButton>\n      </ButtonGroup>\n      <ButtonGroup className=\"map-manager-layer-action-buttons-inside-separator\">\n        <IconButton disabled={disabled} size=\"small\" title={showAllLabel} onClick={showAll} styleType=\"borderless\">\n          <SvgVisibilityShow />\n        </IconButton>\n        <IconButton disabled={disabled} title={invertAllLabel} size=\"small\" styleType=\"borderless\" onClick={invert}>\n          <SvgVisibilityHalf />\n        </IconButton>\n        <IconButton disabled={disabled} title={hideAllLabel} size=\"small\" styleType=\"borderless\" onClick={hideAll}>\n          <SvgVisibilityHide />\n        </IconButton>\n      </ButtonGroup>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"MapLayerActionButtons.js","sourceRoot":"","sources":["../../../../src/ui/widget/MapLayerActionButtons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;gGAGgG;AAChG,6CAA+B;AAC/B,oEAAgH;AAChH,wDAAyE;AACzE,+CAA8C;AAavC,MAAM,qBAAqB,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,cAAc,EAA8B,EAAE,EAAE;IACtJ,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,8CAA8C,CAAC,CAAC,CAAC;IACnI,MAAM,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,8CAA8C,CAAC,CAAC,CAAC;IACnI,MAAM,CAAC,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,gDAAgD,CAAC,CAAC,CAAC;IACvI,MAAM,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,uBAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,qDAAqD,CAAC,CAAC,CAAC;IACjJ,OAAO,CACL,iCAAK,SAAS,EAAC,kCAAkC,aAC/C,uBAAC,wBAAQ,mBAAc,qBAAqB,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAC,wCAAwC,GAAY,EACnJ,uBAAC,2BAAW,cACV,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,IAAI,cAAc,iBAAc,qBAAqB,EAAC,KAAK,EAAE,mBAAmB,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,YACjK,uBAAC,+BAAS,KAAG,GACF,GACD,EACd,wBAAC,2BAAW,IAAC,SAAS,EAAC,mDAAmD,aACxE,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,iBAAc,uBAAuB,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY,YAC5I,uBAAC,uCAAiB,KAAG,GACV,EACb,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,iBAAc,yBAAyB,EAAC,KAAK,EAAE,cAAc,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,MAAM,YAC9I,uBAAC,uCAAiB,KAAG,GACV,EACb,uBAAC,0BAAU,IAAC,QAAQ,EAAE,QAAQ,iBAAc,uBAAuB,EAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,YAAY,EAAC,OAAO,EAAE,OAAO,YAC3I,uBAAC,uCAAiB,KAAG,GACV,IACD,IACV,CACP,CAAC;AACJ,CAAC,CAAC;AA1BW,QAAA,qBAAqB,yBA0BhC","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 *--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport { SvgUnlink, SvgVisibilityHalf, SvgVisibilityHide, SvgVisibilityShow } from \"@itwin/itwinui-icons-react\";\nimport { ButtonGroup, Checkbox, IconButton } from \"@itwin/itwinui-react\";\nimport { MapLayersUI } from \"../../mapLayers\";\n\ninterface MapLayerActionButtonsProps {\n  disabled: boolean;\n  checked: boolean;\n  disabledUnlink?: boolean;\n  showAll: () => Promise<void>;\n  hideAll: () => Promise<void>;\n  invert: () => Promise<void>;\n  selectAll: () => Promise<void>;\n  unlink: () => Promise<void>;\n}\n\nexport const MapLayerActionButtons = ({ disabled, showAll, hideAll, invert, selectAll, unlink, checked, disabledUnlink }: MapLayerActionButtonsProps) => {\n  const [showAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.ShowAllLabel\"));\n  const [hideAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.HideAllLabel\"));\n  const [invertAllLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.InvertAllLabel\"));\n  const [detachSelectedLabel] = React.useState(MapLayersUI.localization.getLocalizedString(\"mapLayers:MapLayerActionButtons.DetachSelectedLabel\"));\n  return (\n    <div className=\"map-manager-layer-action-buttons\">\n      <Checkbox data-testid={\"select-all-checkbox\"} checked={checked} onChange={selectAll} className=\"map-manager-layer-action-unlink-button\"></Checkbox>\n      <ButtonGroup>\n        <IconButton disabled={disabled || disabledUnlink} data-testid=\"detach-label-button\" label={detachSelectedLabel} size=\"small\" styleType=\"borderless\" onClick={unlink}>\n          <SvgUnlink />\n        </IconButton>\n      </ButtonGroup>\n      <ButtonGroup className=\"map-manager-layer-action-buttons-inside-separator\">\n        <IconButton disabled={disabled} data-testid=\"show-all-label-button\" label={showAllLabel} size=\"small\" onClick={showAll} styleType=\"borderless\">\n          <SvgVisibilityShow />\n        </IconButton>\n        <IconButton disabled={disabled} data-testid=\"invert-all-label-button\" label={invertAllLabel} size=\"small\" styleType=\"borderless\" onClick={invert}>\n          <SvgVisibilityHalf />\n        </IconButton>\n        <IconButton disabled={disabled} data-testid=\"hide-all-label-button\" label={hideAllLabel} size=\"small\" styleType=\"borderless\" onClick={hideAll}>\n          <SvgVisibilityHide />\n        </IconButton>\n      </ButtonGroup>\n    </div>\n  );\n};\n"]}