@pega/cosmos-react-core 3.0.0-dev.3.0 → 3.0.0-dev.30.0

package/lib/hooks/useI18n.d.ts

@@ -3,11 +3,18 @@
  * @returns translator:: The translator function that provides translations for a given key  in the translation JSON provided to the Configuration component.
  */
 declare const useI18n: () => import("../i18n/translate").TranslationFunction<Readonly<{
+    yes: string;
+    no: string;
     filters: string;
     actions: string;
     status: string;
     additional_info: string;
     search_placeholder_default: string;
+    select_placeholder_default: string;
+    description: string;
+    all: string;
+    default: string;
+    app_default: string;
     remove: string;
     follow: string;
     unfollow: string;
@@ -16,6 +23,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     try_again: string;
     update: string;
     submit: string;
+    apply: string;
     select: string;
     edit: string;
     preview: string;
@@ -29,14 +37,27 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     use: string;
     undo: string;
     redo: string;
+    filter: string;
+    sort: string;
+    group: string;
+    filter_by: string;
+    sort_by: string;
+    group_by: string;
+    go: string;
+    configure: string;
     view_all: string;
     view_less: string;
     show_more: string;
     show_less: string;
+    show_all: string;
     clear_all: string;
     link_open_in_tab_text: string;
     edit_details: string;
     add_emoji: string;
+    create_new: string;
+    submit_and_open: string;
+    add_condition: string;
+    open_noun: string;
     close_noun: string;
     view_all_noun: string;
     view_less_noun: string;
@@ -48,6 +69,8 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     deselected_noun: string;
     use_input_value: string;
     preview_of_noun: string;
+    go_to_noun: string;
+    insert_noun: string;
     edited: string;
     done: string;
     uploading: string;
@@ -57,40 +80,40 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     unknown_error: string;
     image_load_error: string;
     selected: string;
-    day_label_a11y: string;
+    selected_count: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    completed: string;
+    current: string;
+    not_started: string;
+    empty_value: string;
+    delivered: string;
+    sent: string;
     day_placeholder: string;
-    quarter_label_a11y: string;
-    month_label_a11y: string;
     month_placeholder: string;
-    year_label_a11y: string;
     year_placeholder: string;
-    hour_label_a11y: string;
     hour_placeholder: string;
-    minute_label_a11y: string;
     minute_placeholder: string;
-    second_label_a11y: string;
     second_placeholder: string;
-    meridiem_label_a11y: string;
     meridiem_value_am: string;
     meridiem_value_pm: string;
-    week_label_a11y: string;
     week_placeholder: string;
-    week_text: string;
     seconds_text: string;
     minutes_text: string;
     hours_text: string;
     days_text: string;
     time_text: string;
     time_format_info: string;
-    week_text_short: string;
-    day_text_short: string;
-    hour_text_short: string;
-    minute_text_short: string;
-    second_text_short: string;
     date_quarter_q1: string;
     date_quarter_q2: string;
     date_quarter_q3: string;
     date_quarter_q4: string;
+    time_unit: string;
     attachments_count: {
         zero: string;
         one: string;
@@ -118,8 +141,12 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     pagination_page_of: string;
     pagination_next: string;
     pagination_prev: string;
+    range_from_datetime: string;
+    range_to_datetime: string;
+    range_from_numeric: string;
+    range_to_numeric: string;
     x_of_y: string;
-    preview_link_arrow_navigation: string;
+    preview_link_instruction: string;
     go_to_main_content: string;
     main_content: string;
     app_shell_create: string;
@@ -128,11 +155,14 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     combobox_search_instructions: string;
     combobox_open_list_button_a11y: string;
     combobox_close_list_button_a11y: string;
+    multiselect_instructions: string;
+    selected_items: string;
     menu_selection_instructions: string;
     menu_item_expand_arrow: string;
     menu_item_collapse_arrow: string;
     menu_item_collapse_shift_space: string;
     menu_item_shift_space_expand_collapse: string;
+    menu_option_list: string;
     modal_minimize: string;
     modal_maximize: string;
     modal_dock: string;
@@ -144,10 +174,12 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     close_time_button_a11y: string;
     picker_next_month: string;
     picker_prev_month: string;
-    picker_jump_to_month: string;
+    picker_jump_to_month_and_year: string;
     calendar_assist: string;
+    calendar: string;
     boolean_display_true_label: string;
     boolean_display_false_label: string;
+    step_changed_to_name: string;
     measured_in: string;
     number_increment_value_by: string;
     number_decrement_value_by: string;
@@ -159,11 +191,19 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     location_input_placeholder: string;
     location_not_found_text: string;
     allow_location_permissions_text: string;
+    advanced_search: string;
+    select_search_filter: string;
+    recent_searches: string;
+    clear_search: string;
     utilities_summary: string;
     expand_summary_panel: string;
     collapse_summary_panel: string;
     expand_utilities_panel: string;
     collapse_utilities_panel: string;
+    accept_suggestion_button_a11y: string;
+    reject_suggestion_button_a11y: string;
+    suggestion_info: string;
+    suggestion_assist: string;
     close_preview: string;
     confirmation_details: string;
     confirmation_whats_next: string;
@@ -182,9 +222,21 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     };
     edit_tags: string;
     tags: string;
+    timeline_toolbar_sort_descending: string;
+    timeline_toolbar_sort_ascending: string;
+    timeline_toolbar_group_date: string;
+    timeline_toolbar_group_monthyear: string;
+    timeline_toolbar_group_quarteryear: string;
+    timeline_toolbar_group_year: string;
+    timeline_toolbar_group_none: string;
     app_announcement_dismiss_button_label_a11y: string;
     app_announcement_details_list_header: string;
     app_announcement_whats_new_button_label: string;
+    stages_label: string;
+    stages_see_full_lifecycle: string;
+    stages_case_lifecycle: string;
+    stages_default_case_lifecycle: string;
+    stages_stage_label: string;
     rte_heading_style: string;
     rte_bold: string;
     rte_italic: string;
@@ -197,7 +249,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     rte_indent: string;
     rte_unindent: string;
     rte_table: string;
-    rte_anchor: string;
+    rte_link: string;
     rte_image: string;
     rte_invalid_html: string;
     rte_insert_field: string;
@@ -208,7 +260,19 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     rte_unindent_selection: string;
     rte_toolbar_instructions: string;
     rte_text_formatting_toolbar: string;
+    rte_image_description_info: string;
+    rte_image_custom_size: string;
+    rte_width_in_pixels: string;
+    rte_height_in_pixels: string;
+    rte_image_settings: string;
+    rte_image_key_command: string;
+    expand_forwarded_message: string;
+    collapse_forwarded_message: string;
+    copy_to: string;
     feed_new_post: string;
+    feed_new_reply: string;
+    feed_edit_post: string;
+    feed_edit_reply: string;
     feed_cancel_conversation: string;
     feed_context: string;
     feed_liked_by: string;
@@ -216,7 +280,6 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     feed_private_post: string;
     feed_public_post: string;
     feed_recipients: string;
-    feed_edit_post: string;
     feed_post_likes: {
         zero: string;
         one: string;
@@ -246,6 +309,24 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     feed_post_removed: string;
     feed_reply_removed: string;
     showing_num_of_num: string;
+    feed_new_post_added: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    new_item_added: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    loading_post: string;
+    mention_type: string;
     scroll_to_latest_message: string;
     scroll_to_unread_messages: string;
     suggested_replies_current_of_total: string;
@@ -253,11 +334,20 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     next_suggested_reply: string;
     prev_suggested_reply: string;
     dismiss_suggested_replies: string;
+    unique_entities: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
     more_count: string;
     empty_search: string;
     new_messages: string;
     earlier_transcripts: string;
     send_label: string;
+    save_as_draft: string;
     enter_message: string;
     download: string;
     close_chat_utility: string;
@@ -281,6 +371,16 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     email_add_attachment: string;
     email_disable_attachment: string;
     email_remove_attachment: string;
+    loading_email: string;
+    draft: {
+        zero: string;
+        one: string;
+        two: string;
+        few: string;
+        many: string;
+        other: string;
+    };
+    undelivered: string;
     article_list_label_a11y: string;
     article_list_filter_label_a11y: string;
     article_list_header_submit_label: string;
@@ -294,6 +394,8 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     call_panel_call_on_hold: string;
     call_panel_consult_call_menu_item: string;
     call_panel_transfer_call_menu_item: string;
+    call_panel_menu_item_call_only: string;
+    call_panel_menu_item_call_with_interaction: string;
     call_panel_send_dtmf_menu_item: string;
     call_panel_conference_call_menu_item: string;
     call_panel_hangup_call_menu_item: string;
@@ -304,20 +406,30 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     call_panel_contacts_favorites_heading: string;
     call_panel_contacts_dial_pad_heading: string;
     call_panel_new_call_heading: string;
-    call_panel_consult_with_heading: string;
+    call_panel_interaction_transfer_heading: string;
+    call_panel_interaction_transfer_complete_button_label: string;
+    call_panel_incoming_call: string;
     call_panel_conference_heading: string;
-    call_panel_transfer_button_label: string;
-    call_panel_transfer_call_heading: string;
-    call_panel_transfer_reason_label: string;
-    call_panel_transfer_to_label: string;
-    call_panel_transfer_comments_label: string;
-    call_panel_transfer_call_option_label: string;
-    call_panel_transfer_call_only_option: string;
-    call_panel_transfer_call_and_interaction_option: string;
+    call_panel_consult_with_call_heading: string;
+    call_panel_consult_with_call_and_interactions_heading: string;
+    call_panel_transfer_with_call_heading: string;
+    call_panel_transfer_with_call_and_interactions_heading: string;
+    call_panel_conference_submit: string;
+    call_panel_transfer_call_submit: string;
+    call_panel_consult_call_submit: string;
+    call_panel_handover_reason_label: string;
+    call_panel_handover_to_label: string;
+    call_panel_handover_comments_label: string;
+    call_panel_handover_call_option_label: string;
+    call_panel_handover_call_only_option: string;
+    call_panel_handover_call_and_interaction_option: string;
+    call_panel_handover_interaction_label: string;
     call_panel_merge_call_menu_item: string;
+    call_panel_handoff_call_menu_item: string;
     call_panel_send_dtmf_heading: string;
     call_panel_expand: string;
     call_panel_collapse: string;
+    call_panel_nav_label: string;
     dial_pad_keyboard: string;
     dial_pad_phone_number_input_label: string;
     dial_pad_call_button_label: string;
@@ -333,8 +445,6 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     no_selected_tasks: string;
     task_picker_close: string;
     task_manager_overflow_menu: string;
-    go_label: string;
-    go_label_a11y: string;
     continue_label: string;
     continue_label_a11y: string;
     review_label: string;
@@ -352,6 +462,10 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
         many: string;
         other: string;
     };
+    show_detected_entities: string;
+    nothing_detected_yet: string;
+    ai_detected_entities: string;
+    close_conversation: string;
     sentiment_positive: string;
     sentiment_negative: string;
     sentiment_neutral: string;
@@ -364,27 +478,46 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     condition_builder_basic_mode_button_label: string;
     condition_builder_condition_select_info_default: string;
     condition_builder_possible_values_label: string;
-    condition_builder_selection_text_default: string;
-    condition_builder_submit_button_label: 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;
+    condition_builder_empty_value_text: string;
     condition_builder_compare_with: string;
     condition_builder_compare_with_another_field: string;
+    condition_builder_compare_with_parameter: string;
     condition_builder_compare_with_relative_date: string;
     condition_builder_compare_with_text_value: string;
     condition_builder_compare_with_numeric_value: string;
     condition_builder_compare_with_date_value: string;
     condition_builder_compare_with_time_value: string;
+    condition_builder_compare_with_numeric_range_value: string;
+    condition_builder_compare_with_date_range_value: string;
+    condition_builder_compare_with_time_range_value: string;
     condition_builder_invalid_time_period: string;
     condition_builder_invalid_relative_date: string;
     condition_builder_invalid_value: string;
+    condition_builder_invalid_values: string;
+    condition_builder_invalid_time: string;
+    condition_builder_invalid_date: string;
     condition_builder_invalid_number: string;
+    condition_builder_invalid_date_range: string;
+    condition_builder_invalid_time_range: string;
+    condition_builder_invalid_number_range: string;
     condition_builder_date_function_year: string;
     condition_builder_date_function_quarter: string;
     condition_builder_select_placeholder: 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;
+    condition_builder_rhs_with_csv_input: string;
+    condition_builder_no_selection: string;
+    condition_builder_enter_csv_placeholder: string;
     condition_builder_day_number_of_month: {
         zero: string;
         one: string;
@@ -589,6 +722,9 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     condition_builder_time_period_previous: string;
     condition_builder_time_period_next: string;
     condition_builder_value_label: string;
+    condition_builder_field_label: string;
+    condition_builder_comparator_label: string;
+    promoted_filters_clear_all_button_label: string;
     dev_mode: string;
     expand_navigation: string;
     collapse_navigation: string;
@@ -598,14 +734,36 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
     parallel: string;
     stage: string;
     alternate_stage: string;
-    stage_see_full_lifecycle: string;
-    lifecycle: string;
     add_stage: string;
     add_alternate_stage: string;
     add_node: string;
     search_nodes: string;
+    delete_step: string;
+    delete_decision_step: string;
+    delete_step_title: string;
+    delete_step_outcome: string;
+    delete_all_outcomes: string;
+    reference: string;
+    delete_step_error: string;
+    delete_referenced_step_error: string;
+    delete_connector_error: string;
     zoom_level: string;
     close_configuration_panel: string;
+    clear_object_summary: string;
+    create_in_new_tab: string;
+    expression_editor: string;
+    output_parameters: string;
+    input_parameters: string;
+    app_header_notifications_empty: string;
+    app_header_notifications_loading: string;
+    open_app_header_notifications: string;
+    open_app_header_drawer: string;
+    preview_frame: string;
+    open_in_new_window_text: string;
+    more_options: string;
+    dev_tools: string;
+    active_session_info: string;
+    continue_debugging: 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":"AAIA;;;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/useI18n.js

@@ -1,3 +1,4 @@
+import { useMemo } from 'react';
 import translatorFor from '../i18n/translate';
 import useConfiguration from './useConfiguration';
 /**
@@ -6,7 +7,7 @@ import useConfiguration from './useConfiguration';
  */
 const useI18n = () => {
     const { translations, locale } = useConfiguration();
-    return translatorFor(translations, locale);
+    return useMemo(() => translatorFor(translations, locale), [translations, locale]);
 };
 export default useI18n;
 //# sourceMappingURL=useI18n.js.map

package/lib/hooks/useI18n.js.map

@@ -1 +1 @@
-{"version":3,"file":"useI18n.js","sourceRoot":"","sources":["../../src/hooks/useI18n.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAE9C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD;;;GAGG;AACH,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACpD,OAAO,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import translatorFor from '../i18n/translate';\n\nimport useConfiguration from './useConfiguration';\n\n/**\n * @example const translator = useI18n();\n * @returns translator:: The translator function that provides translations for a given key  in the translation JSON provided to the Configuration component.\n */\nconst useI18n = () => {\n  const { translations, locale } = useConfiguration();\n  return translatorFor(translations, locale);\n};\n\nexport default useI18n;\n"]}
+{"version":3,"file":"useI18n.js","sourceRoot":"","sources":["../../src/hooks/useI18n.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,aAAa,MAAM,mBAAmB,CAAC;AAE9C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD;;;GAGG;AACH,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACpD,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAC;AACpF,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nimport translatorFor from '../i18n/translate';\n\nimport useConfiguration from './useConfiguration';\n\n/**\n * @example const translator = useI18n();\n * @returns translator:: The translator function that provides translations for a given key  in the translation JSON provided to the Configuration component.\n */\nconst useI18n = () => {\n  const { translations, locale } = useConfiguration();\n  return useMemo(() => translatorFor(translations, locale), [translations, locale]);\n};\n\nexport default useI18n;\n"]}

package/lib/hooks/useInputFormatter.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+/**
+ * Formats the raw value using given formatter and handles the caret position.
+ * @param ref reference to input element.
+ * @param rawValue value to be formatted.
+ * @param formatter formatter function accepting partial input and returning partially formatted value.
+ * @param acceptableCharacters string containing all the characters that may appear in the value to format. RegExp shorthands are also accepted. Only numbers are accepted by default.
+ * @returns formatted value that should be passed to the input component.
+ */
+declare const useInputFormatter: (ref: RefObject<HTMLInputElement>, rawValue: string, formatter: (value: string) => string, acceptableCharacters?: string) => string;
+export default useInputFormatter;
+//# sourceMappingURL=useInputFormatter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useInputFormatter.d.ts","sourceRoot":"","sources":["../../src/hooks/useInputFormatter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAIrD;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB,QAChB,UAAU,gBAAgB,CAAC,YACtB,MAAM,qBACG,MAAM,KAAK,MAAM,yBACd,MAAM,WAuG7B,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/hooks/useInputFormatter.js

@@ -0,0 +1,89 @@
+import { useRef, useEffect } from 'react';
+import useEvent from './useEvent';
+/**
+ * Formats the raw value using given formatter and handles the caret position.
+ * @param ref reference to input element.
+ * @param rawValue value to be formatted.
+ * @param formatter formatter function accepting partial input and returning partially formatted value.
+ * @param acceptableCharacters string containing all the characters that may appear in the value to format. RegExp shorthands are also accepted. Only numbers are accepted by default.
+ * @returns formatted value that should be passed to the input component.
+ */
+const useInputFormatter = (ref, rawValue, formatter, acceptableCharacters = '\\p{N}') => {
+    // synthetic caret position in unformatted value
+    const rawValueCaretPositionRef = useRef();
+    useEvent('keydown', e => {
+        const inputEl = ref.current;
+        if (inputEl) {
+            const caretPositionStart = inputEl.selectionStart ?? 0;
+            const caretPositionEnd = inputEl.selectionEnd ?? 0;
+            const currentValue = inputEl.value;
+            if (caretPositionStart !== caretPositionEnd && ['Backspace', 'Delete'].includes(e.key)) {
+                // if selection contains only formatting characters, move the caret to the beginning of the selection
+                const selectedText = currentValue.slice(caretPositionStart, caretPositionEnd);
+                if (!new RegExp(`[${acceptableCharacters}]`, 'gu').test(selectedText)) {
+                    inputEl.setSelectionRange(caretPositionStart, caretPositionStart);
+                    e.preventDefault();
+                }
+                return;
+            }
+            if (e.key === 'Backspace' &&
+                new RegExp(`[^${acceptableCharacters}]`, 'gu').test(currentValue.charAt(caretPositionStart - 1))) {
+                const lastNonFormatChar = new RegExp(`[${acceptableCharacters}](?=[^${acceptableCharacters}]*$)`, 'gu');
+                // match last non-formatting character if it can be found in the preceding slice
+                if (lastNonFormatChar.test(currentValue.slice(0, caretPositionStart))) {
+                    // move the caret after matched character to get it removed
+                    inputEl.setSelectionRange(lastNonFormatChar.lastIndex, lastNonFormatChar.lastIndex);
+                }
+                else {
+                    e.preventDefault();
+                }
+            }
+            if (e.key === 'Delete' &&
+                new RegExp(`[^${acceptableCharacters}]`, 'gu').test(currentValue.charAt(caretPositionEnd))) {
+                const firstNonFormatChar = new RegExp(`[${acceptableCharacters}]`, 'gu');
+                firstNonFormatChar.lastIndex = caretPositionEnd;
+                // find first non-formatting character in the value starting from the caret position
+                if (firstNonFormatChar.test(currentValue)) {
+                    // move the caret before matched character to get it removed
+                    inputEl.setSelectionRange(firstNonFormatChar.lastIndex - 1, firstNonFormatChar.lastIndex - 1);
+                }
+                else {
+                    e.preventDefault();
+                }
+            }
+        }
+    }, { target: ref, dependencies: [acceptableCharacters] });
+    useEvent('input', () => {
+        const inputEl = ref.current;
+        if (inputEl) {
+            // calculate new synthetic caret position in the unformatted value
+            const currentCaretPosition = inputEl.selectionStart ?? 0;
+            rawValueCaretPositionRef.current = inputEl.value
+                .slice(0, currentCaretPosition)
+                .replace(new RegExp(`[^${acceptableCharacters}]`, 'gu'), '').length;
+        }
+    }, { target: ref, dependencies: [acceptableCharacters] });
+    useEffect(() => {
+        const inputEl = ref.current;
+        if (inputEl && rawValueCaretPositionRef.current !== undefined) {
+            // create regexp with every raw value character wrapped in possible formatting characters
+            const rawValueRegExpSource = `[^${acceptableCharacters}]*${rawValue
+                .slice(0, rawValueCaretPositionRef.current)
+                .split('')
+                .join(`[^${acceptableCharacters}]*`)}`;
+            const match = inputEl.value.match(new RegExp(rawValueRegExpSource, 'gu'));
+            if (match) {
+                // if it matches move the real caret to the corresponding index in the raw value
+                inputEl.setSelectionRange(match[0].length, match[0].length);
+            }
+            else {
+                // just re-position the caret otherwise
+                inputEl.setSelectionRange(rawValueCaretPositionRef.current, rawValueCaretPositionRef.current);
+            }
+            rawValueCaretPositionRef.current = undefined;
+        }
+    }, [rawValue, acceptableCharacters]);
+    return formatter(rawValue);
+};
+export default useInputFormatter;
+//# sourceMappingURL=useInputFormatter.js.map

package/lib/hooks/useInputFormatter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInputFormatter.js","sourceRoot":"","sources":["../../src/hooks/useInputFormatter.ts"],"names":[],"mappings":"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","sourcesContent":["import { RefObject, useRef, useEffect } from 'react';\n\nimport useEvent from './useEvent';\n\n/**\n * Formats the raw value using given formatter and handles the caret position.\n * @param ref reference to input element.\n * @param rawValue value to be formatted.\n * @param formatter formatter function accepting partial input and returning partially formatted value.\n * @param acceptableCharacters string containing all the characters that may appear in the value to format. RegExp shorthands are also accepted. Only numbers are accepted by default.\n * @returns formatted value that should be passed to the input component.\n */\nconst useInputFormatter = (\n  ref: RefObject<HTMLInputElement>,\n  rawValue: string,\n  formatter: (value: string) => string,\n  acceptableCharacters: string = '\\\\p{N}'\n) => {\n  // synthetic caret position in unformatted value\n  const rawValueCaretPositionRef = useRef<number>();\n\n  useEvent(\n    'keydown',\n    e => {\n      const inputEl = ref.current;\n      if (inputEl) {\n        const caretPositionStart = inputEl.selectionStart ?? 0;\n        const caretPositionEnd = inputEl.selectionEnd ?? 0;\n        const currentValue = inputEl.value;\n        if (caretPositionStart !== caretPositionEnd && ['Backspace', 'Delete'].includes(e.key)) {\n          // if selection contains only formatting characters, move the caret to the beginning of the selection\n          const selectedText = currentValue.slice(caretPositionStart, caretPositionEnd);\n          if (!new RegExp(`[${acceptableCharacters}]`, 'gu').test(selectedText)) {\n            inputEl.setSelectionRange(caretPositionStart, caretPositionStart);\n            e.preventDefault();\n          }\n          return;\n        }\n\n        if (\n          e.key === 'Backspace' &&\n          new RegExp(`[^${acceptableCharacters}]`, 'gu').test(\n            currentValue.charAt(caretPositionStart - 1)\n          )\n        ) {\n          const lastNonFormatChar = new RegExp(\n            `[${acceptableCharacters}](?=[^${acceptableCharacters}]*$)`,\n            'gu'\n          );\n          // match last non-formatting character if it can be found in the preceding slice\n          if (lastNonFormatChar.test(currentValue.slice(0, caretPositionStart))) {\n            // move the caret after matched character to get it removed\n            inputEl.setSelectionRange(lastNonFormatChar.lastIndex, lastNonFormatChar.lastIndex);\n          } else {\n            e.preventDefault();\n          }\n        }\n\n        if (\n          e.key === 'Delete' &&\n          new RegExp(`[^${acceptableCharacters}]`, 'gu').test(currentValue.charAt(caretPositionEnd))\n        ) {\n          const firstNonFormatChar = new RegExp(`[${acceptableCharacters}]`, 'gu');\n          firstNonFormatChar.lastIndex = caretPositionEnd;\n          // find first non-formatting character in the value starting from the caret position\n          if (firstNonFormatChar.test(currentValue)) {\n            // move the caret before matched character to get it removed\n            inputEl.setSelectionRange(\n              firstNonFormatChar.lastIndex - 1,\n              firstNonFormatChar.lastIndex - 1\n            );\n          } else {\n            e.preventDefault();\n          }\n        }\n      }\n    },\n    { target: ref, dependencies: [acceptableCharacters] }\n  );\n\n  useEvent(\n    'input',\n    () => {\n      const inputEl = ref.current;\n      if (inputEl) {\n        // calculate new synthetic caret position in the unformatted value\n        const currentCaretPosition = inputEl.selectionStart ?? 0;\n        rawValueCaretPositionRef.current = inputEl.value\n          .slice(0, currentCaretPosition)\n          .replace(new RegExp(`[^${acceptableCharacters}]`, 'gu'), '').length;\n      }\n    },\n    { target: ref, dependencies: [acceptableCharacters] }\n  );\n\n  useEffect(() => {\n    const inputEl = ref.current;\n    if (inputEl && rawValueCaretPositionRef.current !== undefined) {\n      // create regexp with every raw value character wrapped in possible formatting characters\n      const rawValueRegExpSource = `[^${acceptableCharacters}]*${rawValue\n        .slice(0, rawValueCaretPositionRef.current)\n        .split('')\n        .join(`[^${acceptableCharacters}]*`)}`;\n      const match = inputEl.value.match(new RegExp(rawValueRegExpSource, 'gu'));\n      if (match) {\n        // if it matches move the real caret to the corresponding index in the raw value\n        inputEl.setSelectionRange(match[0].length, match[0].length);\n      } else {\n        // just re-position the caret otherwise\n        inputEl.setSelectionRange(\n          rawValueCaretPositionRef.current,\n          rawValueCaretPositionRef.current\n        );\n      }\n      rawValueCaretPositionRef.current = undefined;\n    }\n  }, [rawValue, acceptableCharacters]);\n\n  return formatter(rawValue);\n};\n\nexport default useInputFormatter;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"useItemIntersection.d.ts","sourceRoot":"","sources":["../../src/hooks/useItemIntersection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C;;;;;;;GAOG;AAEH,QAAA,MAAM,mBAAmB,iBACT,UAAU,WAAW,CAAC,UAC5B,MAAM,MACV,MAAM,IAAI,gBACA,MAAM,SA6BrB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"useItemIntersection.d.ts","sourceRoot":"","sources":["../../src/hooks/useItemIntersection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C;;;;;;;GAOG;AAEH,QAAA,MAAM,mBAAmB,iBACT,UAAU,WAAW,CAAC,UAC5B,MAAM,MACV,MAAM,IAAI,gBACA,MAAM,SA8BrB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/hooks/useItemIntersection.js

@@ -9,28 +9,26 @@ import { useEffect } from 'react';
  */
 const useItemIntersection = (containerRef, offset, cb, itemSelector) => {
     useEffect(() => {
-        if (containerRef.current) {
-            let item = null;
-            if (offset > 0) {
-                const items = containerRef.current.querySelectorAll(itemSelector);
-                if (items.length > offset) {
-                    item = items[offset];
-                }
-            }
-            if (item) {
-                const intersectionObserver = new IntersectionObserver((entries) => {
-                    if (entries[0].isIntersecting) {
-                        cb();
-                    }
-                }, {
-                    root: containerRef.current
-                });
-                intersectionObserver.observe(item);
-                return () => {
-                    intersectionObserver.disconnect();
-                };
+        let item = null;
+        if (offset > 0) {
+            const items = (containerRef.current === null ? document.body : containerRef.current).querySelectorAll(itemSelector);
+            if (items.length > offset) {
+                item = items[offset];
             }
         }
+        if (item) {
+            const intersectionObserver = new IntersectionObserver((entries) => {
+                if (entries[0].isIntersecting) {
+                    cb();
+                }
+            }, {
+                root: containerRef.current
+            });
+            intersectionObserver.observe(item);
+            return () => {
+                intersectionObserver.disconnect();
+            };
+        }
     }, [cb, containerRef.current, offset]);
 };
 export default useItemIntersection;