@itwin/appui-react 4.1.0 → 4.2.0

package/lib/cjs/appui-react/popup/KeyinPalettePanel.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Popup
  */
@@ -25,15 +25,14 @@ function clearKeyinPaletteHistory() {
     const uiSettingsStorage = UiFramework_1.UiFramework.getUiStateStorage();
     // istanbul ignore else
     if (uiSettingsStorage) {
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
-        uiSettingsStorage.deleteSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);
+        void uiSettingsStorage.deleteSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);
     }
 }
 exports.clearKeyinPaletteHistory = clearKeyinPaletteHistory;
 /**
  * @internal
  */
-function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHistoryLength = 6 }) {
+function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHistoryLength = 6, }) {
     const [currentKeyin, setCurrentKeyin] = React.useState("");
     const placeholderLabel = React.useRef(UiFramework_1.UiFramework.translate("keyinbrowser.placeholder"));
     const inputRef = React.useRef(null);
@@ -55,11 +54,10 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
                 setHistoryKeyins([]);
             }
         }
-        fetchState(); // eslint-disable-line @typescript-eslint/no-floating-promises
+        void fetchState();
     }, [uiSettingsStorage]);
     // istanbul ignore next
     const storeHistoryKeyins = React.useCallback(async (value) => {
-        // eslint-disable-next-line @typescript-eslint/no-floating-promises
         const result = await uiSettingsStorage.saveSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY, value);
         if (result.status !== core_react_1.UiStateStorageStatus.Success) {
             const briefMessage = UiFramework_1.UiFramework.translate("keyinbrowser.couldNotSaveHistory");
@@ -107,7 +105,9 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
         }
         else {
             // istanbul ignore next
-            if (value.length < 400 && value !== KeyinPaletteTools_1.ClearKeyinPaletteHistoryTool.keyin && value !== KeyinPaletteTools_1.ClearKeyinPaletteHistoryTool.englishKeyin) {
+            if (value.length < 400 &&
+                value !== KeyinPaletteTools_1.ClearKeyinPaletteHistoryTool.keyin &&
+                value !== KeyinPaletteTools_1.ClearKeyinPaletteHistoryTool.englishKeyin) {
                 const newHistoryEntries = [value];
                 for (const entry of historyKeyins) {
                     if (entry !== value) {
@@ -146,7 +146,6 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
         return undefined;
     };
     const handleKeypressOnKeyinsList = React.useCallback(async (event) => {
-        var _a, _b;
         const key = event.key;
         // built into listbox a "Space" key will trigger the selection of a entry so if an Enter key is pressed
         // assume user wants to execute the entry.
@@ -154,7 +153,7 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
         if (key === appui_abstract_1.SpecialKey.Enter) {
             event.preventDefault();
             // istanbul ignore next
-            const keyinToSend = getKeyinFromListboxValue((_b = (_a = event.currentTarget) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.focusvalue);
+            const keyinToSend = getKeyinFromListboxValue(event.currentTarget?.dataset?.focusvalue);
             // istanbul ignore else
             if (keyinToSend) {
                 if (event.ctrlKey)
@@ -197,7 +196,8 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
                         else {
                             // only add entry if no match in filtered history
                             // istanbul ignore else
-                            if (-1 === filteredHistory.findIndex((historyEntry) => historyEntry.value === value.value))
+                            if (-1 ===
+                                filteredHistory.findIndex((historyEntry) => historyEntry.value === value.value))
                                 newKeyinSet.push({ ...value, matches });
                         }
                     }
@@ -233,22 +233,22 @@ function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHist
                 event.stopPropagation();
                 // istanbul ignore else
                 if (inputRef.current) {
-                    const nextElement = inputRef.current.nextElementSibling;
+                    const nextElement = inputRef.current
+                        .nextElementSibling;
                     nextElement && nextElement.focus();
                 }
             }
         }
     }, [filteredKeyins, submitKeyin, currentKeyin, updateKeyin]);
-    const lastHistoryIndex = filteredKeyins.findIndex((entry) => (true !== entry.isHistory)) - 1;
-    return React.createElement("div", { className: "uifw-command-palette-panel" },
+    const lastHistoryIndex = filteredKeyins.findIndex((entry) => true !== entry.isHistory) - 1;
+    return (React.createElement("div", { className: "uifw-command-palette-panel" },
         React.createElement(itwinui_react_1.Input, { ref: inputRef, type: "text", onKeyDown: onInputValueKeyDown, className: "uifw-command-palette-input", "data-testid": "command-palette-input", onChange: onInputValueChange, placeholder: placeholderLabel.current, value: currentKeyin, size: "small" }),
-        (filteredKeyins.length > 0) &&
-            React.createElement(core_react_1.Listbox, { id: "uifw-command-sources", className: "map-manager-source-list", onKeyDown: handleKeypressOnKeyinsList, onListboxValueChange: onListboxValueChange }, filteredKeyins.map((entry, index) => {
-                const value = `${entry.value}${keyinSeparator}${entry.isHistory ? "history" : "registry"}`;
-                const itemClass = `uifw-command-palette-value-entry${index === lastHistoryIndex ? " uifw-history-bottom-border" : ""}`;
-                return React.createElement(core_react_1.ListboxItem, { key: `${entry.value}-${index}`, className: itemClass, value: value },
-                    React.createElement(core_react_1.FilteredText, { value: entry.value, matches: entry.matches }));
-            })));
+        filteredKeyins.length > 0 && (React.createElement(core_react_1.Listbox, { id: "uifw-command-sources", className: "map-manager-source-list", onKeyDown: handleKeypressOnKeyinsList, onListboxValueChange: onListboxValueChange }, filteredKeyins.map((entry, index) => {
+            const value = `${entry.value}${keyinSeparator}${entry.isHistory ? "history" : "registry"}`;
+            const itemClass = `uifw-command-palette-value-entry${index === lastHistoryIndex ? " uifw-history-bottom-border" : ""}`;
+            return (React.createElement(core_react_1.ListboxItem, { key: `${entry.value}-${index}`, className: itemClass, value: value },
+                React.createElement(core_react_1.FilteredText, { value: entry.value, matches: entry.matches })));
+        })))));
 }
 exports.KeyinPalettePanel = KeyinPalettePanel;
 //# sourceMappingURL=KeyinPalettePanel.js.map

package/lib/cjs/appui-react/popup/KeyinPalettePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyinPalettePanel.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Popup\r\n */\r\n\r\n// cSpell:ignore focusvalue uiadmin\r\n\r\nimport * as React from \"react\";\r\nimport \"./KeyinPalettePanel.scss\";\r\nimport { FilteredText, Listbox, ListboxItem, UiStateStorageStatus } from \"@itwin/core-react\";\r\nimport { IModelApp, NotifyMessageDetails, OutputMessagePriority, OutputMessageType, ParseAndRunResult } from \"@itwin/core-frontend\";\r\nimport { UiFramework } from \"../UiFramework\";\r\nimport type { OnItemExecutedFunc} from \"@itwin/appui-abstract\";\r\nimport { matchesWords, SpecialKey } from \"@itwin/appui-abstract\";\r\nimport { ClearKeyinPaletteHistoryTool } from \"../tools/KeyinPaletteTools\";\r\nimport { useUiStateStorageHandler } from \"../uistate/useUiStateStorage\";\r\nimport type { KeyinEntry } from \"../uiadmin/FrameworkUiAdmin\";\r\nimport { Input } from \"@itwin/itwinui-react\";\r\n\r\nconst KEYIN_PALETTE_NAMESPACE = \"KeyinPalettePanel\";\r\nconst KEYIN_HISTORY_KEY = \"historyArray\";\r\n\r\n/** @internal */\r\nexport function clearKeyinPaletteHistory() {\r\n  const uiSettingsStorage = UiFramework.getUiStateStorage();\r\n  // istanbul ignore else\r\n  if (uiSettingsStorage) {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    uiSettingsStorage.deleteSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);\r\n  }\r\n}\r\n\r\ninterface KeyinPalettePanelProps {\r\n  keyins: KeyinEntry[];\r\n  onKeyinExecuted?: OnItemExecutedFunc;\r\n  historyLength?: number;\r\n}\r\n\r\n/**\r\n * @internal\r\n */\r\nexport function KeyinPalettePanel({ keyins, onKeyinExecuted, historyLength: allowedHistoryLength = 6 }: KeyinPalettePanelProps) {\r\n  const [currentKeyin, setCurrentKeyin] = React.useState<string>(\"\");\r\n  const placeholderLabel = React.useRef(UiFramework.translate(\"keyinbrowser.placeholder\"));\r\n  const inputRef = React.useRef<HTMLInputElement>(null);\r\n  const keyinSeparator = \"--#--\";\r\n  const [historyKeyins, setHistoryKeyins] = React.useState<string[]>([]);\r\n  const uiSettingsStorage = useUiStateStorageHandler();\r\n\r\n  React.useEffect(() => {\r\n    async function fetchState() {\r\n      const settingsResult = await uiSettingsStorage.getSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY);\r\n      // istanbul ignore else\r\n      if (UiStateStorageStatus.Success === settingsResult.status) {\r\n        const filteredHistory = (settingsResult.setting as string[]).filter((keyin) => {\r\n          const result = IModelApp.tools.parseKeyin(keyin);\r\n          return result.ok;\r\n        });\r\n        setHistoryKeyins(filteredHistory);\r\n      } else {\r\n        setHistoryKeyins([]);\r\n      }\r\n    }\r\n\r\n    fetchState(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  }, [uiSettingsStorage]);\r\n\r\n  // istanbul ignore next\r\n  const storeHistoryKeyins = React.useCallback(async (value: string[]) => {\r\n    // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n    const result = await uiSettingsStorage.saveSetting(KEYIN_PALETTE_NAMESPACE, KEYIN_HISTORY_KEY, value);\r\n    if (result.status !== UiStateStorageStatus.Success) {\r\n      const briefMessage = UiFramework.translate(\"keyinbrowser.couldNotSaveHistory\");\r\n      const errorDetails = new NotifyMessageDetails(OutputMessagePriority.Error, briefMessage);\r\n      IModelApp.notifications.outputMessage(errorDetails);\r\n    }\r\n  }, [uiSettingsStorage]);\r\n\r\n  const allKeyins = React.useMemo(() => {\r\n    const availableKeyins = [];\r\n    historyKeyins.forEach((value: string) => {\r\n      availableKeyins.push({ value, isHistory: true });\r\n    });\r\n    availableKeyins.push(...keyins.sort((a, b) => a.value.toLowerCase().localeCompare(b.value.toLowerCase())));\r\n    return availableKeyins;\r\n  }, [historyKeyins, keyins]);\r\n\r\n  const submitKeyin = React.useCallback(async (value: string) => {\r\n    let detailedMessage: string | undefined;\r\n    let message: string | undefined;\r\n    try {\r\n      switch (await IModelApp.tools.parseAndRun(value)) {\r\n        case ParseAndRunResult.ToolNotFound:\r\n          message = `UiFramework.translate(\"keyinbrowser.couldNotFindTool\")} ${value}`;\r\n          break;\r\n        // istanbul ignore next\r\n        case ParseAndRunResult.BadArgumentCount:\r\n          message = UiFramework.translate(\"keyinbrowser.incorrectArgs\");\r\n          break;\r\n        // istanbul ignore next\r\n        case ParseAndRunResult.FailedToRun:\r\n          message = UiFramework.translate(\"keyinbrowser.failedToRun\");\r\n          break;\r\n      }\r\n    } catch (ex) {\r\n      // istanbul ignore next\r\n      {\r\n        message = UiFramework.translate(\"keyinbrowser.exceptionOccurred\");\r\n        detailedMessage = `${UiFramework.translate(\"keyinbrowser.exceptionOccurred\")}: ${ex}`;\r\n      }\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (undefined !== message) {\r\n      const errorDetails = new NotifyMessageDetails(OutputMessagePriority.Error, message, detailedMessage, OutputMessageType.Sticky);\r\n      IModelApp.notifications.outputMessage(errorDetails);\r\n    } else {\r\n      // istanbul ignore next\r\n      if (value.length < 400 && value !== ClearKeyinPaletteHistoryTool.keyin && value !== ClearKeyinPaletteHistoryTool.englishKeyin) {\r\n        const newHistoryEntries: string[] = [value];\r\n        for (const entry of historyKeyins) {\r\n          if (entry !== value) {\r\n            newHistoryEntries.push(entry);\r\n            if (newHistoryEntries.length >= allowedHistoryLength)\r\n              break;\r\n          }\r\n        }\r\n        await storeHistoryKeyins(newHistoryEntries);\r\n      }\r\n\r\n      // close the popup by processing the supplied onKeyinExecuted function\r\n      if (onKeyinExecuted)\r\n        onKeyinExecuted(value);\r\n    }\r\n  }, [storeHistoryKeyins, onKeyinExecuted, historyKeyins, allowedHistoryLength]);\r\n\r\n  const selectKeyin = React.useCallback(() => {\r\n    // istanbul ignore else\r\n    if (inputRef.current) {\r\n      inputRef.current.focus();\r\n      inputRef.current.setSelectionRange(inputRef.current.value.length, inputRef.current.value.length);\r\n    }\r\n  }, [inputRef]);\r\n\r\n  const updateKeyin = React.useCallback((value: string) => {\r\n    setCurrentKeyin(value);\r\n    selectKeyin();\r\n  }, [selectKeyin]);\r\n\r\n  const getKeyinFromListboxValue = (value: string | undefined) => {\r\n    // istanbul ignore else\r\n    if (value) {\r\n      const indexSeparator = value.search(keyinSeparator);\r\n      // istanbul ignore else\r\n      if (indexSeparator)\r\n        return value.substring(0, indexSeparator);\r\n    }\r\n    // istanbul ignore next\r\n    return undefined;\r\n  };\r\n\r\n  const handleKeypressOnKeyinsList = React.useCallback(async (event: React.KeyboardEvent<HTMLUListElement>) => {\r\n    const key = event.key;\r\n    // built into listbox a \"Space\" key will trigger the selection of a entry so if an Enter key is pressed\r\n    // assume user wants to execute the entry.\r\n    // istanbul ignore else\r\n    if (key === SpecialKey.Enter) {\r\n      event.preventDefault();\r\n      // istanbul ignore next\r\n      const keyinToSend = getKeyinFromListboxValue(event.currentTarget?.dataset?.focusvalue);\r\n      // istanbul ignore else\r\n      if (keyinToSend) {\r\n        if (event.ctrlKey)\r\n          updateKeyin(keyinToSend);\r\n        else\r\n          await submitKeyin(keyinToSend);\r\n      }\r\n    }\r\n  }, [submitKeyin, updateKeyin]);\r\n\r\n  const onListboxValueChange = React.useCallback(async (value: string, isControlOrCommandPressed?: boolean) => {\r\n    const keyin = getKeyinFromListboxValue(value);\r\n    // istanbul ignore else\r\n    if (keyin) {\r\n      if (isControlOrCommandPressed)\r\n        updateKeyin(keyin);\r\n      else\r\n        await submitKeyin(keyin);\r\n    }\r\n  }, [submitKeyin, updateKeyin]);\r\n\r\n  const onInputValueChange = React.useCallback((event: React.ChangeEvent<HTMLInputElement>) => {\r\n    setCurrentKeyin(event.target.value);\r\n  }, []);\r\n\r\n  const filteredKeyins = React.useMemo(() => {\r\n    const filteredHistory: KeyinEntry[] = [];\r\n    if (undefined === currentKeyin || 0 === currentKeyin.length) {\r\n      return allKeyins;\r\n    } else {\r\n      const newKeyinSet: KeyinEntry[] = [];\r\n      allKeyins.forEach((value) => {\r\n        if (value.value.length >= currentKeyin.length) {\r\n          // Force contiguous searches if key-in is over 60 characters long for performance.\r\n          const matches = matchesWords(currentKeyin, value.value, currentKeyin.length > 60);\r\n          if (matches && matches.length) {\r\n            // istanbul ignore else\r\n            if (value.isHistory) {\r\n              filteredHistory.push(value);\r\n              newKeyinSet.push({ ...value, matches });\r\n            } else {\r\n              // only add entry if no match in filtered history\r\n              // istanbul ignore else\r\n              if (-1 === filteredHistory.findIndex((historyEntry: KeyinEntry) => historyEntry.value === value.value))\r\n                newKeyinSet.push({ ...value, matches });\r\n            }\r\n          }\r\n        }\r\n      });\r\n      return newKeyinSet;\r\n    }\r\n  }, [allKeyins, currentKeyin]);\r\n\r\n  const onInputValueKeyDown = React.useCallback(async (event: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (SpecialKey.Enter === event.key) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      // istanbul ignore else\r\n      if (1 === filteredKeyins.length) {\r\n        if (event.ctrlKey)\r\n          updateKeyin(filteredKeyins[0].value);\r\n        else\r\n          await submitKeyin(filteredKeyins[0].value);\r\n      } else {\r\n        if (currentKeyin)\r\n          await submitKeyin(currentKeyin);\r\n      }\r\n    } else if (SpecialKey.Tab === event.key && 1 === filteredKeyins.length) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      updateKeyin(filteredKeyins[0].value);\r\n    } else {\r\n      if (event.key === SpecialKey.ArrowDown && filteredKeyins.length > 0) {\r\n        event.preventDefault();\r\n        event.stopPropagation();\r\n        // istanbul ignore else\r\n        if (inputRef.current) {\r\n          const nextElement = inputRef.current.nextElementSibling as HTMLElement;\r\n          nextElement && nextElement.focus();\r\n        }\r\n      }\r\n    }\r\n\r\n  }, [filteredKeyins, submitKeyin, currentKeyin, updateKeyin]);\r\n\r\n  const lastHistoryIndex = filteredKeyins.findIndex((entry) => (true !== entry.isHistory)) - 1;\r\n\r\n  return <div className=\"uifw-command-palette-panel\">\r\n    <Input ref={inputRef} type=\"text\" onKeyDown={onInputValueKeyDown}\r\n      className={\"uifw-command-palette-input\"} data-testid=\"command-palette-input\" onChange={onInputValueChange}\r\n      placeholder={placeholderLabel.current} value={currentKeyin} size=\"small\"\r\n    />\r\n    {(filteredKeyins.length > 0) &&\r\n      <Listbox id=\"uifw-command-sources\" className=\"map-manager-source-list\" onKeyDown={handleKeypressOnKeyinsList}\r\n        onListboxValueChange={onListboxValueChange} >\r\n        {\r\n          filteredKeyins.map((entry, index) => {\r\n            const value = `${entry.value}${keyinSeparator}${entry.isHistory ? \"history\" : \"registry\"}`;\r\n            const itemClass = `uifw-command-palette-value-entry${index === lastHistoryIndex ? \" uifw-history-bottom-border\" : \"\"}`;\r\n            return <ListboxItem key={`${entry.value}-${index}`} className={itemClass} value={value} >\r\n              <FilteredText value={entry.value} matches={entry.matches} />\r\n            </ListboxItem>;\r\n          })\r\n        }\r\n      </Listbox >\r\n    }\r\n  </div >;\r\n}\r\n"]}
+{"version":3,"file":"KeyinPalettePanel.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePanel.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\n// cSpell:ignore focusvalue uiadmin\n\nimport * as React from \"react\";\nimport \"./KeyinPalettePanel.scss\";\nimport {\n  FilteredText,\n  Listbox,\n  ListboxItem,\n  UiStateStorageStatus,\n} from \"@itwin/core-react\";\nimport {\n  IModelApp,\n  NotifyMessageDetails,\n  OutputMessagePriority,\n  OutputMessageType,\n  ParseAndRunResult,\n} from \"@itwin/core-frontend\";\nimport { UiFramework } from \"../UiFramework\";\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { matchesWords, SpecialKey } from \"@itwin/appui-abstract\";\nimport { ClearKeyinPaletteHistoryTool } from \"../tools/KeyinPaletteTools\";\nimport { useUiStateStorageHandler } from \"../uistate/useUiStateStorage\";\nimport type { KeyinEntry } from \"../uiadmin/FrameworkUiAdmin\";\nimport { Input } from \"@itwin/itwinui-react\";\n\nconst KEYIN_PALETTE_NAMESPACE = \"KeyinPalettePanel\";\nconst KEYIN_HISTORY_KEY = \"historyArray\";\n\n/** @internal */\nexport function clearKeyinPaletteHistory() {\n  const uiSettingsStorage = UiFramework.getUiStateStorage();\n  // istanbul ignore else\n  if (uiSettingsStorage) {\n    void uiSettingsStorage.deleteSetting(\n      KEYIN_PALETTE_NAMESPACE,\n      KEYIN_HISTORY_KEY\n    );\n  }\n}\n\ninterface KeyinPalettePanelProps {\n  keyins: KeyinEntry[];\n  onKeyinExecuted?: OnItemExecutedFunc;\n  historyLength?: number;\n}\n\n/**\n * @internal\n */\nexport function KeyinPalettePanel({\n  keyins,\n  onKeyinExecuted,\n  historyLength: allowedHistoryLength = 6,\n}: KeyinPalettePanelProps) {\n  const [currentKeyin, setCurrentKeyin] = React.useState<string>(\"\");\n  const placeholderLabel = React.useRef(\n    UiFramework.translate(\"keyinbrowser.placeholder\")\n  );\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const keyinSeparator = \"--#--\";\n  const [historyKeyins, setHistoryKeyins] = React.useState<string[]>([]);\n  const uiSettingsStorage = useUiStateStorageHandler();\n\n  React.useEffect(() => {\n    async function fetchState() {\n      const settingsResult = await uiSettingsStorage.getSetting(\n        KEYIN_PALETTE_NAMESPACE,\n        KEYIN_HISTORY_KEY\n      );\n      // istanbul ignore else\n      if (UiStateStorageStatus.Success === settingsResult.status) {\n        const filteredHistory = (settingsResult.setting as string[]).filter(\n          (keyin) => {\n            const result = IModelApp.tools.parseKeyin(keyin);\n            return result.ok;\n          }\n        );\n        setHistoryKeyins(filteredHistory);\n      } else {\n        setHistoryKeyins([]);\n      }\n    }\n\n    void fetchState();\n  }, [uiSettingsStorage]);\n\n  // istanbul ignore next\n  const storeHistoryKeyins = React.useCallback(\n    async (value: string[]) => {\n      const result = await uiSettingsStorage.saveSetting(\n        KEYIN_PALETTE_NAMESPACE,\n        KEYIN_HISTORY_KEY,\n        value\n      );\n      if (result.status !== UiStateStorageStatus.Success) {\n        const briefMessage = UiFramework.translate(\n          \"keyinbrowser.couldNotSaveHistory\"\n        );\n        const errorDetails = new NotifyMessageDetails(\n          OutputMessagePriority.Error,\n          briefMessage\n        );\n        IModelApp.notifications.outputMessage(errorDetails);\n      }\n    },\n    [uiSettingsStorage]\n  );\n\n  const allKeyins = React.useMemo(() => {\n    const availableKeyins = [];\n    historyKeyins.forEach((value: string) => {\n      availableKeyins.push({ value, isHistory: true });\n    });\n    availableKeyins.push(\n      ...keyins.sort((a, b) =>\n        a.value.toLowerCase().localeCompare(b.value.toLowerCase())\n      )\n    );\n    return availableKeyins;\n  }, [historyKeyins, keyins]);\n\n  const submitKeyin = React.useCallback(\n    async (value: string) => {\n      let detailedMessage: string | undefined;\n      let message: string | undefined;\n      try {\n        switch (await IModelApp.tools.parseAndRun(value)) {\n          case ParseAndRunResult.ToolNotFound:\n            message = `UiFramework.translate(\"keyinbrowser.couldNotFindTool\")} ${value}`;\n            break;\n          // istanbul ignore next\n          case ParseAndRunResult.BadArgumentCount:\n            message = UiFramework.translate(\"keyinbrowser.incorrectArgs\");\n            break;\n          // istanbul ignore next\n          case ParseAndRunResult.FailedToRun:\n            message = UiFramework.translate(\"keyinbrowser.failedToRun\");\n            break;\n        }\n      } catch (ex) {\n        // istanbul ignore next\n        {\n          message = UiFramework.translate(\"keyinbrowser.exceptionOccurred\");\n          detailedMessage = `${UiFramework.translate(\n            \"keyinbrowser.exceptionOccurred\"\n          )}: ${ex}`;\n        }\n      }\n\n      // istanbul ignore else\n      if (undefined !== message) {\n        const errorDetails = new NotifyMessageDetails(\n          OutputMessagePriority.Error,\n          message,\n          detailedMessage,\n          OutputMessageType.Sticky\n        );\n        IModelApp.notifications.outputMessage(errorDetails);\n      } else {\n        // istanbul ignore next\n        if (\n          value.length < 400 &&\n          value !== ClearKeyinPaletteHistoryTool.keyin &&\n          value !== ClearKeyinPaletteHistoryTool.englishKeyin\n        ) {\n          const newHistoryEntries: string[] = [value];\n          for (const entry of historyKeyins) {\n            if (entry !== value) {\n              newHistoryEntries.push(entry);\n              if (newHistoryEntries.length >= allowedHistoryLength) break;\n            }\n          }\n          await storeHistoryKeyins(newHistoryEntries);\n        }\n\n        // close the popup by processing the supplied onKeyinExecuted function\n        if (onKeyinExecuted) onKeyinExecuted(value);\n      }\n    },\n    [storeHistoryKeyins, onKeyinExecuted, historyKeyins, allowedHistoryLength]\n  );\n\n  const selectKeyin = React.useCallback(() => {\n    // istanbul ignore else\n    if (inputRef.current) {\n      inputRef.current.focus();\n      inputRef.current.setSelectionRange(\n        inputRef.current.value.length,\n        inputRef.current.value.length\n      );\n    }\n  }, [inputRef]);\n\n  const updateKeyin = React.useCallback(\n    (value: string) => {\n      setCurrentKeyin(value);\n      selectKeyin();\n    },\n    [selectKeyin]\n  );\n\n  const getKeyinFromListboxValue = (value: string | undefined) => {\n    // istanbul ignore else\n    if (value) {\n      const indexSeparator = value.search(keyinSeparator);\n      // istanbul ignore else\n      if (indexSeparator) return value.substring(0, indexSeparator);\n    }\n    // istanbul ignore next\n    return undefined;\n  };\n\n  const handleKeypressOnKeyinsList = React.useCallback(\n    async (event: React.KeyboardEvent<HTMLUListElement>) => {\n      const key = event.key;\n      // built into listbox a \"Space\" key will trigger the selection of a entry so if an Enter key is pressed\n      // assume user wants to execute the entry.\n      // istanbul ignore else\n      if (key === SpecialKey.Enter) {\n        event.preventDefault();\n        // istanbul ignore next\n        const keyinToSend = getKeyinFromListboxValue(\n          event.currentTarget?.dataset?.focusvalue\n        );\n        // istanbul ignore else\n        if (keyinToSend) {\n          if (event.ctrlKey) updateKeyin(keyinToSend);\n          else await submitKeyin(keyinToSend);\n        }\n      }\n    },\n    [submitKeyin, updateKeyin]\n  );\n\n  const onListboxValueChange = React.useCallback(\n    async (value: string, isControlOrCommandPressed?: boolean) => {\n      const keyin = getKeyinFromListboxValue(value);\n      // istanbul ignore else\n      if (keyin) {\n        if (isControlOrCommandPressed) updateKeyin(keyin);\n        else await submitKeyin(keyin);\n      }\n    },\n    [submitKeyin, updateKeyin]\n  );\n\n  const onInputValueChange = React.useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setCurrentKeyin(event.target.value);\n    },\n    []\n  );\n\n  const filteredKeyins = React.useMemo(() => {\n    const filteredHistory: KeyinEntry[] = [];\n    if (undefined === currentKeyin || 0 === currentKeyin.length) {\n      return allKeyins;\n    } else {\n      const newKeyinSet: KeyinEntry[] = [];\n      allKeyins.forEach((value) => {\n        if (value.value.length >= currentKeyin.length) {\n          // Force contiguous searches if key-in is over 60 characters long for performance.\n          const matches = matchesWords(\n            currentKeyin,\n            value.value,\n            currentKeyin.length > 60\n          );\n          if (matches && matches.length) {\n            // istanbul ignore else\n            if (value.isHistory) {\n              filteredHistory.push(value);\n              newKeyinSet.push({ ...value, matches });\n            } else {\n              // only add entry if no match in filtered history\n              // istanbul ignore else\n              if (\n                -1 ===\n                filteredHistory.findIndex(\n                  (historyEntry: KeyinEntry) =>\n                    historyEntry.value === value.value\n                )\n              )\n                newKeyinSet.push({ ...value, matches });\n            }\n          }\n        }\n      });\n      return newKeyinSet;\n    }\n  }, [allKeyins, currentKeyin]);\n\n  const onInputValueKeyDown = React.useCallback(\n    async (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (SpecialKey.Enter === event.key) {\n        event.preventDefault();\n        event.stopPropagation();\n        // istanbul ignore else\n        if (1 === filteredKeyins.length) {\n          if (event.ctrlKey) updateKeyin(filteredKeyins[0].value);\n          else await submitKeyin(filteredKeyins[0].value);\n        } else {\n          if (currentKeyin) await submitKeyin(currentKeyin);\n        }\n      } else if (SpecialKey.Tab === event.key && 1 === filteredKeyins.length) {\n        event.preventDefault();\n        event.stopPropagation();\n        updateKeyin(filteredKeyins[0].value);\n      } else {\n        if (event.key === SpecialKey.ArrowDown && filteredKeyins.length > 0) {\n          event.preventDefault();\n          event.stopPropagation();\n          // istanbul ignore else\n          if (inputRef.current) {\n            const nextElement = inputRef.current\n              .nextElementSibling as HTMLElement;\n            nextElement && nextElement.focus();\n          }\n        }\n      }\n    },\n    [filteredKeyins, submitKeyin, currentKeyin, updateKeyin]\n  );\n\n  const lastHistoryIndex =\n    filteredKeyins.findIndex((entry) => true !== entry.isHistory) - 1;\n\n  return (\n    <div className=\"uifw-command-palette-panel\">\n      <Input\n        ref={inputRef}\n        type=\"text\"\n        onKeyDown={onInputValueKeyDown}\n        className={\"uifw-command-palette-input\"}\n        data-testid=\"command-palette-input\"\n        onChange={onInputValueChange}\n        placeholder={placeholderLabel.current}\n        value={currentKeyin}\n        size=\"small\"\n      />\n      {filteredKeyins.length > 0 && (\n        <Listbox\n          id=\"uifw-command-sources\"\n          className=\"map-manager-source-list\"\n          onKeyDown={handleKeypressOnKeyinsList}\n          onListboxValueChange={onListboxValueChange}\n        >\n          {filteredKeyins.map((entry, index) => {\n            const value = `${entry.value}${keyinSeparator}${\n              entry.isHistory ? \"history\" : \"registry\"\n            }`;\n            const itemClass = `uifw-command-palette-value-entry${\n              index === lastHistoryIndex ? \" uifw-history-bottom-border\" : \"\"\n            }`;\n            return (\n              <ListboxItem\n                key={`${entry.value}-${index}`}\n                className={itemClass}\n                value={value}\n              >\n                <FilteredText value={entry.value} matches={entry.matches} />\n              </ListboxItem>\n            );\n          })}\n        </Listbox>\n      )}\n    </div>\n  );\n}\n"]}

package/lib/cjs/appui-react/popup/KeyinPalettePanel.scss

@@ -1,31 +1,31 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/z-index";
-
-.uifw-command-palette-popup-container {
-  @include uicore-z-index(keyin-palette-overlay);
-
-  box-sizing: border-box;
-  background: $buic-background-control;
-  color: var(--iui-color-text);
-  -webkit-box-shadow: 0 3px 6px $buic-popup-boxshadow;
-  box-shadow: 0px 3px 6px $buic-popup-boxshadow;
-
-  .uifw-command-palette-panel {
-    margin: 4px;
-    width: 30vw;
-    min-width: 20em;
-    max-height: 50vh;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .uifw-history-bottom-border {
-    border-bottom-width: 1px;
-    border-bottom-style: solid;
-    border-bottom-color: $buic-foreground-disabled;
-  }
-}
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/z-index";
+
+.uifw-command-palette-popup-container {
+  @include uicore-z-index(keyin-palette-overlay);
+
+  box-sizing: border-box;
+  background: $buic-background-control;
+  color: var(--iui-color-text);
+  -webkit-box-shadow: 0 3px 6px $buic-popup-boxshadow;
+  box-shadow: 0px 3px 6px $buic-popup-boxshadow;
+
+  .uifw-command-palette-panel {
+    margin: 4px;
+    width: 30vw;
+    min-width: 20em;
+    max-height: 50vh;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .uifw-history-bottom-border {
+    border-bottom-width: 1px;
+    border-bottom-style: solid;
+    border-bottom-color: $buic-foreground-disabled;
+  }
+}

package/lib/cjs/appui-react/popup/KeyinPalettePopup.d.ts

@@ -16,5 +16,5 @@ export interface KeyinPalettePopupProps {
 /** Keyin Palette Popup Component
  * @public
  */
-export declare function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted }: KeyinPalettePopupProps): JSX.Element;
+export declare function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted, }: KeyinPalettePopupProps): JSX.Element;
 //# sourceMappingURL=KeyinPalettePopup.d.ts.map

package/lib/cjs/appui-react/popup/KeyinPalettePopup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyinPalettePopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAM7E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAE9D;aACa;AACb,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,WAAW,CAAC;IAChB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,EAAE,sBAAsB,eAyCrG"}
+{"version":3,"file":"KeyinPalettePopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAM9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAE9D;aACa;AACb,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,WAAW,CAAC;IAChB,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,cAAc,CAAC,EAAE,kBAAkB,CAAC;CACrC;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,EAAE,EACF,MAAM,EACN,QAAQ,EACR,cAAc,GACf,EAAE,sBAAsB,eA+CxB"}

package/lib/cjs/appui-react/popup/KeyinPalettePopup.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Popup
  */
@@ -16,7 +16,7 @@ const KeyinPalettePanel_1 = require("./KeyinPalettePanel");
 /** Keyin Palette Popup Component
  * @public
  */
-function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted }) {
+function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted, }) {
     const [popupSize, setPopupSize] = React.useState(new core_react_1.Size(-1, -1));
     const onSizeKnown = React.useCallback((newSize) => {
         // istanbul ignore else
@@ -38,7 +38,7 @@ function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted }) {
     let point = new core_react_1.Point(xMid, el.getBoundingClientRect().top);
     // istanbul ignore next
     if (popupSize.width > 0)
-        point = point.offsetX(popupSize.width / (-2));
+        point = point.offsetX(popupSize.width / -2);
     return (React.createElement(PositionPopup_1.PositionPopup, { key: id, className: "uifw-command-palette-popup-container", point: point, onSizeKnown: onSizeKnown },
         React.createElement(core_react_1.DivWithOutsideClick, { onOutsideClick: onCancel, onKeyDown: handleKeyDown },
             React.createElement(core_react_1.FocusTrap, { active: true, returnFocusOnDeactivate: true },

package/lib/cjs/appui-react/popup/KeyinPalettePopup.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeyinPalettePopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,0DAAmD;AAEnD,kDAAgF;AAChF,mDAAgD;AAChD,2DAAwD;AAaxD;;GAEG;AACH,SAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAA0B;IACpG,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,OAAkB,EAAE,EAAE;QAC3D,uBAAuB;QACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;YAC5B,YAAY,CAAC,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACvC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,IAAI,QAAQ,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC,KAA0C,EAAQ,EAAE;QAC3F,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,2BAAU,CAAC,MAAM;gBACpB,MAAM,EAAE,CAAC;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;SACT;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;IACpF,IAAI,KAAK,GAAG,IAAI,kBAAK,CAAC,IAAI,EAAE,EAAE,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC;IAC5D,uBAAuB;IACvB,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC;QACrB,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhD,OAAO,CACL,oBAAC,6BAAa,IAAC,GAAG,EAAE,EAAE,EACpB,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW;QAExB,oBAAC,gCAAmB,IAAC,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa;YACrE,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;gBACpD,oBAAC,qCAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,GAAI,CAC5D,CACQ,CACR,CACjB,CAAC;AACJ,CAAC;AAzCD,8CAyCC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Popup\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport type { OnCancelFunc, OnItemExecutedFunc} from \"@itwin/appui-abstract\";\r\nimport { SpecialKey } from \"@itwin/appui-abstract\";\r\nimport type { SizeProps } from \"@itwin/core-react\";\r\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\r\nimport { PositionPopup } from \"./PositionPopup\";\r\nimport { KeyinPalettePanel } from \"./KeyinPalettePanel\";\r\nimport type { KeyinEntry } from \"../uiadmin/FrameworkUiAdmin\";\r\n\r\n/** Props defining KeyinPalettePopup component\r\n * @public */\r\nexport interface KeyinPalettePopupProps {\r\n  id: string;\r\n  el: HTMLElement;\r\n  keyins: KeyinEntry[];\r\n  onCancel?: OnCancelFunc;\r\n  onItemExecuted?: OnItemExecutedFunc;\r\n}\r\n\r\n/** Keyin Palette Popup Component\r\n * @public\r\n */\r\nexport function KeyinPalettePopup({ el, id, keyins, onCancel, onItemExecuted }: KeyinPalettePopupProps) {\r\n  const [popupSize, setPopupSize] = React.useState(new Size(-1, -1));\r\n\r\n  const onSizeKnown = React.useCallback((newSize: SizeProps) => {\r\n    // istanbul ignore else\r\n    if (!popupSize.equals(newSize))\r\n      setPopupSize(Size.create(newSize));\r\n  }, [popupSize]);\r\n\r\n  const cancel = React.useCallback(() => {\r\n    onCancel && onCancel();\r\n  }, [onCancel]);\r\n\r\n  const handleKeyDown = React.useCallback((event: React.KeyboardEvent<HTMLDivElement>): void => {\r\n    switch (event.key) {\r\n      case SpecialKey.Escape:\r\n        cancel();\r\n        event.preventDefault();\r\n        break;\r\n    }\r\n  }, [cancel]);\r\n\r\n  const xMid = el.getBoundingClientRect().left + el.getBoundingClientRect().width / 2;\r\n  let point = new Point(xMid, el.getBoundingClientRect().top);\r\n  // istanbul ignore next\r\n  if (popupSize.width > 0)\r\n    point = point.offsetX(popupSize.width / (-2));\r\n\r\n  return (\r\n    <PositionPopup key={id}\r\n      className=\"uifw-command-palette-popup-container\"\r\n      point={point}\r\n      onSizeKnown={onSizeKnown}\r\n    >\r\n      <DivWithOutsideClick onOutsideClick={onCancel} onKeyDown={handleKeyDown}>\r\n        <FocusTrap active={true} returnFocusOnDeactivate={true}>\r\n          <KeyinPalettePanel keyins={keyins} onKeyinExecuted={onItemExecuted} />\r\n        </FocusTrap>\r\n      </DivWithOutsideClick>\r\n    </PositionPopup>\r\n  );\r\n}\r\n"]}
+{"version":3,"file":"KeyinPalettePopup.js","sourceRoot":"","sources":["../../../../src/appui-react/popup/KeyinPalettePopup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAE/B,0DAAmD;AAEnD,kDAAgF;AAChF,mDAAgD;AAChD,2DAAwD;AAaxD;;GAEG;AACH,SAAgB,iBAAiB,CAAC,EAChC,EAAE,EACF,EAAE,EACF,MAAM,EACN,QAAQ,EACR,cAAc,GACS;IACvB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,iBAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IAEnE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,CAAC,OAAkB,EAAE,EAAE;QACrB,uBAAuB;QACvB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;YAAE,YAAY,CAAC,iBAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IACrE,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,QAAQ,IAAI,QAAQ,EAAE,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CACrC,CAAC,KAA0C,EAAQ,EAAE;QACnD,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,2BAAU,CAAC,MAAM;gBACpB,MAAM,EAAE,CAAC;gBACT,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,MAAM;SACT;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,MAAM,IAAI,GACR,EAAE,CAAC,qBAAqB,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;IACzE,IAAI,KAAK,GAAG,IAAI,kBAAK,CAAC,IAAI,EAAE,EAAE,CAAC,qBAAqB,EAAE,CAAC,GAAG,CAAC,CAAC;IAC5D,uBAAuB;IACvB,IAAI,SAAS,CAAC,KAAK,GAAG,CAAC;QAAE,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;IAErE,OAAO,CACL,oBAAC,6BAAa,IACZ,GAAG,EAAE,EAAE,EACP,SAAS,EAAC,sCAAsC,EAChD,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW;QAExB,oBAAC,gCAAmB,IAAC,cAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa;YACrE,oBAAC,sBAAS,IAAC,MAAM,EAAE,IAAI,EAAE,uBAAuB,EAAE,IAAI;gBACpD,oBAAC,qCAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,cAAc,GAAI,CAC5D,CACQ,CACR,CACjB,CAAC;AACJ,CAAC;AArDD,8CAqDC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Popup\n */\n\nimport * as React from \"react\";\nimport type { OnCancelFunc, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { SpecialKey } from \"@itwin/appui-abstract\";\nimport type { SizeProps } from \"@itwin/core-react\";\nimport { DivWithOutsideClick, FocusTrap, Point, Size } from \"@itwin/core-react\";\nimport { PositionPopup } from \"./PositionPopup\";\nimport { KeyinPalettePanel } from \"./KeyinPalettePanel\";\nimport type { KeyinEntry } from \"../uiadmin/FrameworkUiAdmin\";\n\n/** Props defining KeyinPalettePopup component\n * @public */\nexport interface KeyinPalettePopupProps {\n  id: string;\n  el: HTMLElement;\n  keyins: KeyinEntry[];\n  onCancel?: OnCancelFunc;\n  onItemExecuted?: OnItemExecutedFunc;\n}\n\n/** Keyin Palette Popup Component\n * @public\n */\nexport function KeyinPalettePopup({\n  el,\n  id,\n  keyins,\n  onCancel,\n  onItemExecuted,\n}: KeyinPalettePopupProps) {\n  const [popupSize, setPopupSize] = React.useState(new Size(-1, -1));\n\n  const onSizeKnown = React.useCallback(\n    (newSize: SizeProps) => {\n      // istanbul ignore else\n      if (!popupSize.equals(newSize)) setPopupSize(Size.create(newSize));\n    },\n    [popupSize]\n  );\n\n  const cancel = React.useCallback(() => {\n    onCancel && onCancel();\n  }, [onCancel]);\n\n  const handleKeyDown = React.useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>): void => {\n      switch (event.key) {\n        case SpecialKey.Escape:\n          cancel();\n          event.preventDefault();\n          break;\n      }\n    },\n    [cancel]\n  );\n\n  const xMid =\n    el.getBoundingClientRect().left + el.getBoundingClientRect().width / 2;\n  let point = new Point(xMid, el.getBoundingClientRect().top);\n  // istanbul ignore next\n  if (popupSize.width > 0) point = point.offsetX(popupSize.width / -2);\n\n  return (\n    <PositionPopup\n      key={id}\n      className=\"uifw-command-palette-popup-container\"\n      point={point}\n      onSizeKnown={onSizeKnown}\n    >\n      <DivWithOutsideClick onOutsideClick={onCancel} onKeyDown={handleKeyDown}>\n        <FocusTrap active={true} returnFocusOnDeactivate={true}>\n          <KeyinPalettePanel keyins={keyins} onKeyinExecuted={onItemExecuted} />\n        </FocusTrap>\n      </DivWithOutsideClick>\n    </PositionPopup>\n  );\n}\n"]}

package/lib/cjs/appui-react/popup/PopupManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/PopupManager.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PopupManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/PopupManager.tsx"],"names":[],"mappings":"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"}

package/lib/cjs/appui-react/popup/PopupManager.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Popup
  */
@@ -37,8 +37,12 @@ exports.isReactContent = isReactContent;
  * @public
  */
 class PopupManager {
-    static get popupCount() { return this._popups.length; }
-    static get popups() { return this._popups; }
+    static get popupCount() {
+        return this._popups.length;
+    }
+    static get popups() {
+        return this._popups;
+    }
     static set popups(popups) {
         // istanbul ignore if
         if (this._popups === popups)
@@ -51,10 +55,7 @@ class PopupManager {
         this.popups = [];
     }
     static addPopup(popupInfo) {
-        const popups = [
-            ...PopupManager._popups,
-            popupInfo,
-        ];
+        const popups = [...PopupManager._popups, popupInfo];
         this.popups = popups;
     }
     static updatePopup(popupInfo, itemIndex) {
@@ -90,8 +91,12 @@ class PopupManager {
         }
         return result;
     }
-    static get defaultOffset() { return PopupManager._defaultOffset; }
-    static set defaultOffset(offset) { PopupManager._defaultOffset = offset; }
+    static get defaultOffset() {
+        return PopupManager._defaultOffset;
+    }
+    static set defaultOffset(offset) {
+        PopupManager._defaultOffset = offset;
+    }
     static showInputEditor(el, pt, value, propertyDescription, onCommit, onCancel) {
         const primitiveValue = {
             value,
@@ -102,7 +107,10 @@ class PopupManager {
         const id = PopupManager._editorId;
         const component = (React.createElement(InputEditorPopup_1.InputEditorPopup, { id: id, el: el, pt: pt, offset: PopupManager.defaultOffset, record: record, onCancel: onCancel, commitHandler: commitHandler }));
         const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
+            id,
+            pt,
+            component,
+            parentDocument: el.ownerDocument,
         };
         PopupManager.addOrUpdatePopup(popupInfo);
         return true;
@@ -117,7 +125,10 @@ class PopupManager {
         // cursor popups just set pt to 0,0.
         const pt = { x: 0, y: 0 };
         const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
+            id,
+            pt,
+            component,
+            parentDocument: el.ownerDocument,
         };
         PopupManager.addOrUpdatePopup(popupInfo);
         return true;
@@ -129,7 +140,10 @@ class PopupManager {
         const id = PopupManager._toolbarId;
         const component = (React.createElement(ToolbarPopup_1.ToolbarPopup, { id: id, el: el, pt: pt, offset: offset, items: toolbarProps.items, relativePosition: relativePosition, orientation: core_react_1.Orientation.Horizontal, onCancel: onCancel, onItemExecuted: onItemExecuted }));
         const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
+            id,
+            pt,
+            component,
+            parentDocument: el.ownerDocument,
         };
         PopupManager.addOrUpdatePopup(popupInfo);
         return true;
@@ -141,7 +155,10 @@ class PopupManager {
         const id = PopupManager._htmlElementId;
         const component = (React.createElement(HTMLElementPopup_1.HTMLElementPopup, { id: id, el: el, pt: pt, offset: offset, element: displayElement, relativePosition: relativePosition, orientation: core_react_1.Orientation.Horizontal, onCancel: onCancel }));
         const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
+            id,
+            pt,
+            component,
+            parentDocument: el.ownerDocument,
         };
         PopupManager.addOrUpdatePopup(popupInfo);
         return true;
@@ -151,9 +168,14 @@ class PopupManager {
     }
     static showCard(content, title, toolbarProps, el, pt, offset, onItemExecuted, onCancel, relativePosition) {
         const id = PopupManager._cardId;
-        const component = (React.createElement(CardPopup_1.CardPopup, { id: id, el: el, pt: pt, offset: offset, content: content, title: title, items: toolbarProps ? toolbarProps.items : /* istanbul ignore next */ undefined, relativePosition: relativePosition, orientation: core_react_1.Orientation.Horizontal, onCancel: onCancel, onItemExecuted: onItemExecuted }));
+        const component = (React.createElement(CardPopup_1.CardPopup, { id: id, el: el, pt: pt, offset: offset, content: content, title: title, items: toolbarProps
+                ? toolbarProps.items
+                : /* istanbul ignore next */ undefined, relativePosition: relativePosition, orientation: core_react_1.Orientation.Horizontal, onCancel: onCancel, onItemExecuted: onItemExecuted }));
         const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
+            id,
+            pt,
+            component,
+            parentDocument: el.ownerDocument,
         };
         PopupManager.addOrUpdatePopup(popupInfo);
         return true;
@@ -168,7 +190,10 @@ class PopupManager {
         const id = PopupManager._toolSettingsId;
         const component = (React.createElement(ToolSettingsPopup_1.ToolSettingsPopup, { id: id, el: el, pt: pt, offset: offset, dataProvider: dataProvider, relativePosition: relativePosition, orientation: core_react_1.Orientation.Horizontal, onCancel: onCancel }));
         const popupInfo = {
-            id, pt, component, parentDocument: el.ownerDocument,
+            id,
+            pt,
+            component,
+            parentDocument: el.ownerDocument,
         };
         PopupManager.addOrUpdatePopup(popupInfo);
         return true;
@@ -206,8 +231,7 @@ class PopupRenderer extends React.Component {
             popups: PopupManager.popups,
         };
         this._handleRefSet = (popupDiv) => {
-            var _a;
-            this.setState({ parentDocument: (_a = popupDiv === null || popupDiv === void 0 ? void 0 : popupDiv.ownerDocument) !== null && _a !== void 0 ? _a : null });
+            this.setState({ parentDocument: popupDiv?.ownerDocument ?? null });
         };
         this._handlePopupsChangedEvent = (args) => {
             this.setState({ popups: args.popups });
@@ -223,7 +247,8 @@ class PopupRenderer extends React.Component {
         if (PopupManager.popupCount <= 0)
             return null;
         return (React.createElement("div", { className: "appui-react-popup-render-container", ref: this._handleRefSet }, this.state.parentDocument &&
-            this.state.popups.filter((info) => info.parentDocument === this.state.parentDocument)
+            this.state.popups
+                .filter((info) => info.parentDocument === this.state.parentDocument)
                 .map((popupInfo) => {
                 return (React.createElement(React.Fragment, { key: popupInfo.id }, popupInfo.component));
             })));