@pega/cosmos-react-core 9.0.0-build.1.0 → 9.0.0-build.10.1

package/lib/hooks/useI18n.d.ts

@@ -18,6 +18,8 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     select_placeholder_default: string;
     description: string;
     all: string;
+    any: string;
+    this_and_that: string;
     default: string;
     app_default: string;
     sitewide: string;
@@ -53,6 +55,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     field: string;
     field_group: string;
     insight: string;
+    action: string;
     view: string;
     range_input: string;
     system: string;
@@ -61,6 +64,9 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     duration: string;
     tokens: string;
     keyboard_instructions: string;
+    today: string;
+    verify_ai_generated_expression: string;
+    custom: string;
     remove: string;
     follow: string;
     unfollow: string;
@@ -92,9 +98,12 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     dismiss: string;
     due: string;
     drag: string;
+    resize: string;
     reset: string;
     refresh: string;
     copy: string;
+    explain: string;
+    generate: string;
     view_all: string;
     view_less: string;
     show_more: string;
@@ -135,6 +144,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     select_noun: string;
     actions_for: string;
     edited: string;
+    deleted: string;
     done: string;
     uploading: string;
     loading: string;
@@ -243,6 +253,8 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     range_to_datetime: string;
     range_from_numeric: string;
     range_to_numeric: string;
+    error_field_unavailable: string;
+    error_field_list_unavailable: string;
     x_of_y: string;
     n_more: string;
     keypress_instruction: string;
@@ -260,6 +272,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     app_shell_pin: string;
     app_shell_unpin: string;
     application_logo: string;
+    theme_mode: string;
     combobox_open_close: string;
     combobox_search_instructions: string;
     combobox_open_list_button_a11y: string;
@@ -306,6 +319,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     choose_week: string;
     set_current_week_ally: string;
     auto_focus_next_input_description: string;
+    year_input_description: string;
     boolean_display_true_label: string;
     boolean_display_false_label: string;
     step_changed_to_name: string;
@@ -333,8 +347,22 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     };
     attach_files: string;
     attach_review: string;
-    files_uploaded: string;
-    files_upload_failed: string;
+    files_uploaded: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    files_upload_failed: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
     download_all: string;
     my_current_location_button_a11y: string;
     location_input_placeholder: string;
@@ -372,12 +400,17 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     suggestions: string;
     you: string;
     agent: string;
+    chat_with_ai: string;
     agent_noun: string;
     welcome_text: string;
     start_chat: string;
     starter_message: string;
     ask_coach: string;
+    thinking: string;
+    analyzing_data_sources: string;
     generating_response: string;
+    double_checking_results: string;
+    finalizing_response: string;
     response_generated: string;
     good_response: string;
     bad_response: string;
@@ -418,6 +451,11 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     drag_handle_vertical_description: string;
     drag_handle_horizontal_description: string;
     drag_handle_tab_description: string;
+    add_button_description: string;
+    configure_button_description: string;
+    remove_button_description: string;
+    list_item_control_instructions: string;
+    list_item_nav_instructions: string;
     assignments: string;
     case: string;
     assignment: string;
@@ -575,12 +613,15 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     rte_edit_image: string;
     rte_delete_image: string;
     rte_image_key_command: string;
+    important: string;
     expand_trail: string;
     collapse_trail: string;
     copy_to: string;
     subject_label: string;
     search_results: string;
     get_next_email: string;
+    mark_email_as_important: string;
+    email_attachment: string;
     feed_post_type: string;
     feed_new_post: string;
     feed_new_post_submit: string;
@@ -801,6 +842,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     call_panel_interaction_transfer_complete_button_label: string;
     call_panel_incoming_call: string;
     call_panel_answer_call: string;
+    call_panel_reject_call: string;
     call_panel_conference_heading: string;
     call_panel_conference_call_and_interactions_heading: string;
     call_panel_consult_heading: string;
@@ -1303,6 +1345,9 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     close_configuration_panel: string;
     clear_object_summary: string;
     create_in_new_tab: string;
+    input_tree_contextual_label: string;
+    input_tree_error: string;
+    parameters: string;
     expression_editor: string;
     output_parameters: string;
     input_parameters: string;
@@ -1314,6 +1359,26 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     download_app: string;
     qr_code_not_available: string;
     qr_code: string;
+    expand_all: string;
+    collapse_all: string;
+    expand_steps: string;
+    collapse_steps: string;
+    expand_step: string;
+    collapse_step: string;
+    expanded_step: string;
+    collapsed_step: string;
+    add_step: string;
+    generate_comments: string;
+    action_set: string;
+    action_when: string;
+    action_append: string;
+    action_call: string;
+    action_create: string;
+    action_for_each: string;
+    action_exit: string;
+    action_return: string;
+    action_remove: string;
+    action_error_handler: string;
     app_header_notifications_empty: string;
     app_header_notifications_loading: string;
     open_app_header_notifications: string;
@@ -1387,6 +1452,8 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     component_not_found_error_with_subtype: string;
     component_not_found_error_with_type_and_subtype: string;
     component_missing_error_status: string;
+    field_type_updated_error_status: string;
+    field_type_updated_error: string;
     field_does_not_exist_error: string;
     configure_item: string;
     data_page_call_error: string;
@@ -1397,6 +1464,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     create_new_item: string;
     warning_color: string;
     color_contrast_warning: string;
+    color_contrast_warning_non_solid: string;
     has_compliance_warning: string;
     compliance_warning: string;
     gradient_warning: string;
@@ -1425,9 +1493,63 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     valid_number_within_range: string;
     expected_value: string;
     invalid_value: string;
+    field_does_not_exist_on_the_selected_source: string;
+    failed_to_validate_source: string;
+    source_used_for_picklist_values: string;
+    private_only: string;
+    shared_users_with_access: string;
+    public_all_users: string;
+    access_group: string;
+    dashboard_visibility: string;
+    dashboard_shared_with: string;
+    dashboard_private: string;
     hide_icons_additional_info_first_sentence: string;
     hide_icons_additional_info_second_sentence: string;
     wcag: string;
+    this_year: string;
+    this_quarter: string;
+    this_month: string;
+    this_week: string;
+    this_day: string;
+    this_hour: string;
+    this_minute: string;
+    this_second: string;
+    over_time_period: string;
+    since_time_period: string;
+    in_current_time_period: string;
+    increased_by_value_over_time_period: string;
+    increased_by_value_since_time_period: string;
+    increased_by_value_in_current_time_period: string;
+    increased_by_value_today: string;
+    decreased_by_value_over_time_period: string;
+    decreased_by_value_since_time_period: string;
+    decreased_by_value_in_current_time_period: string;
+    decreased_by_value_today: string;
+    no_change_over_time_period: string;
+    no_change_since_time_period: string;
+    no_change_in_current_time_period: string;
+    no_change_today: string;
+    date_function_year: string;
+    date_function_quarter: string;
+    date_function_month: string;
+    date_function_week: string;
+    date_function_day: string;
+    date_function_hour: string;
+    date_function_minute: string;
+    date_function_month_of_year: string;
+    date_function_day_of_month: string;
+    date_function_day_of_week: string;
+    date_function_hour_of_day: string;
+    aggregation_count: string;
+    aggregation_distinct_count: string;
+    aggregation_total: string;
+    aggregation_average: string;
+    aggregation_minimum: string;
+    aggregation_maximum: string;
+    aggregation_sum: string;
+    select_chart_data_view: string;
+    toggle_chart_element_visibility: string;
+    chart_legend_items: string;
     add_to: string;
     namespace: string;
     decision_rule: string;
@@ -1435,6 +1557,46 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     invalid_rule: string;
     invalid_rule_non_relevant_record: string;
     infinity_stack_overflow_error: string;
+    decision_table_description: string;
+    decision_table_empty_state: string;
+    decision_table_add_column: string;
+    decision_table_add_columns: string;
+    decision_table_edit_columns: string;
+    decision_table_add_to_library: string;
+    decision_table_source_label: string;
+    decision_table_comparator_label: string;
+    decision_table_add_row: string;
+    decision_table_delete_row: string;
+    decision_table_cancel: string;
+    decision_table_submit: string;
+    decision_table_help_text: string;
+    decision_table_valid_column: string;
+    decision_table_repeated_column: string;
+    decision_table_valid_comparator: string;
+    decision_table_if: string;
+    decision_table_else_if: string;
+    decision_table_else: string;
+    decision_table_return: string;
+    decision_table_equal: string;
+    decision_table_equal_header: string;
+    decision_table_not_equal: string;
+    decision_table_not_equal_header: string;
+    decision_table_greater_than: string;
+    decision_table_greater_than_header: string;
+    decision_table_less_than: string;
+    decision_table_less_than_header: string;
+    decision_table_greater_than_or_equal: string;
+    decision_table_greater_than_or_equal_header: string;
+    decision_table_less_than_or_equal: string;
+    decision_table_less_than_or_equal_header: string;
+    decision_table_between: string;
+    decision_table_between_header: string;
+    decision_table_from: string;
+    decision_table_from_header: string;
+    decision_table_custom_range_1: string;
+    decision_table_custom_range_1_header: string;
+    decision_table_custom_range_2: string;
+    decision_table_custom_range_2_header: string;
     expression_error_incorrect_data_type: string;
     expression_error_with_data_and_object_type: string;
     expression_error_with_data_type: string;
@@ -1445,11 +1607,18 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     expression_datapage_general_error: string;
     expression_allowed_rules_error: string;
     expression_empty_error: string;
+    cb_invalid_leaf_condition: string;
+    cb_invalid_operand: string;
+    cb_expression_node_null: string;
+    cb_expression_node_missing: string;
+    cb_invalid_unary_expression: string;
+    cb_invalid_group_expression: string;
     ui_inspector: string;
     ui_inspector_iframe_title: string;
     ui_inspector_metadata: string;
     ui_inspector_quick_info: string;
     ui_inspector_field_metadata: string;
+    ai_tracer: string;
     agent_tracer_select_an_event: string;
     agent_tracer_total_processing_time: string;
     agent_tracer_total_tokens: string;
@@ -1466,6 +1635,17 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     agent_tracer_data_from_all_sources: string;
     agent_tracer_complete_data_source: string;
     agent_tracer_conversation_trace: string;
+    generating_explanation: string;
+    explanation_generated: string;
+    clear_explanation: string;
+    describe_expression: string;
+    generating_expression: string;
+    generated_explanation: string;
+    generated_expression: string;
+    expression_generated: string;
+    expression_builder: string;
+    open_expression_builder: string;
+    library: string;
 }>>;
 export default useI18n;
 //# sourceMappingURL=useI18n.d.ts.map

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/useItemIntersection.d.ts

@@ -5,8 +5,9 @@ import type { RefObject } from 'react';
  * @param offset  Index of the list item which needs to be observed.
  * @param cb Callback that needs to be fired on intersect
  * @param itemSelector Selector used to get the node list of items
+ * @param boundingRef Ref to use as the bounding root for querying items. Required for use when selected items are rendered within a ShadowRoot.
  * @returns void.
  */
-declare const useItemIntersection: (containerRef: RefObject<HTMLElement>, offset: number, cb: () => void, itemSelector: string) => void;
+declare const useItemIntersection: (containerRef: RefObject<HTMLElement>, offset: number, cb: () => void, itemSelector: string, boundingRef?: RefObject<HTMLElement>) => void;
 export default useItemIntersection;
 //# sourceMappingURL=useItemIntersection.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useItemIntersection.d.ts","sourceRoot":"","sources":["../../src/hooks/useItemIntersection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;;;;;GAOG;AAEH,QAAA,MAAM,mBAAmB,GACvB,cAAc,SAAS,CAAC,WAAW,CAAC,EACpC,QAAQ,MAAM,EACd,IAAI,MAAM,IAAI,EACd,cAAc,MAAM,SA8BrB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"useItemIntersection.d.ts","sourceRoot":"","sources":["../../src/hooks/useItemIntersection.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC;;;;;;;;GAQG;AAEH,QAAA,MAAM,mBAAmB,GACvB,cAAc,SAAS,CAAC,WAAW,CAAC,EACpC,QAAQ,MAAM,EACd,IAAI,MAAM,IAAI,EACd,cAAc,MAAM,EACpB,cAAc,SAAS,CAAC,WAAW,CAAC,SAmCrC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/hooks/useItemIntersection.js

@@ -1,17 +1,23 @@
 import { useEffect } from 'react';
+import { isInstance } from '../utils';
 /**
  * @example useItemIntersection(listRef,offset,() => { do_some_thing; });
  * @param containerRef The ref of the List.
  * @param offset  Index of the list item which needs to be observed.
  * @param cb Callback that needs to be fired on intersect
  * @param itemSelector Selector used to get the node list of items
+ * @param boundingRef Ref to use as the bounding root for querying items. Required for use when selected items are rendered within a ShadowRoot.
  * @returns void.
  */
-const useItemIntersection = (containerRef, offset, cb, itemSelector) => {
+const useItemIntersection = (containerRef, offset, cb, itemSelector, boundingRef) => {
     useEffect(() => {
         let item = null;
         if (offset > 0) {
-            const items = (containerRef.current === null ? document.body : containerRef.current).querySelectorAll(itemSelector);
+            const elementToQuery = containerRef?.current ?? boundingRef?.current?.getRootNode() ?? document;
+            if (!isInstance(elementToQuery, HTMLElement, SVGElement, ShadowRoot, Document)) {
+                return;
+            }
+            const items = elementToQuery.querySelectorAll(itemSelector);
             if (items.length > offset) {
                 item = items[offset];
             }
@@ -22,14 +28,14 @@ const useItemIntersection = (containerRef, offset, cb, itemSelector) => {
                     cb();
                 }
             }, {
-                root: containerRef.current
+                root: containerRef.current ?? null
             });
             intersectionObserver.observe(item);
             return () => {
                 intersectionObserver.disconnect();
             };
         }
-    }, [cb, containerRef.current, offset]);
+    }, [cb, offset]);
 };
 export default useItemIntersection;
 //# sourceMappingURL=useItemIntersection.js.map

package/lib/hooks/useItemIntersection.js.map

@@ -1 +1 @@
-{"version":3,"file":"useItemIntersection.js","sourceRoot":"","sources":["../../src/hooks/useItemIntersection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC;;;;;;;GAOG;AAEH,MAAM,mBAAmB,GAAG,CAC1B,YAAoC,EACpC,MAAc,EACd,EAAc,EACd,YAAoB,EACpB,EAAE;IACF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,GAAuB,IAAI,CAAC;QACpC,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;YACf,MAAM,KAAK,GAA4B,CACrC,YAAY,CAAC,OAAO,KAAK,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CACrE,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;YAEjC,IAAI,KAAK,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC;gBAC1B,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;QACD,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,CAAC,OAAoC,EAAE,EAAE;gBACvC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;oBAC9B,EAAE,EAAE,CAAC;gBACP,CAAC;YACH,CAAC,EACD;gBACE,IAAI,EAAE,YAAY,CAAC,OAAO;aAC3B,CACF,CAAC;YACF,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACnC,OAAO,GAAG,EAAE;gBACV,oBAAoB,CAAC,UAAU,EAAE,CAAC;YACpC,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;AACzC,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport type { RefObject } from 'react';\n\n/**\n * @example useItemIntersection(listRef,offset,() => { do_some_thing; });\n * @param containerRef The ref of the List.\n * @param offset  Index of the list item which needs to be observed.\n * @param cb Callback that needs to be fired on intersect\n * @param itemSelector Selector used to get the node list of items\n * @returns void.\n */\n\nconst useItemIntersection = (\n  containerRef: RefObject<HTMLElement>,\n  offset: number,\n  cb: () => void,\n  itemSelector: string\n) => {\n  useEffect(() => {\n    let item: HTMLElement | null = null;\n    if (offset > 0) {\n      const items: NodeListOf<HTMLElement> = (\n        containerRef.current === null ? document.body : containerRef.current\n      ).querySelectorAll(itemSelector);\n\n      if (items.length > offset) {\n        item = items[offset];\n      }\n    }\n    if (item) {\n      const intersectionObserver = new IntersectionObserver(\n        (entries: IntersectionObserverEntry[]) => {\n          if (entries[0].isIntersecting) {\n            cb();\n          }\n        },\n        {\n          root: containerRef.current\n        }\n      );\n      intersectionObserver.observe(item);\n      return () => {\n        intersectionObserver.disconnect();\n      };\n    }\n  }, [cb, containerRef.current, offset]);\n};\n\nexport default useItemIntersection;\n"]}
+{"version":3,"file":"useItemIntersection.js","sourceRoot":"","sources":["../../src/hooks/useItemIntersection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC;;;;;;;;GAQG;AAEH,MAAM,mBAAmB,GAAG,CAC1B,YAAoC,EACpC,MAAc,EACd,EAAc,EACd,YAAoB,EACpB,WAAoC,EACpC,EAAE;IACF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,IAAI,GAAuB,IAAI,CAAC;QACpC,IAAI,MAAM,GAAG,CAAC,EAAE,CAAC;YACf,MAAM,cAAc,GAClB,YAAY,EAAE,OAAO,IAAI,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,QAAQ,CAAC;YAE3E,IAAI,CAAC,UAAU,CAAC,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,CAAC;gBAC/E,OAAO;YACT,CAAC;YAED,MAAM,KAAK,GAA4B,cAAc,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;YAErF,IAAI,KAAK,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC;gBAC1B,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;QACD,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,oBAAoB,GAAG,IAAI,oBAAoB,CACnD,CAAC,OAAoC,EAAE,EAAE;gBACvC,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC;oBAC9B,EAAE,EAAE,CAAC;gBACP,CAAC;YACH,CAAC,EACD;gBACE,IAAI,EAAE,YAAY,CAAC,OAAO,IAAI,IAAI;aACnC,CACF,CAAC;YACF,oBAAoB,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YACnC,OAAO,GAAG,EAAE;gBACV,oBAAoB,CAAC,UAAU,EAAE,CAAC;YACpC,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC;AACnB,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nimport { isInstance } from '../utils';\n\n/**\n * @example useItemIntersection(listRef,offset,() => { do_some_thing; });\n * @param containerRef The ref of the List.\n * @param offset  Index of the list item which needs to be observed.\n * @param cb Callback that needs to be fired on intersect\n * @param itemSelector Selector used to get the node list of items\n * @param boundingRef Ref to use as the bounding root for querying items. Required for use when selected items are rendered within a ShadowRoot.\n * @returns void.\n */\n\nconst useItemIntersection = (\n  containerRef: RefObject<HTMLElement>,\n  offset: number,\n  cb: () => void,\n  itemSelector: string,\n  boundingRef?: RefObject<HTMLElement>\n) => {\n  useEffect(() => {\n    let item: HTMLElement | null = null;\n    if (offset > 0) {\n      const elementToQuery =\n        containerRef?.current ?? boundingRef?.current?.getRootNode() ?? document;\n\n      if (!isInstance(elementToQuery, HTMLElement, SVGElement, ShadowRoot, Document)) {\n        return;\n      }\n\n      const items: NodeListOf<HTMLElement> = elementToQuery.querySelectorAll(itemSelector);\n\n      if (items.length > offset) {\n        item = items[offset];\n      }\n    }\n    if (item) {\n      const intersectionObserver = new IntersectionObserver(\n        (entries: IntersectionObserverEntry[]) => {\n          if (entries[0].isIntersecting) {\n            cb();\n          }\n        },\n        {\n          root: containerRef.current ?? null\n        }\n      );\n      intersectionObserver.observe(item);\n      return () => {\n        intersectionObserver.disconnect();\n      };\n    }\n  }, [cb, offset]);\n};\n\nexport default useItemIntersection;\n"]}

package/lib/hooks/usePopoverMap.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Adds target to popover map and returns the unique ID for the popover.
+ *
+ * @param target The target element for the popover.
+ * @param active Whether the popover is active.
+ * @returns The unique ID for the popover.
+ */
+declare const usePopoverMap: (target: Element | null | undefined, active?: boolean) => string;
+export default usePopoverMap;
+//# sourceMappingURL=usePopoverMap.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverMap.d.ts","sourceRoot":"","sources":["../../src/hooks/usePopoverMap.ts"],"names":[],"mappings":"AAMA;;;;;;GAMG;AACH,QAAA,MAAM,aAAa,GAAI,QAAQ,OAAO,GAAG,IAAI,GAAG,SAAS,EAAE,SAAQ,OAAc,WA2BhF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/hooks/usePopoverMap.js

@@ -0,0 +1,34 @@
+import { useEffect } from 'react';
+import { popoverMap } from '../utils';
+import useUID from './useUID';
+/**
+ * Adds target to popover map and returns the unique ID for the popover.
+ *
+ * @param target The target element for the popover.
+ * @param active Whether the popover is active.
+ * @returns The unique ID for the popover.
+ */
+const usePopoverMap = (target, active = true) => {
+    const popvoerId = useUID();
+    useEffect(() => {
+        if (!target || !active)
+            return;
+        if (!popoverMap.has(target)) {
+            popoverMap.set(target, new Set());
+        }
+        target.toggleAttribute('data-popover-target', true);
+        popoverMap.get(target).add(popvoerId);
+        return () => {
+            if (!popoverMap.has(target))
+                return;
+            popoverMap.get(target).delete(popvoerId);
+            if (popoverMap.get(target).size === 0) {
+                popoverMap.delete(target);
+                target.removeAttribute('data-popover-target');
+            }
+        };
+    }, [active, target, popvoerId]);
+    return popvoerId;
+};
+export default usePopoverMap;
+//# sourceMappingURL=usePopoverMap.js.map

package/lib/hooks/usePopoverMap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePopoverMap.js","sourceRoot":"","sources":["../../src/hooks/usePopoverMap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,CAAC,MAAkC,EAAE,SAAkB,IAAI,EAAE,EAAE;IACnF,MAAM,SAAS,GAAG,MAAM,EAAE,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;YAAE,OAAO;QAE/B,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC;YAC5B,UAAU,CAAC,GAAG,CAAC,MAAM,EAAE,IAAI,GAAG,EAAE,CAAC,CAAC;QACpC,CAAC;QAED,MAAM,CAAC,eAAe,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QAEpD,UAAU,CAAC,GAAG,CAAC,MAAM,CAAE,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC;QAEvC,OAAO,GAAG,EAAE;YACV,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAC;gBAAE,OAAO;YAEpC,UAAU,CAAC,GAAG,CAAC,MAAM,CAAE,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;YAE1C,IAAI,UAAU,CAAC,GAAG,CAAC,MAAM,CAAE,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;gBACvC,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;gBAC1B,MAAM,CAAC,eAAe,CAAC,qBAAqB,CAAC,CAAC;YAChD,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAEhC,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { useEffect } from 'react';\n\nimport { popoverMap } from '../utils';\n\nimport useUID from './useUID';\n\n/**\n * Adds target to popover map and returns the unique ID for the popover.\n *\n * @param target The target element for the popover.\n * @param active Whether the popover is active.\n * @returns The unique ID for the popover.\n */\nconst usePopoverMap = (target: Element | null | undefined, active: boolean = true) => {\n  const popvoerId = useUID();\n\n  useEffect(() => {\n    if (!target || !active) return;\n\n    if (!popoverMap.has(target)) {\n      popoverMap.set(target, new Set());\n    }\n\n    target.toggleAttribute('data-popover-target', true);\n\n    popoverMap.get(target)!.add(popvoerId);\n\n    return () => {\n      if (!popoverMap.has(target)) return;\n\n      popoverMap.get(target)!.delete(popvoerId);\n\n      if (popoverMap.get(target)!.size === 0) {\n        popoverMap.delete(target);\n        target.removeAttribute('data-popover-target');\n      }\n    };\n  }, [active, target, popvoerId]);\n\n  return popvoerId;\n};\n\nexport default usePopoverMap;\n"]}

package/lib/hooks/useThemeMode.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @example const { themeMode, onThemeModeChange } = useThemeMode();
+ * @returns Object containing themeMode and onThemeModeChange function.
+ */
+declare const useThemeMode: () => {
+    themeMode: NonNullable<"dark" | "light" | "system" | undefined>;
+    onThemeModeChange: ((mode: NonNullable<import("..").ConfigurationProps["themeMode"]>) => void) | undefined;
+};
+export default useThemeMode;
+//# sourceMappingURL=useThemeMode.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeMode.d.ts","sourceRoot":"","sources":["../../src/hooks/useThemeMode.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,YAAY;;;CAGjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/hooks/useThemeMode.js

@@ -0,0 +1,11 @@
+import useConfiguration from './useConfiguration';
+/**
+ * @example const { themeMode, onThemeModeChange } = useThemeMode();
+ * @returns Object containing themeMode and onThemeModeChange function.
+ */
+const useThemeMode = () => {
+    const { themeMode, onThemeModeChange } = useConfiguration();
+    return { themeMode, onThemeModeChange };
+};
+export default useThemeMode;
+//# sourceMappingURL=useThemeMode.js.map

package/lib/hooks/useThemeMode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeMode.js","sourceRoot":"","sources":["../../src/hooks/useThemeMode.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD;;;GAGG;AACH,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC5D,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;AAC1C,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import useConfiguration from './useConfiguration';\n\n/**\n * @example const { themeMode, onThemeModeChange } = useThemeMode();\n * @returns Object containing themeMode and onThemeModeChange function.\n */\nconst useThemeMode = () => {\n  const { themeMode, onThemeModeChange } = useConfiguration();\n  return { themeMode, onThemeModeChange };\n};\n\nexport default useThemeMode;\n"]}