@pega/cosmos-react-core 9.0.0-build.9.1 → 9.0.0-build.9.10

package/lib/i18n/i18n.d.ts

@@ -144,6 +144,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     select_noun: string;
     actions_for: string;
     edited: string;
+    deleted: string;
     done: string;
     uploading: string;
     loading: string;
@@ -317,6 +318,7 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     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;
@@ -448,6 +450,11 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     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;
@@ -605,12 +612,15 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     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;
@@ -1347,6 +1357,26 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     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;
@@ -1514,6 +1544,9 @@ export declare const DefaultTranslation: Readonly<Readonly<{
     aggregation_average: string;
     aggregation_minimum: string;
     aggregation_maximum: string;
+    select_chart_data_view: string;
+    toggle_chart_element_visibility: string;
+    chart_legend_items: string;
     add_to: string;
     namespace: string;
     decision_rule: string;

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

@@ -1 +1 @@
-{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,WAAW,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAClE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE7D,QAAA,MAAM,MAAM,GAAI,eAAe,WAAW,KAAG,QAAQ,CAAC,eAAe,CAEpE,CAAC;AACF,eAAe,MAAM,CAAC;AAEtB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAW,CAAC;AAiB3C,eAAO,MAAM,SAAS,GAAI,WAAW,MAAM,KAAG,KAAK,GAAG,KAErD,CAAC"}
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/i18n/i18n.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,WAAW,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAClE,MAAM,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAE7D,QAAA,MAAM,MAAM,GAAI,eAAe,WAAW,KAAG,QAAQ,CAAC,eAAe,CAEpE,CAAC;AACF,eAAe,MAAM,CAAC;AAEtB,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAW,CAAC;AAiB3C,eAAO,MAAM,SAAS,GAAI,WAAW,MAAM,KAAG,KAAK,GAAG,KAErD,CAAC"}

package/lib/styles/animations.d.ts

@@ -0,0 +1,9 @@
+export declare const reveal: import("styled-components").Keyframes;
+export declare const slideInXStart: import("styled-components").Keyframes;
+export declare const slideInXEnd: import("styled-components").Keyframes;
+export declare const slideInYStart: import("styled-components").Keyframes;
+export declare const slideInYEnd: import("styled-components").Keyframes;
+export declare const scaleIn: import("styled-components").Keyframes;
+export declare const scaleOut: import("styled-components").Keyframes;
+export declare const subProperties: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+//# sourceMappingURL=animations.d.ts.map

package/lib/styles/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/styles/animations.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,uCAQlB,CAAC;AAEF,eAAO,MAAM,aAAa,uCAQzB,CAAC;AAEF,eAAO,MAAM,WAAW,uCAQvB,CAAC;AAEF,eAAO,MAAM,aAAa,uCAQzB,CAAC;AAEF,eAAO,MAAM,WAAW,uCAQvB,CAAC;AAEF,eAAO,MAAM,OAAO,uCAQnB,CAAC;AAEF,eAAO,MAAM,QAAQ,uCAQpB,CAAC;AAEF,eAAO,MAAM,aAAa,oIAYzB,CAAC"}

package/lib/styles/animations.js

@@ -0,0 +1,78 @@
+import { css, keyframes } from 'styled-components';
+export const reveal = keyframes `
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+`;
+export const slideInXStart = keyframes `
+    from {
+      translate: var(--slide-in-x-start-offset, -1rem) 0;
+    }
+
+    to {
+      translate: 0 0;
+    }
+`;
+export const slideInXEnd = keyframes `
+    from {
+      translate: var(--slide-in-x-end-offset, 1rem) 0;
+    }
+
+    to {
+      translate: 0 0;
+    }
+`;
+export const slideInYStart = keyframes `
+    from {
+      translate: 0 var(--slide-in-y-start-offset, -1rem);
+    }
+
+    to {
+      translate: 0 0;
+    }
+`;
+export const slideInYEnd = keyframes `
+    from {
+      translate: 0 var(--slide-in-y-end-offset, 1rem);
+    }
+
+    to {
+      translate: 0 0;
+    }
+`;
+export const scaleIn = keyframes `
+    from {
+      scale: var(--scale-in-size, 0);
+    }
+
+    to {
+      scale: 1;
+    }
+`;
+export const scaleOut = keyframes `
+    from {
+      scale: 1;
+    }
+
+    to {
+      scale: var(--scale-out-size, 0);
+    }
+`;
+export const subProperties = css `
+  ${({ theme }) => {
+    return css `
+      animation-duration: var(--animation-duration, ${theme.base.animation.speed});
+      animation-delay: var(--animation-delay, 0);
+      animation-fill-mode: var(--animation-fill-mode, both);
+      animation-timing-function: var(
+        --animation-timing-function,
+        ${theme.base.animation.timing.ease}
+      );
+    `;
+}}
+`;
+//# sourceMappingURL=animations.js.map

package/lib/styles/animations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.js","sourceRoot":"","sources":["../../src/styles/animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,MAAM,GAAG,SAAS,CAAA;;;;;;;;CAQ9B,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAA;;;;;;;;CAQnC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,SAAS,CAAA;;;;;;;;CAQrC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAA;;;;;;;;CAQnC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,SAAS,CAAA;;;;;;;;CAQ/B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,SAAS,CAAA;;;;;;;;CAQhC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAAA;IAC5B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACd,OAAO,GAAG,CAAA;sDACwC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK;;;;;UAKtE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;;KAErC,CAAC;AACJ,CAAC;CACF,CAAC","sourcesContent":["import { css, keyframes } from 'styled-components';\n\nexport const reveal = keyframes`\n    from {\n      opacity: 0;\n    }\n\n    to {\n      opacity: 1;\n    }\n`;\n\nexport const slideInXStart = keyframes`\n    from {\n      translate: var(--slide-in-x-start-offset, -1rem) 0;\n    }\n\n    to {\n      translate: 0 0;\n    }\n`;\n\nexport const slideInXEnd = keyframes`\n    from {\n      translate: var(--slide-in-x-end-offset, 1rem) 0;\n    }\n\n    to {\n      translate: 0 0;\n    }\n`;\n\nexport const slideInYStart = keyframes`\n    from {\n      translate: 0 var(--slide-in-y-start-offset, -1rem);\n    }\n\n    to {\n      translate: 0 0;\n    }\n`;\n\nexport const slideInYEnd = keyframes`\n    from {\n      translate: 0 var(--slide-in-y-end-offset, 1rem);\n    }\n\n    to {\n      translate: 0 0;\n    }\n`;\n\nexport const scaleIn = keyframes`\n    from {\n      scale: var(--scale-in-size, 0);\n    }\n\n    to {\n      scale: 1;\n    }\n`;\n\nexport const scaleOut = keyframes`\n    from {\n      scale: 1;\n    }\n\n    to {\n      scale: var(--scale-out-size, 0);\n    }\n`;\n\nexport const subProperties = css`\n  ${({ theme }) => {\n    return css`\n      animation-duration: var(--animation-duration, ${theme.base.animation.speed});\n      animation-delay: var(--animation-delay, 0);\n      animation-fill-mode: var(--animation-fill-mode, both);\n      animation-timing-function: var(\n        --animation-timing-function,\n        ${theme.base.animation.timing.ease}\n      );\n    `;\n  }}\n`;\n"]}

package/lib/styles/index.d.ts

@@ -1,4 +1,5 @@
 export * from './utils';
 export * from './gradients';
 export { default as GlobalStyle } from './GlobalStyle';
+export * as animations from './animations';
 //# sourceMappingURL=index.d.ts.map

package/lib/styles/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC"}

package/lib/styles/index.js

@@ -1,4 +1,5 @@
 export * from './utils';
 export * from './gradients';
 export { default as GlobalStyle } from './GlobalStyle';
+export * as animations from './animations';
 //# sourceMappingURL=index.js.map

package/lib/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export * from './utils';\nexport * from './gradients';\nexport { default as GlobalStyle } from './GlobalStyle';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/styles/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC","sourcesContent":["export * from './utils';\nexport * from './gradients';\nexport { default as GlobalStyle } from './GlobalStyle';\nexport * as animations from './animations';\n"]}

package/lib/utils/getFocusables.d.ts

@@ -1,14 +1,16 @@
 import type { RefObject } from 'react';
-export declare const focusableSelector = "a[href], button, input, textarea, select, details, video[controls], audio[controls], [tabindex]:not([tabindex=\"-1\"])";
+export declare const focusableSelector = "a[href], button, input, textarea, select, details, video[controls], audio[controls], [tabindex]";
 /**
  * Returns all valid focusable elements within a given ref.
  * @param container The container element, or reference to the container element, to search for focusable elements within.
  * @param options
  * @param options.includeActiveEl If true, the active element will be included in the list, even if it does not match focusable criteria.
+ * @param options.includeNegativeTabIndex If true, elements with negative tabindex will be included in the list.
  * @returns A list of valid focusable elements within the given ref.
  */
-declare const getFocusables: (container: RefObject<ParentNode> | ParentNode, { includeActiveEl }?: {
+declare const getFocusables: (container: RefObject<ParentNode> | ParentNode, { includeActiveEl, includeNegativeTabIndex }?: {
     includeActiveEl?: boolean;
+    includeNegativeTabIndex?: boolean;
 }) => HTMLElement[];
 export default getFocusables;
 //# sourceMappingURL=getFocusables.d.ts.map

package/lib/utils/getFocusables.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getFocusables.d.ts","sourceRoot":"","sources":["../../src/utils/getFocusables.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,eAAO,MAAM,iBAAiB,2HAC0F,CAAC;AAEzH;;;;;;GAMG;AACH,QAAA,MAAM,aAAa,GACjB,WAAW,SAAS,CAAC,UAAU,CAAC,GAAG,UAAU,EAC7C,sBAEG;IACD,eAAe,CAAC,EAAE,OAAO,CAAC;CACtB,KACL,WAAW,EAiCb,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"getFocusables.d.ts","sourceRoot":"","sources":["../../src/utils/getFocusables.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,eAAO,MAAM,iBAAiB,oGACqE,CAAC;AAEpG;;;;;;;GAOG;AACH,QAAA,MAAM,aAAa,GACjB,WAAW,SAAS,CAAC,UAAU,CAAC,GAAG,UAAU,EAC7C,+CAGG;IACD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,uBAAuB,CAAC,EAAE,OAAO,CAAC;CAC9B,KACL,WAAW,EAmCb,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/utils/getFocusables.js

@@ -1,15 +1,16 @@
 import hasProp from './hasProp';
 import getActiveElement from './getActiveElement';
 import createUID from './createUID';
-export const focusableSelector = 'a[href], button, input, textarea, select, details, video[controls], audio[controls], [tabindex]:not([tabindex="-1"])';
+export const focusableSelector = 'a[href], button, input, textarea, select, details, video[controls], audio[controls], [tabindex]';
 /**
  * Returns all valid focusable elements within a given ref.
  * @param container The container element, or reference to the container element, to search for focusable elements within.
  * @param options
  * @param options.includeActiveEl If true, the active element will be included in the list, even if it does not match focusable criteria.
+ * @param options.includeNegativeTabIndex If true, elements with negative tabindex will be included in the list.
  * @returns A list of valid focusable elements within the given ref.
  */
-const getFocusables = (container, { includeActiveEl = false } = {}) => {
+const getFocusables = (container, { includeActiveEl = false, includeNegativeTabIndex = false } = {}) => {
     const uid = createUID();
     let activeId = uid;
     let activeEl = null;
@@ -25,11 +26,12 @@ const getFocusables = (container, { includeActiveEl = false } = {}) => {
             selector = `${selector}, [id="${activeId}"]`;
         }
     }
-    const focusableElements = [...containerEl.querySelectorAll(selector)].filter(el => el instanceof HTMLElement &&
-        (el.id === activeId ||
-            (!el.hasAttribute('disabled') &&
-                el.getAttribute('tabindex') !== '-1' &&
-                !el.closest('[inert]'))));
+    const focusableElements = [...containerEl.querySelectorAll(selector)].filter(el => {
+        const passesTabIndex = includeNegativeTabIndex || el.getAttribute('tabindex') !== '-1';
+        return (el instanceof HTMLElement &&
+            (el.id === activeId ||
+                (!el.hasAttribute('disabled') && !el.closest('[inert]') && passesTabIndex)));
+    });
     if (activeEl?.id === uid) {
         activeEl.removeAttribute('id');
     }

package/lib/utils/getFocusables.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFocusables.js","sourceRoot":"","sources":["../../src/utils/getFocusables.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAC5B,sHAAsH,CAAC;AAEzH;;;;;;GAMG;AACH,MAAM,aAAa,GAAG,CACpB,SAA6C,EAC7C,EACE,eAAe,GAAG,KAAK,KAGrB,EAAE,EACS,EAAE;IACjB,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,IAAI,QAAQ,GAAG,GAAG,CAAC;IACnB,IAAI,QAAQ,GAAwC,IAAI,CAAC;IAEzD,MAAM,WAAW,GAAG,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAClF,IAAI,CAAC,WAAW;QAAE,OAAO,EAAE,CAAC;IAE5B,IAAI,QAAQ,GAAG,iBAAiB,CAAC;IAEjC,IAAI,eAAe,EAAE,CAAC;QACpB,QAAQ,GAAG,gBAAgB,EAAE,CAAC;QAC9B,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,GAAG,QAAQ,CAAC,EAAE,IAAI,GAAG,CAAC;YAC9B,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC;YACvB,QAAQ,GAAG,GAAG,QAAQ,UAAU,QAAQ,IAAI,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,MAAM,iBAAiB,GAAI,CAAC,GAAG,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAmB,CAAC,MAAM,CAC7F,EAAE,CAAC,EAAE,CACH,EAAE,YAAY,WAAW;QACzB,CAAC,EAAE,CAAC,EAAE,KAAK,QAAQ;YACjB,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;gBAC3B,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI;gBACpC,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAC/B,CAAC;IAEF,IAAI,QAAQ,EAAE,EAAE,KAAK,GAAG,EAAE,CAAC;QACzB,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAED,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import type { RefObject } from 'react';\n\nimport hasProp from './hasProp';\nimport getActiveElement from './getActiveElement';\nimport createUID from './createUID';\n\nexport const focusableSelector =\n  'a[href], button, input, textarea, select, details, video[controls], audio[controls], [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Returns all valid focusable elements within a given ref.\n * @param container The container element, or reference to the container element, to search for focusable elements within.\n * @param options\n * @param options.includeActiveEl If true, the active element will be included in the list, even if it does not match focusable criteria.\n * @returns A list of valid focusable elements within the given ref.\n */\nconst getFocusables = (\n  container: RefObject<ParentNode> | ParentNode,\n  {\n    includeActiveEl = false\n  }: {\n    includeActiveEl?: boolean;\n  } = {}\n): HTMLElement[] => {\n  const uid = createUID();\n  let activeId = uid;\n  let activeEl: ReturnType<typeof getActiveElement> = null;\n\n  const containerEl = hasProp(container, 'current') ? container.current : container;\n  if (!containerEl) return [];\n\n  let selector = focusableSelector;\n\n  if (includeActiveEl) {\n    activeEl = getActiveElement();\n    if (activeEl) {\n      activeId = activeEl.id || uid;\n      activeEl.id = activeId;\n      selector = `${selector}, [id=\"${activeId}\"]`;\n    }\n  }\n\n  const focusableElements = ([...containerEl.querySelectorAll(selector)] as HTMLElement[]).filter(\n    el =>\n      el instanceof HTMLElement &&\n      (el.id === activeId ||\n        (!el.hasAttribute('disabled') &&\n          el.getAttribute('tabindex') !== '-1' &&\n          !el.closest('[inert]')))\n  );\n\n  if (activeEl?.id === uid) {\n    activeEl.removeAttribute('id');\n  }\n\n  return focusableElements;\n};\n\nexport default getFocusables;\n"]}
+{"version":3,"file":"getFocusables.js","sourceRoot":"","sources":["../../src/utils/getFocusables.ts"],"names":[],"mappings":"AAEA,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,SAAS,MAAM,aAAa,CAAC;AAEpC,MAAM,CAAC,MAAM,iBAAiB,GAC5B,iGAAiG,CAAC;AAEpG;;;;;;;GAOG;AACH,MAAM,aAAa,GAAG,CACpB,SAA6C,EAC7C,EACE,eAAe,GAAG,KAAK,EACvB,uBAAuB,GAAG,KAAK,KAI7B,EAAE,EACS,EAAE;IACjB,MAAM,GAAG,GAAG,SAAS,EAAE,CAAC;IACxB,IAAI,QAAQ,GAAG,GAAG,CAAC;IACnB,IAAI,QAAQ,GAAwC,IAAI,CAAC;IAEzD,MAAM,WAAW,GAAG,OAAO,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAClF,IAAI,CAAC,WAAW;QAAE,OAAO,EAAE,CAAC;IAE5B,IAAI,QAAQ,GAAG,iBAAiB,CAAC;IAEjC,IAAI,eAAe,EAAE,CAAC;QACpB,QAAQ,GAAG,gBAAgB,EAAE,CAAC;QAC9B,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,GAAG,QAAQ,CAAC,EAAE,IAAI,GAAG,CAAC;YAC9B,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC;YACvB,QAAQ,GAAG,GAAG,QAAQ,UAAU,QAAQ,IAAI,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,MAAM,iBAAiB,GAAI,CAAC,GAAG,WAAW,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAmB,CAAC,MAAM,CAC7F,EAAE,CAAC,EAAE;QACH,MAAM,cAAc,GAAG,uBAAuB,IAAI,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;QACvF,OAAO,CACL,EAAE,YAAY,WAAW;YACzB,CAAC,EAAE,CAAC,EAAE,KAAK,QAAQ;gBACjB,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,cAAc,CAAC,CAAC,CAC9E,CAAC;IACJ,CAAC,CACF,CAAC;IAEF,IAAI,QAAQ,EAAE,EAAE,KAAK,GAAG,EAAE,CAAC;QACzB,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC;IAED,OAAO,iBAAiB,CAAC;AAC3B,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import type { RefObject } from 'react';\n\nimport hasProp from './hasProp';\nimport getActiveElement from './getActiveElement';\nimport createUID from './createUID';\n\nexport const focusableSelector =\n  'a[href], button, input, textarea, select, details, video[controls], audio[controls], [tabindex]';\n\n/**\n * Returns all valid focusable elements within a given ref.\n * @param container The container element, or reference to the container element, to search for focusable elements within.\n * @param options\n * @param options.includeActiveEl If true, the active element will be included in the list, even if it does not match focusable criteria.\n * @param options.includeNegativeTabIndex If true, elements with negative tabindex will be included in the list.\n * @returns A list of valid focusable elements within the given ref.\n */\nconst getFocusables = (\n  container: RefObject<ParentNode> | ParentNode,\n  {\n    includeActiveEl = false,\n    includeNegativeTabIndex = false\n  }: {\n    includeActiveEl?: boolean;\n    includeNegativeTabIndex?: boolean;\n  } = {}\n): HTMLElement[] => {\n  const uid = createUID();\n  let activeId = uid;\n  let activeEl: ReturnType<typeof getActiveElement> = null;\n\n  const containerEl = hasProp(container, 'current') ? container.current : container;\n  if (!containerEl) return [];\n\n  let selector = focusableSelector;\n\n  if (includeActiveEl) {\n    activeEl = getActiveElement();\n    if (activeEl) {\n      activeId = activeEl.id || uid;\n      activeEl.id = activeId;\n      selector = `${selector}, [id=\"${activeId}\"]`;\n    }\n  }\n\n  const focusableElements = ([...containerEl.querySelectorAll(selector)] as HTMLElement[]).filter(\n    el => {\n      const passesTabIndex = includeNegativeTabIndex || el.getAttribute('tabindex') !== '-1';\n      return (\n        el instanceof HTMLElement &&\n        (el.id === activeId ||\n          (!el.hasAttribute('disabled') && !el.closest('[inert]') && passesTabIndex))\n      );\n    }\n  );\n\n  if (activeEl?.id === uid) {\n    activeEl.removeAttribute('id');\n  }\n\n  return focusableElements;\n};\n\nexport default getFocusables;\n"]}

package/lib/utils/isInstance.d.ts

@@ -1,11 +1,11 @@
 /**
- * This function checks if an object is an instance of a given type.
+ * This function checks if an object is an instance of one of the given types.
  * It works similarly to the `instanceof` operator, but works across frame boundaries.
  *
  * @param obj The object to check.
- * @param type The constructor function or class to check against.
- * @returns True if the object is an instance of the given type, false otherwise.
+ * @param types The constructor functions or classes to check against.
+ * @returns True if the object is an instance of one of the given types, false otherwise.
  */
-declare const isInstance: <T>(obj: unknown, type: new (...args: never[]) => T) => obj is T;
+declare const isInstance: <T extends (abstract new (...args: never[]) => unknown)[]>(obj: unknown, ...types: T) => obj is InstanceType<T[number]>;
 export default isInstance;
 //# sourceMappingURL=isInstance.d.ts.map

package/lib/utils/isInstance.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isInstance.d.ts","sourceRoot":"","sources":["../../src/utils/isInstance.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,QAAA,MAAM,UAAU,GAAI,CAAC,EAAE,KAAK,OAAO,EAAE,MAAM,KAAK,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,KAAG,GAAG,IAAI,CAiB/E,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"isInstance.d.ts","sourceRoot":"","sources":["../../src/utils/isInstance.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,CAAC,QAAQ,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,KAAK,OAAO,CAAC,EAAE,EAC1E,KAAK,OAAO,EACZ,GAAG,OAAO,CAAC,KACV,GAAG,IAAI,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAgC/B,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/utils/isInstance.js

@@ -1,20 +1,32 @@
+const objTargetString = Object.prototype.toString();
 /**
- * This function checks if an object is an instance of a given type.
+ * This function checks if an object is an instance of one of the given types.
  * It works similarly to the `instanceof` operator, but works across frame boundaries.
  *
  * @param obj The object to check.
- * @param type The constructor function or class to check against.
- * @returns True if the object is an instance of the given type, false otherwise.
+ * @param types The constructor functions or classes to check against.
+ * @returns True if the object is an instance of one of the given types, false otherwise.
  */
-const isInstance = (obj, type) => {
-    if (typeof obj !== 'object' || !obj)
+const isInstance = (obj, ...types) => {
+    if (types.length === 0)
         return false;
-    if (obj instanceof type)
+    if (!obj || (typeof obj !== 'object' && typeof obj !== 'function'))
+        return false;
+    if (types.some(type => obj instanceof type))
         return true;
-    const targetString = Object.prototype.toString.call(type.prototype);
+    const targetStrings = new Set(types.flatMap(type => {
+        const str = Object.prototype.toString.call(type.prototype);
+        // If str is '[object Object]', but type.prototype is not Object.prototype bail to avoid false positives.
+        if (str === objTargetString && type.prototype !== Object.prototype) {
+            return [];
+        }
+        return str;
+    }));
+    if (targetStrings.size === 0)
+        return false;
     let current = obj;
     while (current) {
-        if (Object.prototype.toString.call(current) === targetString) {
+        if (targetStrings.has(Object.prototype.toString.call(current))) {
             return true;
         }
         current = Object.getPrototypeOf(current);

package/lib/utils/isInstance.js.map

@@ -1 +1 @@
-{"version":3,"file":"isInstance.js","sourceRoot":"","sources":["../../src/utils/isInstance.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,UAAU,GAAG,CAAI,GAAY,EAAE,IAAiC,EAAY,EAAE;IAClF,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,CAAC,GAAG;QAAE,OAAO,KAAK,CAAC;IAElD,IAAI,GAAG,YAAY,IAAI;QAAE,OAAO,IAAI,CAAC;IAErC,MAAM,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAEpE,IAAI,OAAO,GAAkB,GAAG,CAAC;IACjC,OAAO,OAAO,EAAE,CAAC;QACf,IAAI,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,YAAY,EAAE,CAAC;YAC7D,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["/**\n * This function checks if an object is an instance of a given type.\n * It works similarly to the `instanceof` operator, but works across frame boundaries.\n *\n * @param obj The object to check.\n * @param type The constructor function or class to check against.\n * @returns True if the object is an instance of the given type, false otherwise.\n */\nconst isInstance = <T>(obj: unknown, type: new (...args: never[]) => T): obj is T => {\n  if (typeof obj !== 'object' || !obj) return false;\n\n  if (obj instanceof type) return true;\n\n  const targetString = Object.prototype.toString.call(type.prototype);\n\n  let current: object | null = obj;\n  while (current) {\n    if (Object.prototype.toString.call(current) === targetString) {\n      return true;\n    }\n\n    current = Object.getPrototypeOf(current);\n  }\n\n  return false;\n};\n\nexport default isInstance;\n"]}
+{"version":3,"file":"isInstance.js","sourceRoot":"","sources":["../../src/utils/isInstance.ts"],"names":[],"mappings":"AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;AAEpD;;;;;;;GAOG;AACH,MAAM,UAAU,GAAG,CACjB,GAAY,EACZ,GAAG,KAAQ,EACqB,EAAE;IAClC,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAErC,IAAI,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,UAAU,CAAC;QAAE,OAAO,KAAK,CAAC;IAEjF,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,YAAY,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAEzD,MAAM,aAAa,GAAG,IAAI,GAAG,CAC3B,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;QACnB,MAAM,GAAG,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAE3D,yGAAyG;QACzG,IAAI,GAAG,KAAK,eAAe,IAAI,IAAI,CAAC,SAAS,KAAK,MAAM,CAAC,SAAS,EAAE,CAAC;YACnE,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,OAAO,GAAG,CAAC;IACb,CAAC,CAAC,CACH,CAAC;IAEF,IAAI,aAAa,CAAC,IAAI,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAE3C,IAAI,OAAO,GAAkB,GAAG,CAAC;IACjC,OAAO,OAAO,EAAE,CAAC;QACf,IAAI,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;YAC/D,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,GAAG,MAAM,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["const objTargetString = Object.prototype.toString();\n\n/**\n * This function checks if an object is an instance of one of the given types.\n * It works similarly to the `instanceof` operator, but works across frame boundaries.\n *\n * @param obj The object to check.\n * @param types The constructor functions or classes to check against.\n * @returns True if the object is an instance of one of the given types, false otherwise.\n */\nconst isInstance = <T extends (abstract new (...args: never[]) => unknown)[]>(\n  obj: unknown,\n  ...types: T\n): obj is InstanceType<T[number]> => {\n  if (types.length === 0) return false;\n\n  if (!obj || (typeof obj !== 'object' && typeof obj !== 'function')) return false;\n\n  if (types.some(type => obj instanceof type)) return true;\n\n  const targetStrings = new Set(\n    types.flatMap(type => {\n      const str = Object.prototype.toString.call(type.prototype);\n\n      // If str is '[object Object]', but type.prototype is not Object.prototype bail to avoid false positives.\n      if (str === objTargetString && type.prototype !== Object.prototype) {\n        return [];\n      }\n\n      return str;\n    })\n  );\n\n  if (targetStrings.size === 0) return false;\n\n  let current: object | null = obj;\n  while (current) {\n    if (targetStrings.has(Object.prototype.toString.call(current))) {\n      return true;\n    }\n\n    current = Object.getPrototypeOf(current);\n  }\n\n  return false;\n};\n\nexport default isInstance;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-core",
-  "version": "9.0.0-build.9.1",
+  "version": "9.0.0-build.9.10",
   "description": "Cosmos is a visual design system and UI component collection. Its goal is to empower application developers in their pursuit to create engaging and rewarding user experiences.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",