@pega/cosmos-react-core 4.0.0-dev.14.2 → 4.0.0-dev.15.1

package/lib/hooks/useAutoResize.js

@@ -22,7 +22,9 @@ const useAutoResize = (maxHeight, minHeightProp) => {
         if (element.current) {
             let newMinHeight = minHeight;
             if (!minHeight) {
-                newMinHeight = scrollHeightElement.scrollHeight;
+                newMinHeight =
+                    scrollHeightElement.scrollHeight +
+                        (scrollHeightElement.offsetHeight - scrollHeightElement.clientHeight);
                 setMinHeight(newMinHeight);
             }
             // Reset the heights to the base height so there is an overflow / or none to calculate the new height
@@ -30,15 +32,19 @@ const useAutoResize = (maxHeight, minHeightProp) => {
             if (maxHeight) {
                 scrollHeightElement.style.overflowY =
                     scrollHeightElement.scrollHeight > maxHeight ? 'auto' : 'hidden';
-                const height = `${Math.min(scrollHeightElement.scrollHeight, maxHeight)}px`;
+                const height = `${Math.min(scrollHeightElement.scrollHeight +
+                    (scrollHeightElement.offsetHeight - scrollHeightElement.clientHeight), maxHeight)}px`;
                 scrollHeightElement.style.height = height;
                 if (iframe)
                     iframe.style.height = height;
             }
             else {
-                scrollHeightElement.style.height = `${scrollHeightElement.scrollHeight}px`;
+                scrollHeightElement.style.overflowY = 'hidden';
+                const height = scrollHeightElement.scrollHeight +
+                    (scrollHeightElement.offsetHeight - scrollHeightElement.clientHeight);
+                scrollHeightElement.style.height = `${height}px`;
                 if (iframe)
-                    iframe.style.height = `${scrollHeightElement.scrollHeight}px`;
+                    iframe.style.height = `${height}px`;
             }
         }
     };

package/lib/hooks/useAutoResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoResize.js","sourceRoot":"","sources":["../../src/hooks/useAutoResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAoB,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;;;;;;GAOG;AACH,MAAM,aAAa,GAAG,CACpB,SAAkB,EAClB,aAAsB,EACoB,EAAE;IAC5C,MAAM,OAAO,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,aAAa,IAAI,CAAC,CAAC,CAAC;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,mBAAmB,GAAgB,OAAO,CAAC,OAAsB,CAAC;QACtE,IAAI,MAAqC,CAAC;QAC1C,IAAI,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,YAAY,iBAAiB,EAAE;YACnE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;YACzB,mBAAmB;gBACjB,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC;SAC7E;QACD,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,IAAI,YAAY,GAAG,SAAS,CAAC;YAC7B,IAAI,CAAC,SAAS,EAAE;gBACd,YAAY,GAAG,mBAAmB,CAAC,YAAY,CAAC;gBAChD,YAAY,CAAC,YAAY,CAAC,CAAC;aAC5B;YACD,qGAAqG;YACrG,mBAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,YAAY,IAAI,CAAC;YAEvD,IAAI,SAAS,EAAE;gBACb,mBAAmB,CAAC,KAAK,CAAC,SAAS;oBACjC,mBAAmB,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;gBACnE,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC;gBAC5E,mBAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC1C,IAAI,MAAM;oBAAE,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;aAC1C;iBAAM;gBACL,mBAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,mBAAmB,CAAC,YAAY,IAAI,CAAC;gBAC3E,IAAI,MAAM;oBAAE,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,mBAAmB,CAAC,YAAY,IAAI,CAAC;aAC3E;SACF;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useRef, useState, MutableRefObject } from 'react';\n\nimport { debounce } from '../utils';\n\n/**\n * @example const [ref, resizeFunction] = useAutoResize();\n * maxHeight should be provided in pixels without units\n * minHeight should be provided in pixels without units\n * @returns * ref:: A reference for the element that the resize functionality should be applied to. [React RefObject](https://reactjs.org/docs/refs-and-the-dom.html)\n *          * resizeFunction:: The function to call to automatically resize the element.\n * element refers to auto resizable element\n */\nconst useAutoResize = <T extends HTMLElement = HTMLElement>(\n  maxHeight?: number,\n  minHeightProp?: number\n): [MutableRefObject<T | null>, () => void] => {\n  const element = useRef<T | null>(null);\n  const [minHeight, setMinHeight] = useState(minHeightProp || 0);\n\n  const autoResize = () => {\n    let scrollHeightElement: HTMLElement = element.current as HTMLElement;\n    let iframe: HTMLIFrameElement | undefined;\n    if (element.current && element.current instanceof HTMLIFrameElement) {\n      iframe = element.current;\n      scrollHeightElement =\n        element.current.contentDocument?.querySelector('body') ?? element.current;\n    }\n    if (element.current) {\n      let newMinHeight = minHeight;\n      if (!minHeight) {\n        newMinHeight = scrollHeightElement.scrollHeight;\n        setMinHeight(newMinHeight);\n      }\n      // Reset the heights to the base height so there is an overflow / or none to calculate the new height\n      scrollHeightElement.style.height = `${newMinHeight}px`;\n\n      if (maxHeight) {\n        scrollHeightElement.style.overflowY =\n          scrollHeightElement.scrollHeight > maxHeight ? 'auto' : 'hidden';\n        const height = `${Math.min(scrollHeightElement.scrollHeight, maxHeight)}px`;\n        scrollHeightElement.style.height = height;\n        if (iframe) iframe.style.height = height;\n      } else {\n        scrollHeightElement.style.height = `${scrollHeightElement.scrollHeight}px`;\n        if (iframe) iframe.style.height = `${scrollHeightElement.scrollHeight}px`;\n      }\n    }\n  };\n\n  const debouncedAutoResize = debounce(autoResize, 100);\n\n  return [element, debouncedAutoResize];\n};\n\nexport default useAutoResize;\n"]}
+{"version":3,"file":"useAutoResize.js","sourceRoot":"","sources":["../../src/hooks/useAutoResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAoB,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC;;;;;;;GAOG;AACH,MAAM,aAAa,GAAG,CACpB,SAAkB,EAClB,aAAsB,EACoB,EAAE;IAC5C,MAAM,OAAO,GAAG,MAAM,CAAW,IAAI,CAAC,CAAC;IACvC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,aAAa,IAAI,CAAC,CAAC,CAAC;IAE/D,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,mBAAmB,GAAgB,OAAO,CAAC,OAAsB,CAAC;QACtE,IAAI,MAAqC,CAAC;QAC1C,IAAI,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,OAAO,YAAY,iBAAiB,EAAE;YACnE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;YACzB,mBAAmB;gBACjB,OAAO,CAAC,OAAO,CAAC,eAAe,EAAE,aAAa,CAAC,MAAM,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC;SAC7E;QACD,IAAI,OAAO,CAAC,OAAO,EAAE;YACnB,IAAI,YAAY,GAAG,SAAS,CAAC;YAC7B,IAAI,CAAC,SAAS,EAAE;gBACd,YAAY;oBACV,mBAAmB,CAAC,YAAY;wBAChC,CAAC,mBAAmB,CAAC,YAAY,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;gBACxE,YAAY,CAAC,YAAY,CAAC,CAAC;aAC5B;YACD,qGAAqG;YACrG,mBAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,YAAY,IAAI,CAAC;YAEvD,IAAI,SAAS,EAAE;gBACb,mBAAmB,CAAC,KAAK,CAAC,SAAS;oBACjC,mBAAmB,CAAC,YAAY,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;gBACnE,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CACxB,mBAAmB,CAAC,YAAY;oBAC9B,CAAC,mBAAmB,CAAC,YAAY,GAAG,mBAAmB,CAAC,YAAY,CAAC,EACvE,SAAS,CACV,IAAI,CAAC;gBACN,mBAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;gBAC1C,IAAI,MAAM;oBAAE,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;aAC1C;iBAAM;gBACL,mBAAmB,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;gBAC/C,MAAM,MAAM,GACV,mBAAmB,CAAC,YAAY;oBAChC,CAAC,mBAAmB,CAAC,YAAY,GAAG,mBAAmB,CAAC,YAAY,CAAC,CAAC;gBACxE,mBAAmB,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;gBACjD,IAAI,MAAM;oBAAE,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,IAAI,CAAC;aACjD;SACF;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IAEtD,OAAO,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useRef, useState, MutableRefObject } from 'react';\n\nimport { debounce } from '../utils';\n\n/**\n * @example const [ref, resizeFunction] = useAutoResize();\n * maxHeight should be provided in pixels without units\n * minHeight should be provided in pixels without units\n * @returns * ref:: A reference for the element that the resize functionality should be applied to. [React RefObject](https://reactjs.org/docs/refs-and-the-dom.html)\n *          * resizeFunction:: The function to call to automatically resize the element.\n * element refers to auto resizable element\n */\nconst useAutoResize = <T extends HTMLElement = HTMLElement>(\n  maxHeight?: number,\n  minHeightProp?: number\n): [MutableRefObject<T | null>, () => void] => {\n  const element = useRef<T | null>(null);\n  const [minHeight, setMinHeight] = useState(minHeightProp || 0);\n\n  const autoResize = () => {\n    let scrollHeightElement: HTMLElement = element.current as HTMLElement;\n    let iframe: HTMLIFrameElement | undefined;\n    if (element.current && element.current instanceof HTMLIFrameElement) {\n      iframe = element.current;\n      scrollHeightElement =\n        element.current.contentDocument?.querySelector('body') ?? element.current;\n    }\n    if (element.current) {\n      let newMinHeight = minHeight;\n      if (!minHeight) {\n        newMinHeight =\n          scrollHeightElement.scrollHeight +\n          (scrollHeightElement.offsetHeight - scrollHeightElement.clientHeight);\n        setMinHeight(newMinHeight);\n      }\n      // Reset the heights to the base height so there is an overflow / or none to calculate the new height\n      scrollHeightElement.style.height = `${newMinHeight}px`;\n\n      if (maxHeight) {\n        scrollHeightElement.style.overflowY =\n          scrollHeightElement.scrollHeight > maxHeight ? 'auto' : 'hidden';\n        const height = `${Math.min(\n          scrollHeightElement.scrollHeight +\n            (scrollHeightElement.offsetHeight - scrollHeightElement.clientHeight),\n          maxHeight\n        )}px`;\n        scrollHeightElement.style.height = height;\n        if (iframe) iframe.style.height = height;\n      } else {\n        scrollHeightElement.style.overflowY = 'hidden';\n        const height =\n          scrollHeightElement.scrollHeight +\n          (scrollHeightElement.offsetHeight - scrollHeightElement.clientHeight);\n        scrollHeightElement.style.height = `${height}px`;\n        if (iframe) iframe.style.height = `${height}px`;\n      }\n    }\n  };\n\n  const debouncedAutoResize = debounce(autoResize, 100);\n\n  return [element, debouncedAutoResize];\n};\n\nexport default useAutoResize;\n"]}

package/lib/hooks/useI18n.d.ts

@@ -23,6 +23,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     menu: string;
     new: string;
     info: string;
+    shortcuts: string;
     remove: string;
     follow: string;
     unfollow: string;
@@ -81,7 +82,6 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     delete_noun: string;
     actions_for: string;
     edited: string;
-    done: string;
     uploading: string;
     loading: string;
     submitting: string;
@@ -176,6 +176,9 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     main_content: string;
     app_shell_create: string;
     app_shell_open_nav: string;
+    app_shell_main_navigation_label: string;
+    shortcut_NextRegion: string;
+    shortcut_PrevRegion: string;
     combobox_open_close: string;
     combobox_search_instructions: string;
     combobox_open_list_button_a11y: string;
@@ -231,6 +234,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     search_instructions: string;
     action_from_summarylist_heading: string;
     selected_search_filter: string;
+    utilities_label: string;
     utilities_summary: string;
     expand_summary: string;
     collapse_summary: string;
@@ -244,6 +248,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     suggestion_assist: string;
     select_country_code: string;
     enter_a_number: string;
+    skip_navigation_menu_label: string;
     close_preview: string;
     confirmation_details: string;
     confirmation_whats_next: string;
@@ -281,6 +286,22 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     predictions: string;
     all_predictions: string;
     learn_more: string;
+    tasks_added: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    tasks_removed: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
     rte_heading_style: string;
     rte_bold: string;
     rte_italic: string;
@@ -524,6 +545,10 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
         many: string;
         other: string;
     };
+    interaction_shortcut_goto_info: string;
+    interaction_shortcut_dismiss_info: string;
+    shortcut_GoToIncomingInteraction: string;
+    shortcut_DismissIncomingInteraction: string;
     select_multiple: string;
     dismiss_case: string;
     task_manager_add_task: string;
@@ -532,8 +557,10 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     add_tasks: string;
     open_tasks: string;
     resolved_tasks: string;
-    selected_tasks: string;
-    no_selected_tasks: string;
+    no_picker_items: string;
+    selected_picker_items: string;
+    no_selected_picker_items: string;
+    search_picker_items: string;
     task_picker_close: string;
     task_manager_overflow_menu: string;
     continue_label: string;
@@ -542,8 +569,6 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     review_label_a11y: string;
     dismiss_label: string;
     dismiss_label_a11y: string;
-    task_manager_search_results_empty_text: string;
-    search_tasks: string;
     task_manager_picker_add_label: {
         zero: string;
         one: string;
@@ -556,6 +581,8 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     nothing_detected_yet: string;
     ai_detected_entities: string;
     close_conversation: string;
+    shortcut_AddTask: string;
+    shortcut_WrapUp: string;
     sentiment_positive: string;
     sentiment_negative: string;
     sentiment_neutral: string;

package/lib/hooks/useI18n.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../src/hooks/useI18n.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../src/hooks/useI18n.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/hooks/useShortcut.d.ts

@@ -0,0 +1,12 @@
+import type { ShortcutAction } from '../components/ShortcutManager/ShortcutManager.types';
+/**
+ * Hook to attach a callback to the keyboard shortcut action.
+ * @param actionId the identifier of the action to attach the callback to
+ * @param callback function that should be invoked when given action gets triggered
+ * @returns current shortcut bound to the given action in form of accelerator
+ */
+declare const useShortcut: (actionId: ShortcutAction['id'], callback: (e: ShortcutEvent) => void) => {
+    binding?: string | undefined;
+};
+export default useShortcut;
+//# sourceMappingURL=useShortcut.d.ts.map

package/lib/hooks/useShortcut.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShortcut.d.ts","sourceRoot":"","sources":["../../src/hooks/useShortcut.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAC;AAK1F;;;;;GAKG;AACH,QAAA,MAAM,WAAW,aACL,cAAc,CAAC,IAAI,CAAC,gBAChB,aAAa,KAAK,IAAI;;CAiBrC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/hooks/useShortcut.js

@@ -0,0 +1,23 @@
+import { Shortcut } from 'shortcuts';
+import useEvent from './useEvent';
+import useShortcutManager from './useShortcutManager';
+/**
+ * Hook to attach a callback to the keyboard shortcut action.
+ * @param actionId the identifier of the action to attach the callback to
+ * @param callback function that should be invoked when given action gets triggered
+ * @returns current shortcut bound to the given action in form of accelerator
+ */
+const useShortcut = (actionId, callback) => {
+    const { [actionId]: binding } = useShortcutManager().bindings;
+    useEvent('shortcut', e => {
+        if (e.detail.actionId === actionId)
+            callback(e);
+    }, {
+        dependencies: [actionId, callback]
+    });
+    return {
+        binding: binding ? Shortcut.shortcut2accelerator(binding) : undefined
+    };
+};
+export default useShortcut;
+//# sourceMappingURL=useShortcut.js.map

package/lib/hooks/useShortcut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShortcut.js","sourceRoot":"","sources":["../../src/hooks/useShortcut.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAIrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,WAAW,GAAG,CAClB,QAA8B,EAC9B,QAAoC,EACd,EAAE;IACxB,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,GAAG,kBAAkB,EAAE,CAAC,QAAQ,CAAC;IAE9D,QAAQ,CACN,UAAU,EACV,CAAC,CAAC,EAAE;QACF,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,KAAK,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,CAAC,EACD;QACE,YAAY,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC;KACnC,CACF,CAAC;IAEF,OAAO;QACL,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS;KACtE,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { Shortcut } from 'shortcuts';\n\nimport type { ShortcutAction } from '../components/ShortcutManager/ShortcutManager.types';\n\nimport useEvent from './useEvent';\nimport useShortcutManager from './useShortcutManager';\n\n/**\n * Hook to attach a callback to the keyboard shortcut action.\n * @param actionId the identifier of the action to attach the callback to\n * @param callback function that should be invoked when given action gets triggered\n * @returns current shortcut bound to the given action in form of accelerator\n */\nconst useShortcut = (\n  actionId: ShortcutAction['id'],\n  callback: (e: ShortcutEvent) => void\n): { binding?: string } => {\n  const { [actionId]: binding } = useShortcutManager().bindings;\n\n  useEvent(\n    'shortcut',\n    e => {\n      if (e.detail.actionId === actionId) callback(e);\n    },\n    {\n      dependencies: [actionId, callback]\n    }\n  );\n\n  return {\n    binding: binding ? Shortcut.shortcut2accelerator(binding) : undefined\n  };\n};\n\nexport default useShortcut;\n"]}

package/lib/hooks/useShortcutManager.d.ts

@@ -0,0 +1,4 @@
+import '../init';
+declare const useShortcutManager: () => import("../components/ShortcutManager/Context").ShortcutManagerContextValue;
+export default useShortcutManager;
+//# sourceMappingURL=useShortcutManager.d.ts.map

package/lib/hooks/useShortcutManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShortcutManager.d.ts","sourceRoot":"","sources":["../../src/hooks/useShortcutManager.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,CAAC;AAIjB,QAAA,MAAM,kBAAkB,mFAMvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/lib/hooks/useShortcutManager.js

@@ -0,0 +1,12 @@
+import { useContext } from 'react';
+import '../init';
+import { windowIsAvailable } from '../utils';
+import { ShortcutManagerContext } from '../components/ShortcutManager/Context';
+const useShortcutManager = () => {
+    const context = windowIsAvailable
+        ? window.cosmos.shortcutManagerContext ?? ShortcutManagerContext
+        : ShortcutManagerContext;
+    return useContext(context);
+};
+export default useShortcutManager;
+//# sourceMappingURL=useShortcutManager.js.map

package/lib/hooks/useShortcutManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShortcutManager.js","sourceRoot":"","sources":["../../src/hooks/useShortcutManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,SAAS,CAAC;AACjB,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,sBAAsB,EAAE,MAAM,uCAAuC,CAAC;AAE/E,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,iBAAiB;QAC/B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,sBAAsB,IAAI,sBAAsB;QAChE,CAAC,CAAC,sBAAsB,CAAC;IAE3B,OAAO,UAAU,CAAC,OAAO,CAAC,CAAC;AAC7B,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { useContext } from 'react';\n\nimport '../init';\nimport { windowIsAvailable } from '../utils';\nimport { ShortcutManagerContext } from '../components/ShortcutManager/Context';\n\nconst useShortcutManager = () => {\n  const context = windowIsAvailable\n    ? window.cosmos.shortcutManagerContext ?? ShortcutManagerContext\n    : ShortcutManagerContext;\n\n  return useContext(context);\n};\n\nexport default useShortcutManager;\n"]}

package/lib/i18n/default.d.ts

@@ -19,6 +19,7 @@ declare const _default: {
     menu: string;
     new: string;
     info: string;
+    shortcuts: string;
     remove: string;
     follow: string;
     unfollow: string;
@@ -77,7 +78,6 @@ declare const _default: {
     delete_noun: string;
     actions_for: string;
     edited: string;
-    done: string;
     uploading: string;
     loading: string;
     submitting: string;
@@ -172,6 +172,9 @@ declare const _default: {
     main_content: string;
     app_shell_create: string;
     app_shell_open_nav: string;
+    app_shell_main_navigation_label: string;
+    shortcut_NextRegion: string;
+    shortcut_PrevRegion: string;
     combobox_open_close: string;
     combobox_search_instructions: string;
     combobox_open_list_button_a11y: string;
@@ -227,6 +230,7 @@ declare const _default: {
     search_instructions: string;
     action_from_summarylist_heading: string;
     selected_search_filter: string;
+    utilities_label: string;
     utilities_summary: string;
     expand_summary: string;
     collapse_summary: string;
@@ -240,6 +244,7 @@ declare const _default: {
     suggestion_assist: string;
     select_country_code: string;
     enter_a_number: string;
+    skip_navigation_menu_label: string;
     close_preview: string;
     confirmation_details: string;
     confirmation_whats_next: string;
@@ -277,6 +282,22 @@ declare const _default: {
     predictions: string;
     all_predictions: string;
     learn_more: string;
+    tasks_added: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    tasks_removed: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
     rte_heading_style: string;
     rte_bold: string;
     rte_italic: string;
@@ -520,6 +541,10 @@ declare const _default: {
         many: string;
         other: string;
     };
+    interaction_shortcut_goto_info: string;
+    interaction_shortcut_dismiss_info: string;
+    shortcut_GoToIncomingInteraction: string;
+    shortcut_DismissIncomingInteraction: string;
     select_multiple: string;
     dismiss_case: string;
     task_manager_add_task: string;
@@ -528,8 +553,10 @@ declare const _default: {
     add_tasks: string;
     open_tasks: string;
     resolved_tasks: string;
-    selected_tasks: string;
-    no_selected_tasks: string;
+    no_picker_items: string;
+    selected_picker_items: string;
+    no_selected_picker_items: string;
+    search_picker_items: string;
     task_picker_close: string;
     task_manager_overflow_menu: string;
     continue_label: string;
@@ -538,8 +565,6 @@ declare const _default: {
     review_label_a11y: string;
     dismiss_label: string;
     dismiss_label_a11y: string;
-    task_manager_search_results_empty_text: string;
-    search_tasks: string;
     task_manager_picker_add_label: {
         zero: string;
         one: string;
@@ -552,6 +577,8 @@ declare const _default: {
     nothing_detected_yet: string;
     ai_detected_entities: string;
     close_conversation: string;
+    shortcut_AddTask: string;
+    shortcut_WrapUp: string;
     sentiment_positive: string;
     sentiment_negative: string;
     sentiment_neutral: string;

package/lib/i18n/default.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/i18n/default.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA0gCE"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/i18n/default.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBAyiCE"}

package/lib/i18n/default.js

@@ -23,6 +23,7 @@ export default {
     menu: 'menu',
     new: 'New',
     info: 'info',
+    shortcuts: 'Shortcuts',
     /* Verbs */
     remove: 'Remove',
     follow: 'Follow',
@@ -85,7 +86,6 @@ export default {
     actions_for: 'Actions for {0}',
     /* States */
     edited: 'Edited {0}',
-    done: 'Done',
     uploading: 'Uploading',
     loading: 'Loading…',
     submitting: 'Submitting…',
@@ -94,12 +94,12 @@ export default {
     image_load_error: 'Error loading image',
     selected: 'Selected',
     selected_count: {
-        zero: '{0} of {1} selected',
-        one: '{0} of {1} selected',
-        two: '{0} of {1} selected',
-        few: '{0} of {1} selected',
-        many: '{0} of {1} selected',
-        other: '{0} of {1} selected'
+        zero: '{0} selected',
+        one: '{0} selected',
+        two: '{0} selected',
+        few: '{0} selected',
+        many: '{0} selected',
+        other: '{0} selected'
     },
     completed: 'Completed',
     current: 'Current',
@@ -192,6 +192,9 @@ export default {
     /* core:AppShell */
     app_shell_create: 'Create',
     app_shell_open_nav: 'Open navigation menu',
+    app_shell_main_navigation_label: 'Main navigation',
+    shortcut_NextRegion: 'Next region',
+    shortcut_PrevRegion: 'Previous region',
     /* core:ComboBox */
     combobox_open_close: 'Arrow down to open, press escape to close.',
     combobox_search_instructions: 'Start typing to search',
@@ -260,6 +263,7 @@ export default {
     action_from_summarylist_heading: '{0} from {1}',
     selected_search_filter: 'Filter search by: {0}',
     /* work:CaseView */
+    utilities_label: 'Utilities',
     utilities_summary: 'Utilities summary',
     expand_summary: 'Expand summary',
     collapse_summary: 'Collapse summary',
@@ -275,6 +279,8 @@ export default {
     /* core:Phone Input */
     select_country_code: 'Select country code',
     enter_a_number: 'Enter a number',
+    /* core:SkipLinks */
+    skip_navigation_menu_label: 'Skip navigation menu',
     /* work:CasePreview */
     close_preview: 'Close preview',
     /* work:Confirmation */
@@ -321,6 +327,23 @@ export default {
     predictions: 'Predictions',
     all_predictions: 'All predictions',
     learn_more: 'Learn more',
+    /* work:TaskList */
+    tasks_added: {
+        zero: 'No tasks added',
+        one: '{0} task added',
+        two: '{0} tasks added',
+        few: '{0} tasks added',
+        many: '{0} tasks added',
+        other: '{0} tasks added'
+    },
+    tasks_removed: {
+        zero: 'No tasks removed',
+        one: '{0} task removed',
+        two: '{0} tasks removed',
+        few: '{0} tasks removed',
+        many: '{0} tasks removed',
+        other: '{0} tasks removed'
+    },
     /* rte:RichTextEditor */
     rte_heading_style: 'Heading style',
     rte_bold: 'Bold',
@@ -573,6 +596,10 @@ export default {
         many: '{0} seconds remaining to accept the interaction.',
         other: '{0} seconds remaining to accept the interaction.'
     },
+    interaction_shortcut_goto_info: 'Press {0} to review.',
+    interaction_shortcut_dismiss_info: 'Press {0} to dismiss.',
+    shortcut_GoToIncomingInteraction: 'Go to incoming interaction popup.',
+    shortcut_DismissIncomingInteraction: 'Dismiss incoming interaction popup.',
     /* cs:TaskManager */
     select_multiple: 'Select multiple',
     dismiss_case: 'Dismiss case',
@@ -582,8 +609,10 @@ export default {
     add_tasks: 'Add tasks',
     open_tasks: 'Open tasks',
     resolved_tasks: 'Resolved tasks',
-    selected_tasks: 'Selected tasks',
-    no_selected_tasks: 'No selected tasks',
+    no_picker_items: 'No {0}',
+    selected_picker_items: 'Selected {0}',
+    no_selected_picker_items: 'No selected {0}',
+    search_picker_items: 'Search {0}',
     task_picker_close: 'Close task picker',
     task_manager_overflow_menu: 'All tasks',
     continue_label: 'Continue',
@@ -592,8 +621,6 @@ export default {
     review_label_a11y: 'Review {0}',
     dismiss_label: 'Dismiss',
     dismiss_label_a11y: 'Dismiss {0}',
-    task_manager_search_results_empty_text: 'No tasks',
-    search_tasks: 'Search tasks…',
     task_manager_picker_add_label: {
         zero: 'No items to add',
         one: 'Add {0} new item',
@@ -606,6 +633,8 @@ export default {
     nothing_detected_yet: 'Nothing detected yet',
     ai_detected_entities: 'AI detected entities',
     close_conversation: 'Close conversation',
+    shortcut_AddTask: 'Open task picker',
+    shortcut_WrapUp: 'Wrap up interaction',
     /* cs:Sentiment */
     sentiment_positive: 'Positive',
     sentiment_negative: 'Negative',