@ntbjs/react-components 2.0.0-rc.9 → 2.0.2-rc.1

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

@@ -1,58 +1,19 @@
 import { rgba } from 'polished';
 import styled, { css } from 'styled-components';
-import { applyDefaultTheme } from '../../../../../utils/defaultTheme.js';
+import { applyDefaultTheme } from '../../../../utils/defaultTheme.js';
 
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6,
-  _t7,
-  _t8,
-  _t9,
-  _t10,
-  _t11,
-  _t12,
-  _t13,
-  _t14,
-  _t15,
-  _t16,
-  _t17,
-  _t18,
-  _t19,
-  _t20,
-  _t21,
-  _t22,
-  _t23,
-  _t24,
-  _t25,
-  _t26;
-const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)(_t || (_t = _`
-  ${0};
-`), props => props.disabled && css(_t2 || (_t2 = _`
+const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)`
+  ${props => props.disabled && css`
       cursor: not-allowed;
-    `)));
-const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)(_t3 || (_t3 = _`
+    `};
+`;
+const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`
   display: block;
   position: relative;
   height: 100%;
   margin: 0;
   box-sizing: border-box;
-  border-width: ${0}px;
-  border-style: solid;
-  text-decoration: none;
-  cursor: pointer;
-
-  ${0}
-
-  ${0};
-
-  ${0}
-
-  ${0};
-`), props => {
+  border-width: ${props => {
   const {
     selected,
     softSelected,
@@ -60,17 +21,32 @@ const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)(_t3 || (_t3 = _
     completed
   } = props;
   return selected || softSelected || hasError || completed ? 3 : 1;
-}, props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700')), props => props.disabled && css(_t4 || (_t4 = _`
+}}px;
+  border-style: solid;
+  text-decoration: none;
+  cursor: pointer;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'))}
+
+  ${props => props.disabled && css`
       pointer-events: none;
       opacity: 0.4;
-    `)), props => props.extendedSelectMode && css(_t5 || (_t5 = _`
+    `};
+
+  ${props => props.extendedSelectMode && css`
       cursor: pointer;
-    `)), props => {
-  if (props.softSelected) {
+    `}
+
+  ${props => {
+  if (props.$softSelected) {
     return props.theme.themeProp('border-color', rgba(props.theme.getColor('gray-100'), 0.5), rgba(props.theme.getColor('gray-700'), 0.5));
   }
   if (props.selected) {
-    return props.theme.themeProp('border-color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
+    if (props.customSelectedBorder) {
+      return props.theme.themeProp('border-color', props.customSelectedBorder[0], props.customSelectedBorder[1]);
+    } else {
+      return props.theme.themeProp('border-color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
+    }
   }
   if (props.completed) {
     return props.theme.themeProp('border-color', props.theme.getColor('emerald-500'), rgba(props.theme.getColor('emerald-500'), 0.7));
@@ -79,16 +55,17 @@ const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)(_t3 || (_t3 = _
     return props.theme.themeProp('border-color', props.theme.getColor('red-600'), rgba(props.theme.getColor('red-500'), 0.7));
   }
   return props.theme.themeProp('border-color', props.theme.getColor('gray-700'), props.theme.getColor('gray-300'));
-});
-const ContentWrapper = styled.div.attrs(applyDefaultTheme)(_t6 || (_t6 = _`
+}};
+`;
+const ContentWrapper = styled.div.attrs(applyDefaultTheme)`
   display: flex;
   flex-direction: column;
   box-sizing: border-box;
-  padding: ${0}px;
+  padding: ${props => props.selected || props.$softSelected ? 4 : 0}px;
   padding-top: 35px;
   height: 100%;
-`), props => props.selected || props.softSelected ? 4 : 0);
-const Asset = styled.div(_t7 || (_t7 = _`
+`;
+const Asset = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -109,8 +86,8 @@ const Asset = styled.div(_t7 || (_t7 = _`
       width: 25%;
     }
   }
-`));
-const Figure = styled.figure(_t8 || (_t8 = _`
+`;
+const Figure = styled.figure`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -125,7 +102,11 @@ const Figure = styled.figure(_t8 || (_t8 = _`
     width: 100%;
     box-sizing: border-box;
 
-    ${0}
+    ${props => props.hasHeightAndWidth ? css`
+            object-fit: cover;
+          ` : css`
+            object-fit: contain;
+          `}
   }
 
   .audio {
@@ -136,25 +117,21 @@ const Figure = styled.figure(_t8 || (_t8 = _`
       width: 25%;
     }
   }
-`), props => props.hasHeightAndWidth ? css(_t9 || (_t9 = _`
-            object-fit: cover;
-          `)) : css(_t10 || (_t10 = _`
-            object-fit: contain;
-          `)));
-const FigureOverlayBackdrop = styled.div.attrs(applyDefaultTheme)(_t11 || (_t11 = _`
+`;
+const FigureOverlayBackdrop = styled.div.attrs(applyDefaultTheme)`
   position: absolute;
   inset: 0;
-  opacity: ${0};
-  background-color: ${0};
-`), props => props.selected ? 0.6 : 0, props => props.selected ? '#ACCEF7' : 'transparent');
-const Overlay = styled.div.attrs(applyDefaultTheme)(_t12 || (_t12 = _`
+  opacity: ${props => props.selected ? 0.6 : 0};
+  background-color: ${props => props.selected ? '#ACCEF7' : 'transparent'};
+`;
+const Overlay = styled.div.attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
-`));
-const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)(_t13 || (_t13 = _`
+`;
+const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -162,28 +139,28 @@ const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)(_t13 || (_t13 = _`
   right: 0;
   opacity: 0;
   transition: opacity 220ms;
-  ${0}
-
-  ${0}
-
-  ${0}:hover & {
-    opacity: 1;
-  }
-
-  ${0}:hover & {
-    opacity: 1;
-  }
-`), props => !props.selected ? css(_t14 || (_t14 = _`
+  ${props => !props.selected ? css`
           background: radial-gradient(
             ellipse at center,
             rgba(0, 0, 0, 0.3) 27%,
             rgba(0, 0, 0, 0.5) 60%,
             rgba(0, 0, 0, 0.7) 90%
           );
-        `)) : null, props => (props.selected || props.softSelected) && css(_t15 || (_t15 = _`
+        ` : null}
+
+  ${props => (props.selected || props.$softSelected) && css`
       opacity: 1;
-    `)), Overlay, AssetGalleryGridCard);
-const OverlayInfo = styled.div.attrs(applyDefaultTheme)(_t16 || (_t16 = _`
+    `}
+
+  ${Overlay}:hover & {
+    opacity: 1;
+  }
+
+  ${AssetGalleryGridCard}:hover & {
+    opacity: 1;
+  }
+`;
+const OverlayInfo = styled.div.attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -193,51 +170,51 @@ const OverlayInfo = styled.div.attrs(applyDefaultTheme)(_t16 || (_t16 = _`
   flex-direction: column;
   justify-content: space-between;
   padding: 15px 12px 10px;
-  color: ${0};
-`), props => props.theme.getColor('gray-100'));
-const OverlaySelected = styled.div.attrs(applyDefaultTheme)(_t17 || (_t17 = _`
+  color: ${props => props.theme.getColor('gray-100')};
+`;
+const OverlaySelected = styled.div.attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   pointer-events: none;
-`));
-const OverlayInfoTop = styled.div.attrs(applyDefaultTheme)(_t18 || (_t18 = _`
+`;
+const OverlayInfoTop = styled.div.attrs(applyDefaultTheme)`
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   padding: 8px;
   display: flex;
-`));
-const OverlayInfoTopVersions = styled.div.attrs(applyDefaultTheme)(_t19 || (_t19 = _`
+`;
+const OverlayInfoTopVersions = styled.div.attrs(applyDefaultTheme)`
   opacity: 1;
 
-  ${0}:hover & {
+  ${AssetGalleryGridCard}:hover & {
     opacity: 0;
   }
-`), AssetGalleryGridCard);
-const OverlayInfoTopWarning = styled.div.attrs(applyDefaultTheme)(_t20 || (_t20 = _`
+`;
+const OverlayInfoTopWarning = styled.div.attrs(applyDefaultTheme)`
   margin-left: auto;
   height: 24px;
   width: 24px;
   border-radius: 50%;
   box-sizing: border-box;
-  padding: ${0};
-  background-color: ${0};
+  padding: ${props => props.type === 'error' ? 0 : '4px'};
+  background-color: ${props => props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};
   opacity: 1;
 
   svg {
     width: 100%;
-    color: ${0};
+    color: ${props => props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};
   }
 
-  ${0}:hover & {
+  ${AssetGalleryGridCard}:hover & {
     opacity: 0;
   }
-`), props => props.type === 'error' ? 0 : '4px', props => props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100'), props => props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700'), AssetGalleryGridCard);
-const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)(_t21 || (_t21 = _`
+`;
+const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   right: 0;
@@ -247,20 +224,20 @@ const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)(_t21 || (_t21
   justify-content: space-between;
   transition: opacity 220ms;
   z-index: 99999;
-  ${0}
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'))}
 
-  opacity: ${0};
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700')), props => props.isCardHovered ? 1 : 0);
-const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)(_t22 || (_t22 = _`
+  opacity: ${props => props.isCardHovered ? 1 : 0};
+`;
+const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)`
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 8px;
   display: flex;
-`));
-const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)(_t23 || (_t23 = _`
-  opacity: ${0};
+`;
+const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)`
+  opacity: ${props => props.selected ? 1 : 0};
   flex-shrink: 0;
   cursor: pointer;
   transition: opacity 220ms;
@@ -269,34 +246,35 @@ const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)(_t23 |
     width: 23px;
     height: 100%;
     transition: opacity 120ms;
-    opacity: ${0};
+    opacity: ${props => props.selected ? 1 : 0.5};
   }
 
-  ${0}:hover & {
+  ${Overlay}:hover & {
     opacity: 1;
   }
 
-  ${0}:hover & {
+  ${AssetGalleryGridCard}:hover & {
     opacity: 1;
   }
-`), props => props.selected ? 1 : 0, props => props.selected ? 1 : 0.5, Overlay, AssetGalleryGridCard);
-const OverlayInfoBottomMediaIcon = styled.div.attrs(applyDefaultTheme)(_t24 || (_t24 = _`
+`;
+const OverlayInfoBottomMediaIcon = styled.div.attrs(applyDefaultTheme)`
   margin-left: auto;
   opacity: 1;
-  ${0}:hover & {
+  ${AssetGalleryGridCard}:hover & {
     opacity: 0;
   }
-`), AssetGalleryGridCard);
-const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)(_t25 || (_t25 = _`
+`;
+const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)`
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   pointer-events: none;
-`));
-const Fragment = styled.div(_t26 || (_t26 = _`
+`;
+const Fragment = styled.div`
   margin: 4px;
-`));
+`;
 
 export { Asset, AssetGalleryGridCard, AssetGalleryWrapper, ConsumerDefinedOverlay, ContentWrapper, Figure, FigureOverlayBackdrop, Fragment, Overlay, OverlayBackdrop, OverlayInfo, OverlayInfoBottom, OverlayInfoBottomMediaIcon, OverlayInfoBottomSelectButton, OverlayInfoTop, OverlayInfoTopActions, OverlayInfoTopVersions, OverlayInfoTopWarning, OverlaySelected };
+//# sourceMappingURL=AssetGalleryGridCard.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AssetGalleryGridCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\n\nexport const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)`\n  ${props =>\n    props.disabled &&\n    css`\n      cursor: not-allowed;\n    `};\n`;\n\nexport const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`\n  display: block;\n  position: relative;\n  height: 100%;\n  margin: 0;\n  box-sizing: border-box;\n  border-width: ${props => {\n    const { selected, softSelected, hasError, completed } = props;\n    return selected || softSelected || hasError || completed ? 3 : 1;\n  }}px;\n  border-style: solid;\n  text-decoration: none;\n  cursor: pointer;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )}\n\n  ${props =>\n    props.disabled &&\n    css`\n      pointer-events: none;\n      opacity: 0.4;\n    `};\n\n  ${props =>\n    props.extendedSelectMode &&\n    css`\n      cursor: pointer;\n    `}\n\n  ${props => {\n    if (props.$softSelected) {\n      return props.theme.themeProp(\n        'border-color',\n        rgba(props.theme.getColor('gray-100'), 0.5),\n        rgba(props.theme.getColor('gray-700'), 0.5)\n      );\n    }\n\n    if (props.selected) {\n      if (props.customSelectedBorder) {\n        return props.theme.themeProp(\n          'border-color',\n          props.customSelectedBorder[0],\n          props.customSelectedBorder[1]\n        );\n      } else {\n        return props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        );\n      }\n    }\n\n    if (props.completed) {\n      return props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('emerald-500'),\n        rgba(props.theme.getColor('emerald-500'), 0.7)\n      );\n    }\n\n    if (props.hasError) {\n      return props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('red-600'),\n        rgba(props.theme.getColor('red-500'), 0.7)\n      );\n    }\n\n    return props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('gray-300')\n    );\n  }};\n`;\n\nexport const ContentWrapper = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ${props => (props.selected || props.$softSelected ? 4 : 0)}px;\n  padding-top: 35px;\n  height: 100%;\n`;\n\nexport const Asset = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n  padding: 0 36px;\n  min-height: 200px;\n  box-sizing: border-box;\n\n  video {\n    display: block;\n  }\n\n  .audio {\n    display: flex;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n`;\n\nexport const Figure = styled.figure`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  margin: 0;\n\n  img,\n  video,\n  .audio {\n    display: block;\n    max-height: 200px;\n    width: 100%;\n    box-sizing: border-box;\n\n    ${props =>\n      props.hasHeightAndWidth\n        ? css`\n            object-fit: cover;\n          `\n        : css`\n            object-fit: contain;\n          `}\n  }\n\n  .audio {\n    display: flex;\n    height: 200px;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n`;\n\nexport const FigureOverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  inset: 0;\n  opacity: ${props => (props.selected ? 0.6 : 0)};\n  background-color: ${props => (props.selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 220ms;\n  ${props =>\n    !props.selected\n      ? css`\n          background: radial-gradient(\n            ellipse at center,\n            rgba(0, 0, 0, 0.3) 27%,\n            rgba(0, 0, 0, 0.5) 60%,\n            rgba(0, 0, 0, 0.7) 90%\n          );\n        `\n      : null}\n\n  ${props =>\n    (props.selected || props.$softSelected) &&\n    css`\n      opacity: 1;\n    `}\n\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfo = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 15px 12px 10px;\n  color: ${props => props.theme.getColor('gray-100')};\n`;\n\nexport const OverlaySelected = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n`;\n\nexport const OverlayInfoTop = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoTopVersions = styled.div.attrs(applyDefaultTheme)`\n  opacity: 1;\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoTopWarning = styled.div.attrs(applyDefaultTheme)`\n  margin-left: auto;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  padding: ${props => (props.type === 'error' ? 0 : '4px')};\n  background-color: ${props =>\n    props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n  opacity: 1;\n\n  svg {\n    width: 100%;\n    color: ${props =>\n      props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};\n  }\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: opacity 220ms;\n  z-index: 99999;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )}\n\n  opacity: ${props => (props.isCardHovered ? 1 : 0)};\n`;\n\nexport const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)`\n  opacity: ${props => (props.selected ? 1 : 0)};\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 220ms;\n\n  > svg {\n    width: 23px;\n    height: 100%;\n    transition: opacity 120ms;\n    opacity: ${props => (props.selected ? 1 : 0.5)};\n  }\n\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div.attrs(applyDefaultTheme)`\n  margin-left: auto;\n  opacity: 1;\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n`;\n\nexport const Fragment = styled.div`\n  margin: 4px;\n`;\n"],"names":["AssetGalleryWrapper","styled","div","attrs","applyDefaultTheme","props","disabled","css","AssetGalleryGridCard","selected","softSelected","hasError","completed","theme","themeProp","getColor","extendedSelectMode","$softSelected","rgba","customSelectedBorder","ContentWrapper","Asset","Figure","figure","hasHeightAndWidth","FigureOverlayBackdrop","Overlay","OverlayBackdrop","OverlayInfo","OverlaySelected","OverlayInfoTop","OverlayInfoTopVersions","OverlayInfoTopWarning","type","OverlayInfoTopActions","isCardHovered","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","Fragment"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
-import { objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
+import PropTypes from 'prop-types';
 
 const assetShape = {
   key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
@@ -39,7 +38,8 @@ const assetShape = {
     footerRight: PropTypes.node
   })
 };
-const assetShapeWithLayout = _objectSpread2(_objectSpread2({}, assetShape), {}, {
+const assetShapeWithLayout = {
+  ...assetShape,
   layout: PropTypes.shape({
     width: PropTypes.number.isRequired,
     height: PropTypes.number.isRequired,
@@ -48,6 +48,7 @@ const assetShapeWithLayout = _objectSpread2(_objectSpread2({}, assetShape), {},
     type: PropTypes.oneOf(['groupLabel', 'asset']).isRequired,
     hasHeightAndWidth: PropTypes.bool
   }).isRequired
-});
+};
 
 export { assetShape, assetShapeWithLayout };
+//# sourceMappingURL=asset.propType.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"asset.propType.js","sources":["../../../src/components/widgets/AssetGallery/asset.propType.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const assetShape = {\n  key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  previewUrl: PropTypes.string,\n  title: PropTypes.string,\n  note: PropTypes.shape({\n    icon: PropTypes.element,\n    message: PropTypes.string\n  }),\n  width: PropTypes.number,\n  height: PropTypes.number,\n  fileType: PropTypes.oneOf(['image', 'video', 'pdf', 'file', 'audio']).isRequired,\n  fileTypeIconPosition: PropTypes.oneOf(['top-left', 'top-right']),\n  group: PropTypes.string,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      icon: PropTypes.element.isRequired,\n      onClick: PropTypes.func.isRequired,\n      className: PropTypes.shape,\n      component: PropTypes.func\n    })\n  ),\n  overlay: PropTypes.element,\n  completed: PropTypes.bool,\n  hasError: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  onContextMenu: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  summary: PropTypes.shape({\n    title: PropTypes.string,\n    description: PropTypes.string,\n    instructions: PropTypes.string,\n    instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),\n    headerLeft: PropTypes.node,\n    headerRight: PropTypes.node,\n    footerLeft: PropTypes.node,\n    footerRight: PropTypes.node\n  })\n};\n\nexport const assetShapeWithLayout = {\n  ...assetShape,\n  layout: PropTypes.shape({\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    translateX: PropTypes.number.isRequired,\n    translateY: PropTypes.number.isRequired,\n    type: PropTypes.oneOf(['groupLabel', 'asset']).isRequired,\n    hasHeightAndWidth: PropTypes.bool\n  }).isRequired\n};\n"],"names":["assetShape","key","PropTypes","oneOfType","string","number","isRequired","previewUrl","title","note","shape","icon","element","message","width","height","fileType","oneOf","fileTypeIconPosition","group","actions","arrayOf","onClick","func","className","component","overlay","completed","bool","hasError","disabled","onContextMenu","onMouseEnter","summary","description","instructions","instructionsType","headerLeft","node","headerRight","footerLeft","footerRight","assetShapeWithLayout","layout","translateX","translateY","type","hasHeightAndWidth"],"mappings":"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"}

package/build/widgets/AssetGallery/index.js

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

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

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

package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js

@@ -0,0 +1,44 @@
+import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { AssetPreviewTopBar as AssetPreviewTopBar$1, BackButtonContainer, BackHoverEffect, LeftText, ButtonsContainer } from './AssetPreviewTopBar.styled.js';
+import { ReactComponent as SvgArrowBack } from '../../../icons/arrow-back.svg.js';
+import { ReactComponent as SvgClose } from '../../../icons/close.svg.js';
+
+const AssetPreviewTopBar = React__default.forwardRef(function AssetPreviewTopBar({
+  onBackButtonClick,
+  backButtonText,
+  backButtonAsClose,
+  leftText,
+  buttons,
+  shadow,
+  border,
+  disabled,
+  ...props
+}, forwardedRef) {
+  return React__default.createElement(AssetPreviewTopBar$1, _extends({
+    ref: forwardedRef,
+    $shadow: shadow,
+    $border: border,
+    disabled: disabled
+  }, props), React__default.createElement(BackButtonContainer, {
+    onClick: onBackButtonClick,
+    disabled: disabled
+  }, backButtonAsClose ? React__default.createElement(React__default.Fragment, null, React__default.createElement(SvgClose, null), backButtonText) : React__default.createElement(BackHoverEffect, null, React__default.createElement(SvgArrowBack, null), backButtonText)), leftText && React__default.createElement(LeftText, null, leftText), Array.isArray(buttons) && React__default.createElement(ButtonsContainer, null, buttons.map((button, index) => React__default.createElement("span", {
+    key: 'topBarButton-' + index
+  }, button))));
+});
+AssetPreviewTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
+  onBackButtonClick: PropTypes.func.isRequired,
+  backButtonText: PropTypes.string.isRequired,
+  disabled: PropTypes.bool,
+  backButtonAsClose: PropTypes.bool,
+  leftText: PropTypes.string,
+  shadow: PropTypes.bool,
+  border: PropTypes.bool,
+  buttons: PropTypes.arrayOf(PropTypes.node)
+} : {};
+AssetPreviewTopBar.defaultProps = {};
+
+export { AssetPreviewTopBar as default };
+//# sourceMappingURL=AssetPreviewTopBar.js.map

package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetPreviewTopBar.js","sources":["../../../../src/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './AssetPreviewTopBar.styled';\n\nimport { ReactComponent as IconArrowBack } from '../../../../icons/arrow-back.svg';\nimport { ReactComponent as IconClose } from '../../../../icons/close.svg';\n\n/**\n * Top bar for asset preview.\n *\n * ### Import\n *\n * ``` js\n * import { AssetPreviewTopBar } from '@ntbjs/react-components/widgets'\n * // or\n * import AssetPreviewTopBar from '@ntbjs/react-components/AssetPreview/AssetPreviewTopBar'\n * ```\n * \n * ### Usage example\n * \n * ``` js\nconst button1 = <ActionButton key=\"btn1\"icon={<IconAddCircle />} />;\nconst button2 = <Button key=\"btn2\" secondary={true}>Edit</Button>;\nconst button3 = <Button key=\"btn3\" secondary={true}>Share</Button>;\nconst button4 = <Button key=\"btn4\">Download</Button>;\n\nconst topBar = <AssetPreviewTopBar backButtonText={t{\"Back\"}} onBackButtonClick={() => {}} buttons={[button1, button2, button3, button4]} />;\n * ```\n */\nconst AssetPreviewTopBar = React.forwardRef(function AssetPreviewTopBar(\n  {\n    onBackButtonClick,\n    backButtonText,\n    backButtonAsClose,\n    leftText,\n    buttons,\n    shadow,\n    border,\n    disabled,\n    ...props\n  },\n  forwardedRef\n) {\n  return (\n    <S.AssetPreviewTopBar\n      ref={forwardedRef}\n      $shadow={shadow}\n      $border={border}\n      disabled={disabled}\n      {...props}\n    >\n      <S.BackButtonContainer onClick={onBackButtonClick} disabled={disabled}>\n        {backButtonAsClose ? (\n          <>\n            <IconClose />\n            {backButtonText}\n          </>\n        ) : (\n          <S.BackHoverEffect>\n            <IconArrowBack />\n            {backButtonText}\n          </S.BackHoverEffect>\n        )}\n      </S.BackButtonContainer>\n      {leftText && <S.LeftText>{leftText}</S.LeftText>}\n      {Array.isArray(buttons) && (\n        <S.ButtonsContainer>\n          {buttons.map((button, index) => (\n            <span key={'topBarButton-' + index}>{button}</span>\n          ))}\n        </S.ButtonsContainer>\n      )}\n    </S.AssetPreviewTopBar>\n  );\n});\n\nAssetPreviewTopBar.propTypes = {\n  /**\n   * On-click function for the back button\n   */\n  onBackButtonClick: PropTypes.func.isRequired,\n\n  /**\n   * Translatable text for the back button\n   */\n  backButtonText: PropTypes.string.isRequired,\n\n  /**\n   * Disable the back button\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * Display the back button as an X instead of an arrow\n   */\n  backButtonAsClose: PropTypes.bool,\n\n  /**\n   * Text to be displayed grayed out after the \"Back\" text – e.g. \"Asset selected\" in gallery\n   */\n  leftText: PropTypes.string,\n\n  /**\n   * Add a shadow on the bottom border of the top bar – e.g. in gallery view\n   */\n  shadow: PropTypes.bool,\n  /**\n   * Add a border on the bottom of the top bar\n   */\n  border: PropTypes.bool,\n\n  /**\n   * `Array` of buttons to be placed on the right side of the top bar\n   */\n  buttons: PropTypes.arrayOf(PropTypes.node)\n};\n\nAssetPreviewTopBar.defaultProps = {};\n\nexport default AssetPreviewTopBar;\n"],"names":["AssetPreviewTopBar","React","forwardRef","onBackButtonClick","backButtonText","backButtonAsClose","leftText","buttons","shadow","border","disabled","props","forwardedRef","createElement","S","_extends","ref","$shadow","$border","onClick","Fragment","IconClose","IconArrowBack","Array","isArray","map","button","index","key","propTypes","process","env","NODE_ENV","PropTypes","func","isRequired","string","bool","arrayOf","node","defaultProps"],"mappings":";;;;;;;AA6BMA,MAAAA,kBAAkB,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,kBAAkBA,CACrE;EACEG,iBAAiB;EACjBC,cAAc;EACdC,iBAAiB;EACjBC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACNC,MAAM;EACNC,QAAQ;EACR,GAAGC,KAAAA;AACL,CAAC,EACDC,YAAY,EACZ;EACA,OACEX,cAAA,CAAAY,aAAA,CAACC,oBAAoB,EAAAC,QAAA,CAAA;AACnBC,IAAAA,GAAG,EAAEJ,YAAa;AAClBK,IAAAA,OAAO,EAAET,MAAO;AAChBU,IAAAA,OAAO,EAAET,MAAO;AAChBC,IAAAA,QAAQ,EAAEA,QAAAA;GACNC,EAAAA,KAAK,GAETV,cAAA,CAAAY,aAAA,CAACC,mBAAqB,EAAA;AAACK,IAAAA,OAAO,EAAEhB,iBAAkB;AAACO,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACnEL,iBAAiB,GAChBJ,cAAA,CAAAY,aAAA,CAAAZ,cAAA,CAAAmB,QAAA,EAAA,IAAA,EACEnB,cAAA,CAAAY,aAAA,CAACQ,QAAS,EAAA,IAAE,CAAC,EACZjB,cACD,CAAC,GAEHH,cAAA,CAAAY,aAAA,CAACC,eAAiB,EAAA,IAAA,EAChBb,cAAA,CAAAY,aAAA,CAACS,YAAa,MAAE,CAAC,EAChBlB,cACgB,CAEA,CAAC,EACvBE,QAAQ,IAAIL,cAAA,CAAAY,aAAA,CAACC,QAAU,EAAER,IAAAA,EAAAA,QAAqB,CAAC,EAC/CiB,KAAK,CAACC,OAAO,CAACjB,OAAO,CAAC,IACrBN,cAAA,CAAAY,aAAA,CAACC,gBAAkB,QAChBP,OAAO,CAACkB,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KACzB1B,cAAA,CAAAY,aAAA,CAAA,MAAA,EAAA;IAAMe,GAAG,EAAE,eAAe,GAAGD,KAAAA;AAAM,GAAA,EAAED,MAAa,CACnD,CACiB,CAEF,CAAC,CAAA;AAE3B,CAAC,EAAC;AAEF1B,kBAAkB,CAAC6B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAI7B7B,EAAAA,iBAAiB,EAAE8B,SAAS,CAACC,IAAI,CAACC,UAAU;AAK5C/B,EAAAA,cAAc,EAAE6B,SAAS,CAACG,MAAM,CAACD,UAAU;EAK3CzB,QAAQ,EAAEuB,SAAS,CAACI,IAAI;EAKxBhC,iBAAiB,EAAE4B,SAAS,CAACI,IAAI;EAKjC/B,QAAQ,EAAE2B,SAAS,CAACG,MAAM;EAK1B5B,MAAM,EAAEyB,SAAS,CAACI,IAAI;EAItB5B,MAAM,EAAEwB,SAAS,CAACI,IAAI;AAKtB9B,EAAAA,OAAO,EAAE0B,SAAS,CAACK,OAAO,CAACL,SAAS,CAACM,IAAI,CAAA;AAC3C,CAAC,GAAA,EAAA,CAAA;AAEDvC,kBAAkB,CAACwC,YAAY,GAAG,EAAE;;;;"}

package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js

@@ -0,0 +1,88 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
+
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const AssetPreviewTopBar = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  box-sizing: border-box;
+  align-items: center;
+  border-bottom: ${props => props.$border ? `1px solid` : `none`};
+  color: inherit;
+  display: flex;
+  font-family: ${props => props.theme.primaryFontFamily};
+  font-weight: 400;
+  min-height: 72px;
+  padding: 0 24px;
+  width: 100%;
+
+  ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-200'))}
+
+  ${props => props.$shadow && props.theme.themeProp('box-shadow', '0 -2px 12px #505050', '0 -3px 12px #b0b6b9')}
+
+      ${props => props.disabled && css`
+          cursor: not-allowed;
+        `}
+`;
+const BackButtonContainer = styled.a.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  align-items: center;
+  display: flex;
+  font-size: 1.125rem;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))};
+
+  ${props => props.disabled && css`
+      opacity: 0.5;
+      pointer-events: none;
+    `}
+
+  &:hover {
+    cursor: pointer;
+  }
+
+  > svg {
+    height: 24px;
+    margin-right: 16px;
+    width: 24px;
+  }
+`;
+const BackHoverEffect = styled.div`
+  display: inline-flex;
+  align-items: center;
+
+  > svg {
+    height: 24px;
+    margin-right: 16px;
+    width: 24px;
+    transition: transform 0.3s ease-in-out;
+  }
+
+  &:hover > svg {
+    transform: translateX(-2px);
+  }
+`;
+const LeftText = styled.span.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  font-size: 1.125rem;
+  margin-left: 16px;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'))};
+`;
+const ButtonsContainer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  align-items: center;
+  display: flex;
+  margin-left: auto;
+
+  > span {
+    margin-left: 16px;
+  }
+`;
+
+export { AssetPreviewTopBar, BackButtonContainer, BackHoverEffect, ButtonsContainer, LeftText };
+//# sourceMappingURL=AssetPreviewTopBar.styled.js.map

package/build/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetPreviewTopBar.styled.js","sources":["../../../../src/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetPreviewTopBar = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  box-sizing: border-box;\n  align-items: center;\n  border-bottom: ${props => (props.$border ? `1px solid` : `none`)};\n  color: inherit;\n  display: flex;\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-weight: 400;\n  min-height: 72px;\n  padding: 0 24px;\n  width: 100%;\n\n  ${props =>\n    props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('gray-800'),\n      props.theme.getColor('gray-200')\n    )}\n\n  ${props =>\n    props.$shadow &&\n    props.theme.themeProp('box-shadow', '0 -2px 12px #505050', '0 -3px 12px #b0b6b9')}\n\n      ${props =>\n        props.disabled &&\n        css`\n          cursor: not-allowed;\n        `}\n`;\n\nexport const BackButtonContainer = styled.a\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  align-items: center;\n  display: flex;\n  font-size: 1.125rem;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-100'),\n      props.theme.getColor('gray-900')\n    )};\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n      pointer-events: none;\n    `}\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  > svg {\n    height: 24px;\n    margin-right: 16px;\n    width: 24px;\n  }\n`;\n\nexport const BackHoverEffect = styled.div`\n  display: inline-flex;\n  align-items: center;\n\n  > svg {\n    height: 24px;\n    margin-right: 16px;\n    width: 24px;\n    transition: transform 0.3s ease-in-out;\n  }\n\n  &:hover > svg {\n    transform: translateX(-2px);\n  }\n`;\n\nexport const LeftText = styled.span\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 1.125rem;\n  margin-left: 16px;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-500'),\n      props.theme.getColor('gray-400')\n    )};\n`;\n\nexport const ButtonsContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  align-items: center;\n  display: flex;\n  margin-left: auto;\n\n  > span {\n    margin-left: 16px;\n  }\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetPreviewTopBar","styled","div","withConfig","attrs","applyDefaultTheme","props","$border","theme","primaryFontFamily","themeProp","getColor","$shadow","disabled","css","BackButtonContainer","a","BackHoverEffect","LeftText","span","ButtonsContainer"],"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,kBAAkB,GAAGC,MAAM,CAACC,GAAG,CACzCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA,iBAAmBC,EAAAA,KAAK,IAAKA,KAAK,CAACC,OAAO,GAAG,CAAA,SAAA,CAAW,GAAG,CAAO,IAAA,CAAA,CAAA;AAClE;AACA;AACA,eAAA,EAAiBD,KAAK,IAAIA,KAAK,CAACE,KAAK,CAACC,iBAAiB,CAAA;AACvD;AACA;AACA;AACA;AACA;AACA,EAAIH,EAAAA,KAAK,IACLA,KAAK,CAACE,KAAK,CAACE,SAAS,CACnB,cAAc,EACdJ,KAAK,CAACE,KAAK,CAACG,QAAQ,CAAC,UAAU,CAAC,EAChCL,KAAK,CAACE,KAAK,CAACG,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA,EAAA,EAAIL,KAAK,IACLA,KAAK,CAACM,OAAO,IACbN,KAAK,CAACE,KAAK,CAACE,SAAS,CAAC,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,CAAC,CAAA;AACrF;AACA,MAAA,EAAQJ,KAAK,IACLA,KAAK,CAACO,QAAQ,IACdC,GAAG,CAAA;AACX;AACA,QAAS,CAAA,CAAA;AACT,EAAC;AAEM,MAAMC,mBAAmB,GAAGd,MAAM,CAACe,CAAC,CACxCb,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACE,KAAK,CAACE,SAAS,CACnB,OAAO,EACPJ,KAAK,CAACE,KAAK,CAACG,QAAQ,CAAC,UAAU,CAAC,EAChCL,KAAK,CAACE,KAAK,CAACG,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL;AACA,EAAA,EAAIL,KAAK,IACLA,KAAK,CAACO,QAAQ,IACdC,GAAG,CAAA;AACP;AACA;AACA,IAAK,CAAA,CAAA;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEYG,MAAAA,eAAe,GAAGhB,MAAM,CAACC,GAAG,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMgB,QAAQ,GAAGjB,MAAM,CAACkB,IAAI,CAChChB,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA,EAAIC,EAAAA,KAAK,IACLA,KAAK,CAACE,KAAK,CAACE,SAAS,CACnB,OAAO,EACPJ,KAAK,CAACE,KAAK,CAACG,QAAQ,CAAC,UAAU,CAAC,EAChCL,KAAK,CAACE,KAAK,CAACG,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL,EAAC;AAEM,MAAMS,gBAAgB,GAAGnB,MAAM,CAACC,GAAG,CACvCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js

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

package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js.map

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

package/build/widgets/ContextMenu/ContextMenu.js

@@ -0,0 +1,23 @@
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
+import PropTypes from 'prop-types';
+import { ContextMenu as ContextMenu$1 } from './ContextMenu.styled.js';
+
+const ContextMenu = React__default.forwardRef(function ContextMenu({
+  children,
+  ...props
+}, forwardedRef) {
+  const filteredProps = Object.fromEntries(Object.entries(props).filter(([key]) => key !== 'sublevel'));
+  return React__default.createElement(ContextMenu$1, _extends({
+    ref: forwardedRef
+  }, filteredProps, {
+    role: "menu"
+  }), children);
+});
+ContextMenu.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: PropTypes.any
+} : {};
+ContextMenu.defaultProps = {};
+
+export { ContextMenu as default };
+//# sourceMappingURL=ContextMenu.js.map