@ntbjs/react-components 2.0.0-rc.9 → 2.0.1-rc.31

package/build/styles/.config.scss

@@ -0,0 +1,38 @@
+/**
+ * Colors
+ */
+export const colors = {
+  'orange-600': #634e01,
+  'orange-500': #ff9900,
+  'orange-400': #ffcb7e,
+  'emerald-600': #296c58,
+  'emerald-500': #30826a,
+  'emerald-400': #64b49d,
+  'emerald-300': #bfe0d5,
+  'emerald-200': #f3f9f7,
+  'gray-900': #141313,
+  'gray-800': #272727,
+  'gray-700': #323232,
+  'gray-600': #505050,
+  'gray-500': #767676,
+  'gray-400': #b0b6b9,
+  'gray-300': #d9dce0,
+  'gray-200': #eff1f4,
+  'gray-100': #f7f8f9,
+  'gray-50': #f4f4f5,
+  'cercise-500': #5f1031,
+  'cercise-400': #854962,
+  'cercise-300': #d099b0,
+  'cercise-200': #fecaca,
+  'cercise-100': #f9f3f5,
+  'red-600': #7f1b1b,
+  'red-500': #d83000,
+  'red-200': #fbeae6,
+  'brown-500': #634e01,
+  'signal-yellow-500': #f4e21e,
+  'signal-yellow-400': #fff36c,
+  'signal-green-500': #00bd98,
+  'signal-green-400': #a3ffe0,
+  'black': #202435,
+  'white': #ffffff
+};

package/build/styles/all.scss

@@ -0,0 +1,3 @@
+@use './config' as *;
+@use 'utils/colors' as *;
+@use 'utils/theme' as *;

package/build/styles/utils/.colors.scss

@@ -0,0 +1,15 @@
+@use '../config';
+
+@function color($name) {
+  @if map-has-key(config.$colors, $name) {
+    @return map-get(config.$colors, $name);
+  } @else {
+    @error "No color with the name `#{$name}`. was found.";
+  }
+}
+
+:export {
+  @each $name, $color in config.$colors {
+    #{$name}: $color;
+  }
+}

package/build/styles/utils/colors-export.js

@@ -0,0 +1,38 @@
+const colors = {
+  'orange-600': '#634e01',
+  'orange-500': '#ff9900',
+  'orange-400': '#ffcb7e',
+  'emerald-600': '#296c58',
+  'emerald-500': '#30826a',
+  'emerald-400': '#64b49d',
+  'emerald-300': '#bfe0d5',
+  'emerald-200': '#f3f9f7',
+  'gray-900': '#141313',
+  'gray-800': '#272727',
+  'gray-700': '#323232',
+  'gray-600': '#505050',
+  'gray-500': '#767676',
+  'gray-400': '#b0b6b9',
+  'gray-300': '#d9dce0',
+  'gray-200': '#eff1f4',
+  'gray-100': '#f7f8f9',
+  'gray-50': '#f4f4f5',
+  'cercise-500': '#5f1031',
+  'cercise-400': '#854962',
+  'cercise-300': '#d099b0',
+  'cercise-200': '#fecaca',
+  'cercise-100': '#f9f3f5',
+  'red-600': '#7f1b1b',
+  'red-500': '#d83000',
+  'red-200': '#fbeae6',
+  'brown-500': '#634e01',
+  'signal-yellow-500': '#f4e21e',
+  'signal-yellow-400': '#fff36c',
+  'signal-green-500': '#00bd98',
+  'signal-green-400': '#a3ffe0',
+  'black': '#202435',
+  'white': '#ffffff'
+};
+
+export { colors };
+//# sourceMappingURL=colors-export.js.map

package/build/styles/utils/colors-export.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-export.js","sources":["../../../src/styles/utils/colors-export.js"],"sourcesContent":["export const colors = {\n  'orange-600': '#634e01',\n  'orange-500': '#ff9900',\n  'orange-400': '#ffcb7e',\n  'emerald-600': '#296c58',\n  'emerald-500': '#30826a',\n  'emerald-400': '#64b49d',\n  'emerald-300': '#bfe0d5',\n  'emerald-200': '#f3f9f7',\n  'gray-900': '#141313',\n  'gray-800': '#272727',\n  'gray-700': '#323232',\n  'gray-600': '#505050',\n  'gray-500': '#767676',\n  'gray-400': '#b0b6b9',\n  'gray-300': '#d9dce0',\n  'gray-200': '#eff1f4',\n  'gray-100': '#f7f8f9',\n  'gray-50': '#f4f4f5',\n  'cercise-500': '#5f1031',\n  'cercise-400': '#854962',\n  'cercise-300': '#d099b0',\n  'cercise-200': '#fecaca',\n  'cercise-100': '#f9f3f5',\n  'red-600': '#7f1b1b',\n  'red-500': '#d83000',\n  'red-200': '#fbeae6',\n  'brown-500': '#634e01',\n  'signal-yellow-500': '#f4e21e',\n  'signal-yellow-400': '#fff36c',\n  'signal-green-500': '#00bd98',\n  'signal-green-400': '#a3ffe0',\n  'black': '#202435',\n  'white': '#ffffff'\n};"],"names":["colors"],"mappings":"AAAO,MAAMA,MAAM,GAAG;AACpB,EAAA,YAAY,EAAE,SAAS;AACvB,EAAA,YAAY,EAAE,SAAS;AACvB,EAAA,YAAY,EAAE,SAAS;AACvB,EAAA,aAAa,EAAE,SAAS;AACxB,EAAA,aAAa,EAAE,SAAS;AACxB,EAAA,aAAa,EAAE,SAAS;AACxB,EAAA,aAAa,EAAE,SAAS;AACxB,EAAA,aAAa,EAAE,SAAS;AACxB,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,UAAU,EAAE,SAAS;AACrB,EAAA,SAAS,EAAE,SAAS;AACpB,EAAA,aAAa,EAAE,SAAS;AACxB,EAAA,aAAa,EAAE,SAAS;AACxB,EAAA,aAAa,EAAE,SAAS;AACxB,EAAA,aAAa,EAAE,SAAS;AACxB,EAAA,aAAa,EAAE,SAAS;AACxB,EAAA,SAAS,EAAE,SAAS;AACpB,EAAA,SAAS,EAAE,SAAS;AACpB,EAAA,SAAS,EAAE,SAAS;AACpB,EAAA,WAAW,EAAE,SAAS;AACtB,EAAA,mBAAmB,EAAE,SAAS;AAC9B,EAAA,mBAAmB,EAAE,SAAS;AAC9B,EAAA,kBAAkB,EAAE,SAAS;AAC7B,EAAA,kBAAkB,EAAE,SAAS;AAC7B,EAAA,OAAO,EAAE,SAAS;AAClB,EAAA,OAAO,EAAE,SAAA;AACX;;;;"}

package/build/styles/utils/theme.scss

@@ -0,0 +1,35 @@
+@use '../config' as *;
+
+@mixin color($dark-color, $light-color) {
+  @include genericThemeCode('color', $dark-color, $light-color);
+}
+
+@mixin background($dark-color, $light-color) {
+  @include genericThemeCode('background', $dark-color, $light-color);
+}
+
+@mixin background-image($dark-color, $light-color) {
+  @include genericThemeCode('background-image', $dark-color, $light-color);
+}
+
+@mixin border-color($dark-color, $light-color) {
+  @include genericThemeCode('border-color', $dark-color, $light-color);
+}
+
+@mixin genericThemeCode($key, $dark-color, $light-color) {
+  body:global(.dark-theme) & {
+    #{$key}: $dark-color;
+  }
+
+  body:global(.light-theme) & {
+    #{$key}: $light-color;
+  }
+
+  body & {
+    #{$key}: $light-color;
+
+    @media (prefers-color-scheme: dark) {
+      #{$key}: $dark-color;
+    }
+  }
+}

package/{esm → build}/utils/dateTime.js

@@ -14,3 +14,4 @@ const convertMsToHMS = ms => {
 };
 
 export { convertMsToHMS };
+//# sourceMappingURL=dateTime.js.map

package/build/utils/dateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTime.js","sources":["../../src/utils/dateTime.js"],"sourcesContent":["/**\n * Convert time given in miliseconds to a string representation of hours, minutes and seconds\n * in the format HH:MM:SS\n *\n * @param {integer} ms\n */\nexport const convertMsToHMS = ms => {\n  const seconds = Math.floor(ms / 1000);\n  const minutes = Math.floor(seconds / 60);\n  const hours = Math.floor(minutes / 60);\n\n  const secondsLeft = seconds % 60;\n  const minutesLeft = minutes % 60;\n\n  let hmsString = '';\n  if (hours) {\n    hmsString += hours < 10 ? `0${hours}:` : `${hours}:`;\n  }\n\n  hmsString += `${minutesLeft < 10 ? `0${minutesLeft}` : `${minutesLeft}`}:`;\n  hmsString += secondsLeft < 10 ? `0${secondsLeft}` : `${secondsLeft}`;\n\n  return hmsString;\n};\n"],"names":["convertMsToHMS","ms","seconds","Math","floor","minutes","hours","secondsLeft","minutesLeft","hmsString"],"mappings":"AAMaA,MAAAA,cAAc,GAAGC,EAAE,IAAI;EAClC,MAAMC,OAAO,GAAGC,IAAI,CAACC,KAAK,CAACH,EAAE,GAAG,IAAI,CAAC,CAAA;EACrC,MAAMI,OAAO,GAAGF,IAAI,CAACC,KAAK,CAACF,OAAO,GAAG,EAAE,CAAC,CAAA;EACxC,MAAMI,KAAK,GAAGH,IAAI,CAACC,KAAK,CAACC,OAAO,GAAG,EAAE,CAAC,CAAA;AAEtC,EAAA,MAAME,WAAW,GAAGL,OAAO,GAAG,EAAE,CAAA;AAChC,EAAA,MAAMM,WAAW,GAAGH,OAAO,GAAG,EAAE,CAAA;EAEhC,IAAII,SAAS,GAAG,EAAE,CAAA;AAClB,EAAA,IAAIH,KAAK,EAAE;IACTG,SAAS,IAAIH,KAAK,GAAG,EAAE,GAAG,CAAIA,CAAAA,EAAAA,KAAK,CAAG,CAAA,CAAA,GAAG,CAAGA,EAAAA,KAAK,CAAG,CAAA,CAAA,CAAA;AACtD,GAAA;AAEAG,EAAAA,SAAS,IAAI,CAAA,EAAGD,WAAW,GAAG,EAAE,GAAG,CAAIA,CAAAA,EAAAA,WAAW,CAAE,CAAA,GAAG,CAAGA,EAAAA,WAAW,EAAE,CAAG,CAAA,CAAA,CAAA;EAC1EC,SAAS,IAAIF,WAAW,GAAG,EAAE,GAAG,CAAIA,CAAAA,EAAAA,WAAW,CAAE,CAAA,GAAG,CAAGA,EAAAA,WAAW,CAAE,CAAA,CAAA;AAEpE,EAAA,OAAOE,SAAS,CAAA;AAClB;;;;"}

package/build/utils/defaultTheme.js

@@ -0,0 +1,67 @@
+import { colors } from '../styles/utils/colors-export.js';
+import { css } from 'styled-components';
+
+const defaultTheme = {
+  getColor: name => {
+    if (!colors[name]) throw Error(`The color "${name}" is not registered.`);
+    return colors[name];
+  },
+  primaryFontFamily: "'Roboto', sans-serif",
+  secondaryFontFamily: "'Overpass', sans-serif",
+  themeProp,
+  spacing: {
+    baseUnit: 4,
+    controlHeight: 38,
+    menuGutter: 8
+  },
+  colors: {
+    primary: colors['emerald-500'],
+    primary75: colors['emerald-400'],
+    primary50: colors['emerald-300'],
+    primary25: colors['emerald-200'],
+    danger: colors['red-500'],
+    neutral0: colors['white'],
+    neutral5: colors['gray-50'],
+    neutral10: colors['gray-100'],
+    neutral20: colors['gray-300'],
+    neutral30: colors['gray-400'],
+    neutral40: colors['gray-500'],
+    neutral50: colors['gray-600'],
+    neutral60: colors['gray-700'],
+    neutral70: colors['gray-800'],
+    neutral80: colors['gray-900'],
+    neutral90: colors['black']
+  }
+};
+function themeProp(property, darkMode, lightMode, specificity = 2) {
+  const specificityString = Array(specificity).fill('&').join('');
+  return css`
+    body.dark-theme ${specificityString} {
+      ${property}: ${darkMode};
+    }
+
+    body.light-theme ${specificityString} {
+      ${property}: ${lightMode};
+    }
+
+    body:not(.light-theme):not(.dark-theme) ${specificityString} {
+      ${property}: ${lightMode};
+
+      @media (prefers-color-scheme: dark) {
+        ${property}: ${darkMode};
+      }
+    }
+  `;
+}
+function applyDefaultTheme({
+  theme = {},
+  ...props
+}) {
+  return {
+    ...props,
+    theme: Object.assign({}, defaultTheme, theme)
+  };
+}
+
+export { applyDefaultTheme, defaultTheme };
+//# sourceMappingURL=defaultTheme.js.map

package/build/utils/defaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.js","sources":["../../src/utils/defaultTheme.js"],"sourcesContent":["import { colors } from '../styles/utils/colors-export';\nimport { css } from 'styled-components';\n\nexport const defaultTheme = {\n  getColor: name => {\n    if (!colors[name]) throw Error(`The color \"${name}\" is not registered.`);\n    return colors[name];\n  },\n  primaryFontFamily: \"'Roboto', sans-serif\",\n  secondaryFontFamily: \"'Overpass', sans-serif\",\n  themeProp,\n  spacing: {\n    baseUnit: 4,\n    controlHeight: 38,\n    menuGutter: 8\n  },\n  colors: {\n    // MINIMUM REQUIRED COLORS FOR REACT-SELECT\n    primary: colors['emerald-500'],\n    primary75: colors['emerald-400'],\n    primary50: colors['emerald-300'],\n    primary25: colors['emerald-200'],\n    danger: colors['red-500'],\n    neutral0: colors['white'],\n    neutral5: colors['gray-50'],\n    neutral10: colors['gray-100'],\n    neutral20: colors['gray-300'],\n    neutral30: colors['gray-400'],\n    neutral40: colors['gray-500'],\n    neutral50: colors['gray-600'],\n    neutral60: colors['gray-700'],\n    neutral70: colors['gray-800'],\n    neutral80: colors['gray-900'],\n    neutral90: colors['black']\n  }\n};\n\n/**\n * Applies a different css property value for dark and light mode\n * @param {string} property - The css property to apply - Eg: `color`, `background`\n * @param {string} darkMode - The value that will be applied in dark mode\n * @param {string} lightMode - The value that will be applied in light mode - Will also be used if either dark or light mode is set\n * @param specificity\n */\nfunction themeProp(property, darkMode, lightMode, specificity = 2) {\n  const specificityString = Array(specificity).fill('&').join('');\n\n  return css`\n    body.dark-theme ${specificityString} {\n      ${property}: ${darkMode};\n    }\n\n    body.light-theme ${specificityString} {\n      ${property}: ${lightMode};\n    }\n\n    body:not(.light-theme):not(.dark-theme) ${specificityString} {\n      ${property}: ${lightMode};\n\n      @media (prefers-color-scheme: dark) {\n        ${property}: ${darkMode};\n      }\n    }\n  `;\n}\n\nexport function applyDefaultTheme({ theme = {}, ...props }) {\n  return {\n    ...props,\n    theme: Object.assign({}, defaultTheme, theme)\n  };\n}\n"],"names":["defaultTheme","getColor","name","colors","Error","primaryFontFamily","secondaryFontFamily","themeProp","spacing","baseUnit","controlHeight","menuGutter","primary","primary75","primary50","primary25","danger","neutral0","neutral5","neutral10","neutral20","neutral30","neutral40","neutral50","neutral60","neutral70","neutral80","neutral90","property","darkMode","lightMode","specificity","specificityString","Array","fill","join","css","applyDefaultTheme","theme","props","Object","assign"],"mappings":";;;AAGO,MAAMA,YAAY,GAAG;EAC1BC,QAAQ,EAAEC,IAAI,IAAI;AAChB,IAAA,IAAI,CAACC,MAAM,CAACD,IAAI,CAAC,EAAE,MAAME,KAAK,CAAC,CAAA,WAAA,EAAcF,IAAI,CAAA,oBAAA,CAAsB,CAAC,CAAA;IACxE,OAAOC,MAAM,CAACD,IAAI,CAAC,CAAA;GACpB;AACDG,EAAAA,iBAAiB,EAAE,sBAAsB;AACzCC,EAAAA,mBAAmB,EAAE,wBAAwB;EAC7CC,SAAS;AACTC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAE,CAAC;AACXC,IAAAA,aAAa,EAAE,EAAE;AACjBC,IAAAA,UAAU,EAAE,CAAA;GACb;AACDR,EAAAA,MAAM,EAAE;AAENS,IAAAA,OAAO,EAAET,MAAM,CAAC,aAAa,CAAC;AAC9BU,IAAAA,SAAS,EAAEV,MAAM,CAAC,aAAa,CAAC;AAChCW,IAAAA,SAAS,EAAEX,MAAM,CAAC,aAAa,CAAC;AAChCY,IAAAA,SAAS,EAAEZ,MAAM,CAAC,aAAa,CAAC;AAChCa,IAAAA,MAAM,EAAEb,MAAM,CAAC,SAAS,CAAC;AACzBc,IAAAA,QAAQ,EAAEd,MAAM,CAAC,OAAO,CAAC;AACzBe,IAAAA,QAAQ,EAAEf,MAAM,CAAC,SAAS,CAAC;AAC3BgB,IAAAA,SAAS,EAAEhB,MAAM,CAAC,UAAU,CAAC;AAC7BiB,IAAAA,SAAS,EAAEjB,MAAM,CAAC,UAAU,CAAC;AAC7BkB,IAAAA,SAAS,EAAElB,MAAM,CAAC,UAAU,CAAC;AAC7BmB,IAAAA,SAAS,EAAEnB,MAAM,CAAC,UAAU,CAAC;AAC7BoB,IAAAA,SAAS,EAAEpB,MAAM,CAAC,UAAU,CAAC;AAC7BqB,IAAAA,SAAS,EAAErB,MAAM,CAAC,UAAU,CAAC;AAC7BsB,IAAAA,SAAS,EAAEtB,MAAM,CAAC,UAAU,CAAC;AAC7BuB,IAAAA,SAAS,EAAEvB,MAAM,CAAC,UAAU,CAAC;IAC7BwB,SAAS,EAAExB,MAAM,CAAC,OAAO,CAAA;AAC3B,GAAA;AACF,EAAC;AASD,SAASI,SAASA,CAACqB,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,GAAG,CAAC,EAAE;AACjE,EAAA,MAAMC,iBAAiB,GAAGC,KAAK,CAACF,WAAW,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/D,EAAA,OAAOC,GAAG,CAAA;AACZ,oBAAA,EAAsBJ,iBAAiB,CAAA;AACvC,MAAQJ,EAAAA,QAAQ,KAAKC,QAAQ,CAAA;AAC7B;AACA;AACA,qBAAA,EAAuBG,iBAAiB,CAAA;AACxC,MAAQJ,EAAAA,QAAQ,KAAKE,SAAS,CAAA;AAC9B;AACA;AACA,4CAAA,EAA8CE,iBAAiB,CAAA;AAC/D,MAAQJ,EAAAA,QAAQ,KAAKE,SAAS,CAAA;AAC9B;AACA;AACA,QAAUF,EAAAA,QAAQ,KAAKC,QAAQ,CAAA;AAC/B;AACA;AACA,EAAG,CAAA,CAAA;AACH,CAAA;AAEO,SAASQ,iBAAiBA,CAAC;EAAEC,KAAK,GAAG,EAAE;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAAE;EAC1D,OAAO;AACL,IAAA,GAAGA,KAAK;IACRD,KAAK,EAAEE,MAAM,CAACC,MAAM,CAAC,EAAE,EAAEzC,YAAY,EAAEsC,KAAK,CAAA;GAC7C,CAAA;AACH;;;;"}

package/{esm/components → build}/widgets/AssetAction/AssetAction.js

@@ -1,25 +1,22 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../node_modules/react/index.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import { AssetAction as AssetAction$2, AssetActionButton, Floating, ActionTitle, StyledFloatingArrow } from './AssetAction.styled.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useRef, useState, useCallback } from 'react';
+import PropTypes from 'prop-types';
+import { AssetAction as AssetAction$1, AssetActionButton, Floating, ActionTitle, StyledFloatingArrow } from './AssetAction.styled.js';
 import { isFunction } from 'lodash';
 import { useFloating, autoUpdate, offset, flip, shift, arrow, useTransitionStyles, useHover, useDismiss, useInteractions } from '@floating-ui/react';
-import { r as react } from '../../../_virtual/index.js';
 
-const _excluded = ["action", "asset", "itemKey"];
-const AssetAction = React.forwardRef(function AssetAction(_ref, forwardedRef) {
-  let {
-      action,
-      asset,
-      itemKey
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
+const AssetAction = React__default.forwardRef(function AssetAction({
+  action,
+  asset,
+  itemKey,
+  ...props
+}, forwardedRef) {
   const ARROW_WIDTH = 10;
   const ARROW_HEIGHT = 5;
   const GAP = 3;
-  const arrowRef = react.exports.useRef(null);
-  const [isOpen, setIsOpen] = react.exports.useState(false);
-  const [placement] = react.exports.useState('bottom');
+  const arrowRef = useRef(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const [placement] = useState('bottom');
   const {
     refs,
     floatingStyles,
@@ -58,28 +55,28 @@ const AssetAction = React.forwardRef(function AssetAction(_ref, forwardedRef) {
     getReferenceProps,
     getFloatingProps
   } = useInteractions([dismiss, hover]);
-  const onActionClick = react.exports.useCallback((e, action) => {
+  const onActionClick = useCallback((e, action) => {
     e.preventDefault();
     e.stopPropagation();
-    if (isFunction(action === null || action === void 0 ? void 0 : action.onClick)) {
+    if (isFunction(action?.onClick)) {
       action.onClick(asset);
     }
   }, [action]);
-  return React.createElement(AssetAction$2, _extends({
+  return React__default.createElement(AssetAction$1, _extends({
     ref: forwardedRef
-  }, props), React.createElement(AssetActionButton, _extends({
+  }, props), React__default.createElement(AssetActionButton, _extends({
     key: itemKey,
     ref: refs.setReference
   }, getReferenceProps(), {
     onClick: e => onActionClick(e, action.onClick(asset), itemKey),
-    actionWidthHeight: action.actionWidthHeight
-  }), action.icon), isOpen && isMounted && React.createElement(Floating, _extends({
+    $actionWidthHeight: action.actionWidthHeight
+  }), action.icon), isOpen && isMounted && React__default.createElement(Floating, _extends({
     className: "floating",
     ref: refs.setFloating,
     style: floatingStyles
-  }, getFloatingProps()), React.createElement(ActionTitle, {
+  }, getFloatingProps()), React__default.createElement(ActionTitle, {
     style: styles
-  }, action.title), React.createElement(StyledFloatingArrow, {
+  }, action.title), React__default.createElement(StyledFloatingArrow, {
     ref: arrowRef,
     context: context,
     width: ARROW_WIDTH,
@@ -97,6 +94,6 @@ AssetAction.propTypes = process.env.NODE_ENV !== "production" ? {
   itemKey: PropTypes.string
 } : {};
 AssetAction.defaultProps = {};
-var AssetAction$1 = AssetAction;
 
-export { AssetAction$1 as default };
+export { AssetAction as default };
+//# sourceMappingURL=AssetAction.js.map

package/build/widgets/AssetAction/AssetAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetAction.js","sources":["../../../src/components/widgets/AssetAction/AssetAction.js"],"sourcesContent":["import React, { useRef, useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './AssetAction.styled';\n\nimport { isFunction } from 'lodash';\n\nimport {\n  useFloating,\n  useHover,\n  useInteractions,\n  useTransitionStyles,\n  flip,\n  shift,\n  arrow,\n  autoUpdate,\n  offset,\n  useDismiss\n} from '@floating-ui/react';\n\n/**\n * This is a component to help you get started with development.\n */\nconst AssetAction = React.forwardRef(function AssetAction(\n  { action, asset, itemKey, ...props },\n  forwardedRef\n) {\n  const ARROW_WIDTH = 10;\n  const ARROW_HEIGHT = 5;\n  const GAP = 3;\n\n  const arrowRef = useRef(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [placement] = useState('bottom');\n\n  const { refs, floatingStyles, context } = useFloating({\n    placement,\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      offset(ARROW_HEIGHT + GAP),\n      flip({ padding: 5 }),\n      shift({ padding: 5 }),\n      arrow({\n        element: arrowRef\n      })\n    ]\n  });\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    initial: {\n      transform: 'translateY(-8px)',\n      opacity: 0\n    },\n    duration: {\n      open: 200,\n      close: 100\n    }\n  });\n\n  const hover = useHover(context);\n  const dismiss = useDismiss(context, {\n    referencePress: true\n  });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, hover]);\n\n  const onActionClick = useCallback(\n    (e, action) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      if (isFunction(action?.onClick)) {\n        action.onClick(asset);\n      }\n    },\n    [action]\n  );\n\n  return (\n    <S.AssetAction ref={forwardedRef} {...props}>\n      <S.AssetActionButton\n        key={itemKey}\n        ref={refs.setReference}\n        {...getReferenceProps()}\n        onClick={e => onActionClick(e, action.onClick(asset), itemKey)}\n        $actionWidthHeight={action.actionWidthHeight}\n      >\n        {action.icon}\n      </S.AssetActionButton>\n\n      {isOpen && isMounted && (\n        <S.Floating\n          className=\"floating\"\n          ref={refs.setFloating}\n          style={floatingStyles}\n          {...getFloatingProps()}\n        >\n          <S.ActionTitle style={styles}>{action.title}</S.ActionTitle>\n          <S.StyledFloatingArrow\n            ref={arrowRef}\n            context={context}\n            width={ARROW_WIDTH}\n            height={ARROW_HEIGHT}\n          />\n        </S.Floating>\n      )}\n    </S.AssetAction>\n  );\n});\n\nAssetAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.node,\n    onClick: PropTypes.func,\n    actionWidthHeight: PropTypes.arrayOf(PropTypes.number),\n    title: PropTypes.string\n  }),\n  asset: PropTypes.object,\n  itemKey: PropTypes.string\n};\n\nAssetAction.defaultProps = {};\n\nexport default AssetAction;\n"],"names":["AssetAction","React","forwardRef","action","asset","itemKey","props","forwardedRef","ARROW_WIDTH","ARROW_HEIGHT","GAP","arrowRef","useRef","isOpen","setIsOpen","useState","placement","refs","floatingStyles","context","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","offset","flip","padding","shift","arrow","element","isMounted","styles","useTransitionStyles","initial","transform","opacity","duration","close","hover","useHover","dismiss","useDismiss","referencePress","getReferenceProps","getFloatingProps","useInteractions","onActionClick","useCallback","e","preventDefault","stopPropagation","isFunction","onClick","createElement","S","_extends","ref","key","setReference","$actionWidthHeight","actionWidthHeight","icon","className","setFloating","style","title","width","height","propTypes","process","env","NODE_ENV","PropTypes","shape","node","func","arrayOf","number","string","object","defaultProps"],"mappings":"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"}

package/build/widgets/AssetAction/AssetAction.styled.js

@@ -0,0 +1,52 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+import { FloatingArrow } from '@floating-ui/react';
+
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const AssetAction = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+`;
+const AssetActionButton = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  border-radius: 50%;
+  width: ${props => props.$actionWidthHeight ? `${props.$actionWidthHeight[0]}px` : 'auto'};
+  height: ${props => props.$actionWidthHeight ? `${props.$actionWidthHeight[1]}px` : 'auto'};
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
+  ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('white'))};
+  svg {
+    pointer-events: none;
+    width: ${props => props.$actionWidthHeightactionWidthHeight ? `${props.$actionWidthHeight[0] - 14}px` : 'auto'};
+    height: ${props => props.$actionWidthHeight ? `${props.$actionWidthHeight[1] - 14}px` : 'auto'};
+    ${props => props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('white'))};
+  }
+`;
+const ActionTitle = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-size: 14px;
+  border-radius: 4px;
+  padding: 8px 12px;
+  white-space: nowrap;
+  color: white;
+  background: ${props => props.theme.getColor('gray-700')};
+`;
+const StyledFloatingArrow = styled(FloatingArrow).attrs(applyDefaultTheme)`
+  fill: ${props => props.theme.getColor('gray-700')};
+`;
+const Floating = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  pointer-events: none;
+`;
+
+export { ActionTitle, AssetAction, AssetActionButton, Floating, StyledFloatingArrow };
+//# sourceMappingURL=AssetAction.styled.js.map

package/build/widgets/AssetAction/AssetAction.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetAction.styled.js","sources":["../../../src/components/widgets/AssetAction/AssetAction.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nimport { FloatingArrow } from '@floating-ui/react';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetAction = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const AssetActionButton = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  border-radius: 50%;\n  width: ${props => (props.$actionWidthHeight ? `${props.$actionWidthHeight[0]}px` : 'auto')};\n  height: ${props => (props.$actionWidthHeight ? `${props.$actionWidthHeight[1]}px` : 'auto')};\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n  ${props =>\n    props.theme.themeProp(\n      'background-color',\n      props.theme.getColor('gray-900'),\n      props.theme.getColor('white')\n    )};\n  svg {\n    pointer-events: none;\n    width: ${props =>\n      props.$actionWidthHeightactionWidthHeight ? `${props.$actionWidthHeight[0] - 14}px` : 'auto'};\n    height: ${props =>\n      props.$actionWidthHeight ? `${props.$actionWidthHeight[1] - 14}px` : 'auto'};\n    ${props =>\n      props.theme.themeProp(\n        'color',\n        props.theme.getColor('gray-900'),\n        props.theme.getColor('white')\n      )};\n  }\n`;\n\nexport const ActionTitle = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 14px;\n  border-radius: 4px;\n  padding: 8px 12px;\n  white-space: nowrap;\n  color: white;\n  background: ${props => props.theme.getColor('gray-700')};\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow).attrs(applyDefaultTheme)`\n  fill: ${props => props.theme.getColor('gray-700')};\n`;\n\nexport const Floating = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  pointer-events: none;\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetAction","styled","div","withConfig","attrs","applyDefaultTheme","props","theme","primaryFontFamily","AssetActionButton","$actionWidthHeight","themeProp","getColor","$actionWidthHeightactionWidthHeight","ActionTitle","StyledFloatingArrow","FloatingArrow","Floating"],"mappings":";;;;AAKA,MAAMA,iBAAiB,GAAGC,IAAI,IAAI;EAChC,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAMC,WAAW,GAAGC,MAAM,CAACC,GAAG,CAClCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,eAAA,EAAiBC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,iBAAiB,CAAA;AACvD,EAAC;AAEM,MAAMC,iBAAiB,GAAGR,MAAM,CAACC,GAAG,CACxCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA,SAAA,EAAWC,KAAK,IAAKA,KAAK,CAACI,kBAAkB,GAAG,CAAA,EAAGJ,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI,GAAG,MAAO,CAAA;AAC5F,UAAA,EAAYJ,KAAK,IAAKA,KAAK,CAACI,kBAAkB,GAAG,CAAA,EAAGJ,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI,GAAG,MAAO,CAAA;AAC7F;AACA;AACA;AACA;AACA;AACA,EAAIJ,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,kBAAkB,EAClBL,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,OAAO,CAC9B,CAAC,CAAA;AACL;AACA;AACA,WAAA,EAAaN,KAAK,IACZA,KAAK,CAACO,mCAAmC,GAAG,CAAGP,EAAAA,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA,EAAA,CAAI,GAAG,MAAM,CAAA;AAClG,YAAA,EAAcJ,KAAK,IACbA,KAAK,CAACI,kBAAkB,GAAG,CAAGJ,EAAAA,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA,EAAA,CAAI,GAAG,MAAM,CAAA;AACjF,IAAMJ,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,OAAO,EACPL,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,OAAO,CAC9B,CAAC,CAAA;AACP;AACA,EAAC;AAEM,MAAME,WAAW,GAAGb,MAAM,CAACC,GAAG,CAClCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA,cAAgBC,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,CAAA;AACzD,EAAC;AAEM,MAAMG,mBAAmB,GAAGd,MAAM,CAACe,aAAa,CAAC,CAACZ,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACjF,QAAUC,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,CAAA;AACnD,EAAC;AAEM,MAAMK,QAAQ,GAAGhB,MAAM,CAACC,GAAG,CAC/BC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;;;;"}

package/build/widgets/AssetAction/index.js

@@ -0,0 +1,2 @@
+export { default } from './AssetAction.js';
+//# sourceMappingURL=index.js.map

package/build/widgets/AssetAction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/widgets/AssetActionsBase/AssetActionsBase.js

@@ -0,0 +1,29 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { AssetActions } from './AssetActionsBase.styled.js';
+import AssetAction from '../AssetAction/AssetAction.js';
+
+const AssetActionsBase = React__default.forwardRef(function AssetActionsBase({
+  actions,
+  asset,
+  ...props
+}, forwardedRef) {
+  const assetActions = actions.map((action, index) => React__default.createElement(AssetAction, _extends({
+    key: `index_${action.title}`,
+    ref: forwardedRef
+  }, props, {
+    action: action,
+    asset: asset,
+    itemKey: `${index}-${action.title}`
+  })));
+  return React__default.createElement(AssetActions, null, assetActions);
+});
+AssetActionsBase.propTypes = process.env.NODE_ENV !== "production" ? {
+  actions: PropTypes.arrayOf(PropTypes.object),
+  asset: PropTypes.object
+} : {};
+AssetActionsBase.defaultProps = {};
+
+export { AssetActionsBase as default };
+//# sourceMappingURL=AssetActionsBase.js.map

package/build/widgets/AssetActionsBase/AssetActionsBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetActionsBase.js","sources":["../../../src/components/widgets/AssetActionsBase/AssetActionsBase.js"],"sourcesContent":["import React from 'react';\n\nimport PropTypes from 'prop-types';\n\nimport * as S from './AssetActionsBase.styled';\n\nimport AssetAction from '../AssetAction/AssetAction';\n\nconst AssetActionsBase = React.forwardRef(function AssetActionsBase(\n  { actions, asset, ...props },\n  forwardedRef\n) {\n  const assetActions = actions.map((action, index) => (\n    <AssetAction\n      key={`index_${action.title}`}\n      ref={forwardedRef}\n      {...props}\n      action={action}\n      asset={asset}\n      itemKey={`${index}-${action.title}`}\n    />\n  ));\n\n  return <S.AssetActions>{assetActions}</S.AssetActions>;\n});\n\nAssetActionsBase.propTypes = {\n  actions: PropTypes.arrayOf(PropTypes.object),\n  asset: PropTypes.object\n};\n\nAssetActionsBase.defaultProps = {};\n\nexport default AssetActionsBase;\n"],"names":["AssetActionsBase","React","forwardRef","actions","asset","props","forwardedRef","assetActions","map","action","index","createElement","AssetAction","_extends","key","title","ref","itemKey","S","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","object","defaultProps"],"mappings":";;;;;;AAQMA,MAAAA,gBAAgB,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,gBAAgBA,CACjE;EAAEG,OAAO;EAAEC,KAAK;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAC5BC,YAAY,EACZ;AACA,EAAA,MAAMC,YAAY,GAAGJ,OAAO,CAACK,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAC7CT,cAAA,CAAAU,aAAA,CAACC,WAAW,EAAAC,QAAA,CAAA;AACVC,IAAAA,GAAG,EAAE,CAAA,MAAA,EAASL,MAAM,CAACM,KAAK,CAAG,CAAA;AAC7BC,IAAAA,GAAG,EAAEV,YAAAA;AAAa,GAAA,EACdD,KAAK,EAAA;AACTI,IAAAA,MAAM,EAAEA,MAAO;AACfL,IAAAA,KAAK,EAAEA,KAAM;AACba,IAAAA,OAAO,EAAE,CAAGP,EAAAA,KAAK,CAAID,CAAAA,EAAAA,MAAM,CAACM,KAAK,CAAA,CAAA;AAAG,GAAA,CACrC,CACF,CAAC,CAAA;EAEF,OAAOd,cAAA,CAAAU,aAAA,CAACO,YAAc,EAAEX,IAAAA,EAAAA,YAA6B,CAAC,CAAA;AACxD,CAAC,EAAC;AAEFP,gBAAgB,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;EAC3BnB,OAAO,EAAEoB,SAAS,CAACC,OAAO,CAACD,SAAS,CAACE,MAAM,CAAC;EAC5CrB,KAAK,EAAEmB,SAAS,CAACE,MAAAA;AACnB,CAAC,GAAA,EAAA,CAAA;AAEDzB,gBAAgB,CAAC0B,YAAY,GAAG,EAAE;;;;"}

package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js

@@ -0,0 +1,20 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const AssetActions = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+  font-size: 1rem;
+  font-weight: 500;
+  display: flex;
+  flex-direction: column;
+  padding: 2px;
+  gap: 8px;
+`;
+
+export { AssetActions };
+//# sourceMappingURL=AssetActionsBase.styled.js.map

package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetActionsBase.styled.js","sources":["../../../src/components/widgets/AssetActionsBase/AssetActionsBase.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 AssetActions = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n  display: flex;\n  flex-direction: column;\n  padding: 2px;\n  gap: 8px;\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetActions","styled","div","withConfig","attrs","applyDefaultTheme","props","theme","primaryFontFamily"],"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,YAAY,GAAGC,MAAM,CAACC,GAAG,CACnCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,eAAA,EAAiBC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,iBAAiB,CAAA;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/build/widgets/AssetActionsBase/index.js

@@ -0,0 +1,2 @@
+export { default } from './AssetActionsBase.js';
+//# sourceMappingURL=index.js.map

package/build/widgets/AssetActionsBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/{esm/components → build}/widgets/AssetGallery/AssetGallery.js

@@ -1,65 +1,64 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { isFunction } from 'lodash';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import React from '../../../node_modules/react/index.js';
-import { assetShape } from './asset.propType.js';
+import PropTypes from 'prop-types';
+import React__default, { useState, useEffect, useCallback } from 'react';
 import AssetGalleryBase from './AssetGalleryBase/AssetGalleryBase.js';
-import { r as react } from '../../../_virtual/index.js';
+import { assetShape } from './asset.propType.js';
 
-const _excluded = ["assets", "activeSummaryCard", "viewMode", "thumbnailMaxHeight", "selectable", "selectedAssetKeys", "onSelectedChanged", "softSelectable", "scrollElement", "onSoftSelectedChanged", "component", "displayIcon"];
-const AssetGallery = React.forwardRef(function AssetGallery(_ref, forwardedRef) {
-  let {
-      assets,
-      activeSummaryCard,
-      viewMode,
-      thumbnailMaxHeight,
-      selectable,
-      selectedAssetKeys,
-      onSelectedChanged,
-      softSelectable,
-      scrollElement,
-      onSoftSelectedChanged,
-      component,
-      displayIcon
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [selectedAssetKeysInternalState, setSelectedAssetKeysInternalState] = react.exports.useState(selectedAssetKeys || []);
-  const [softSelectedAssetKeyInternalState, setSoftSelectedAssetKeyInternalState] = react.exports.useState(null);
-  react.exports.useEffect(() => {
+const AssetGallery = React__default.forwardRef(function AssetGallery({
+  assets,
+  activeSummaryCard,
+  viewMode,
+  thumbnailMaxHeight,
+  selectable,
+  customSelectedBorder,
+  selectedAssetKeys,
+  onSelectedChanged,
+  softSelectable,
+  scrollElement,
+  onSoftSelectedChanged,
+  component,
+  displayIcon,
+  ...props
+}, forwardedRef) {
+  const [selectedAssetKeysInternalState, setSelectedAssetKeysInternalState] = useState(selectedAssetKeys || []);
+  const [softSelectedAssetKeyInternalState, setSoftSelectedAssetKeyInternalState] = useState(null);
+  useEffect(() => {
     setSelectedAssetKeysInternalState(selectedAssetKeys || []);
   }, [selectedAssetKeys]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     setSelectedAssetKeysInternalState(current => {
       return current.filter(c => assets.some(a => a.key === c));
     });
   }, [assets.length]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     if (selectedAssetKeys === selectedAssetKeysInternalState) return;
     if (isFunction(onSelectedChanged)) {
       onSelectedChanged(selectedAssetKeysInternalState);
     }
   }, [selectedAssetKeysInternalState]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     if (isFunction(onSoftSelectedChanged)) {
       onSoftSelectedChanged(softSelectedAssetKeyInternalState);
     }
   }, [softSelectedAssetKeyInternalState]);
-  const onSelected = react.exports.useCallback(assetKey => {
+  const onSelected = useCallback(assetKey => {
     setSelectedAssetKeysInternalState(currentState => [...currentState, assetKey]);
   }, []);
-  const onUnselected = react.exports.useCallback(assetKey => {
+  const onUnselected = useCallback(assetKey => {
     setSelectedAssetKeysInternalState(currentState => currentState.filter(filteredAssetKey => filteredAssetKey !== assetKey));
   }, []);
-  const onAssetSoftSelectedChanged = react.exports.useCallback((assetKey = null) => {
+  const onAssetSoftSelectedChanged = useCallback((assetKey = null) => {
     setSoftSelectedAssetKeyInternalState(assetKey);
   }, []);
-  return React.createElement(AssetGalleryBase, _extends({
+  return React__default.createElement(AssetGalleryBase, _extends({
     ref: forwardedRef,
     assets: assets,
     activeSummaryCard: activeSummaryCard,
     displayIcon: displayIcon,
     thumbnailMaxHeight: thumbnailMaxHeight,
     selectable: selectable,
+    customSelectedBorder: customSelectedBorder,
     selectedAssetKeys: selectedAssetKeysInternalState,
     onAssetSelected: onSelected,
     onAssetUnselected: onUnselected,
@@ -78,6 +77,7 @@ AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
   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)]),
   onSelectedChanged: PropTypes.func,
   softSelectable: PropTypes.bool,
@@ -90,9 +90,10 @@ AssetGallery.defaultProps = {
   viewMode: 'compact',
   thumbnailMaxHeight: 300,
   selectedAssetKeys: [],
+  customSelectedBorder: [],
   activeSummaryCard: false,
   displayIcon: ''
 };
-var AssetGallery$1 = AssetGallery;
 
-export { AssetGallery$1 as default };
+export { AssetGallery as default };
+//# sourceMappingURL=AssetGallery.js.map