@pega/cosmos-react-core 4.0.0-dev.12.1 → 4.0.0-dev.14.0

package/lib/hooks/useChToPxConversionFactor.js

@@ -0,0 +1,13 @@
+import { useMemo } from 'react';
+const useChToPxConversionFactor = () => {
+    return useMemo(() => {
+        const chToPxDiv = document.createElement('div');
+        chToPxDiv.style.width = '1ch';
+        document.body.append(chToPxDiv);
+        const conversionFactor = chToPxDiv.offsetWidth;
+        chToPxDiv.remove();
+        return conversionFactor;
+    }, []);
+};
+export default useChToPxConversionFactor;
+//# sourceMappingURL=useChToPxConversionFactor.js.map

package/lib/hooks/useChToPxConversionFactor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useChToPxConversionFactor.js","sourceRoot":"","sources":["../../src/hooks/useChToPxConversionFactor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACrC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;QAC9B,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;QAChC,MAAM,gBAAgB,GAAG,SAAS,CAAC,WAAW,CAAC;QAC/C,SAAS,CAAC,MAAM,EAAE,CAAC;QAEnB,OAAO,gBAAgB,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nconst useChToPxConversionFactor = () => {\n  return useMemo(() => {\n    const chToPxDiv = document.createElement('div');\n    chToPxDiv.style.width = '1ch';\n    document.body.append(chToPxDiv);\n    const conversionFactor = chToPxDiv.offsetWidth;\n    chToPxDiv.remove();\n\n    return conversionFactor;\n  }, []);\n};\n\nexport default useChToPxConversionFactor;\n"]}

package/lib/hooks/useElement.d.ts

@@ -5,6 +5,6 @@ import { RefCallback } from 'react';
  * @returns * element:: A DOM Element.
  *          * setElementFunction:: The function responsible for setting and resetting the element variable. This function is typically passed to the ref attribute of the element you wish to reference.
  */
-declare const useElement: <T extends Element>(initial?: T | null) => [T | null, (instance: T | null) => void];
+declare const useElement: <T extends Element>(initial?: T | null) => [T | null, RefCallback<T>];
 export default useElement;
 //# sourceMappingURL=useElement.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useElement.d.ts","sourceRoot":"","sources":["../../src/hooks/useElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C;;;;;GAKG;AACH,QAAA,MAAM,UAAU,qFACa,CAAC;AAE9B,eAAe,UAAU,CAAC"}
+{"version":3,"file":"useElement.d.ts","sourceRoot":"","sources":["../../src/hooks/useElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C;;;;;GAKG;AACH,QAAA,MAAM,UAAU,uEACa,CAAC;AAE9B,eAAe,UAAU,CAAC"}

package/lib/hooks/useI18n.d.ts

@@ -21,6 +21,8 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     utilities: string;
     search: string;
     menu: string;
+    new: string;
+    info: string;
     remove: string;
     follow: string;
     unfollow: string;
@@ -47,9 +49,6 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     filter: string;
     sort: string;
     group: string;
-    filter_by: string;
-    sort_by: string;
-    group_by: string;
     go: string;
     configure: string;
     dismiss: string;
@@ -74,11 +73,12 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     collapse_noun: string;
     checked_noun: string;
     selected_noun: string;
-    deselected_noun: string;
+    unselected_noun: string;
     use_input_value: string;
     preview_of_noun: string;
     go_to_noun: string;
     insert_noun: string;
+    delete_noun: string;
     actions_for: string;
     edited: string;
     done: string;
@@ -188,6 +188,9 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     menu_item_collapse_shift_space: string;
     menu_item_shift_space_expand_collapse: string;
     menu_option_list: string;
+    menu_item_count: string;
+    menu_collapsed: string;
+    menu_expanded: string;
     modal_minimize: string;
     modal_maximize: string;
     modal_dock: string;
@@ -206,6 +209,9 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     picker_jump_to_month_and_year: string;
     calendar_assist: string;
     calendar: string;
+    choose_date: string;
+    choose_date_and_time: string;
+    choose_week: string;
     boolean_display_true_label: string;
     boolean_display_false_label: string;
     step_changed_to_name: string;
@@ -256,6 +262,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     };
     edit_tags: string;
     tags: string;
+    view_profile: string;
     timeline_toolbar_sort_descending: string;
     timeline_toolbar_sort_ascending: string;
     timeline_toolbar_group_date: string;
@@ -309,6 +316,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     subject_label: string;
     feed_new_post: string;
     feed_new_reply: string;
+    feed_post_actions_menu: string;
     feed_edit_post: string;
     feed_edit_reply: string;
     feed_cancel_conversation: string;
@@ -326,6 +334,14 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
         many: string;
         other: string;
     };
+    feed_post_comments: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
     feed_attachments_added: {
         zero: string;
         one: string;
@@ -389,6 +405,10 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     chat_message_status: string;
     opened: string;
     undeliverable: string;
+    new_message: string;
+    attachments: string;
+    attachments_x_of_y: string;
+    use_current_template: string;
     unique_entities: {
         zero: string;
         one: string;
@@ -523,7 +543,6 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     dismiss_label: string;
     dismiss_label_a11y: string;
     task_manager_search_results_empty_text: string;
-    task_manager_delete_task: string;
     search_tasks: string;
     task_manager_picker_add_label: {
         zero: string;
@@ -545,13 +564,15 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     condition_builder_advanced_condition_placeholder: string;
     condition_builder_advanced_mode_button_label: string;
     condition_builder_basic_mode_button_label: string;
+    condition_builder_advanced_mode_button_aria_label: string;
+    condition_builder_basic_mode_button_aria_label: string;
+    condition_builder_mode_switch: string;
+    condition_builder_advanced_condition_tooltip: string;
     condition_builder_condition_select_info_default: string;
     condition_builder_possible_values_label: string;
     condition_builder_possible_values_error: string;
     condition_builder_multi_selection_text_default: string;
     condition_builder_single_selection_text_default: string;
-    condition_builder_add_button_label: string;
-    condition_builder_remove_button_label: string;
     condition_builder_switch_banner_text: string;
     condition_builder_confirm_button_label: string;
     condition_builder_empty_selection_error_text: string;
@@ -579,8 +600,6 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     condition_builder_invalid_number_range: string;
     condition_builder_select_placeholder: string;
     condition_builder_hour_number_of_day: string;
-    condition_builder_rhs_with_readOnly_input: string;
-    condition_builder_rhs_with_input_type: string;
     condition_builder_rhs_with_time_only_input: string;
     condition_builder_rhs_with_date_only_input: string;
     condition_builder_rhs_with_date_time_input: 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/useScrollToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollToggle.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,eAAe,cAAc,MAAM;wBAKF,IAAI;yBAMH,IAAI;CAgC3C,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useScrollToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollToggle.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,eAAe,cAAc,MAAM;wBAKF,IAAI;yBAMH,IAAI;CA+B3C,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/hooks/useScrollToggle.js

@@ -32,7 +32,6 @@ const useScrollToggle = (selector = ':root') => {
     }, [selector]);
     useLayoutEffect(() => {
         scrollbarWidthRef.current = getScrollbarWidth();
-        // cSpell:ignoreRegExp /unmounts?/
         // To be safe, clean up when the calling component unmounts just in case it did not do so.
         return enableScroll;
         // As enableScroll is memoized with no deps, the cleanup **should** only run once on unmount. If that changes, adjust here accordingly.

package/lib/hooks/useScrollToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useScrollToggle.js","sourceRoot":"","sources":["../../src/hooks/useScrollToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEhE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,eAAe,GAAG,CAAC,WAAmB,OAAO,EAAE,EAAE;IACrD,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACvD,MAAM,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEhD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAS,EAAE;QAC1C,mGAAmG;QACnG,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QAC3B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QAC3C,qHAAqH;QACrH,IAAI,QAAQ,CAAC,OAAO;YAAE,OAAO;QAC7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS;YAAE,OAAO;QAErC,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAEnD,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG;QAC3B,QAAQ;UACN,SAAS,CAAC,CAAC,CAAC,uBAAuB,iBAAiB,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,EAAE;UAChF,SAAS,CAAC,CAAC,CAAC,sBAAsB,iBAAiB,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,EAAE;;;KAGpF,CAAC;QAEF,CAAC,gBAAgB,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,eAAe,CAAC,GAAG,EAAE;QACnB,iBAAiB,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;QAEhD,kCAAkC;QAClC,0FAA0F;QAC1F,OAAO,YAAY,CAAC;QAEpB,uIAAuI;IACzI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACzC,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { useCallback, useLayoutEffect, useRef } from 'react';\n\nimport { getScrollbarWidth, testElForOverflow } from '../utils';\n\nimport useConfiguration from './useConfiguration';\n\nconst useScrollToggle = (selector: string = ':root') => {\n  const scrollbarWidthRef = useRef(0);\n  const styleRef = useRef<HTMLStyleElement | null>(null);\n  const { styleSheetTarget } = useConfiguration();\n\n  const enableScroll = useCallback((): void => {\n    // No need to short circuit if called repetitively, will just perform a simple null set on the ref.\n    styleRef.current?.remove();\n    styleRef.current = null;\n  }, []);\n\n  const disableScroll = useCallback((): void => {\n    // If we have a ref to the style el we can assume styles to disable overflow are in the DOM. No need for a DOM query.\n    if (styleRef.current) return;\n    const scrollEl = document.querySelector(selector);\n    if (!scrollEl) return;\n    const [overflowX, overflowY] = testElForOverflow(scrollEl);\n    if (!overflowX && !overflowY) return;\n\n    styleRef.current = document.createElement('style');\n\n    styleRef.current.textContent = `\n      ${selector} {\n        ${overflowY ? `padding-inline-end: ${scrollbarWidthRef.current}px !important` : ''};\n        ${overflowX ? `padding-block-end: ${scrollbarWidthRef.current}px !important` : ''};\n        overflow: hidden !important;\n      }\n    `;\n\n    (styleSheetTarget ?? document.head).append(styleRef.current);\n  }, [selector]);\n\n  useLayoutEffect(() => {\n    scrollbarWidthRef.current = getScrollbarWidth();\n\n    // cSpell:ignoreRegExp /unmounts?/\n    // To be safe, clean up when the calling component unmounts just in case it did not do so.\n    return enableScroll;\n\n    // As enableScroll is memoized with no deps, the cleanup **should** only run once on unmount. If that changes, adjust here accordingly.\n  }, [enableScroll]);\n\n  return { enableScroll, disableScroll };\n};\n\nexport default useScrollToggle;\n"]}
+{"version":3,"file":"useScrollToggle.js","sourceRoot":"","sources":["../../src/hooks/useScrollToggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAEhE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,MAAM,eAAe,GAAG,CAAC,WAAmB,OAAO,EAAE,EAAE;IACrD,MAAM,iBAAiB,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IACvD,MAAM,EAAE,gBAAgB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEhD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAS,EAAE;QAC1C,mGAAmG;QACnG,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QAC3B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;IAC1B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,aAAa,GAAG,WAAW,CAAC,GAAS,EAAE;QAC3C,qHAAqH;QACrH,IAAI,QAAQ,CAAC,OAAO;YAAE,OAAO;QAC7B,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAClD,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;QAC3D,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS;YAAE,OAAO;QAErC,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAEnD,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG;QAC3B,QAAQ;UACN,SAAS,CAAC,CAAC,CAAC,uBAAuB,iBAAiB,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,EAAE;UAChF,SAAS,CAAC,CAAC,CAAC,sBAAsB,iBAAiB,CAAC,OAAO,eAAe,CAAC,CAAC,CAAC,EAAE;;;KAGpF,CAAC;QAEF,CAAC,gBAAgB,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IAC/D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,eAAe,CAAC,GAAG,EAAE;QACnB,iBAAiB,CAAC,OAAO,GAAG,iBAAiB,EAAE,CAAC;QAEhD,0FAA0F;QAC1F,OAAO,YAAY,CAAC;QAEpB,uIAAuI;IACzI,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,CAAC;AACzC,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import { useCallback, useLayoutEffect, useRef } from 'react';\n\nimport { getScrollbarWidth, testElForOverflow } from '../utils';\n\nimport useConfiguration from './useConfiguration';\n\nconst useScrollToggle = (selector: string = ':root') => {\n  const scrollbarWidthRef = useRef(0);\n  const styleRef = useRef<HTMLStyleElement | null>(null);\n  const { styleSheetTarget } = useConfiguration();\n\n  const enableScroll = useCallback((): void => {\n    // No need to short circuit if called repetitively, will just perform a simple null set on the ref.\n    styleRef.current?.remove();\n    styleRef.current = null;\n  }, []);\n\n  const disableScroll = useCallback((): void => {\n    // If we have a ref to the style el we can assume styles to disable overflow are in the DOM. No need for a DOM query.\n    if (styleRef.current) return;\n    const scrollEl = document.querySelector(selector);\n    if (!scrollEl) return;\n    const [overflowX, overflowY] = testElForOverflow(scrollEl);\n    if (!overflowX && !overflowY) return;\n\n    styleRef.current = document.createElement('style');\n\n    styleRef.current.textContent = `\n      ${selector} {\n        ${overflowY ? `padding-inline-end: ${scrollbarWidthRef.current}px !important` : ''};\n        ${overflowX ? `padding-block-end: ${scrollbarWidthRef.current}px !important` : ''};\n        overflow: hidden !important;\n      }\n    `;\n\n    (styleSheetTarget ?? document.head).append(styleRef.current);\n  }, [selector]);\n\n  useLayoutEffect(() => {\n    scrollbarWidthRef.current = getScrollbarWidth();\n\n    // To be safe, clean up when the calling component unmounts just in case it did not do so.\n    return enableScroll;\n\n    // As enableScroll is memoized with no deps, the cleanup **should** only run once on unmount. If that changes, adjust here accordingly.\n  }, [enableScroll]);\n\n  return { enableScroll, disableScroll };\n};\n\nexport default useScrollToggle;\n"]}

package/lib/hooks/useTestIds.d.ts

@@ -0,0 +1,10 @@
+import { TestIdProp } from '../types';
+/**
+ * @example const testIds = useTestIds(testIdProp: 'some-test-id', getSomeComponentTestIds);
+ * @param testIdProp `testId` prop passed to the component.
+ * @param getTestIds Function for generating test ids for a particular component.
+ * @returns An empty object or an object with a root key and camelCased keys and values based on params.
+ */
+declare const useTestIds: <F extends (testIdProp?: string | undefined) => import("../types").TestIdsRecord<readonly string[]>>(testIdProp: string | Partial<ReturnType<F>> | undefined, getTestIds: F) => Partial<ReturnType<F>>;
+export default useTestIds;
+//# sourceMappingURL=useTestIds.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTestIds.d.ts","sourceRoot":"","sources":["../../src/hooks/useTestIds.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC;;;;;GAKG;AAEH,QAAA,MAAM,UAAU,wMAef,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/hooks/useTestIds.js

@@ -0,0 +1,21 @@
+import { useMemo } from 'react';
+import useConfiguration from './useConfiguration';
+/**
+ * @example const testIds = useTestIds(testIdProp: 'some-test-id', getSomeComponentTestIds);
+ * @param testIdProp `testId` prop passed to the component.
+ * @param getTestIds Function for generating test ids for a particular component.
+ * @returns An empty object or an object with a root key and camelCased keys and values based on params.
+ */
+const useTestIds = (testIdProp, getTestIds) => {
+    const { testIds } = useConfiguration();
+    return useMemo(() => {
+        if (!testIds)
+            return {};
+        if (typeof testIdProp === 'object') {
+            return testIdProp;
+        }
+        return getTestIds(testIdProp);
+    }, [testIds, testIdProp, getTestIds]);
+};
+export default useTestIds;
+//# sourceMappingURL=useTestIds.js.map

package/lib/hooks/useTestIds.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTestIds.js","sourceRoot":"","sources":["../../src/hooks/useTestIds.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD;;;;;GAKG;AAEH,MAAM,UAAU,GAAG,CACjB,UAAyD,EACzD,UAAa,EACW,EAAE;IAC1B,MAAM,EAAE,OAAO,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEvC,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,OAAO;YAAE,OAAO,EAAE,CAAC;QAExB,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAClC,OAAO,UAAU,CAAC;SACnB;QAED,OAAO,UAAU,CAAC,UAAU,CAAC,CAAC;IAChC,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;AACxC,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport { TestIdProp } from '../types';\nimport type { createTestIds } from '../utils';\n\nimport useConfiguration from './useConfiguration';\n\n/**\n * @example const testIds = useTestIds(testIdProp: 'some-test-id', getSomeComponentTestIds);\n * @param testIdProp `testId` prop passed to the component.\n * @param getTestIds Function for generating test ids for a particular component.\n * @returns An empty object or an object with a root key and camelCased keys and values based on params.\n */\n\nconst useTestIds = <F extends ReturnType<typeof createTestIds>>(\n  testIdProp: TestIdProp['testId'] | Partial<ReturnType<F>>,\n  getTestIds: F\n): Partial<ReturnType<F>> => {\n  const { testIds } = useConfiguration();\n\n  return useMemo(() => {\n    if (!testIds) return {};\n\n    if (typeof testIdProp === 'object') {\n      return testIdProp;\n    }\n\n    return getTestIds(testIdProp);\n  }, [testIds, testIdProp, getTestIds]);\n};\n\nexport default useTestIds;\n"]}

package/lib/i18n/default.d.ts

@@ -17,6 +17,8 @@ declare const _default: {
     utilities: string;
     search: string;
     menu: string;
+    new: string;
+    info: string;
     remove: string;
     follow: string;
     unfollow: string;
@@ -43,9 +45,6 @@ declare const _default: {
     filter: string;
     sort: string;
     group: string;
-    filter_by: string;
-    sort_by: string;
-    group_by: string;
     go: string;
     configure: string;
     dismiss: string;
@@ -70,11 +69,12 @@ declare const _default: {
     collapse_noun: string;
     checked_noun: string;
     selected_noun: string;
-    deselected_noun: string;
+    unselected_noun: string;
     use_input_value: string;
     preview_of_noun: string;
     go_to_noun: string;
     insert_noun: string;
+    delete_noun: string;
     actions_for: string;
     edited: string;
     done: string;
@@ -184,6 +184,9 @@ declare const _default: {
     menu_item_collapse_shift_space: string;
     menu_item_shift_space_expand_collapse: string;
     menu_option_list: string;
+    menu_item_count: string;
+    menu_collapsed: string;
+    menu_expanded: string;
     modal_minimize: string;
     modal_maximize: string;
     modal_dock: string;
@@ -202,6 +205,9 @@ declare const _default: {
     picker_jump_to_month_and_year: string;
     calendar_assist: string;
     calendar: string;
+    choose_date: string;
+    choose_date_and_time: string;
+    choose_week: string;
     boolean_display_true_label: string;
     boolean_display_false_label: string;
     step_changed_to_name: string;
@@ -252,6 +258,7 @@ declare const _default: {
     };
     edit_tags: string;
     tags: string;
+    view_profile: string;
     timeline_toolbar_sort_descending: string;
     timeline_toolbar_sort_ascending: string;
     timeline_toolbar_group_date: string;
@@ -305,6 +312,7 @@ declare const _default: {
     subject_label: string;
     feed_new_post: string;
     feed_new_reply: string;
+    feed_post_actions_menu: string;
     feed_edit_post: string;
     feed_edit_reply: string;
     feed_cancel_conversation: string;
@@ -322,6 +330,14 @@ declare const _default: {
         many: string;
         other: string;
     };
+    feed_post_comments: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
     feed_attachments_added: {
         zero: string;
         one: string;
@@ -385,6 +401,10 @@ declare const _default: {
     chat_message_status: string;
     opened: string;
     undeliverable: string;
+    new_message: string;
+    attachments: string;
+    attachments_x_of_y: string;
+    use_current_template: string;
     unique_entities: {
         zero: string;
         one: string;
@@ -519,7 +539,6 @@ declare const _default: {
     dismiss_label: string;
     dismiss_label_a11y: string;
     task_manager_search_results_empty_text: string;
-    task_manager_delete_task: string;
     search_tasks: string;
     task_manager_picker_add_label: {
         zero: string;
@@ -541,13 +560,15 @@ declare const _default: {
     condition_builder_advanced_condition_placeholder: string;
     condition_builder_advanced_mode_button_label: string;
     condition_builder_basic_mode_button_label: string;
+    condition_builder_advanced_mode_button_aria_label: string;
+    condition_builder_basic_mode_button_aria_label: string;
+    condition_builder_mode_switch: string;
+    condition_builder_advanced_condition_tooltip: string;
     condition_builder_condition_select_info_default: string;
     condition_builder_possible_values_label: string;
     condition_builder_possible_values_error: string;
     condition_builder_multi_selection_text_default: string;
     condition_builder_single_selection_text_default: string;
-    condition_builder_add_button_label: string;
-    condition_builder_remove_button_label: string;
     condition_builder_switch_banner_text: string;
     condition_builder_confirm_button_label: string;
     condition_builder_empty_selection_error_text: string;
@@ -575,8 +596,6 @@ declare const _default: {
     condition_builder_invalid_number_range: string;
     condition_builder_select_placeholder: string;
     condition_builder_hour_number_of_day: string;
-    condition_builder_rhs_with_readOnly_input: string;
-    condition_builder_rhs_with_input_type: string;
     condition_builder_rhs_with_time_only_input: string;
     condition_builder_rhs_with_date_only_input: string;
     condition_builder_rhs_with_date_time_input: 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,wBAo/BE"}
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/i18n/default.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA0gCE"}

package/lib/i18n/default.js

@@ -21,6 +21,8 @@ export default {
     utilities: 'Utilities',
     search: 'search',
     menu: 'menu',
+    new: 'New',
+    info: 'info',
     /* Verbs */
     remove: 'Remove',
     follow: 'Follow',
@@ -48,9 +50,6 @@ export default {
     filter: 'Filter',
     sort: 'Sort',
     group: 'Group',
-    filter_by: 'Filter by',
-    sort_by: 'Sort by',
-    group_by: 'Group by',
     go: 'Go',
     configure: 'Configure',
     dismiss: 'Dismiss',
@@ -77,11 +76,12 @@ export default {
     collapse_noun: 'Collapse {0}',
     checked_noun: '{0} checked',
     selected_noun: '{0} selected',
-    deselected_noun: '{0} unselected',
+    unselected_noun: '{0} unselected',
     use_input_value: 'Use {0}',
     preview_of_noun: 'Preview of {0}',
     go_to_noun: 'Go to {0}',
     insert_noun: 'Insert {0}',
+    delete_noun: 'Delete {0}',
     actions_for: 'Actions for {0}',
     /* States */
     edited: 'Edited {0}',
@@ -201,11 +201,14 @@ export default {
     selected_items: 'Selected items',
     /* core:Menu */
     menu_selection_instructions: 'Press enter to select items.',
-    menu_item_expand_arrow: 'Arrow right to expand.',
+    menu_item_expand_arrow: '{0}. Arrow right to expand.',
     menu_item_collapse_arrow: 'Arrow left to collapse.',
     menu_item_collapse_shift_space: 'Press shift space to collapse.',
-    menu_item_shift_space_expand_collapse: 'Press shift space to expand and collapse.',
+    menu_item_shift_space_expand_collapse: '{0}. Press shift space to expand and collapse.',
     menu_option_list: 'Options list',
+    menu_item_count: 'Contains {0} items.',
+    menu_collapsed: '{0} collapsed',
+    menu_expanded: '{0} expanded.',
     /* core:Modal */
     modal_minimize: 'Minimize modal',
     modal_maximize: 'Maximize modal',
@@ -226,6 +229,9 @@ export default {
     picker_jump_to_month_and_year: 'Jump to month and year selection',
     calendar_assist: 'Use cursor keys to navigate dates',
     calendar: 'Calendar',
+    choose_date: 'Choose date',
+    choose_date_and_time: 'Choose date and time',
+    choose_week: 'Choose week',
     /* core:Boolean */
     boolean_display_true_label: 'Yes',
     boolean_display_false_label: 'No',
@@ -291,6 +297,8 @@ export default {
     /* work:Tags */
     edit_tags: 'Edit tags',
     tags: 'Tags',
+    /* work:Glimpse */
+    view_profile: 'View profile',
     /* work:Timeline */
     timeline_toolbar_sort_descending: 'Newest first',
     timeline_toolbar_sort_ascending: 'Oldest first',
@@ -351,6 +359,7 @@ export default {
     /* social:Feed */
     feed_new_post: 'New post',
     feed_new_reply: 'New reply',
+    feed_post_actions_menu: 'More',
     feed_edit_post: 'Edit post',
     feed_edit_reply: 'Edit reply',
     feed_cancel_conversation: 'Cancel conversation',
@@ -368,6 +377,14 @@ export default {
         many: '{0} likes',
         other: '{0} likes'
     },
+    feed_post_comments: {
+        zero: 'No comments',
+        one: '{0} comment',
+        two: '{0} comments',
+        few: '{0} comments',
+        many: '{0} comments',
+        other: '{0} comments'
+    },
     feed_attachments_added: {
         zero: 'No attachments added',
         one: '{0} attachment added',
@@ -432,6 +449,10 @@ export default {
     chat_message_status: 'Message {0}',
     opened: 'Opened',
     undeliverable: 'Undeliverable',
+    new_message: 'New message',
+    attachments: 'attachments',
+    attachments_x_of_y: 'attachment {0} of {1}',
+    use_current_template: 'Use suggested reply {0} of {1} ',
     /* cs:Email */
     unique_entities: {
         zero: 'No unique entities',
@@ -572,7 +593,6 @@ export default {
     dismiss_label: 'Dismiss',
     dismiss_label_a11y: 'Dismiss {0}',
     task_manager_search_results_empty_text: 'No tasks',
-    task_manager_delete_task: 'Delete {0}',
     search_tasks: 'Search tasks…',
     task_manager_picker_add_label: {
         zero: 'No items to add',
@@ -597,18 +617,20 @@ export default {
     condition_builder_advanced_condition_placeholder: 'Advanced condition',
     condition_builder_advanced_mode_button_label: 'Advanced mode',
     condition_builder_basic_mode_button_label: 'Basic mode',
+    condition_builder_advanced_mode_button_aria_label: 'Switch to advanced mode',
+    condition_builder_basic_mode_button_aria_label: 'Switch to basic mode',
+    condition_builder_mode_switch: 'Mode switched',
+    condition_builder_advanced_condition_tooltip: 'A logical expression representing an advanced condition. Use numbers like 1,2,3,… to represent different condition rows. Use {0} operators and parentheses to construct advanced conditions. Example: {1}',
     condition_builder_condition_select_info_default: 'No selection',
     condition_builder_possible_values_label: 'Values',
     condition_builder_possible_values_error: 'Error retrieving values',
     condition_builder_multi_selection_text_default: 'Select values',
     condition_builder_single_selection_text_default: 'Select value',
-    condition_builder_add_button_label: 'Add new condition',
-    condition_builder_remove_button_label: 'Remove condition',
-    condition_builder_switch_banner_text: 'Switching from Advanced mode can reset all AND/OR/NOT operators. Do you want to continue?',
+    condition_builder_switch_banner_text: 'Switching from advanced mode can reset all AND/OR/NOT operators. Do you want to continue?',
     condition_builder_confirm_button_label: 'OK',
     condition_builder_empty_selection_error_text: 'No selection',
     condition_builder_empty_value_text: 'Empty value',
-    condition_builder_compare_with: 'Compare with',
+    condition_builder_compare_with: 'Compare with {0}',
     condition_builder_compare_with_another_field: 'Another field',
     condition_builder_compare_with_parameter: 'Parameter',
     condition_builder_compare_with_relative_date: 'Relative date',
@@ -631,8 +653,6 @@ export default {
     condition_builder_invalid_number_range: 'Invalid range',
     condition_builder_select_placeholder: 'Select…',
     condition_builder_hour_number_of_day: '{0} (hour of day)',
-    condition_builder_rhs_with_readOnly_input: 'Rhs with readOnly input',
-    condition_builder_rhs_with_input_type: 'Rhs with input type',
     condition_builder_rhs_with_time_only_input: 'Rhs with Time only input',
     condition_builder_rhs_with_date_only_input: 'Rhs with Date only input',
     condition_builder_rhs_with_date_time_input: 'Rhs with Date Time input',
@@ -867,7 +887,7 @@ export default {
     condition_builder_time_period_next: 'Next',
     condition_builder_value_label: 'Value',
     condition_builder_field_label: 'Field',
-    condition_builder_comparator_label: 'Comparator',
+    condition_builder_comparator_label: 'Conditional operator',
     /* condition-builder:PromotedFilters */
     promoted_filters_clear_all_button_label: 'Clear all filters',
     /* build:AppShell */