@cloudscape-design/components-themeable 3.0.473 → 3.0.474

package/lib/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "8400936648a425c75b87853ab546b2cf4435752e"
+  "commit": "d64a5bbe977d91971a1a04a4fa7c167a6ef5d90c"
 }

package/lib/internal/template/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (84009366)";
+export var PACKAGE_VERSION = "3.0.0 (d64a5bbe)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (84009366)",
+  "PACKAGE_VERSION": "3.0.0 (d64a5bbe)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/internal/hooks/use-scroll-sync/index.js

@@ -13,7 +13,7 @@ import { supportsStickyPosition } from '../../utils/dom';
 export function useScrollSync(refs, disabled = !supportsStickyPosition()) {
     const activeElement = useRef(null);
     const onScroll = (event) => {
-        const targetElement = event.target;
+        const targetElement = event.currentTarget;
         // remembers the first element that fires onscroll to align with other elements against it
         if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {
             requestAnimationFrame(() => {

package/lib/internal/template/internal/hooks/use-scroll-sync/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B,EAAE,QAAQ,GAAG,CAAC,sBAAsB,EAAE;IAC7F,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,KAAK,CAAC,MAAqB,CAAC;QAClD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC,GAAG,EAAE;gBACzB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\nimport { supportsStickyPosition } from '../../utils/dom';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.\n *\n * For example\n *    const handleScroll = useScrollSync([ref1, ref2]);\n *    <div ref={ref1} onScroll={handleScroll}/>\n *    <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>, disabled = !supportsStickyPosition()) {\n  const activeElement = useRef<HTMLElement | null>(null);\n  const onScroll = (event: React.UIEvent) => {\n    const targetElement = event.target as HTMLElement;\n    // remembers the first element that fires onscroll to align with other elements against it\n    if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n      requestAnimationFrame(() => {\n        activeElement.current = targetElement;\n        refs.forEach(ref => {\n          const element = ref.current;\n          if (element && element !== targetElement) {\n            element.scrollLeft = targetElement.scrollLeft;\n          }\n        });\n        // unblock the ability to scroll the synced elements\n        requestAnimationFrame(() => {\n          activeElement.current = null;\n        });\n      });\n    }\n  };\n\n  return !disabled ? onScroll : undefined;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["internal/hooks/use-scroll-sync/index.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAc,EAAa,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AAEzD;;;;;;;GAOG;AACH,MAAM,UAAU,aAAa,CAAC,IAA2B,EAAE,QAAQ,GAAG,CAAC,sBAAsB,EAAE;IAC7F,MAAM,aAAa,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;QACxC,MAAM,aAAa,GAAG,KAAK,CAAC,aAA4B,CAAC;QACzD,0FAA0F;QAC1F,IAAI,aAAa,IAAI,CAAC,aAAa,CAAC,OAAO,KAAK,IAAI,IAAI,aAAa,CAAC,OAAO,KAAK,aAAa,CAAC,EAAE;YAChG,qBAAqB,CAAC,GAAG,EAAE;gBACzB,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC;gBACtC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;oBACjB,MAAM,OAAO,GAAG,GAAG,CAAC,OAAO,CAAC;oBAC5B,IAAI,OAAO,IAAI,OAAO,KAAK,aAAa,EAAE;wBACxC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC;qBAC/C;gBACH,CAAC,CAAC,CAAC;gBACH,oDAAoD;gBACpD,qBAAqB,CAAC,GAAG,EAAE;oBACzB,aAAa,CAAC,OAAO,GAAG,IAAI,CAAC;gBAC/B,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;AAC1C,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { RefObject, useRef } from 'react';\nimport { supportsStickyPosition } from '../../utils/dom';\n\n/**\n * useScrollSync returns scroll event handler to be attached to synchronized scroll elements.\n *\n * For example\n *    const handleScroll = useScrollSync([ref1, ref2]);\n *    <div ref={ref1} onScroll={handleScroll}/>\n *    <div ref={ref2} onScroll={handleScroll}/>\n */\nexport function useScrollSync(refs: Array<RefObject<any>>, disabled = !supportsStickyPosition()) {\n  const activeElement = useRef<HTMLElement | null>(null);\n  const onScroll = (event: React.UIEvent) => {\n    const targetElement = event.currentTarget as HTMLElement;\n    // remembers the first element that fires onscroll to align with other elements against it\n    if (targetElement && (activeElement.current === null || activeElement.current === targetElement)) {\n      requestAnimationFrame(() => {\n        activeElement.current = targetElement;\n        refs.forEach(ref => {\n          const element = ref.current;\n          if (element && element !== targetElement) {\n            element.scrollLeft = targetElement.scrollLeft;\n          }\n        });\n        // unblock the ability to scroll the synced elements\n        requestAnimationFrame(() => {\n          activeElement.current = null;\n        });\n      });\n    }\n  };\n\n  return !disabled ? onScroll : undefined;\n}\n"]}

package/package.json

@@ -1 +1 @@
-{"name":"@cloudscape-design/components-themeable","version":"3.0.473","files":["lib"],"main":"lib/theming.js","types":"lib/theming.d.ts","exports":{".":"./lib/theming.js","./package.json":"./package.json","./theming":"./lib/theming.js"},"typesVersions":{"*":{"theming":["./lib/theming.d.ts"]}},"dependencies":{"@cloudscape-design/theming-build":"^1.0.0"},"repository":{"type":"git","url":"https://github.com/cloudscape-design/components.git"},"license":"Apache-2.0","homepage":"https://cloudscape.design"}
+{"name":"@cloudscape-design/components-themeable","version":"3.0.474","files":["lib"],"main":"lib/theming.js","types":"lib/theming.d.ts","exports":{".":"./lib/theming.js","./package.json":"./package.json","./theming":"./lib/theming.js"},"typesVersions":{"*":{"theming":["./lib/theming.d.ts"]}},"dependencies":{"@cloudscape-design/theming-build":"^1.0.0"},"repository":{"type":"git","url":"https://github.com/cloudscape-design/components.git"},"license":"Apache-2.0","homepage":"https://cloudscape.design"}