@pega/cosmos-react-core 9.0.0-build.9.1 → 9.0.0-build.9.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/AppShell/AppHeader.d.ts.map +1 -1
- package/lib/components/AppShell/AppHeader.js +4 -1
- package/lib/components/AppShell/AppHeader.js.map +1 -1
- package/lib/components/AppShell/ThemeSwitcher.d.ts +9 -0
- package/lib/components/AppShell/ThemeSwitcher.d.ts.map +1 -0
- package/lib/components/AppShell/ThemeSwitcher.js +58 -0
- package/lib/components/AppShell/ThemeSwitcher.js.map +1 -0
- package/lib/components/AppShell/ThemeSwitcher.test-ids.d.ts +2 -0
- package/lib/components/AppShell/ThemeSwitcher.test-ids.d.ts.map +1 -0
- package/lib/components/AppShell/ThemeSwitcher.test-ids.js +3 -0
- package/lib/components/AppShell/ThemeSwitcher.test-ids.js.map +1 -0
- package/lib/components/Configuration/Configuration.d.ts +6 -0
- package/lib/components/Configuration/Configuration.d.ts.map +1 -1
- package/lib/components/Configuration/Configuration.js +5 -1
- package/lib/components/Configuration/Configuration.js.map +1 -1
- package/lib/components/DateTime/Input/DateInput.d.ts.map +1 -1
- package/lib/components/DateTime/Input/DateInput.js +6 -4
- package/lib/components/DateTime/Input/DateInput.js.map +1 -1
- package/lib/components/DateTime/Input/DateTimeInput.d.ts.map +1 -1
- package/lib/components/DateTime/Input/DateTimeInput.js +5 -3
- package/lib/components/DateTime/Input/DateTimeInput.js.map +1 -1
- package/lib/components/DateTime/Input/WeekInput.d.ts.map +1 -1
- package/lib/components/DateTime/Input/WeekInput.js +6 -4
- package/lib/components/DateTime/Input/WeekInput.js.map +1 -1
- package/lib/components/Dialog/InfoDialog.js +1 -1
- package/lib/components/Dialog/InfoDialog.js.map +1 -1
- package/lib/components/FieldGroup/FieldGroupList.d.ts.map +1 -1
- package/lib/components/FieldGroup/FieldGroupList.js +4 -2
- package/lib/components/FieldGroup/FieldGroupList.js.map +1 -1
- package/lib/components/FieldGroup/FieldGroupList.utils.d.ts +1 -1
- package/lib/components/FieldGroup/FieldGroupList.utils.js +2 -2
- package/lib/components/FieldGroup/FieldGroupList.utils.js.map +1 -1
- package/lib/components/Icon/streamline-icons/mobius.icon.d.ts +5 -0
- package/lib/components/Icon/streamline-icons/mobius.icon.d.ts.map +1 -0
- package/lib/components/Icon/streamline-icons/mobius.icon.js +7 -0
- package/lib/components/Icon/streamline-icons/mobius.icon.js.map +1 -0
- package/lib/components/Icon/streamlineIconNames.d.ts +1 -1
- package/lib/components/Icon/streamlineIconNames.d.ts.map +1 -1
- package/lib/components/Icon/streamlineIconNames.js +1 -0
- package/lib/components/Icon/streamlineIconNames.js.map +1 -1
- package/lib/components/MetaList/MetaList.js +1 -1
- package/lib/components/MetaList/MetaList.js.map +1 -1
- package/lib/components/Popover/Popover.styles.d.ts.map +1 -1
- package/lib/components/Popover/Popover.styles.js +18 -1
- package/lib/components/Popover/Popover.styles.js.map +1 -1
- package/lib/components/Popover/modifiers.d.ts.map +1 -1
- package/lib/components/Popover/modifiers.js +10 -0
- package/lib/components/Popover/modifiers.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/lib/components/Tooltip/Tooltip.js +3 -1
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/hooks/useI18n.d.ts +40 -0
- package/lib/hooks/useI18n.d.ts.map +1 -1
- package/lib/hooks/useItemIntersection.d.ts +2 -1
- package/lib/hooks/useItemIntersection.d.ts.map +1 -1
- package/lib/hooks/useItemIntersection.js +10 -6
- package/lib/hooks/useItemIntersection.js.map +1 -1
- package/lib/hooks/useThemeMode.d.ts +10 -0
- package/lib/hooks/useThemeMode.d.ts.map +1 -0
- package/lib/hooks/useThemeMode.js +11 -0
- package/lib/hooks/useThemeMode.js.map +1 -0
- package/lib/i18n/default.d.ts +41 -0
- package/lib/i18n/default.d.ts.map +1 -1
- package/lib/i18n/default.js +44 -0
- package/lib/i18n/default.js.map +1 -1
- package/lib/i18n/i18n.d.ts +40 -0
- package/lib/i18n/i18n.d.ts.map +1 -1
- package/lib/styles/animations.d.ts +9 -0
- package/lib/styles/animations.d.ts.map +1 -0
- package/lib/styles/animations.js +78 -0
- package/lib/styles/animations.js.map +1 -0
- package/lib/styles/index.d.ts +1 -0
- package/lib/styles/index.d.ts.map +1 -1
- package/lib/styles/index.js +1 -0
- package/lib/styles/index.js.map +1 -1
- package/lib/utils/getFocusables.d.ts +4 -2
- package/lib/utils/getFocusables.d.ts.map +1 -1
- package/lib/utils/getFocusables.js +9 -7
- package/lib/utils/getFocusables.js.map +1 -1
- package/lib/utils/isInstance.d.ts +4 -4
- package/lib/utils/isInstance.d.ts.map +1 -1
- package/lib/utils/isInstance.js +20 -8
- package/lib/utils/isInstance.js.map +1 -1
- package/package.json +1 -1
package/lib/hooks/useI18n.d.ts
CHANGED
|
@@ -143,6 +143,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
|
|
|
143
143
|
select_noun: string;
|
|
144
144
|
actions_for: string;
|
|
145
145
|
edited: string;
|
|
146
|
+
deleted: string;
|
|
146
147
|
done: string;
|
|
147
148
|
uploading: string;
|
|
148
149
|
loading: string;
|
|
@@ -270,6 +271,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
|
|
|
270
271
|
app_shell_pin: string;
|
|
271
272
|
app_shell_unpin: string;
|
|
272
273
|
application_logo: string;
|
|
274
|
+
theme_mode: string;
|
|
273
275
|
combobox_open_close: string;
|
|
274
276
|
combobox_search_instructions: string;
|
|
275
277
|
combobox_open_list_button_a11y: string;
|
|
@@ -316,6 +318,7 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
|
|
|
316
318
|
choose_week: string;
|
|
317
319
|
set_current_week_ally: string;
|
|
318
320
|
auto_focus_next_input_description: string;
|
|
321
|
+
year_input_description: string;
|
|
319
322
|
boolean_display_true_label: string;
|
|
320
323
|
boolean_display_false_label: string;
|
|
321
324
|
step_changed_to_name: string;
|
|
@@ -447,6 +450,11 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
|
|
|
447
450
|
drag_handle_vertical_description: string;
|
|
448
451
|
drag_handle_horizontal_description: string;
|
|
449
452
|
drag_handle_tab_description: string;
|
|
453
|
+
add_button_description: string;
|
|
454
|
+
configure_button_description: string;
|
|
455
|
+
remove_button_description: string;
|
|
456
|
+
list_item_control_instructions: string;
|
|
457
|
+
list_item_nav_instructions: string;
|
|
450
458
|
assignments: string;
|
|
451
459
|
case: string;
|
|
452
460
|
assignment: string;
|
|
@@ -604,12 +612,15 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
|
|
|
604
612
|
rte_edit_image: string;
|
|
605
613
|
rte_delete_image: string;
|
|
606
614
|
rte_image_key_command: string;
|
|
615
|
+
important: string;
|
|
607
616
|
expand_trail: string;
|
|
608
617
|
collapse_trail: string;
|
|
609
618
|
copy_to: string;
|
|
610
619
|
subject_label: string;
|
|
611
620
|
search_results: string;
|
|
612
621
|
get_next_email: string;
|
|
622
|
+
mark_email_as_important: string;
|
|
623
|
+
email_attachment: string;
|
|
613
624
|
feed_post_type: string;
|
|
614
625
|
feed_new_post: string;
|
|
615
626
|
feed_new_post_submit: string;
|
|
@@ -1346,6 +1357,26 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
|
|
|
1346
1357
|
download_app: string;
|
|
1347
1358
|
qr_code_not_available: string;
|
|
1348
1359
|
qr_code: string;
|
|
1360
|
+
expand_all: string;
|
|
1361
|
+
collapse_all: string;
|
|
1362
|
+
expand_steps: string;
|
|
1363
|
+
collapse_steps: string;
|
|
1364
|
+
expand_step: string;
|
|
1365
|
+
collapse_step: string;
|
|
1366
|
+
expanded_step: string;
|
|
1367
|
+
collapsed_step: string;
|
|
1368
|
+
add_step: string;
|
|
1369
|
+
generate_comments: string;
|
|
1370
|
+
action_set: string;
|
|
1371
|
+
action_when: string;
|
|
1372
|
+
action_append: string;
|
|
1373
|
+
action_call: string;
|
|
1374
|
+
action_create: string;
|
|
1375
|
+
action_for_each: string;
|
|
1376
|
+
action_exit: string;
|
|
1377
|
+
action_return: string;
|
|
1378
|
+
action_remove: string;
|
|
1379
|
+
action_error_handler: string;
|
|
1349
1380
|
app_header_notifications_empty: string;
|
|
1350
1381
|
app_header_notifications_loading: string;
|
|
1351
1382
|
open_app_header_notifications: string;
|
|
@@ -1513,6 +1544,9 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
|
|
|
1513
1544
|
aggregation_average: string;
|
|
1514
1545
|
aggregation_minimum: string;
|
|
1515
1546
|
aggregation_maximum: string;
|
|
1547
|
+
select_chart_data_view: string;
|
|
1548
|
+
toggle_chart_element_visibility: string;
|
|
1549
|
+
chart_legend_items: string;
|
|
1516
1550
|
add_to: string;
|
|
1517
1551
|
namespace: string;
|
|
1518
1552
|
decision_rule: string;
|
|
@@ -1530,6 +1564,12 @@ declare const useI18n: () => import("../i18n/translate").TranslationFunction<Rea
|
|
|
1530
1564
|
expression_datapage_general_error: string;
|
|
1531
1565
|
expression_allowed_rules_error: string;
|
|
1532
1566
|
expression_empty_error: string;
|
|
1567
|
+
cb_invalid_leaf_condition: string;
|
|
1568
|
+
cb_invalid_operand: string;
|
|
1569
|
+
cb_expression_node_null: string;
|
|
1570
|
+
cb_expression_node_missing: string;
|
|
1571
|
+
cb_invalid_unary_expression: string;
|
|
1572
|
+
cb_invalid_group_expression: string;
|
|
1533
1573
|
ui_inspector: string;
|
|
1534
1574
|
ui_inspector_iframe_title: string;
|
|
1535
1575
|
ui_inspector_metadata: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useI18n.d.ts","sourceRoot":"","sources":["../../src/hooks/useI18n.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,QAAA,MAAM,OAAO
|
|
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"}
|
|
@@ -5,8 +5,9 @@ import type { RefObject } from 'react';
|
|
|
5
5
|
* @param offset Index of the list item which needs to be observed.
|
|
6
6
|
* @param cb Callback that needs to be fired on intersect
|
|
7
7
|
* @param itemSelector Selector used to get the node list of items
|
|
8
|
+
* @param boundingRef Ref to use as the bounding root for querying items. Required for use when selected items are rendered within a ShadowRoot.
|
|
8
9
|
* @returns void.
|
|
9
10
|
*/
|
|
10
|
-
declare const useItemIntersection: (containerRef: RefObject<HTMLElement>, offset: number, cb: () => void, itemSelector: string) => void;
|
|
11
|
+
declare const useItemIntersection: (containerRef: RefObject<HTMLElement>, offset: number, cb: () => void, itemSelector: string, boundingRef?: RefObject<HTMLElement>) => void;
|
|
11
12
|
export default useItemIntersection;
|
|
12
13
|
//# sourceMappingURL=useItemIntersection.d.ts.map
|
|
@@ -1 +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;
|
|
1
|
+
{"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"}
|
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
import { useEffect } from 'react';
|
|
2
|
+
import { isInstance } from '../utils';
|
|
2
3
|
/**
|
|
3
4
|
* @example useItemIntersection(listRef,offset,() => { do_some_thing; });
|
|
4
5
|
* @param containerRef The ref of the List.
|
|
5
6
|
* @param offset Index of the list item which needs to be observed.
|
|
6
7
|
* @param cb Callback that needs to be fired on intersect
|
|
7
8
|
* @param itemSelector Selector used to get the node list of items
|
|
9
|
+
* @param boundingRef Ref to use as the bounding root for querying items. Required for use when selected items are rendered within a ShadowRoot.
|
|
8
10
|
* @returns void.
|
|
9
11
|
*/
|
|
10
|
-
const useItemIntersection = (containerRef, offset, cb, itemSelector) => {
|
|
12
|
+
const useItemIntersection = (containerRef, offset, cb, itemSelector, boundingRef) => {
|
|
11
13
|
useEffect(() => {
|
|
12
|
-
if (!containerRef.current)
|
|
13
|
-
return;
|
|
14
14
|
let item = null;
|
|
15
15
|
if (offset > 0) {
|
|
16
|
-
const
|
|
16
|
+
const elementToQuery = containerRef?.current ?? boundingRef?.current?.getRootNode() ?? document;
|
|
17
|
+
if (!isInstance(elementToQuery, HTMLElement, SVGElement, ShadowRoot, Document)) {
|
|
18
|
+
return;
|
|
19
|
+
}
|
|
20
|
+
const items = elementToQuery.querySelectorAll(itemSelector);
|
|
17
21
|
if (items.length > offset) {
|
|
18
22
|
item = items[offset];
|
|
19
23
|
}
|
|
@@ -24,14 +28,14 @@ const useItemIntersection = (containerRef, offset, cb, itemSelector) => {
|
|
|
24
28
|
cb();
|
|
25
29
|
}
|
|
26
30
|
}, {
|
|
27
|
-
root: containerRef.current
|
|
31
|
+
root: containerRef.current ?? null
|
|
28
32
|
});
|
|
29
33
|
intersectionObserver.observe(item);
|
|
30
34
|
return () => {
|
|
31
35
|
intersectionObserver.disconnect();
|
|
32
36
|
};
|
|
33
37
|
}
|
|
34
|
-
}, [cb,
|
|
38
|
+
}, [cb, offset]);
|
|
35
39
|
};
|
|
36
40
|
export default useItemIntersection;
|
|
37
41
|
//# sourceMappingURL=useItemIntersection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useItemIntersection.js","sourceRoot":"","sources":["../../src/hooks/useItemIntersection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC
|
|
1
|
+
{"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"]}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @example const { themeMode, onThemeModeChange } = useThemeMode();
|
|
3
|
+
* @returns Object containing themeMode and onThemeModeChange function.
|
|
4
|
+
*/
|
|
5
|
+
declare const useThemeMode: () => {
|
|
6
|
+
themeMode: NonNullable<"dark" | "light" | "system" | undefined>;
|
|
7
|
+
onThemeModeChange: ((mode: NonNullable<import("..").ConfigurationProps["themeMode"]>) => void) | undefined;
|
|
8
|
+
};
|
|
9
|
+
export default useThemeMode;
|
|
10
|
+
//# sourceMappingURL=useThemeMode.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import useConfiguration from './useConfiguration';
|
|
2
|
+
/**
|
|
3
|
+
* @example const { themeMode, onThemeModeChange } = useThemeMode();
|
|
4
|
+
* @returns Object containing themeMode and onThemeModeChange function.
|
|
5
|
+
*/
|
|
6
|
+
const useThemeMode = () => {
|
|
7
|
+
const { themeMode, onThemeModeChange } = useConfiguration();
|
|
8
|
+
return { themeMode, onThemeModeChange };
|
|
9
|
+
};
|
|
10
|
+
export default useThemeMode;
|
|
11
|
+
//# sourceMappingURL=useThemeMode.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"]}
|
package/lib/i18n/default.d.ts
CHANGED
|
@@ -139,6 +139,7 @@ declare const _default: {
|
|
|
139
139
|
select_noun: string;
|
|
140
140
|
actions_for: string;
|
|
141
141
|
edited: string;
|
|
142
|
+
deleted: string;
|
|
142
143
|
done: string;
|
|
143
144
|
uploading: string;
|
|
144
145
|
loading: string;
|
|
@@ -266,6 +267,7 @@ declare const _default: {
|
|
|
266
267
|
app_shell_pin: string;
|
|
267
268
|
app_shell_unpin: string;
|
|
268
269
|
application_logo: string;
|
|
270
|
+
theme_mode: string;
|
|
269
271
|
combobox_open_close: string;
|
|
270
272
|
combobox_search_instructions: string;
|
|
271
273
|
combobox_open_list_button_a11y: string;
|
|
@@ -312,6 +314,7 @@ declare const _default: {
|
|
|
312
314
|
choose_week: string;
|
|
313
315
|
set_current_week_ally: string;
|
|
314
316
|
auto_focus_next_input_description: string;
|
|
317
|
+
year_input_description: string;
|
|
315
318
|
boolean_display_true_label: string;
|
|
316
319
|
boolean_display_false_label: string;
|
|
317
320
|
step_changed_to_name: string;
|
|
@@ -443,6 +446,11 @@ declare const _default: {
|
|
|
443
446
|
drag_handle_vertical_description: string;
|
|
444
447
|
drag_handle_horizontal_description: string;
|
|
445
448
|
drag_handle_tab_description: string;
|
|
449
|
+
add_button_description: string;
|
|
450
|
+
configure_button_description: string;
|
|
451
|
+
remove_button_description: string;
|
|
452
|
+
list_item_control_instructions: string;
|
|
453
|
+
list_item_nav_instructions: string;
|
|
446
454
|
assignments: string;
|
|
447
455
|
case: string;
|
|
448
456
|
assignment: string;
|
|
@@ -600,12 +608,15 @@ declare const _default: {
|
|
|
600
608
|
rte_edit_image: string;
|
|
601
609
|
rte_delete_image: string;
|
|
602
610
|
rte_image_key_command: string;
|
|
611
|
+
important: string;
|
|
603
612
|
expand_trail: string;
|
|
604
613
|
collapse_trail: string;
|
|
605
614
|
copy_to: string;
|
|
606
615
|
subject_label: string;
|
|
607
616
|
search_results: string;
|
|
608
617
|
get_next_email: string;
|
|
618
|
+
mark_email_as_important: string;
|
|
619
|
+
email_attachment: string;
|
|
609
620
|
feed_post_type: string;
|
|
610
621
|
feed_new_post: string;
|
|
611
622
|
feed_new_post_submit: string;
|
|
@@ -1343,6 +1354,26 @@ declare const _default: {
|
|
|
1343
1354
|
download_app: string;
|
|
1344
1355
|
qr_code_not_available: string;
|
|
1345
1356
|
qr_code: string;
|
|
1357
|
+
expand_all: string;
|
|
1358
|
+
collapse_all: string;
|
|
1359
|
+
expand_steps: string;
|
|
1360
|
+
collapse_steps: string;
|
|
1361
|
+
expand_step: string;
|
|
1362
|
+
collapse_step: string;
|
|
1363
|
+
expanded_step: string;
|
|
1364
|
+
collapsed_step: string;
|
|
1365
|
+
add_step: string;
|
|
1366
|
+
generate_comments: string;
|
|
1367
|
+
action_set: string;
|
|
1368
|
+
action_when: string;
|
|
1369
|
+
action_append: string;
|
|
1370
|
+
action_call: string;
|
|
1371
|
+
action_create: string;
|
|
1372
|
+
action_for_each: string;
|
|
1373
|
+
action_exit: string;
|
|
1374
|
+
action_return: string;
|
|
1375
|
+
action_remove: string;
|
|
1376
|
+
action_error_handler: string;
|
|
1346
1377
|
app_header_notifications_empty: string;
|
|
1347
1378
|
app_header_notifications_loading: string;
|
|
1348
1379
|
open_app_header_notifications: string;
|
|
@@ -1512,6 +1543,9 @@ declare const _default: {
|
|
|
1512
1543
|
aggregation_average: string;
|
|
1513
1544
|
aggregation_minimum: string;
|
|
1514
1545
|
aggregation_maximum: string;
|
|
1546
|
+
select_chart_data_view: string;
|
|
1547
|
+
toggle_chart_element_visibility: string;
|
|
1548
|
+
chart_legend_items: string;
|
|
1515
1549
|
add_to: string;
|
|
1516
1550
|
namespace: string;
|
|
1517
1551
|
decision_rule: string;
|
|
@@ -1530,6 +1564,13 @@ declare const _default: {
|
|
|
1530
1564
|
expression_datapage_general_error: string;
|
|
1531
1565
|
expression_allowed_rules_error: string;
|
|
1532
1566
|
expression_empty_error: string;
|
|
1567
|
+
/** studio-dx-components: ConditionBuilder */
|
|
1568
|
+
cb_invalid_leaf_condition: string;
|
|
1569
|
+
cb_invalid_operand: string;
|
|
1570
|
+
cb_expression_node_null: string;
|
|
1571
|
+
cb_expression_node_missing: string;
|
|
1572
|
+
cb_invalid_unary_expression: string;
|
|
1573
|
+
cb_invalid_group_expression: string;
|
|
1533
1574
|
ui_inspector: string;
|
|
1534
1575
|
ui_inspector_iframe_title: string;
|
|
1535
1576
|
ui_inspector_metadata: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/i18n/default.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../src/i18n/default.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAkgDE,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqMxB,6CAA6C;;;;IAK7C,4CAA4C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0F5C,uCAAuC;;;;;;;;;;;IAavC,6CAA6C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnzD/C,wBAi2DE"}
|
package/lib/i18n/default.js
CHANGED
|
@@ -148,6 +148,7 @@ export default {
|
|
|
148
148
|
actions_for: 'Actions - {0}',
|
|
149
149
|
/* States */
|
|
150
150
|
edited: 'Edited {0}',
|
|
151
|
+
deleted: '{0} deleted',
|
|
151
152
|
done: 'Done',
|
|
152
153
|
uploading: 'Uploading',
|
|
153
154
|
loading: 'Loading…',
|
|
@@ -288,6 +289,7 @@ export default {
|
|
|
288
289
|
app_shell_pin: 'Pin',
|
|
289
290
|
app_shell_unpin: 'Unpin',
|
|
290
291
|
application_logo: 'Application logo',
|
|
292
|
+
theme_mode: 'Theme mode',
|
|
291
293
|
/* core:ComboBox */
|
|
292
294
|
combobox_open_close: 'Arrow down to open, press escape to close.',
|
|
293
295
|
combobox_search_instructions: 'Start typing to search',
|
|
@@ -341,6 +343,7 @@ export default {
|
|
|
341
343
|
choose_week: 'Choose week',
|
|
342
344
|
set_current_week_ally: 'Set to current week',
|
|
343
345
|
auto_focus_next_input_description: 'Automatically moves focus to next input when current input is completed.',
|
|
346
|
+
year_input_description: 'You may also enter a four-digit year manually.',
|
|
344
347
|
/* core:Boolean */
|
|
345
348
|
boolean_display_true_label: 'Yes',
|
|
346
349
|
boolean_display_false_label: 'No',
|
|
@@ -491,6 +494,12 @@ export default {
|
|
|
491
494
|
drag_handle_vertical_description: 'Use arrow keys to drag up or down.',
|
|
492
495
|
drag_handle_horizontal_description: 'Use arrow keys to drag left or right.',
|
|
493
496
|
drag_handle_tab_description: 'Use Tab and Shift Tab to drag to adjacent lists.',
|
|
497
|
+
/* dnd:StandardDragDropList */
|
|
498
|
+
add_button_description: 'Click to add a new item to the list',
|
|
499
|
+
configure_button_description: 'Click to configure the list item',
|
|
500
|
+
remove_button_description: 'Click to remove the list item',
|
|
501
|
+
list_item_control_instructions: 'Has interactive controls',
|
|
502
|
+
list_item_nav_instructions: 'Use the up and down arrow keys to navigate between items. Press Enter to enter tabbing mode and access elements within the list',
|
|
494
503
|
/* work:Assignments */
|
|
495
504
|
assignments: 'Assignments',
|
|
496
505
|
/* work:Hierarchial Assignment */
|
|
@@ -665,12 +674,15 @@ export default {
|
|
|
665
674
|
rte_delete_image: 'Delete image {0}',
|
|
666
675
|
rte_image_key_command: 'Press enter to edit the image',
|
|
667
676
|
/* social:Email */
|
|
677
|
+
important: 'Important',
|
|
668
678
|
expand_trail: 'Expand trail',
|
|
669
679
|
collapse_trail: 'Collapse trail',
|
|
670
680
|
copy_to: 'Copy to',
|
|
671
681
|
subject_label: 'Subject: {0}',
|
|
672
682
|
search_results: 'Search results',
|
|
673
683
|
get_next_email: 'Get next email',
|
|
684
|
+
mark_email_as_important: 'Mark email as important',
|
|
685
|
+
email_attachment: '{0} with {1}',
|
|
674
686
|
/* social:Feed */
|
|
675
687
|
feed_post_type: 'Post type',
|
|
676
688
|
feed_new_post: 'Message',
|
|
@@ -1433,6 +1445,27 @@ export default {
|
|
|
1433
1445
|
download_app: 'Download app',
|
|
1434
1446
|
qr_code_not_available: 'No QR code available yet',
|
|
1435
1447
|
qr_code: 'QR code',
|
|
1448
|
+
/* build: Automation */
|
|
1449
|
+
expand_all: 'Expand all',
|
|
1450
|
+
collapse_all: 'Collapse all',
|
|
1451
|
+
expand_steps: 'Expand all steps',
|
|
1452
|
+
collapse_steps: 'Collapse all steps',
|
|
1453
|
+
expand_step: 'Expand step {0}',
|
|
1454
|
+
collapse_step: 'Collapse step {0}',
|
|
1455
|
+
expanded_step: 'Expanded step {0}',
|
|
1456
|
+
collapsed_step: 'Collapsed step {0}',
|
|
1457
|
+
add_step: 'Add step',
|
|
1458
|
+
generate_comments: 'Generate comments',
|
|
1459
|
+
action_set: 'Set',
|
|
1460
|
+
action_when: 'When',
|
|
1461
|
+
action_append: 'Append',
|
|
1462
|
+
action_call: 'Call',
|
|
1463
|
+
action_create: 'Create',
|
|
1464
|
+
action_for_each: 'For each',
|
|
1465
|
+
action_exit: 'Exit',
|
|
1466
|
+
action_return: 'Return',
|
|
1467
|
+
action_remove: 'Remove',
|
|
1468
|
+
action_error_handler: 'Error handler',
|
|
1436
1469
|
/* wss:AppHeader */
|
|
1437
1470
|
app_header_notifications_empty: 'No notifications',
|
|
1438
1471
|
app_header_notifications_loading: 'Loading notifications',
|
|
@@ -1630,6 +1663,10 @@ export default {
|
|
|
1630
1663
|
aggregation_average: 'Average',
|
|
1631
1664
|
aggregation_minimum: 'Minimum',
|
|
1632
1665
|
aggregation_maximum: 'Maximum',
|
|
1666
|
+
/* business-intelligence: Legend */
|
|
1667
|
+
select_chart_data_view: 'Select chart data view',
|
|
1668
|
+
toggle_chart_element_visibility: 'Toggle chart element visibility',
|
|
1669
|
+
chart_legend_items: 'Chart legend items',
|
|
1633
1670
|
/* authoring-ui-views: AddButton */
|
|
1634
1671
|
add_to: 'Add to {0}',
|
|
1635
1672
|
/* authoring-ui-views: ViewPicker */
|
|
@@ -1652,6 +1689,13 @@ export default {
|
|
|
1652
1689
|
expression_datapage_general_error: 'Error occurred on fetching {0}',
|
|
1653
1690
|
expression_allowed_rules_error: 'Only {0} are allowed',
|
|
1654
1691
|
expression_empty_error: 'Cannot be blank',
|
|
1692
|
+
/** studio-dx-components: ConditionBuilder */
|
|
1693
|
+
cb_invalid_leaf_condition: 'Invalid leaf condition',
|
|
1694
|
+
cb_invalid_operand: 'Invalid operand',
|
|
1695
|
+
cb_expression_node_null: 'Expression node cannot be null or undefined',
|
|
1696
|
+
cb_expression_node_missing: 'Expression node must have expressions',
|
|
1697
|
+
cb_invalid_unary_expression: 'Invalid unary expression',
|
|
1698
|
+
cb_invalid_group_expression: 'Invalid group expression',
|
|
1655
1699
|
/* ui-inspector */
|
|
1656
1700
|
ui_inspector: 'UI Inspector',
|
|
1657
1701
|
ui_inspector_iframe_title: '{0} - UI Inspector enabled',
|