@ntbjs/react-components 2.0.14 → 3.0.0-rc.1

package/build/widgets/AssetGallery/AssetGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetGallery.js","sources":["../../../src/components/widgets/AssetGallery/AssetGallery.js"],"sourcesContent":["import { isFunction } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport AssetGalleryBase from './AssetGalleryBase/AssetGalleryBase';\nimport { assetShape } from './asset.propType';\n\n/**\n * An asset gallery that can be used to display a larger amounts of assets. The Asset Gallery supports displaying\n * images and videos.\n *\n * ### Import\n *\n * ``` js\n * import { AssetGallery } from '@ntbjs/react-components/widgets'\n * // or\n * import AssetGallery from '@ntbjs/react-components/widgets/AssetGallery'\n * ```\n *\n * ### Custom asset card element\n * In some cases you may want to swap out the boring `<div>`-tag that wraps each individual asset in the gallery for\n * something more useful.\n * By doing this you can achieve side-effects that this library has no concept about – like wrapping the assets\n * in [React-routers](https://reactrouter.com/web/api/Link) `<Link>`-component for internal application routing when\n * you click the asset.\n *\n * The asset gallery allows you to change the root element that will be rendered around all individual asset via a\n * property on the asset object called `component`.\n *\n * ```jsx\n * const assets = [{\n *   previewUrl: 'https://preview.sdl.no/v1/no/7Zb20FDFCu-dne-lxi1thQ/uRs25Mh-FJY?v=1613865342365',\n *   width: 512,\n *   height: 324\n * }]\n *\n * const customComponent = (asset, children) => (\n *   <a href={`https://www.ntb.no/?fromAssetId=${asset.key}`} target=\"_blank\">\n *     {children}\n *   </a>\n * )\n *\n * <AssetGallery assets={assets} component={customComponent} />\n * ```\n *\n * When providing a custom element it will take the place of the `<div>` being the outer most parent of the\n * asset itself. All required props will then be automatically applied, like the `style`-attribute containing the\n * positioning style of the asset. To tell the asset gallery where you want the rest of the asset card we provide the `{children}`.\n *\n * **Note:** If the root-element of the custom component is a React component the component must accept rest props (`{...props}`).\n *\n * This pattern is very powerful and allows for great flexibility, as well as a way to interoperate with other\n * libraries, such as your favorite routing or forms library. **But it also comes with a small caveat!**\n *\n * #### Caveat with inlining\n * Using an inline function as an argument for the component prop may result in unexpected unmounting, since a new\n * component is passed every time React renders.\n *\n * If we are using an inline function to change the rendered component, React will remount each individual assets every\n * time `AssetGallery` is re-rendered. Not only will React update the DOM unnecessarily, the ripple effect of the individual\n * assets will also not work correctly.\n *\n * To fix this issue **avoid using inline functions or wrap the function in some sort of memoization**\n * like `React.useMemo()`.\n *\n * #### Prop Collisions\n * Prop Collisions is something to be aware of. The asset gallery will render your custom element like this:\n *\n * ```js\n * return React.createElement(props.component, props)\n * ```\n *\n * That means that all the required props that the library automatically applies will take precedence over consumer\n * defined props. An example of this is the `style`-prop.\n *\n */\nconst AssetGallery = React.forwardRef(function AssetGallery(\n  {\n    assets,\n    activeSummaryCard,\n    viewMode,\n    thumbnailMaxHeight,\n    selectable,\n    customSelectedBorder,\n    selectedAssetKeys,\n    onSelectedChanged,\n    softSelectable,\n    scrollElement,\n    onSoftSelectedChanged,\n    component,\n    displayIcon,\n    hideConsentSummary,\n    ...props\n  },\n  forwardedRef\n) {\n  // Internal state of the selected assets\n  const [selectedAssetKeysInternalState, setSelectedAssetKeysInternalState] = useState(\n    selectedAssetKeys || []\n  );\n\n  // Internal state of the soft selected asset\n  const [softSelectedAssetKeyInternalState, setSoftSelectedAssetKeyInternalState] = useState(null);\n\n  // Whenever the `selectedAssetKeys`-props changes we need to update the internal state\n  useEffect(() => {\n    setSelectedAssetKeysInternalState(selectedAssetKeys || []);\n  }, [selectedAssetKeys]);\n\n  // When the assets change we need to check if we have to update the list of selected assets\n  // (removing keys of assets that is no longer present in `assets`)\n  useEffect(() => {\n    setSelectedAssetKeysInternalState(current => {\n      return current.filter(c => assets.some(a => a.key === c));\n    });\n  }, [assets.length]);\n\n  // Run the `onSelectedChanged` callback whenever `selectedAssetKeysInternalState` change\n  useEffect(() => {\n    // If the external and internal state of selected assets is in sync we can skip this update callback\n    if (selectedAssetKeys === selectedAssetKeysInternalState) return;\n\n    if (isFunction(onSelectedChanged)) {\n      onSelectedChanged(selectedAssetKeysInternalState);\n    }\n  }, [selectedAssetKeysInternalState]);\n\n  // Run the `onSoftSelectedChanged` callback whenever `softSelectedAssetKeyInternalState` change\n  useEffect(() => {\n    if (isFunction(onSoftSelectedChanged)) {\n      onSoftSelectedChanged(softSelectedAssetKeyInternalState);\n    }\n  }, [softSelectedAssetKeyInternalState]);\n\n  const onSelected = useCallback(assetKey => {\n    setSelectedAssetKeysInternalState(currentState => [...currentState, assetKey]);\n  }, []);\n\n  const onUnselected = useCallback(assetKey => {\n    setSelectedAssetKeysInternalState(currentState =>\n      currentState.filter(filteredAssetKey => filteredAssetKey !== assetKey)\n    );\n  }, []);\n\n  const onAssetSoftSelectedChanged = useCallback((assetKey = null) => {\n    setSoftSelectedAssetKeyInternalState(assetKey);\n  }, []);\n\n  return (\n    <AssetGalleryBase\n      ref={forwardedRef}\n      assets={assets}\n      activeSummaryCard={activeSummaryCard}\n      displayIcon={displayIcon}\n      thumbnailMaxHeight={thumbnailMaxHeight}\n      selectable={selectable}\n      customSelectedBorder={customSelectedBorder}\n      selectedAssetKeys={selectedAssetKeysInternalState}\n      onAssetSelected={onSelected}\n      onAssetUnselected={onUnselected}\n      softSelectable={softSelectable}\n      softSelectedAssetKey={softSelectedAssetKeyInternalState}\n      scrollElement={scrollElement}\n      onAssetSoftSelectedChanged={onAssetSoftSelectedChanged}\n      component={component}\n      viewMode={viewMode}\n      hideConsentSummary={hideConsentSummary}\n      {...props}\n    />\n  );\n});\n\nAssetGallery.propTypes = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  assets: PropTypes.arrayOf(PropTypes.shape(assetShape)),\n\n  /**\n   * Whether the asset gallery should display the Version Count or Verifications on default.\n   */\n  displayIcon: PropTypes.string,\n\n  /**\n   * Whether the asset gallery should render the Asset Summary Card on hover.\n   */\n  activeSummaryCard: PropTypes.bool,\n\n  /**\n   * The view mode of the gallery.\n   */\n  viewMode: PropTypes.oneOf(['compact', 'grid']),\n\n  /**\n   * The maximum height of thumbnails in the gallery. When the grid is computed the gallery will try\n   * to have each row of the gallery as close to the max height as possible.\n   * This option is ignored unless `viewMode: 'compact'`.\n   */\n  thumbnailMaxHeight: PropTypes.number,\n\n  /**\n   * Whether or not the asset gallery should have selectable asset cards\n   */\n  selectable: PropTypes.bool,\n\n  /**\n   * Whether or not the asset gallery should have custom borders on selected asset:  Example: customSelectedBorder: ['#893FEB', '#EB513F'], where: customSelectedBorder.[0] is for darkMode and customSelectedBorder.[1] is for lightMode\n   */\n  customSelectedBorder: PropTypes.arrayOf(PropTypes.string),\n\n  /**\n   * An array containing the keys of all selected assets\n   */\n  selectedAssetKeys: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.arrayOf(PropTypes.number)\n  ]),\n\n  /**\n   * A callback function to run when the selected assets change\n   */\n  onSelectedChanged: PropTypes.func,\n\n  /**\n   * Whether the asset gallery should have soft selectable asset cards\n   */\n  softSelectable: PropTypes.bool,\n\n  /**\n   * Scrollable element to attach event listeners to. Defaults to window.\n   */\n  scrollElement: PropTypes.instanceOf(Element),\n\n  /**\n   * A callback function to run when the soft selected asset change\n   */\n  onSoftSelectedChanged: PropTypes.func,\n\n  /**\n   * A function that returns a custom component to use for the card in the gallery - The function provides\n   * `asset` as its first argument\n   */\n  component: PropTypes.func,\n\n  /**\n   * When true, hides the consent summary footer on grid cards (CardFooter + CardDivider). Default: false.\n   */\n  hideConsentSummary: PropTypes.bool\n};\n\nAssetGallery.defaultProps = {\n  assets: [],\n  viewMode: 'compact',\n  thumbnailMaxHeight: 300,\n  selectedAssetKeys: [],\n  customSelectedBorder: [],\n  activeSummaryCard: false,\n  displayIcon: ''\n};\n\nexport default AssetGallery;\n"],"names":["AssetGallery","React","forwardRef","assets","activeSummaryCard","viewMode","thumbnailMaxHeight","selectable","customSelectedBorder","selectedAssetKeys","onSelectedChanged","softSelectable","scrollElement","onSoftSelectedChanged","component","displayIcon","hideConsentSummary","props","forwardedRef","selectedAssetKeysInternalState","setSelectedAssetKeysInternalState","useState","softSelectedAssetKeyInternalState","setSoftSelectedAssetKeyInternalState","useEffect","current","filter","c","some","a","key","length","isFunction","onSelected","useCallback","assetKey","currentState","onUnselected","filteredAssetKey","onAssetSoftSelectedChanged","createElement","AssetGalleryBase","_extends","ref","onAssetSelected","onAssetUnselected","softSelectedAssetKey","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","assetShape","string","bool","oneOf","number","oneOfType","func","instanceOf","Element","defaultProps"],"mappings":"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"}
+{"version":3,"file":"AssetGallery.js","sources":["../../../src/components/widgets/AssetGallery/AssetGallery.tsx"],"sourcesContent":["import { isFunction } from 'lodash';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport AssetGalleryBase from './AssetGalleryBase/AssetGalleryBase';\n\nconst EMPTY_ARRAY = [];\nimport type { Asset } from './asset.types';\n\ntype AssetGalleryOwnProps = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  assets?: Asset[];\n  /**\n   * Whether the asset gallery should display the Version Count or Verifications on default.\n   */\n  displayIcon?: string;\n  /**\n   * Whether the asset gallery should render the Asset Summary Card on hover.\n   */\n  activeSummaryCard?: boolean;\n  /**\n   * The view mode of the gallery.\n   */\n  viewMode?: 'compact' | 'grid';\n  /**\n   * The maximum height of thumbnails in the gallery. When the grid is computed the gallery will try\n   * to have each row of the gallery as close to the max height as possible.\n   * This option is ignored unless `viewMode: 'compact'`.\n   */\n  thumbnailMaxHeight?: number;\n  /**\n   * Whether or not the asset gallery should have selectable asset cards\n   */\n  selectable?: boolean;\n  /**\n   * Whether or not the asset gallery should have custom borders on selected asset:  Example: customSelectedBorder: ['#893FEB', '#EB513F'], where: customSelectedBorder.[0] is for darkMode and customSelectedBorder.[1] is for lightMode\n   */\n  customSelectedBorder?: string[];\n  /**\n   * An array containing the keys of all selected assets\n   */\n  selectedAssetKeys?: string[] | number[];\n  /**\n   * A callback function to run when the selected assets change\n   */\n  onSelectedChanged?: (...args: any[]) => any;\n  /**\n   * Whether the asset gallery should have soft selectable asset cards\n   */\n  softSelectable?: boolean;\n  /**\n   * Scrollable element to attach event listeners to. Defaults to window.\n   */\n  scrollElement?: any; // TODO: PropTypes.instanceOf(Element)\n  /**\n   * A callback function to run when the soft selected asset change\n   */\n  onSoftSelectedChanged?: (...args: any[]) => any;\n  /**\n   * A function that returns a custom component to use for the card in the gallery - The function provides\n   * `asset` as its first argument\n   */\n  component?: (...args: any[]) => any;\n  /**\n   * When true, hides the consent summary footer on grid cards (CardFooter + CardDivider). Default: false.\n   */\n  hideConsentSummary?: boolean;\n};\n\n/*\n * NMB-3998 §C.2: `props` is spread onto `AssetGalleryBase`, so the published type\n * has to admit that target's props too — a closed type here is worse than `any` for the\n * 125 consumer files. Declared members win over the base (`Omit` by `keyof AssetGalleryOwnProps`);\n * a bare `&` would INTERSECT a colliding member instead of overriding it, which narrows\n * it (measured: `rows?: number | string` & `rows?: number`) or empties it to `never`.\n */\ntype Props = Omit<\n  React.ComponentPropsWithoutRef<typeof AssetGalleryBase>,\n  keyof AssetGalleryOwnProps\n> &\n  AssetGalleryOwnProps;\n\n/**\n * An asset gallery that can be used to display a larger amounts of assets. The Asset Gallery supports displaying\n * images and videos.\n *\n * ### Import\n *\n * ``` js\n * import { AssetGallery } from '@ntbjs/react-components/widgets'\n * // or\n * import AssetGallery from '@ntbjs/react-components/widgets/AssetGallery'\n * ```\n *\n * ### Custom asset card element\n * In some cases you may want to swap out the boring `<div>`-tag that wraps each individual asset in the gallery for\n * something more useful.\n * By doing this you can achieve side-effects that this library has no concept about – like wrapping the assets\n * in [React-routers](https://reactrouter.com/web/api/Link) `<Link>`-component for internal application routing when\n * you click the asset.\n *\n * The asset gallery allows you to change the root element that will be rendered around all individual asset via a\n * property on the asset object called `component`.\n *\n * ```jsx\n * const assets = [{\n *   previewUrl: 'https://preview.sdl.no/v1/no/7Zb20FDFCu-dne-lxi1thQ/uRs25Mh-FJY?v=1613865342365',\n *   width: 512,\n *   height: 324\n * }]\n *\n * const customComponent = (asset, children) => (\n *   <a href={`https://www.ntb.no/?fromAssetId=${asset.key}`} target=\"_blank\">\n *     {children}\n *   </a>\n * )\n *\n * <AssetGallery assets={assets} component={customComponent} />\n * ```\n *\n * When providing a custom element it will take the place of the `<div>` being the outer most parent of the\n * asset itself. All required props will then be automatically applied, like the `style`-attribute containing the\n * positioning style of the asset. To tell the asset gallery where you want the rest of the asset card we provide the `{children}`.\n *\n * **Note:** If the root-element of the custom component is a React component the component must accept rest props (`{...props}`).\n *\n * This pattern is very powerful and allows for great flexibility, as well as a way to interoperate with other\n * libraries, such as your favorite routing or forms library. **But it also comes with a small caveat!**\n *\n * #### Caveat with inlining\n * Using an inline function as an argument for the component prop may result in unexpected unmounting, since a new\n * component is passed every time React renders.\n *\n * If we are using an inline function to change the rendered component, React will remount each individual assets every\n * time `AssetGallery` is re-rendered. Not only will React update the DOM unnecessarily, the ripple effect of the individual\n * assets will also not work correctly.\n *\n * To fix this issue **avoid using inline functions or wrap the function in some sort of memoization**\n * like `React.useMemo()`.\n *\n * #### Prop Collisions\n * Prop Collisions is something to be aware of. The asset gallery will render your custom element like this:\n *\n * ```js\n * return React.createElement(props.component, props)\n * ```\n *\n * That means that all the required props that the library automatically applies will take precedence over consumer\n * defined props. An example of this is the `style`-prop.\n *\n */\nconst AssetGallery = React.forwardRef<any, Props>(function AssetGallery(\n  {\n    assets = EMPTY_ARRAY,\n    activeSummaryCard = false,\n    viewMode = 'compact',\n    thumbnailMaxHeight = 300,\n    selectable,\n    customSelectedBorder = EMPTY_ARRAY,\n    selectedAssetKeys = EMPTY_ARRAY,\n    onSelectedChanged,\n    softSelectable,\n    scrollElement,\n    onSoftSelectedChanged,\n    component,\n    displayIcon = '',\n    hideConsentSummary,\n    ...props\n  },\n  forwardedRef\n) {\n  // Internal state of the selected assets\n  const [selectedAssetKeysInternalState, setSelectedAssetKeysInternalState] = useState(\n    selectedAssetKeys || EMPTY_ARRAY\n  );\n\n  // Internal state of the soft selected asset\n  const [softSelectedAssetKeyInternalState, setSoftSelectedAssetKeyInternalState] = useState(null);\n\n  // Whenever the `selectedAssetKeys`-props changes we need to update the internal state\n  useEffect(() => {\n    setSelectedAssetKeysInternalState(selectedAssetKeys || EMPTY_ARRAY);\n  }, [selectedAssetKeys]);\n\n  // When the assets change we need to check if we have to update the list of selected assets\n  // (removing keys of assets that is no longer present in `assets`)\n  useEffect(() => {\n    setSelectedAssetKeysInternalState(current => {\n      return current.filter(c => assets.some(a => a.key === c));\n    });\n  }, [assets.length]);\n\n  // Run the `onSelectedChanged` callback whenever `selectedAssetKeysInternalState` change\n  useEffect(() => {\n    // If the external and internal state of selected assets is in sync we can skip this update callback\n    if (selectedAssetKeys === selectedAssetKeysInternalState) return;\n\n    if (isFunction(onSelectedChanged)) {\n      onSelectedChanged(selectedAssetKeysInternalState);\n    }\n  }, [selectedAssetKeysInternalState]);\n\n  // Run the `onSoftSelectedChanged` callback whenever `softSelectedAssetKeyInternalState` change\n  useEffect(() => {\n    if (isFunction(onSoftSelectedChanged)) {\n      onSoftSelectedChanged(softSelectedAssetKeyInternalState);\n    }\n  }, [softSelectedAssetKeyInternalState]);\n\n  const onSelected = useCallback(assetKey => {\n    setSelectedAssetKeysInternalState(currentState => [...currentState, assetKey]);\n  }, []);\n\n  const onUnselected = useCallback(assetKey => {\n    setSelectedAssetKeysInternalState(currentState =>\n      currentState.filter(filteredAssetKey => filteredAssetKey !== assetKey)\n    );\n  }, []);\n\n  const onAssetSoftSelectedChanged = useCallback((assetKey = null) => {\n    setSoftSelectedAssetKeyInternalState(assetKey);\n  }, []);\n\n  return (\n    <AssetGalleryBase\n      ref={forwardedRef}\n      assets={assets}\n      activeSummaryCard={activeSummaryCard}\n      displayIcon={displayIcon}\n      thumbnailMaxHeight={thumbnailMaxHeight}\n      selectable={selectable}\n      customSelectedBorder={customSelectedBorder}\n      selectedAssetKeys={selectedAssetKeysInternalState}\n      onAssetSelected={onSelected}\n      onAssetUnselected={onUnselected}\n      softSelectable={softSelectable}\n      softSelectedAssetKey={softSelectedAssetKeyInternalState}\n      scrollElement={scrollElement}\n      onAssetSoftSelectedChanged={onAssetSoftSelectedChanged}\n      component={component}\n      viewMode={viewMode}\n      hideConsentSummary={hideConsentSummary}\n      {...props}\n    />\n  );\n});\n\nexport default AssetGallery;\n"],"names":["EMPTY_ARRAY","AssetGallery","React","forwardRef","assets","activeSummaryCard","viewMode","thumbnailMaxHeight","selectable","customSelectedBorder","selectedAssetKeys","onSelectedChanged","softSelectable","scrollElement","onSoftSelectedChanged","component","displayIcon","hideConsentSummary","props","forwardedRef","selectedAssetKeysInternalState","setSelectedAssetKeysInternalState","useState","softSelectedAssetKeyInternalState","setSoftSelectedAssetKeyInternalState","useEffect","current","filter","c","some","a","key","length","isFunction","onSelected","useCallback","assetKey","currentState","onUnselected","filteredAssetKey","onAssetSoftSelectedChanged","_jsx","AssetGalleryBase","ref","onAssetSelected","onAssetUnselected","softSelectedAssetKey"],"mappings":"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"}

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js

@@ -1,14 +1,12 @@
-import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import useMergedRefs from '@restart/hooks/useMergedRefs';
 import { throttle } from 'lodash';
-import PropTypes from 'prop-types';
 import ResizeObserver from 'resize-observer-polyfill';
-import { assetShape } from '../asset.propType.js';
 import useIsomorphicLayoutEffect from '../../../hooks/useIsomorphicLayoutEffect.js';
 import { AssetGalleryBase as AssetGalleryBase$1, GroupLabel, AssetGalleryCardBase } from './AssetGalleryBase.styled.js';
 import AssetGalleryCompactCard from './AssetGalleryCompactCard/AssetGalleryCompactCard.js';
 import AssetGalleryGridCard from './AssetGalleryGridCard/AssetGalleryGridCard.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 const AssetGalleryBase = React__default.forwardRef(function AssetGalleryBase({
   assets: assetsProp,
@@ -29,7 +27,7 @@ const AssetGalleryBase = React__default.forwardRef(function AssetGalleryBase({
   hideConsentSummary,
   ...props
 }, forwardedRef) {
-  const assetGalleryDOMNode = useRef();
+  const assetGalleryDOMNode = useRef(undefined);
   const assetGalleryCompactRef = useMergedRefs(forwardedRef, assetGalleryDOMNode);
   const assetGalleryWidth = useRef(0);
   const minimumRowAspectRatio = useRef(0);
@@ -317,73 +315,60 @@ const AssetGalleryBase = React__default.forwardRef(function AssetGalleryBase({
     }
     return () => document.removeEventListener('click', handleClick, true);
   }, [softSelectable, softSelectedAssetKey, handleClick]);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(AssetGalleryBase$1, _extends({
-    ref: assetGalleryCompactRef,
-    style: {
-      height: `${totalGalleryHeight}px`
-    },
-    className: props.className
-  }, props), assets.map(asset => asset.layout.show && React__default.createElement(React__default.Fragment, {
-    key: `asset-gallery-${asset.layout.type}-${asset.key}`
-  }, asset.layout.type === 'groupLabel' && React__default.createElement(GroupLabel, {
-    style: {
-      transform: `translate3d(${asset.layout.translateX}px,${asset.layout.translateY}px, 0)`,
-      height: `${asset.layout.height}px`
-    }
-  }, asset.title), asset.layout.type === 'asset' && React__default.createElement(AssetGalleryCardBase, {
-    style: {
-      transform: `translate3d(${asset.layout.translateX}px, ${asset.layout.translateY}px, 0)`,
-      width: `${asset.layout.width}px`,
-      height: `${asset.layout.height}px`,
-      display: 'flex',
-      justifyContent: 'center'
-    }
-  }, viewMode === 'grid' ? React__default.createElement(AssetGalleryGridCard, {
-    asset: asset,
-    selectable: 'selectable' in asset ? asset.selectable : selectable,
-    selected: selectedAssetKeys.includes(asset.key),
-    customSelectedBorder: customSelectedBorder,
-    extendedSelectMode: Boolean(selectedAssetKeys.length),
-    onAssetSelected: onAssetSelected,
-    onAssetUnselected: onAssetUnselected,
-    softSelected: softSelectedAssetKey === asset.key,
-    component: component,
-    hideConsentSummary: hideConsentSummary
-  }) : React__default.createElement(AssetGalleryCompactCard, {
-    asset: asset,
-    activeSummaryCard: activeSummaryCard,
-    displayIcon: displayIcon,
-    hasHeightAndWidth: asset.layout.hasHeightAndWidth,
-    collapseExtraInfo: asset.layout.width < 90,
-    selectable: 'selectable' in asset ? asset.selectable : selectable,
-    selected: selectedAssetKeys.includes(asset.key),
-    customSelectedBorder: customSelectedBorder,
-    extendedSelectMode: Boolean(selectedAssetKeys.length),
-    onAssetSelected: onAssetSelected,
-    onAssetUnselected: onAssetUnselected,
-    softSelected: softSelectedAssetKey === asset.key,
-    component: component
-  }))))));
+  return jsx(Fragment, {
+    children: jsx(AssetGalleryBase$1, {
+      ref: assetGalleryCompactRef,
+      style: {
+        height: `${totalGalleryHeight}px`
+      },
+      className: props.className,
+      ...props,
+      children: assets.map(asset => asset.layout.show && jsxs(React__default.Fragment, {
+        children: [asset.layout.type === 'groupLabel' && jsx(GroupLabel, {
+          style: {
+            transform: `translate3d(${asset.layout.translateX}px,${asset.layout.translateY}px, 0)`,
+            height: `${asset.layout.height}px`
+          },
+          children: asset.title
+        }), asset.layout.type === 'asset' && jsx(AssetGalleryCardBase, {
+          style: {
+            transform: `translate3d(${asset.layout.translateX}px, ${asset.layout.translateY}px, 0)`,
+            width: `${asset.layout.width}px`,
+            height: `${asset.layout.height}px`,
+            display: 'flex',
+            justifyContent: 'center'
+          },
+          children: viewMode === 'grid' ? jsx(AssetGalleryGridCard, {
+            asset: asset,
+            selectable: 'selectable' in asset ? asset.selectable : selectable,
+            selected: selectedAssetKeys.includes(asset.key),
+            customSelectedBorder: customSelectedBorder,
+            extendedSelectMode: Boolean(selectedAssetKeys.length),
+            onAssetSelected: onAssetSelected,
+            onAssetUnselected: onAssetUnselected,
+            softSelected: softSelectedAssetKey === asset.key,
+            component: component,
+            hideConsentSummary: hideConsentSummary
+          }) : jsx(AssetGalleryCompactCard, {
+            asset: asset,
+            activeSummaryCard: activeSummaryCard,
+            displayIcon: displayIcon,
+            hasHeightAndWidth: asset.layout.hasHeightAndWidth,
+            collapseExtraInfo: asset.layout.width < 90,
+            selectable: 'selectable' in asset ? asset.selectable : selectable,
+            selected: selectedAssetKeys.includes(asset.key),
+            customSelectedBorder: customSelectedBorder,
+            extendedSelectMode: Boolean(selectedAssetKeys.length),
+            onAssetSelected: onAssetSelected,
+            onAssetUnselected: onAssetUnselected,
+            softSelected: softSelectedAssetKey === asset.key,
+            component: component
+          })
+        })]
+      }, `asset-gallery-${asset.layout.type}-${asset.key}`))
+    })
+  });
 });
-AssetGalleryBase.propTypes = process.env.NODE_ENV !== "production" ? {
-  assets: PropTypes.arrayOf(PropTypes.shape(assetShape)),
-  activeSummaryCard: PropTypes.bool,
-  displayIcon: PropTypes.string,
-  viewMode: PropTypes.oneOf(['compact', 'grid']),
-  thumbnailMaxHeight: PropTypes.number,
-  selectable: PropTypes.bool,
-  customSelectedBorder: PropTypes.arrayOf(PropTypes.string),
-  selectedAssetKeys: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)]).isRequired,
-  scrollElement: PropTypes.instanceOf(Element),
-  onAssetSelected: PropTypes.func.isRequired,
-  onAssetUnselected: PropTypes.func.isRequired,
-  softSelectable: PropTypes.bool,
-  softSelectedAssetKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  onAssetSoftSelectedChanged: PropTypes.func.isRequired,
-  component: PropTypes.func,
-  className: PropTypes.string,
-  hideConsentSummary: PropTypes.bool
-} : {};
 
 export { AssetGalleryBase as default };
 //# sourceMappingURL=AssetGalleryBase.js.map

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetGalleryBase.js","sources":["../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport useMergedRefs from '@restart/hooks/useMergedRefs';\nimport { throttle } from 'lodash';\nimport PropTypes from 'prop-types';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport { assetShape } from '../asset.propType';\nimport useIsomorphicLayoutEffect from './../../../../hooks/useIsomorphicLayoutEffect';\nimport * as S from './AssetGalleryBase.styled';\nimport AssetGalleryCompactCard from './AssetGalleryCompactCard/AssetGalleryCompactCard';\nimport AssetGalleryGridCard from './AssetGalleryGridCard/AssetGalleryGridCard';\nconst AssetGalleryBase = React.forwardRef(function AssetGalleryBase(\n  {\n    assets: assetsProp,\n    activeSummaryCard,\n    displayIcon,\n    viewMode,\n    thumbnailMaxHeight,\n    selectable,\n    customSelectedBorder,\n    selectedAssetKeys,\n    onAssetSelected,\n    onAssetUnselected,\n    softSelectable,\n    softSelectedAssetKey,\n    scrollElement: scrollElementProp,\n    onAssetSoftSelectedChanged,\n    component,\n    hideConsentSummary,\n    ...props\n  },\n  forwardedRef\n) {\n  // Combine forwarded ref and the local ref\n  const assetGalleryDOMNode = useRef();\n  const assetGalleryCompactRef = useMergedRefs(forwardedRef, assetGalleryDOMNode);\n\n  const assetGalleryWidth = useRef(0);\n  const minimumRowAspectRatio = useRef(0);\n\n  // Calculated assets\n  const calculatedAssets = useRef([]);\n  const [assets, setAssets] = useState([]);\n\n  // Constants\n  const MAXIMUM_ROW_HEIGHT = useMemo(\n    () => (viewMode === 'grid' ? 450 : thumbnailMaxHeight),\n    [viewMode, thumbnailMaxHeight]\n  );\n  const SPACE_BETWEEN_ASSETS = 8;\n  const SPACE_UNDER_ASSETS = 8;\n  const PRIMARY_SCROLL_BUFFER_HEIGHT = 1500;\n  const SECONDARY_SCROLL_BUFFER_HEIGHT = 500;\n  const GRID_VIEW_MODE_ASSET_MIN_WIDTH = 300;\n  const GRID_VIEW_MODE_ASSET_HEIGHT = hideConsentSummary ? 503 : 556;\n  const MISSING_WIDTH_PLACEHOLDER = 1920;\n  const MISSING_HEIGHT_PLACEHOLDER = 1080;\n\n  const isBrowser = typeof window !== 'undefined';\n\n  const scrollElement = scrollElementProp || window;\n\n  // Scroll position and direction\n  const previousYOffset = useRef(isBrowser ? scrollElement.pageYOffset : 0);\n  const latestYOffset = useRef(isBrowser ? scrollElement.pageYOffset : 0);\n  const scrollDirection = useRef('down');\n\n  // Track resize changes and set the current Asset Gallery width\n  useIsomorphicLayoutEffect(() => {\n    if (!assetGalleryDOMNode.current) return;\n\n    const throttledOnResize = throttle(onResize, 1);\n\n    const resizeObserver = new ResizeObserver(throttledOnResize);\n\n    resizeObserver.observe(assetGalleryDOMNode.current);\n\n    function onResize(entries) {\n      entries.forEach(entry => {\n        // setAssetGalleryWidth(entry.contentRect.width);\n        if (assetGalleryWidth.current === entry.contentRect.width) return;\n        window.requestAnimationFrame(() => {\n          assetGalleryWidth.current = entry.contentRect.width;\n          main();\n        });\n      });\n    }\n\n    return () => {\n      resizeObserver.unobserve(assetGalleryDOMNode.current);\n    };\n  }, [assetsProp, assetGalleryDOMNode, MAXIMUM_ROW_HEIGHT]);\n\n  //Re calculate Asset Gallery when something changes `MAXIMUM_ROW_HEIGHT` or `assetsProp` changes\n  useEffect(() => {\n    main();\n  }, [MAXIMUM_ROW_HEIGHT, assetsProp]);\n\n  const main = () => {\n    calculateAssetGalleryAspectRatio();\n    calculateLayout();\n    calculateVisibility();\n  };\n\n  const calculateAssetGalleryAspectRatio = () => {\n    // We don't care to compute the aspect ratio if the width of the gallery is 0\n    if (assetGalleryWidth.current > 0) {\n      minimumRowAspectRatio.current = calculateAspectRatio(\n        assetGalleryWidth.current,\n        MAXIMUM_ROW_HEIGHT\n      );\n    }\n  };\n\n  // Calculate asset gallery layout\n  const calculateLayout = () => {\n    // Check for required attributes and omit assets that are missing the attribute\n    const assetsWithoutAKey = assetsProp.filter(a => !a.key);\n    if (assetsWithoutAKey.length > 0) {\n      assetsProp = assetsProp.filter(a => a.key);\n      assetsWithoutAKey.forEach(a =>\n        console.warn(\n          'Omitted asset from the gallery because it was missing the unique `key` property.',\n          a\n        )\n      );\n    }\n\n    if (viewMode === 'grid' && assetGalleryWidth.current > 0) {\n      // State\n      let row = []; // The list of images in the current row.\n      let translateX = 0; // The current translateX value that we are at\n      let translateY = 0; // The current translateY value that we are at\n      const computedAssets = [];\n      let lastGroup = null; // The last group that was created\n\n      // Calculate how many assets we can put in a row before violating `ASSET_MIN_WIDTH`\n      // but we always want minimum of 1 asset in a row\n      const desiredAssetCountInRow =\n        Math.floor(assetGalleryWidth.current / GRID_VIEW_MODE_ASSET_MIN_WIDTH) || 1;\n\n      // Calculate the width of each asset in a row\n      const desiredAssetWidth =\n        assetGalleryWidth.current / desiredAssetCountInRow -\n        SPACE_BETWEEN_ASSETS +\n        SPACE_BETWEEN_ASSETS / desiredAssetCountInRow;\n\n      assetsProp.forEach((asset, index) => {\n        // Create a group label\n        if (asset.group && asset.group !== lastGroup) {\n          computedAssets.push({\n            title: asset.group,\n            key: asset.key,\n            layout: {\n              type: 'groupLabel',\n              height: 50,\n              translateX: Math.round(translateX),\n              translateY: Math.round(translateY)\n            }\n          });\n          lastGroup = asset.group;\n          translateY += 50 + SPACE_UNDER_ASSETS;\n        }\n\n        row.push(asset);\n\n        if (\n          row.length === desiredAssetCountInRow ||\n          index + 1 === assetsProp.length ||\n          (assetsProp[index + 1]?.group && assetsProp[index + 1].group !== asset.group)\n        ) {\n          const rowHeight = GRID_VIEW_MODE_ASSET_HEIGHT;\n\n          row.forEach(rowAsset => {\n            computedAssets.push({\n              ...rowAsset,\n              layout: {\n                type: 'asset', // Indicates that this is an asset and not a group label\n                width: Math.round(desiredAssetWidth),\n                height: Math.round(rowHeight),\n                translateX: Math.round(translateX),\n                translateY: Math.round(translateY)\n              }\n            });\n\n            translateX += desiredAssetWidth + SPACE_BETWEEN_ASSETS;\n          });\n\n          row = [];\n          translateX = 0;\n          translateY += rowHeight + SPACE_UNDER_ASSETS;\n        }\n      });\n\n      calculatedAssets.current = computedAssets;\n    } else {\n      if (minimumRowAspectRatio.current > 0) {\n        // State\n        let row = []; // The list of images in the current row.\n        let translateX = 0; // The current translateX value that we are at\n        let translateY = 0; // The current translateY value that we are at\n        let rowAspectRatio = 0; // The aspect ratio of the row we are building\n        let lastGroup = null; // The last group that was created\n\n        const computedAssets = [];\n\n        // Loop through all our images, building them up into rows and computing\n        // the working rowAspectRatio.\n        assetsProp.forEach((asset, index) => {\n          // Create a group label\n          if (asset.group && asset.group !== lastGroup) {\n            computedAssets.push({\n              title: asset.group,\n              key: asset.key,\n              layout: {\n                type: 'groupLabel',\n                height: 50,\n                translateX: Math.round(translateX),\n                translateY: Math.round(translateY)\n              }\n            });\n            lastGroup = asset.group;\n            translateY += 50 + SPACE_UNDER_ASSETS;\n          }\n\n          rowAspectRatio += calculateAspectRatio(\n            asset.width || MISSING_WIDTH_PLACEHOLDER,\n            asset.height || MISSING_HEIGHT_PLACEHOLDER\n          );\n\n          row.push(asset);\n\n          // End the row if any of the conditions match\n          if (\n            rowAspectRatio >= minimumRowAspectRatio.current ||\n            index + 1 === assetsProp.length ||\n            (assetsProp[index + 1]?.group && assetsProp[index + 1].group !== asset.group)\n          ) {\n            // Make sure that the last row also has a reasonable height\n            rowAspectRatio = Math.max(rowAspectRatio, minimumRowAspectRatio.current);\n\n            // Compute this row's height.\n            const totalDesiredWidthOfImages =\n              assetGalleryWidth.current - SPACE_BETWEEN_ASSETS * (row.length - 1);\n            const rowHeight = totalDesiredWidthOfImages / rowAspectRatio;\n\n            row.forEach(rowAsset => {\n              const assetWidth =\n                rowHeight *\n                calculateAspectRatio(\n                  rowAsset.width || MISSING_WIDTH_PLACEHOLDER,\n                  rowAsset.height || MISSING_HEIGHT_PLACEHOLDER\n                );\n\n              computedAssets.push({\n                ...rowAsset,\n                layout: {\n                  type: 'asset', // Indicates that this is an asset an not a group label\n                  width: Math.round(assetWidth),\n                  height: Math.round(rowHeight),\n                  translateX: Math.round(translateX),\n                  translateY: Math.round(translateY),\n                  hasHeightAndWidth: Boolean(rowAsset.width && rowAsset.height)\n                }\n              });\n\n              // The next image is `SPACE_BETWEEN_ASSETS` pixels to the right of this image.\n              translateX += assetWidth + SPACE_BETWEEN_ASSETS;\n            });\n\n            // Reset our state variables for next row.\n            row = [];\n            rowAspectRatio = 0;\n            translateY += rowHeight + SPACE_UNDER_ASSETS;\n            translateX = 0;\n          }\n        });\n\n        calculatedAssets.current = computedAssets;\n      }\n    }\n  };\n\n  // Utility function to calculate the aspect ratio of a width and height\n  function calculateAspectRatio(width, height) {\n    return width / height;\n  }\n\n  // Calculate the total height of the gallery\n  const totalGalleryHeight = useMemo(() => {\n    if (assets.length === 0) {\n      return 0;\n    }\n\n    const lastAsset = assets[assets.length - 1];\n\n    if (assets.length < 8) {\n      return (lastAsset.layout.translateY + lastAsset.layout.height) * 2;\n    }\n\n    return lastAsset.layout.translateY + lastAsset.layout.height;\n  }, [assets]);\n\n  useEffect(() => {\n    const throttledOnScroll = throttle(onScroll, 200);\n\n    scrollElement.addEventListener('scroll', throttledOnScroll, false);\n    return () => scrollElement.removeEventListener('scroll', throttledOnScroll, false);\n  }, [assetGalleryDOMNode, calculatedAssets]);\n\n  function onScroll() {\n    setScrollPositionAndDirection();\n    calculateVisibility();\n  }\n\n  function setScrollPositionAndDirection() {\n    const newYOffset = scrollElement.pageYOffset;\n    previousYOffset.current = latestYOffset.current;\n    latestYOffset.current = newYOffset;\n    scrollDirection.current = latestYOffset.current > previousYOffset.current ? 'down' : 'up';\n  }\n\n  /**\n   * +---------------------------+\n   * |                           |\n   * |                           |\n   * |                           |\n   * |                           |\n   * + - - - - - - - - - - - - - +                   -------\n   * |                           |                      A\n   * |     Secondary Buffer      |        SECONDARY_SCROLL_BUFFER_HEIGHT\n   * |                           |                      V\n   * +---------------------------+                   -------\n   * |                           |                      A\n   * |                           |                      |\n   * |                           |                      |\n   * |        Viewport           |              window.innerHeight\n   * |                           |                      |\n   * |                           |                      |\n   * |                           |                      V\n   * +---------------------------+                   -------\n   * |                           |                      A\n   * |                           |                      |\n   * |                           |                      |\n   * |                           |                      |\n   * |      Primary Buffer       |         PRIMARY_SCROLL_BUFFER_HEIGHT\n   * |                           |                      |\n   * |                           |                      |\n   * |                           |                      |\n   * |                           |                      V\n   * + - - - - - - - - - - - - - +                   -------\n   * |                           |\n   * |    (Scroll direction)     |\n   * |            |              |\n   * |            |              |\n   * |            V              |\n   * |                           |\n   *\n   */\n\n  const calculateVisibility = () => {\n    if (!assetGalleryDOMNode.current) return;\n\n    // Get the top and bottom buffers heights.\n    const bufferTop =\n      scrollDirection.current === 'up'\n        ? PRIMARY_SCROLL_BUFFER_HEIGHT\n        : SECONDARY_SCROLL_BUFFER_HEIGHT;\n\n    const bufferBottom =\n      scrollDirection.current === 'up'\n        ? SECONDARY_SCROLL_BUFFER_HEIGHT\n        : PRIMARY_SCROLL_BUFFER_HEIGHT;\n\n    const containerOffset = getOffsetTop(assetGalleryDOMNode.current);\n    const scrollerHeight = scrollElement.innerHeight;\n\n    const yOffset = latestYOffset.current;\n\n    // This is the top of the top buffer. If the bottom of an image is above\n    // this line, it will be removed.\n    const minTranslateYPlusHeight = yOffset - containerOffset - bufferTop;\n\n    // This is the bottom of the bottom buffer.  If the top of an image is\n    // below this line, it will be removed.\n    const maxTranslateY = yOffset - containerOffset + scrollerHeight + bufferBottom;\n\n    const finalizedAssets = calculatedAssets.current.map(asset => {\n      if (\n        scrollElement.self == window &&\n        (asset.layout.translateY + asset.layout.height < minTranslateYPlusHeight ||\n          asset.layout.translateY > maxTranslateY)\n      ) {\n        // Hide Image\n        asset.layout.show = false;\n      } else {\n        // Show Image\n        asset.layout.show = true;\n      }\n\n      return asset;\n    });\n\n    setAssets(finalizedAssets);\n  };\n\n  // Utility function that returns the distance from `elem` to the top of the page.\n  // This is done by walking up the node tree, getting the offsetTop of each\n  // parent node, until the top of the page.\n  function getOffsetTop(elem) {\n    let offsetTop = 0;\n    do {\n      if (!isNaN(elem.offsetTop)) {\n        offsetTop += elem.offsetTop;\n      }\n      elem = elem.offsetParent;\n    } while (elem);\n    return offsetTop;\n  }\n\n  const handleKeyPress = useCallback(\n    e => {\n      function isElementVisible(el) {\n        const rect = el.getBoundingClientRect(),\n          vWidth = scrollElement.innerWidth || document.documentElement.clientWidth,\n          vHeight = scrollElement.innerHeight || document.documentElement.clientHeight,\n          efp = function (x, y) {\n            return document.elementFromPoint(x, y);\n          };\n\n        // Return false if it's not in the viewport\n        if (rect.right < 0 || rect.bottom < 0 || rect.left > vWidth || rect.top > vHeight)\n          return false;\n\n        // Return true if any of its four corners are visible\n        return (\n          el.contains(efp(rect.left, rect.top)) ||\n          el.contains(efp(rect.right, rect.top)) ||\n          el.contains(efp(rect.right, rect.bottom)) ||\n          el.contains(efp(rect.left, rect.bottom))\n        );\n      }\n\n      function softSelectFirstVisibleAsset() {\n        const visibleAssets = assets.filter(asset => asset.layout.show);\n\n        for (let i = 0; i < assetGalleryDOMNode.current.children.length; i++) {\n          if (isElementVisible(assetGalleryDOMNode.current.children[i])) {\n            onAssetSoftSelectedChanged(visibleAssets[i].key);\n            break;\n          }\n        }\n      }\n\n      if (assets.length === 0) return;\n\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n        if (softSelectedAssetKey === null) {\n          softSelectFirstVisibleAsset();\n\n          return;\n        }\n      }\n\n      if (e.key === 'ArrowLeft') {\n        const previousAssetIndex =\n          assets.findIndex(asset => asset.key === softSelectedAssetKey) - 1;\n\n        const previousAsset = assets[previousAssetIndex];\n\n        if (previousAsset) {\n          if (previousAsset.layout.show) {\n            onAssetSoftSelectedChanged(previousAsset.key);\n          } else {\n            softSelectFirstVisibleAsset();\n          }\n        }\n\n        return;\n      }\n\n      if (e.key === 'ArrowRight') {\n        const nextAssetIndex = assets.findIndex(asset => asset.key === softSelectedAssetKey) + 1;\n\n        const nextAsset = assets[nextAssetIndex];\n\n        if (nextAsset) {\n          if (nextAsset.layout.show) {\n            onAssetSoftSelectedChanged(nextAsset.key);\n          } else {\n            softSelectFirstVisibleAsset();\n          }\n        }\n\n        return;\n      }\n\n      if (e.key === 'Enter') {\n        if (softSelectedAssetKey === null) return;\n\n        if (selectedAssetKeys.includes(softSelectedAssetKey)) {\n          onAssetUnselected(softSelectedAssetKey);\n        } else {\n          onAssetSelected(softSelectedAssetKey);\n        }\n      }\n    },\n    [\n      assets,\n      softSelectedAssetKey,\n      onAssetSoftSelectedChanged,\n      selectedAssetKeys,\n      assetGalleryCompactRef\n    ]\n  );\n\n  const handleClick = useCallback(() => {\n    onAssetSoftSelectedChanged(null);\n  }, []);\n\n  // Add event listeners for keyboard navigation (soft select)\n  useEffect(() => {\n    if (softSelectable) {\n      document.addEventListener('keydown', handleKeyPress);\n    }\n\n    return () => document.removeEventListener('keydown', handleKeyPress);\n  }, [softSelectable, handleKeyPress]);\n\n  useEffect(() => {\n    if (softSelectable && softSelectedAssetKey !== null) {\n      document.addEventListener('click', handleClick, true);\n    }\n\n    return () => document.removeEventListener('click', handleClick, true);\n  }, [softSelectable, softSelectedAssetKey, handleClick]);\n\n  return (\n    <>\n      <S.AssetGalleryBase\n        ref={assetGalleryCompactRef}\n        style={{ height: `${totalGalleryHeight}px` }}\n        className={props.className}\n        {...props}\n      >\n        {assets.map(\n          asset =>\n            asset.layout.show && (\n              <React.Fragment key={`asset-gallery-${asset.layout.type}-${asset.key}`}>\n                {asset.layout.type === 'groupLabel' && (\n                  <S.GroupLabel\n                    style={{\n                      transform: `translate3d(${asset.layout.translateX}px,${asset.layout.translateY}px, 0)`,\n                      height: `${asset.layout.height}px`\n                    }}\n                  >\n                    {asset.title}\n                  </S.GroupLabel>\n                )}\n\n                {asset.layout.type === 'asset' && (\n                  <S.AssetGalleryCardBase\n                    style={{\n                      transform: `translate3d(${asset.layout.translateX}px, ${asset.layout.translateY}px, 0)`,\n                      width: `${asset.layout.width}px`,\n                      height: `${asset.layout.height}px`,\n                      display: 'flex',\n                      justifyContent: 'center'\n                    }}\n                  >\n                    {viewMode === 'grid' ? (\n                      <AssetGalleryGridCard\n                        asset={asset}\n                        selectable={'selectable' in asset ? asset.selectable : selectable}\n                        selected={selectedAssetKeys.includes(asset.key)}\n                        customSelectedBorder={customSelectedBorder}\n                        extendedSelectMode={Boolean(selectedAssetKeys.length)}\n                        onAssetSelected={onAssetSelected}\n                        onAssetUnselected={onAssetUnselected}\n                        softSelected={softSelectedAssetKey === asset.key}\n                        component={component}\n                        hideConsentSummary={hideConsentSummary}\n                      />\n                    ) : (\n                      <AssetGalleryCompactCard\n                        asset={asset}\n                        activeSummaryCard={activeSummaryCard}\n                        displayIcon={displayIcon}\n                        hasHeightAndWidth={asset.layout.hasHeightAndWidth}\n                        collapseExtraInfo={asset.layout.width < 90}\n                        selectable={'selectable' in asset ? asset.selectable : selectable}\n                        selected={selectedAssetKeys.includes(asset.key)}\n                        customSelectedBorder={customSelectedBorder}\n                        extendedSelectMode={Boolean(selectedAssetKeys.length)}\n                        onAssetSelected={onAssetSelected}\n                        onAssetUnselected={onAssetUnselected}\n                        softSelected={softSelectedAssetKey === asset.key}\n                        component={component}\n                      />\n                    )}\n                  </S.AssetGalleryCardBase>\n                )}\n              </React.Fragment>\n            )\n        )}\n      </S.AssetGalleryBase>\n    </>\n  );\n});\n\nAssetGalleryBase.propTypes = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  assets: PropTypes.arrayOf(PropTypes.shape(assetShape)),\n\n  /**\n   * Whether the asset gallery should render the Asset Summary Card on hover.\n   */\n  activeSummaryCard: PropTypes.bool,\n\n  /**\n   * Whether the asset gallery should display the Version Count or Verifications on default.\n   */\n  displayIcon: PropTypes.string,\n\n  /**\n   * The view mode of the gallery.\n   */\n  viewMode: PropTypes.oneOf(['compact', 'grid']),\n\n  /**\n   * The maximum height of thumbnails in the gallery. When the grid is computed the gallery will try\n   * to have each row of the gallery as close to the max height as possible.\n   */\n  thumbnailMaxHeight: PropTypes.number,\n\n  /**\n   * Whether or not the asset gallery should have selectable asset cards\n   */\n  selectable: PropTypes.bool,\n\n  /**\n   * Whether or not the asset gallery should have custom borders on selected asset\n   */\n  customSelectedBorder: PropTypes.arrayOf(PropTypes.string),\n\n  /**\n   * An array containing the key of all selected assets\n   */\n  selectedAssetKeys: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.arrayOf(PropTypes.number)\n  ]).isRequired,\n\n  /**\n   * Scrollable element to attach event listeners to. Defaults to window.\n   */\n  scrollElement: PropTypes.instanceOf(Element),\n\n  /**\n   * The callback function when an asset is selected - returns the selected asset key\n   */\n  onAssetSelected: PropTypes.func.isRequired,\n\n  /**\n   * The callback function when an asset is unselected - returns the unselected asset key\n   */\n  onAssetUnselected: PropTypes.func.isRequired,\n\n  /**\n   * Whether or not the asset gallery should have soft selectable asset cards\n   */\n  softSelectable: PropTypes.bool,\n\n  /**\n   * A value containing the key of the soft selected asset or null\n   */\n  softSelectedAssetKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n\n  /**\n   * The callback function when soft selected asset changes - returns the selected asset key or null\n   */\n  onAssetSoftSelectedChanged: PropTypes.func.isRequired,\n\n  /**\n   * A function that returns a custom component to use for the card in the gallery - The function provides\n   * `asset` as its first argument\n   */\n  component: PropTypes.func,\n\n  /**\n   * Optional className\n   */\n  className: PropTypes.string,\n\n  /**\n   * When true, hides the consent summary footer on grid cards (CardFooter + CardDivider). Default: false.\n   */\n  hideConsentSummary: PropTypes.bool\n};\n\nexport default AssetGalleryBase;\n"],"names":["AssetGalleryBase","React","forwardRef","assets","assetsProp","activeSummaryCard","displayIcon","viewMode","thumbnailMaxHeight","selectable","customSelectedBorder","selectedAssetKeys","onAssetSelected","onAssetUnselected","softSelectable","softSelectedAssetKey","scrollElement","scrollElementProp","onAssetSoftSelectedChanged","component","hideConsentSummary","props","forwardedRef","assetGalleryDOMNode","useRef","assetGalleryCompactRef","useMergedRefs","assetGalleryWidth","minimumRowAspectRatio","calculatedAssets","setAssets","useState","MAXIMUM_ROW_HEIGHT","useMemo","SPACE_BETWEEN_ASSETS","SPACE_UNDER_ASSETS","PRIMARY_SCROLL_BUFFER_HEIGHT","SECONDARY_SCROLL_BUFFER_HEIGHT","GRID_VIEW_MODE_ASSET_MIN_WIDTH","GRID_VIEW_MODE_ASSET_HEIGHT","MISSING_WIDTH_PLACEHOLDER","MISSING_HEIGHT_PLACEHOLDER","isBrowser","window","previousYOffset","pageYOffset","latestYOffset","scrollDirection","useIsomorphicLayoutEffect","current","throttledOnResize","throttle","onResize","resizeObserver","ResizeObserver","observe","entries","forEach","entry","contentRect","width","requestAnimationFrame","main","unobserve","useEffect","calculateAssetGalleryAspectRatio","calculateLayout","calculateVisibility","calculateAspectRatio","assetsWithoutAKey","filter","a","key","length","console","warn","row","translateX","translateY","computedAssets","lastGroup","desiredAssetCountInRow","Math","floor","desiredAssetWidth","asset","index","group","push","title","layout","type","height","round","rowHeight","rowAsset","rowAspectRatio","max","totalDesiredWidthOfImages","assetWidth","hasHeightAndWidth","Boolean","totalGalleryHeight","lastAsset","throttledOnScroll","onScroll","addEventListener","removeEventListener","setScrollPositionAndDirection","newYOffset","bufferTop","bufferBottom","containerOffset","getOffsetTop","scrollerHeight","innerHeight","yOffset","minTranslateYPlusHeight","maxTranslateY","finalizedAssets","map","self","show","elem","offsetTop","isNaN","offsetParent","handleKeyPress","useCallback","e","isElementVisible","el","rect","getBoundingClientRect","vWidth","innerWidth","document","documentElement","clientWidth","vHeight","clientHeight","efp","x","y","elementFromPoint","right","bottom","left","top","contains","softSelectFirstVisibleAsset","visibleAssets","i","children","previousAssetIndex","findIndex","previousAsset","nextAssetIndex","nextAsset","includes","handleClick","createElement","Fragment","S","_extends","ref","style","className","transform","display","justifyContent","AssetGalleryGridCard","selected","extendedSelectMode","softSelected","AssetGalleryCompactCard","collapseExtraInfo","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","assetShape","bool","string","oneOf","number","oneOfType","isRequired","instanceOf","Element","func"],"mappings":"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"}
+{"version":3,"file":"AssetGalleryBase.js","sources":["../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport useMergedRefs from '@restart/hooks/useMergedRefs';\nimport { throttle } from 'lodash';\nimport ResizeObserver from 'resize-observer-polyfill';\nimport type { Asset } from '../asset.types';\nimport useIsomorphicLayoutEffect from './../../../../hooks/useIsomorphicLayoutEffect';\nimport * as S from './AssetGalleryBase.styled';\nimport AssetGalleryCompactCard from './AssetGalleryCompactCard/AssetGalleryCompactCard';\nimport AssetGalleryGridCard from './AssetGalleryGridCard/AssetGalleryGridCard';\n\ntype AssetGalleryBaseOwnProps = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  assets?: Asset[];\n  /**\n   * Whether the asset gallery should render the Asset Summary Card on hover.\n   */\n  activeSummaryCard?: boolean;\n  /**\n   * Whether the asset gallery should display the Version Count or Verifications on default.\n   */\n  displayIcon?: string;\n  /**\n   * The view mode of the gallery.\n   */\n  viewMode?: 'compact' | 'grid';\n  /**\n   * The maximum height of thumbnails in the gallery. When the grid is computed the gallery will try\n   * to have each row of the gallery as close to the max height as possible.\n   */\n  thumbnailMaxHeight?: number;\n  /**\n   * Whether or not the asset gallery should have selectable asset cards\n   */\n  selectable?: boolean;\n  /**\n   * Whether or not the asset gallery should have custom borders on selected asset\n   */\n  customSelectedBorder?: string[];\n  /**\n   * An array containing the key of all selected assets\n   *\n   * NMB-3998: `(string | number)[]`, not the `string[] | number[]` the propTypes codemod\n   * produced from `oneOfType([arrayOf(string), arrayOf(number)])`. Calling `.includes()` on\n   * a union OF ARRAY TYPES intersects the candidate signatures' parameters, giving\n   * `string & number` = `never`, so all three `selectedAssetKeys.includes(...)` reads in\n   * this file failed with \"not assignable to parameter of type 'never'\".\n   *\n   * The union was also the wrong contract, not merely an awkward one. `Asset['key']` is\n   * `string | number`, and this array is compared against `asset.key` at lines 585, 659 and\n   * 676 — so a gallery whose assets have mixed key types needs a mixed array, which\n   * `arrayOf(string) | arrayOf(number)` cannot express. This records what the component\n   * does; it is a pure widening, so no existing consumer call site can break.\n   */\n  selectedAssetKeys: (string | number)[];\n  /**\n   * Scrollable element to attach event listeners to. Defaults to window.\n   */\n  scrollElement?: any; // TODO: PropTypes.instanceOf(Element)\n  /**\n   * The callback function when an asset is selected - returns the selected asset key\n   */\n  onAssetSelected: (...args: any[]) => any;\n  /**\n   * The callback function when an asset is unselected - returns the unselected asset key\n   */\n  onAssetUnselected: (...args: any[]) => any;\n  /**\n   * Whether or not the asset gallery should have soft selectable asset cards\n   */\n  softSelectable?: boolean;\n  /**\n   * A value containing the key of the soft selected asset or null\n   */\n  softSelectedAssetKey?: string | number;\n  /**\n   * The callback function when soft selected asset changes - returns the selected asset key or null\n   */\n  onAssetSoftSelectedChanged: (...args: any[]) => any;\n  /**\n   * A function that returns a custom component to use for the card in the gallery - The function provides\n   * `asset` as its first argument\n   */\n  component?: (...args: any[]) => any;\n  /**\n   * Optional className\n   */\n  className?: string;\n  /**\n   * When true, hides the consent summary footer on grid cards (CardFooter + CardDivider). Default: false.\n   */\n  hideConsentSummary?: boolean;\n};\n\n/*\n * NMB-3998 §C.2: `props` is spread onto `S.AssetGalleryBase`, so the published type\n * has to admit that target's props too — a closed type here is worse than `any` for the\n * 125 consumer files. Declared members win over the base (`Omit` by `keyof AssetGalleryBaseOwnProps`);\n * a bare `&` would INTERSECT a colliding member instead of overriding it, which narrows\n * it (measured: `rows?: number | string` & `rows?: number`) or empties it to `never`.\n */\ntype Props = Omit<\n  React.ComponentPropsWithoutRef<typeof S.AssetGalleryBase>,\n  keyof AssetGalleryBaseOwnProps\n> &\n  AssetGalleryBaseOwnProps;\nconst AssetGalleryBase = React.forwardRef<any, Props>(function AssetGalleryBase(\n  {\n    assets: assetsProp,\n    activeSummaryCard,\n    displayIcon,\n    viewMode,\n    thumbnailMaxHeight,\n    selectable,\n    customSelectedBorder,\n    selectedAssetKeys,\n    onAssetSelected,\n    onAssetUnselected,\n    softSelectable,\n    softSelectedAssetKey,\n    scrollElement: scrollElementProp,\n    onAssetSoftSelectedChanged,\n    component,\n    hideConsentSummary,\n    ...props\n  },\n  forwardedRef\n) {\n  // Combine forwarded ref and the local ref\n  const assetGalleryDOMNode = useRef(undefined);\n  const assetGalleryCompactRef = useMergedRefs(forwardedRef, assetGalleryDOMNode);\n\n  const assetGalleryWidth = useRef(0);\n  const minimumRowAspectRatio = useRef(0);\n\n  // Calculated assets\n  const calculatedAssets = useRef([]);\n  const [assets, setAssets] = useState([]);\n\n  // Constants\n  const MAXIMUM_ROW_HEIGHT = useMemo(\n    () => (viewMode === 'grid' ? 450 : thumbnailMaxHeight),\n    [viewMode, thumbnailMaxHeight]\n  );\n  const SPACE_BETWEEN_ASSETS = 8;\n  const SPACE_UNDER_ASSETS = 8;\n  const PRIMARY_SCROLL_BUFFER_HEIGHT = 1500;\n  const SECONDARY_SCROLL_BUFFER_HEIGHT = 500;\n  const GRID_VIEW_MODE_ASSET_MIN_WIDTH = 300;\n  const GRID_VIEW_MODE_ASSET_HEIGHT = hideConsentSummary ? 503 : 556;\n  const MISSING_WIDTH_PLACEHOLDER = 1920;\n  const MISSING_HEIGHT_PLACEHOLDER = 1080;\n\n  const isBrowser = typeof window !== 'undefined';\n\n  const scrollElement = scrollElementProp || window;\n\n  // Scroll position and direction\n  const previousYOffset = useRef(isBrowser ? scrollElement.pageYOffset : 0);\n  const latestYOffset = useRef(isBrowser ? scrollElement.pageYOffset : 0);\n  const scrollDirection = useRef('down');\n\n  // Track resize changes and set the current Asset Gallery width\n  useIsomorphicLayoutEffect(() => {\n    if (!assetGalleryDOMNode.current) return;\n\n    const throttledOnResize = throttle(onResize, 1);\n\n    const resizeObserver = new ResizeObserver(throttledOnResize);\n\n    resizeObserver.observe(assetGalleryDOMNode.current);\n\n    function onResize(entries) {\n      entries.forEach(entry => {\n        // setAssetGalleryWidth(entry.contentRect.width);\n        if (assetGalleryWidth.current === entry.contentRect.width) return;\n        window.requestAnimationFrame(() => {\n          assetGalleryWidth.current = entry.contentRect.width;\n          main();\n        });\n      });\n    }\n\n    return () => {\n      resizeObserver.unobserve(assetGalleryDOMNode.current);\n    };\n  }, [assetsProp, assetGalleryDOMNode, MAXIMUM_ROW_HEIGHT]);\n\n  //Re calculate Asset Gallery when something changes `MAXIMUM_ROW_HEIGHT` or `assetsProp` changes\n  useEffect(() => {\n    main();\n  }, [MAXIMUM_ROW_HEIGHT, assetsProp]);\n\n  const main = () => {\n    calculateAssetGalleryAspectRatio();\n    calculateLayout();\n    calculateVisibility();\n  };\n\n  const calculateAssetGalleryAspectRatio = () => {\n    // We don't care to compute the aspect ratio if the width of the gallery is 0\n    if (assetGalleryWidth.current > 0) {\n      minimumRowAspectRatio.current = calculateAspectRatio(\n        assetGalleryWidth.current,\n        MAXIMUM_ROW_HEIGHT\n      );\n    }\n  };\n\n  // Calculate asset gallery layout\n  const calculateLayout = () => {\n    // Check for required attributes and omit assets that are missing the attribute\n    const assetsWithoutAKey = assetsProp.filter(a => !a.key);\n    if (assetsWithoutAKey.length > 0) {\n      assetsProp = assetsProp.filter(a => a.key);\n      assetsWithoutAKey.forEach(a =>\n        console.warn(\n          'Omitted asset from the gallery because it was missing the unique `key` property.',\n          a\n        )\n      );\n    }\n\n    if (viewMode === 'grid' && assetGalleryWidth.current > 0) {\n      // State\n      let row = []; // The list of images in the current row.\n      let translateX = 0; // The current translateX value that we are at\n      let translateY = 0; // The current translateY value that we are at\n      const computedAssets = [];\n      let lastGroup = null; // The last group that was created\n\n      // Calculate how many assets we can put in a row before violating `ASSET_MIN_WIDTH`\n      // but we always want minimum of 1 asset in a row\n      const desiredAssetCountInRow =\n        Math.floor(assetGalleryWidth.current / GRID_VIEW_MODE_ASSET_MIN_WIDTH) || 1;\n\n      // Calculate the width of each asset in a row\n      const desiredAssetWidth =\n        assetGalleryWidth.current / desiredAssetCountInRow -\n        SPACE_BETWEEN_ASSETS +\n        SPACE_BETWEEN_ASSETS / desiredAssetCountInRow;\n\n      assetsProp.forEach((asset, index) => {\n        // Create a group label\n        if (asset.group && asset.group !== lastGroup) {\n          computedAssets.push({\n            title: asset.group,\n            key: asset.key,\n            layout: {\n              type: 'groupLabel',\n              height: 50,\n              translateX: Math.round(translateX),\n              translateY: Math.round(translateY)\n            }\n          });\n          lastGroup = asset.group;\n          translateY += 50 + SPACE_UNDER_ASSETS;\n        }\n\n        row.push(asset);\n\n        if (\n          row.length === desiredAssetCountInRow ||\n          index + 1 === assetsProp.length ||\n          (assetsProp[index + 1]?.group && assetsProp[index + 1].group !== asset.group)\n        ) {\n          const rowHeight = GRID_VIEW_MODE_ASSET_HEIGHT;\n\n          row.forEach(rowAsset => {\n            computedAssets.push({\n              ...rowAsset,\n              layout: {\n                type: 'asset', // Indicates that this is an asset and not a group label\n                width: Math.round(desiredAssetWidth),\n                height: Math.round(rowHeight),\n                translateX: Math.round(translateX),\n                translateY: Math.round(translateY)\n              }\n            });\n\n            translateX += desiredAssetWidth + SPACE_BETWEEN_ASSETS;\n          });\n\n          row = [];\n          translateX = 0;\n          translateY += rowHeight + SPACE_UNDER_ASSETS;\n        }\n      });\n\n      calculatedAssets.current = computedAssets;\n    } else {\n      if (minimumRowAspectRatio.current > 0) {\n        // State\n        let row = []; // The list of images in the current row.\n        let translateX = 0; // The current translateX value that we are at\n        let translateY = 0; // The current translateY value that we are at\n        let rowAspectRatio = 0; // The aspect ratio of the row we are building\n        let lastGroup = null; // The last group that was created\n\n        const computedAssets = [];\n\n        // Loop through all our images, building them up into rows and computing\n        // the working rowAspectRatio.\n        assetsProp.forEach((asset, index) => {\n          // Create a group label\n          if (asset.group && asset.group !== lastGroup) {\n            computedAssets.push({\n              title: asset.group,\n              key: asset.key,\n              layout: {\n                type: 'groupLabel',\n                height: 50,\n                translateX: Math.round(translateX),\n                translateY: Math.round(translateY)\n              }\n            });\n            lastGroup = asset.group;\n            translateY += 50 + SPACE_UNDER_ASSETS;\n          }\n\n          rowAspectRatio += calculateAspectRatio(\n            asset.width || MISSING_WIDTH_PLACEHOLDER,\n            asset.height || MISSING_HEIGHT_PLACEHOLDER\n          );\n\n          row.push(asset);\n\n          // End the row if any of the conditions match\n          if (\n            rowAspectRatio >= minimumRowAspectRatio.current ||\n            index + 1 === assetsProp.length ||\n            (assetsProp[index + 1]?.group && assetsProp[index + 1].group !== asset.group)\n          ) {\n            // Make sure that the last row also has a reasonable height\n            rowAspectRatio = Math.max(rowAspectRatio, minimumRowAspectRatio.current);\n\n            // Compute this row's height.\n            const totalDesiredWidthOfImages =\n              assetGalleryWidth.current - SPACE_BETWEEN_ASSETS * (row.length - 1);\n            const rowHeight = totalDesiredWidthOfImages / rowAspectRatio;\n\n            row.forEach(rowAsset => {\n              const assetWidth =\n                rowHeight *\n                calculateAspectRatio(\n                  rowAsset.width || MISSING_WIDTH_PLACEHOLDER,\n                  rowAsset.height || MISSING_HEIGHT_PLACEHOLDER\n                );\n\n              computedAssets.push({\n                ...rowAsset,\n                layout: {\n                  type: 'asset', // Indicates that this is an asset an not a group label\n                  width: Math.round(assetWidth),\n                  height: Math.round(rowHeight),\n                  translateX: Math.round(translateX),\n                  translateY: Math.round(translateY),\n                  hasHeightAndWidth: Boolean(rowAsset.width && rowAsset.height)\n                }\n              });\n\n              // The next image is `SPACE_BETWEEN_ASSETS` pixels to the right of this image.\n              translateX += assetWidth + SPACE_BETWEEN_ASSETS;\n            });\n\n            // Reset our state variables for next row.\n            row = [];\n            rowAspectRatio = 0;\n            translateY += rowHeight + SPACE_UNDER_ASSETS;\n            translateX = 0;\n          }\n        });\n\n        calculatedAssets.current = computedAssets;\n      }\n    }\n  };\n\n  // Utility function to calculate the aspect ratio of a width and height\n  function calculateAspectRatio(width, height) {\n    return width / height;\n  }\n\n  // Calculate the total height of the gallery\n  const totalGalleryHeight = useMemo(() => {\n    if (assets.length === 0) {\n      return 0;\n    }\n\n    const lastAsset = assets[assets.length - 1];\n\n    if (assets.length < 8) {\n      return (lastAsset.layout.translateY + lastAsset.layout.height) * 2;\n    }\n\n    return lastAsset.layout.translateY + lastAsset.layout.height;\n  }, [assets]);\n\n  useEffect(() => {\n    const throttledOnScroll = throttle(onScroll, 200);\n\n    scrollElement.addEventListener('scroll', throttledOnScroll, false);\n    return () => scrollElement.removeEventListener('scroll', throttledOnScroll, false);\n  }, [assetGalleryDOMNode, calculatedAssets]);\n\n  function onScroll() {\n    setScrollPositionAndDirection();\n    calculateVisibility();\n  }\n\n  function setScrollPositionAndDirection() {\n    const newYOffset = scrollElement.pageYOffset;\n    previousYOffset.current = latestYOffset.current;\n    latestYOffset.current = newYOffset;\n    scrollDirection.current = latestYOffset.current > previousYOffset.current ? 'down' : 'up';\n  }\n\n  /**\n   * +---------------------------+\n   * |                           |\n   * |                           |\n   * |                           |\n   * |                           |\n   * + - - - - - - - - - - - - - +                   -------\n   * |                           |                      A\n   * |     Secondary Buffer      |        SECONDARY_SCROLL_BUFFER_HEIGHT\n   * |                           |                      V\n   * +---------------------------+                   -------\n   * |                           |                      A\n   * |                           |                      |\n   * |                           |                      |\n   * |        Viewport           |              window.innerHeight\n   * |                           |                      |\n   * |                           |                      |\n   * |                           |                      V\n   * +---------------------------+                   -------\n   * |                           |                      A\n   * |                           |                      |\n   * |                           |                      |\n   * |                           |                      |\n   * |      Primary Buffer       |         PRIMARY_SCROLL_BUFFER_HEIGHT\n   * |                           |                      |\n   * |                           |                      |\n   * |                           |                      |\n   * |                           |                      V\n   * + - - - - - - - - - - - - - +                   -------\n   * |                           |\n   * |    (Scroll direction)     |\n   * |            |              |\n   * |            |              |\n   * |            V              |\n   * |                           |\n   *\n   */\n\n  const calculateVisibility = () => {\n    if (!assetGalleryDOMNode.current) return;\n\n    // Get the top and bottom buffers heights.\n    const bufferTop =\n      scrollDirection.current === 'up'\n        ? PRIMARY_SCROLL_BUFFER_HEIGHT\n        : SECONDARY_SCROLL_BUFFER_HEIGHT;\n\n    const bufferBottom =\n      scrollDirection.current === 'up'\n        ? SECONDARY_SCROLL_BUFFER_HEIGHT\n        : PRIMARY_SCROLL_BUFFER_HEIGHT;\n\n    const containerOffset = getOffsetTop(assetGalleryDOMNode.current);\n    const scrollerHeight = scrollElement.innerHeight;\n\n    const yOffset = latestYOffset.current;\n\n    // This is the top of the top buffer. If the bottom of an image is above\n    // this line, it will be removed.\n    const minTranslateYPlusHeight = yOffset - containerOffset - bufferTop;\n\n    // This is the bottom of the bottom buffer.  If the top of an image is\n    // below this line, it will be removed.\n    const maxTranslateY = yOffset - containerOffset + scrollerHeight + bufferBottom;\n\n    const finalizedAssets = calculatedAssets.current.map(asset => {\n      if (\n        scrollElement.self == window &&\n        (asset.layout.translateY + asset.layout.height < minTranslateYPlusHeight ||\n          asset.layout.translateY > maxTranslateY)\n      ) {\n        // Hide Image\n        asset.layout.show = false;\n      } else {\n        // Show Image\n        asset.layout.show = true;\n      }\n\n      return asset;\n    });\n\n    setAssets(finalizedAssets);\n  };\n\n  // Utility function that returns the distance from `elem` to the top of the page.\n  // This is done by walking up the node tree, getting the offsetTop of each\n  // parent node, until the top of the page.\n  function getOffsetTop(elem) {\n    let offsetTop = 0;\n    do {\n      if (!isNaN(elem.offsetTop)) {\n        offsetTop += elem.offsetTop;\n      }\n      elem = elem.offsetParent;\n    } while (elem);\n    return offsetTop;\n  }\n\n  const handleKeyPress = useCallback(\n    e => {\n      function isElementVisible(el) {\n        const rect = el.getBoundingClientRect(),\n          vWidth = scrollElement.innerWidth || document.documentElement.clientWidth,\n          vHeight = scrollElement.innerHeight || document.documentElement.clientHeight,\n          efp = function (x, y) {\n            return document.elementFromPoint(x, y);\n          };\n\n        // Return false if it's not in the viewport\n        if (rect.right < 0 || rect.bottom < 0 || rect.left > vWidth || rect.top > vHeight)\n          return false;\n\n        // Return true if any of its four corners are visible\n        return (\n          el.contains(efp(rect.left, rect.top)) ||\n          el.contains(efp(rect.right, rect.top)) ||\n          el.contains(efp(rect.right, rect.bottom)) ||\n          el.contains(efp(rect.left, rect.bottom))\n        );\n      }\n\n      function softSelectFirstVisibleAsset() {\n        const visibleAssets = assets.filter(asset => asset.layout.show);\n\n        for (let i = 0; i < assetGalleryDOMNode.current.children.length; i++) {\n          if (isElementVisible(assetGalleryDOMNode.current.children[i])) {\n            onAssetSoftSelectedChanged(visibleAssets[i].key);\n            break;\n          }\n        }\n      }\n\n      if (assets.length === 0) return;\n\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n        if (softSelectedAssetKey === null) {\n          softSelectFirstVisibleAsset();\n\n          return;\n        }\n      }\n\n      if (e.key === 'ArrowLeft') {\n        const previousAssetIndex =\n          assets.findIndex(asset => asset.key === softSelectedAssetKey) - 1;\n\n        const previousAsset = assets[previousAssetIndex];\n\n        if (previousAsset) {\n          if (previousAsset.layout.show) {\n            onAssetSoftSelectedChanged(previousAsset.key);\n          } else {\n            softSelectFirstVisibleAsset();\n          }\n        }\n\n        return;\n      }\n\n      if (e.key === 'ArrowRight') {\n        const nextAssetIndex = assets.findIndex(asset => asset.key === softSelectedAssetKey) + 1;\n\n        const nextAsset = assets[nextAssetIndex];\n\n        if (nextAsset) {\n          if (nextAsset.layout.show) {\n            onAssetSoftSelectedChanged(nextAsset.key);\n          } else {\n            softSelectFirstVisibleAsset();\n          }\n        }\n\n        return;\n      }\n\n      if (e.key === 'Enter') {\n        if (softSelectedAssetKey === null) return;\n\n        if (selectedAssetKeys.includes(softSelectedAssetKey)) {\n          onAssetUnselected(softSelectedAssetKey);\n        } else {\n          onAssetSelected(softSelectedAssetKey);\n        }\n      }\n    },\n    [\n      assets,\n      softSelectedAssetKey,\n      onAssetSoftSelectedChanged,\n      selectedAssetKeys,\n      assetGalleryCompactRef\n    ]\n  );\n\n  const handleClick = useCallback(() => {\n    onAssetSoftSelectedChanged(null);\n  }, []);\n\n  // Add event listeners for keyboard navigation (soft select)\n  useEffect(() => {\n    if (softSelectable) {\n      document.addEventListener('keydown', handleKeyPress);\n    }\n\n    return () => document.removeEventListener('keydown', handleKeyPress);\n  }, [softSelectable, handleKeyPress]);\n\n  useEffect(() => {\n    if (softSelectable && softSelectedAssetKey !== null) {\n      document.addEventListener('click', handleClick, true);\n    }\n\n    return () => document.removeEventListener('click', handleClick, true);\n  }, [softSelectable, softSelectedAssetKey, handleClick]);\n\n  return (\n    <>\n      <S.AssetGalleryBase\n        ref={assetGalleryCompactRef}\n        style={{ height: `${totalGalleryHeight}px` }}\n        className={props.className}\n        {...props}\n      >\n        {assets.map(\n          asset =>\n            asset.layout.show && (\n              <React.Fragment key={`asset-gallery-${asset.layout.type}-${asset.key}`}>\n                {asset.layout.type === 'groupLabel' && (\n                  <S.GroupLabel\n                    style={{\n                      transform: `translate3d(${asset.layout.translateX}px,${asset.layout.translateY}px, 0)`,\n                      height: `${asset.layout.height}px`\n                    }}\n                  >\n                    {asset.title}\n                  </S.GroupLabel>\n                )}\n\n                {asset.layout.type === 'asset' && (\n                  <S.AssetGalleryCardBase\n                    style={{\n                      transform: `translate3d(${asset.layout.translateX}px, ${asset.layout.translateY}px, 0)`,\n                      width: `${asset.layout.width}px`,\n                      height: `${asset.layout.height}px`,\n                      display: 'flex',\n                      justifyContent: 'center'\n                    }}\n                  >\n                    {viewMode === 'grid' ? (\n                      <AssetGalleryGridCard\n                        asset={asset}\n                        selectable={'selectable' in asset ? asset.selectable : selectable}\n                        selected={selectedAssetKeys.includes(asset.key)}\n                        customSelectedBorder={customSelectedBorder}\n                        extendedSelectMode={Boolean(selectedAssetKeys.length)}\n                        onAssetSelected={onAssetSelected}\n                        onAssetUnselected={onAssetUnselected}\n                        softSelected={softSelectedAssetKey === asset.key}\n                        component={component}\n                        hideConsentSummary={hideConsentSummary}\n                      />\n                    ) : (\n                      <AssetGalleryCompactCard\n                        asset={asset}\n                        activeSummaryCard={activeSummaryCard}\n                        displayIcon={displayIcon}\n                        hasHeightAndWidth={asset.layout.hasHeightAndWidth}\n                        collapseExtraInfo={asset.layout.width < 90}\n                        selectable={'selectable' in asset ? asset.selectable : selectable}\n                        selected={selectedAssetKeys.includes(asset.key)}\n                        customSelectedBorder={customSelectedBorder}\n                        extendedSelectMode={Boolean(selectedAssetKeys.length)}\n                        onAssetSelected={onAssetSelected}\n                        onAssetUnselected={onAssetUnselected}\n                        softSelected={softSelectedAssetKey === asset.key}\n                        component={component}\n                      />\n                    )}\n                  </S.AssetGalleryCardBase>\n                )}\n              </React.Fragment>\n            )\n        )}\n      </S.AssetGalleryBase>\n    </>\n  );\n});\n\nexport default AssetGalleryBase;\n"],"names":["AssetGalleryBase","React","forwardRef","assets","assetsProp","activeSummaryCard","displayIcon","viewMode","thumbnailMaxHeight","selectable","customSelectedBorder","selectedAssetKeys","onAssetSelected","onAssetUnselected","softSelectable","softSelectedAssetKey","scrollElement","scrollElementProp","onAssetSoftSelectedChanged","component","hideConsentSummary","props","forwardedRef","assetGalleryDOMNode","useRef","undefined","assetGalleryCompactRef","useMergedRefs","assetGalleryWidth","minimumRowAspectRatio","calculatedAssets","setAssets","useState","MAXIMUM_ROW_HEIGHT","useMemo","SPACE_BETWEEN_ASSETS","SPACE_UNDER_ASSETS","PRIMARY_SCROLL_BUFFER_HEIGHT","SECONDARY_SCROLL_BUFFER_HEIGHT","GRID_VIEW_MODE_ASSET_MIN_WIDTH","GRID_VIEW_MODE_ASSET_HEIGHT","MISSING_WIDTH_PLACEHOLDER","MISSING_HEIGHT_PLACEHOLDER","isBrowser","window","previousYOffset","pageYOffset","latestYOffset","scrollDirection","useIsomorphicLayoutEffect","current","throttledOnResize","throttle","onResize","resizeObserver","ResizeObserver","observe","entries","forEach","entry","contentRect","width","requestAnimationFrame","main","unobserve","useEffect","calculateAssetGalleryAspectRatio","calculateLayout","calculateVisibility","calculateAspectRatio","assetsWithoutAKey","filter","a","key","length","console","warn","row","translateX","translateY","computedAssets","lastGroup","desiredAssetCountInRow","Math","floor","desiredAssetWidth","asset","index","group","push","title","layout","type","height","round","rowHeight","rowAsset","rowAspectRatio","max","totalDesiredWidthOfImages","assetWidth","hasHeightAndWidth","Boolean","totalGalleryHeight","lastAsset","throttledOnScroll","onScroll","addEventListener","removeEventListener","setScrollPositionAndDirection","newYOffset","bufferTop","bufferBottom","containerOffset","getOffsetTop","scrollerHeight","innerHeight","yOffset","minTranslateYPlusHeight","maxTranslateY","finalizedAssets","map","self","show","elem","offsetTop","isNaN","offsetParent","handleKeyPress","useCallback","e","isElementVisible","el","rect","getBoundingClientRect","vWidth","innerWidth","document","documentElement","clientWidth","vHeight","clientHeight","efp","x","y","elementFromPoint","right","bottom","left","top","contains","softSelectFirstVisibleAsset","visibleAssets","i","children","previousAssetIndex","findIndex","previousAsset","nextAssetIndex","nextAsset","includes","handleClick","_jsx","_Fragment","S","ref","style","className","_jsxs","Fragment","transform","display","justifyContent","AssetGalleryGridCard","selected","extendedSelectMode","softSelected","AssetGalleryCompactCard","collapseExtraInfo"],"mappings":"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"}

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js

@@ -6,34 +6,22 @@ const shouldForwardProp = prop => {
 };
 const AssetGalleryBase = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: relative;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryBasestyled__AssetGalleryBase",
+  componentId: "sc-1e78d4e-0"
+})(["position:relative;"]);
 const GroupLabel = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'))}
-  display: flex;
-  align-items: flex-end;
-  position: absolute;
-  padding-bottom: 4px;
-  box-sizing: border-box;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryBasestyled__GroupLabel",
+  componentId: "sc-1e78d4e-1"
+})(["font-family:", ";", " display:flex;align-items:flex-end;position:absolute;padding-bottom:4px;box-sizing:border-box;"], props => props.theme.primaryFontFamily, props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')));
 const AssetGalleryCardBase = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  position: absolute;
-  top: 0;
-  left: 0;
-  margin: 0;
-  z-index: 1;
-  will-change: transform, width, height;
-
-  &:hover {
-    z-index: 2;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetGalleryBasestyled__AssetGalleryCardBase",
+  componentId: "sc-1e78d4e-2"
+})(["position:absolute;top:0;left:0;margin:0;z-index:1;will-change:transform,width,height;&:hover{z-index:2;}"]);
 
 export { AssetGalleryBase, AssetGalleryCardBase, GroupLabel };
 //# sourceMappingURL=AssetGalleryBase.styled.js.map

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetGalleryBase.styled.js","sources":["../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetGalleryBase = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: relative;\n`;\n\nexport const GroupLabel = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n  display: flex;\n  align-items: flex-end;\n  position: absolute;\n  padding-bottom: 4px;\n  box-sizing: border-box;\n`;\n\nexport const AssetGalleryCardBase = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  z-index: 1;\n  will-change: transform, width, height;\n\n  &:hover {\n    z-index: 2;\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetGalleryBase","styled","div","withConfig","attrs","applyDefaultTheme","GroupLabel","props","theme","primaryFontFamily","themeProp","getColor","AssetGalleryCardBase"],"mappings":";;;AAGA,MAAMA,iBAAiB,GAAGC,IAAI,IAAI;EAChC,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CACvCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA,EAAC;AAEM,MAAMC,UAAU,GAAGL,MAAM,CAACC,GAAG,CACjCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,eAAA,EAAiBE,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,iBAAiB,CAAA;AACvD,EAAIF,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACE,SAAS,CACnB,OAAO,EACPH,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,UAAU,CAAC,EAChCJ,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMC,oBAAoB,GAAGX,MAAM,CAACC,GAAG,CAC3CC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"AssetGalleryBase.styled.js","sources":["../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryBase.styled.ts"],"sourcesContent":["/*\n * $-transient-prop pattern: rules in\n * `src/components/layout/SectionSeparator/SectionSeparator.styled.ts`, derivation and\n * measurements in `scripts/TS-MIGRATION-PLAYBOOK.md` §J.\n *\n * NO COMPONENT IN THIS FILE READS A PROP, so there is no transient-prop type to declare —\n * rule 2, declare only what is actually passed and read. It reported ZERO errors before\n * this commit, and the one thing left to do is the predicate below.\n */\nimport styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../../utils/defaultTheme';\n\n/*\n * Single-argument, and it stays that way — peer floor `styled-components: >=5.1.0`, and\n * the two majors disagree on the second parameter (v6 `elementToBeCreated`, v5.1\n * `defaultValidatorFn`). A one-parameter function is assignable to both. §J.4.\n *\n * `prop` NEEDS THE ANNOTATION EVEN THOUGH ITS ABSENCE REPORTED NO ERROR. `withConfig`\n * receives this by reference, so it gets no contextual typing and `prop` was an implicit\n * `any` — silent, because `noImplicitAny` is off (+474 errors, see `tsconfig.json`). With\n * `any` there, `prop.startsWith` is unchecked: a typo in the method name would have been a\n * runtime TypeError in the prop filter of every component in the file. A file at zero\n * errors is not the same as a file that is checked.\n */\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetGalleryBase = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: relative;\n`;\n\nexport const GroupLabel = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-700')\n    )}\n  display: flex;\n  align-items: flex-end;\n  position: absolute;\n  padding-bottom: 4px;\n  box-sizing: border-box;\n`;\n\nexport const AssetGalleryCardBase = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  z-index: 1;\n  will-change: transform, width, height;\n\n  &:hover {\n    z-index: 2;\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetGalleryBase","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","GroupLabel","props","theme","primaryFontFamily","themeProp","getColor","AssetGalleryCardBase"],"mappings":";;;AAwBA,MAAMA,iBAAiB,GAAIC,IAAY,IAAc;EACnD,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC;AAClD,CAAC;AAEM,MAAMC,gBAAgB,GAAGC,MAAM,CAACC,GAAG,CACvCC,UAAU,CAAC;AACVN,EAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAAF,UAAA,CAAA;EAAAG,WAAA,EAAA,0CAAA;EAAAC,WAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,oBAAA,CAAA;AAIpB,MAAMC,UAAU,GAAGP,MAAM,CAACC,GAAG,CACjCC,UAAU,CAAC;AACVN,EAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAAF,UAAA,CAAA;EAAAG,WAAA,EAAA,oCAAA;EAAAC,WAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,cAAA,EAAA,GAAA,EAAA,gGAAA,CAAA,EACVE,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,iBAAiB,EACnDF,KAAK,IACLA,KAAK,CAACC,KAAK,CAACE,SAAS,CACnB,OAAO,EACPH,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,UAAU,CAAC,EAChCJ,KAAK,CAACC,KAAK,CAACG,QAAQ,CAAC,UAAU,CACjC,CAAC;AAQE,MAAMC,oBAAoB,GAAGb,MAAM,CAACC,GAAG,CAC3CC,UAAU,CAAC;AACVN,EAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAAF,UAAA,CAAA;EAAAG,WAAA,EAAA,8CAAA;EAAAC,WAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,0GAAA,CAAA;;;;"}