@pega/cosmos-react-core 5.0.0-dev.9.2 → 6.0.0

package/lib/utils/getFocusables.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFocusables.js","sourceRoot":"","sources":["../../src/utils/getFocusables.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,MAAM,aAAa,GAAG,CAAC,aAAqC,EAAiB,EAAE;IAC7E,IAAI,CAAC,aAAa,CAAC,OAAO;QAAE,OAAO,EAAE,CAAC;IAEtC,MAAM,QAAQ,GAAG,8EAA8E,CAAC;IAEhG,OAAQ,CAAC,GAAG,aAAa,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAmB,CAAC,MAAM,CACpF,EAAE,CAAC,EAAE,CACH,EAAE,YAAY,WAAW;QACzB,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;QAC5B,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC,KAAK,IAAI;QACpC,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,CAAC,CACzB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import type { RefObject } from 'react';\n\n/**\n * Returns all valid focusable elements within a given ref.\n * @param focusablesRef The ref containing the element to search for focusable elements within.\n * @returns a list of valid focusable elements within the given ref.\n */\nconst getFocusables = (focusablesRef: RefObject<HTMLElement>): HTMLElement[] => {\n  if (!focusablesRef.current) return [];\n\n  const selector = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\n\n  return ([...focusablesRef.current.querySelectorAll(selector)] as HTMLElement[]).filter(\n    el =>\n      el instanceof HTMLElement &&\n      !el.hasAttribute('disabled') &&\n      el.getAttribute('tabindex') !== '-1' &&\n      !el.closest('[inert]')\n  );\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;;;;;;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,8EAA8E,CAAC;IAE9F,IAAI,eAAe,EAAE;QACnB,QAAQ,GAAG,gBAAgB,EAAE,CAAC;QAC9B,IAAI,QAAQ,EAAE;YACZ,QAAQ,GAAG,QAAQ,CAAC,EAAE,IAAI,GAAG,CAAC;YAC9B,QAAQ,CAAC,EAAE,GAAG,QAAQ,CAAC;YACvB,QAAQ,GAAG,GAAG,QAAQ,UAAU,QAAQ,IAAI,CAAC;SAC9C;KACF;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;QACxB,QAAQ,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;KAChC;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\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 = 'a, button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"])';\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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-core",
-  "version": "5.0.0-dev.9.2",
+  "version": "6.0.0",
   "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.",
   "repository": {
     "type": "git",
@@ -18,14 +18,15 @@
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [
-    "lib"
+    "lib",
+    "SECURITY.md"
   ],
   "scripts": {
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
     "@popperjs/core": "^2.11.6",
-    "@types/dompurify": "^3.0.2",
+    "@types/dompurify": "^3.0.5",
     "@types/emoji-mart": "^3.0.4",
     "@types/emoji-regex": "^8.0.0",
     "@types/google.maps": "^3.49.2",
@@ -35,7 +36,7 @@
     "@types/styled-components": "^5.1.26",
     "bignumber.js": "^9.0.1",
     "credit-card-type": "^9.1.0",
-    "dompurify": "^3.0.5",
+    "dompurify": "^3.0.7",
     "emoji-mart": "^3.0.1",
     "emoji-regex": "^9.2.0",
     "libphonenumber-js": "^1.9.9",
@@ -51,7 +52,7 @@
     "@storybook/addon-actions": "~7.5.3",
     "@storybook/react": "~7.5.3",
     "@testing-library/react": "^12.1.3",
-    "@testing-library/user-event": "^13.5.0",
+    "@testing-library/user-event": "^14.5.1",
     "typescript": "~5.2.2"
   }
 }