@ntbjs/react-components 2.0.0-rc.27 → 2.0.0-rc.29

package/build/AssetAction-98d76ce0.js

@@ -0,0 +1,133 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import React__default, { useRef, useState, useCallback } from 'react';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import styled from 'styled-components';
+import { FloatingArrow, useFloating, autoUpdate, offset, flip, shift, arrow, useTransitionStyles, useHover, useDismiss, useInteractions } from '@floating-ui/react';
+import { isFunction } from 'lodash';
+
+const AssetAction$1 = styled.div.attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+`;
+const AssetActionButton = styled.div.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.actionWidthHeight ? `${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.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.attrs(applyDefaultTheme)`
+  pointer-events: none;
+`;
+
+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 = useRef(null);
+  const [isOpen, setIsOpen] = useState(false);
+  const [placement] = useState('bottom');
+  const {
+    refs,
+    floatingStyles,
+    context
+  } = useFloating({
+    placement,
+    open: isOpen,
+    onOpenChange: setIsOpen,
+    whileElementsMounted: autoUpdate,
+    middleware: [offset(ARROW_HEIGHT + GAP), flip({
+      padding: 5
+    }), shift({
+      padding: 5
+    }), arrow({
+      element: arrowRef
+    })]
+  });
+  const {
+    isMounted,
+    styles
+  } = useTransitionStyles(context, {
+    initial: {
+      transform: 'translateY(-8px)',
+      opacity: 0
+    },
+    duration: {
+      open: 200,
+      close: 100
+    }
+  });
+  const hover = useHover(context);
+  const dismiss = useDismiss(context, {
+    referencePress: true
+  });
+  const {
+    getReferenceProps,
+    getFloatingProps
+  } = useInteractions([dismiss, hover]);
+  const onActionClick = useCallback((e, action) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (isFunction(action?.onClick)) {
+      action.onClick(asset);
+    }
+  }, [action]);
+  return React__default.createElement(AssetAction$1, _extends({
+    ref: forwardedRef
+  }, 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__default.createElement(Floating, _extends({
+    className: "floating",
+    ref: refs.setFloating,
+    style: floatingStyles
+  }, getFloatingProps()), React__default.createElement(ActionTitle, {
+    style: styles
+  }, action.title), React__default.createElement(StyledFloatingArrow, {
+    ref: arrowRef,
+    context: context,
+    width: ARROW_WIDTH,
+    height: ARROW_HEIGHT
+  })));
+});
+AssetAction.propTypes = process.env.NODE_ENV !== "production" ? {
+  action: PropTypes.shape({
+    icon: PropTypes.node,
+    onClick: PropTypes.func,
+    actionWidthHeight: PropTypes.arrayOf(PropTypes.number),
+    title: PropTypes.string
+  }),
+  asset: PropTypes.object,
+  itemKey: PropTypes.string
+} : {};
+AssetAction.defaultProps = {};
+
+export { AssetAction as A };

package/build/AssetActionsBase-9e4c0735.js

@@ -0,0 +1,38 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import React__default from 'react';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import styled from 'styled-components';
+import { A as AssetAction } from './AssetAction-98d76ce0.js';
+
+const AssetActions = styled.div.attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+  font-size: 1rem;
+  font-weight: 500;
+  display: flex;
+  flex-direction: column;
+  padding: 2px;
+  gap: 8px;
+`;
+
+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 A };

package/build/{widgets/AssetGallery/AssetGallery.js → AssetGallery-63f721ec.js}

@@ -1,48 +1,37 @@
-import { _ as _extends$4 } from '../../_rollupPluginBabelHelpers-c245b26a.js';
-import { isFunction, get, mapKeys, omit, isEmpty, throttle } from 'lodash';
-import { P as PropTypes, a as applyDefaultTheme, s as styleInject } from '../../defaultTheme-1bcc2541.js';
+import { _ as _extends$4 } from './_rollupPluginBabelHelpers-c245b26a.js';
+import { get, isFunction, mapKeys, omit, isEmpty, throttle } from 'lodash';
+import { P as PropTypes, a as applyDefaultTheme, s as styleInject } from './defaultTheme-1bcc2541.js';
 import * as React from 'react';
-import React__default, { useRef, useState, useCallback, useEffect, useMemo } from 'react';
+import React__default, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
 import useMergedRefs from '@restart/hooks/useMergedRefs';
 import ResizeObserver from 'resize-observer-polyfill';
-import { u as useIsomorphicLayoutEffect } from '../../MultiLevelCheckboxSelect-d8044c88.js';
+import { u as useIsomorphicLayoutEffect } from './MultiLevelCheckboxSelect-d8044c88.js';
 import styled, { css } from 'styled-components';
-import { S as SvgWarningCircle } from '../../warning-circle-24f3efcd.js';
-import { A as Alert } from '../../Alert-e6847a22.js';
-import { B as Badge } from '../../Badge-d93586a9.js';
-import { P as Popover } from '../../Popover-20050b91.js';
-import '../../Tab-04d435c3.js';
-import '../../Tabs-74d1ea8a.js';
-import { T as Tooltip } from '../../Tooltip-c1d1199e.js';
-import '../../VerificationStatusIcon-49cb1c1b.js';
-import { FloatingArrow, useFloating, autoUpdate, offset, flip, shift, arrow, useTransitionStyles, useHover, useDismiss, useInteractions, useMergeRefs } from '@floating-ui/react';
+import { S as SvgWarningCircle } from './warning-circle-24f3efcd.js';
+import './Alert-e6847a22.js';
+import { B as Badge } from './Badge-d93586a9.js';
+import { P as Popover } from './Popover-20050b91.js';
+import './Tab-04d435c3.js';
+import './Tabs-74d1ea8a.js';
+import { T as Tooltip } from './Tooltip-c1d1199e.js';
+import './VerificationStatusIcon-49cb1c1b.js';
+import { S as SummaryCard } from './SummaryCard-24040650.js';
 import { rgba } from 'polished';
-import { A as ActionButton } from '../../ActionButton-4db754c3.js';
-import '../../Button-179a2fe4.js';
-import '../../Checkbox-4a5fd716.js';
-import '../../CompactAutocompleteSelect-52c49513.js';
-import '../../CompactStarRating-9af2f427.js';
-import '../../CompactTextInput-42ca5d42.js';
-import '../../MultiSelect-9f497e62.js';
-import '../../Radio-73ca3ae2.js';
-import '../../TextArea-1e5b9201.js';
-import '../../TextInput-fab35842.js';
-import '../../Switch-ecf3122b.js';
-import ContextMenu from '../ContextMenu/ContextMenu.js';
-import ContextMenuItem from '../ContextMenu/ContextMenuItem/ContextMenuItem.js';
-import '../../InputGroup-1294d190.js';
-import '../../SectionSeparator-f47760a2.js';
-import '../../close-a5d37608.js';
-import '@restart/hooks/useUpdateEffect';
-import '@tippyjs/react';
-import '../../shift-away-subtle-0dd94a03.js';
-import 'popper-max-size-modifier';
-import '../../expand-more-c5523c46.js';
-import 'nanoid';
-import 'react-select';
-import 'react-select-async-paginate';
-import 'react-select/creatable';
-import '../../edit-note-283a0e15.js';
+import { FloatingArrow, useFloating, autoUpdate, offset, flip, shift, arrow, useTransitionStyles, useHover, useDismiss, useInteractions, useMergeRefs } from '@floating-ui/react';
+import { A as AssetActionsBase } from './AssetActionsBase-9e4c0735.js';
+import { A as ActionButton } from './ActionButton-4db754c3.js';
+import './Button-73eb8516.js';
+import './Checkbox-4a5fd716.js';
+import './CompactAutocompleteSelect-52c49513.js';
+import './CompactStarRating-9af2f427.js';
+import './CompactTextInput-42ca5d42.js';
+import './MultiSelect-9f497e62.js';
+import './Radio-73ca3ae2.js';
+import './TextArea-1e5b9201.js';
+import './TextInput-fab35842.js';
+import './Switch-ecf3122b.js';
+import { C as ContextMenu } from './ContextMenu-0f7134e4.js';
+import { C as ContextMenuItem } from './ContextMenuItem-ea411141.js';
 
 var _path$3;
 function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
@@ -189,214 +178,6 @@ const convertMsToHMS = ms => {
   return hmsString;
 };
 
-const shouldForwardProp$1 = prop => {
-  return prop !== 'theme' && !prop.startsWith('$');
-};
-const SummaryCard$1 = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  flex-direction: column;
-  border-radius: 4px;
-  width: ${props => props.width ? `${props.width}px` : '100%'};
-  ${props => props.view === 'compact' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white')) : 'background: transparent'};
-
-  ${props => props.$useBorder ? props.theme.themeProp('border', `1px solid ${props.theme.getColor('gray-500')}`, `1px solid ${props.theme.getColor('gray-300')}`) : null}
-`;
-const Gutter = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  ${props => {
-  if (props.renderAsMargin) {
-    return css`
-        margin-bottom: ${props.$gutter || 8}px;
-      `;
-  } else {
-    return css`
-        padding-bottom: ${props.$gutter || 8}px;
-      `;
-  }
-}}
-  padding-bottom: ${props => props.$gutter || 8}px;
-`;
-const Header = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16px;
-`;
-const HeaderLeft = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-
-  > * {
-    margin-right: 4px;
-  }
-`;
-const HeaderRight = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-
-  > * {
-    margin-left: 4px;
-  }
-`;
-const Title = styled.span.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: inline-block;
-  padding: 0 16px;
-  font: normal normal 500 14px/19px Roboto;
-  letter-spacing: 0.28px;
-  display: -webkit-box;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  box-sizing: border-box;
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
-`;
-const Description = styled.span.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  padding: 0 16px;
-  text-align: left;
-  font: normal normal normal 12px/16px Roboto;
-  letter-spacing: 0.24px;
-  display: -webkit-box;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  box-sizing: border-box;
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
-`;
-const Instruction = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)``;
-const Footer = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16px;
-`;
-const FooterLeft = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-
-  > * {
-    margin-right: 4px;
-  }
-`;
-const FooterRight = styled.div.withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-
-  > * {
-    margin-left: 4px;
-  }
-`;
-styled(FloatingArrow).withConfig({
-  shouldForwardProp: shouldForwardProp$1
-}).attrs(applyDefaultTheme)`
-  ${props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
-`;
-
-const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
-  activeSummaryCard,
-  title,
-  description,
-  instructions,
-  instructionsType,
-  headerLeft,
-  headerRight,
-  footerLeft,
-  footerRight,
-  width,
-  useBorder,
-  view,
-  ...props
-}, forwardedRef) {
-  const shouldRenderInstructions = !!instructions;
-  const shouldRenderHeader = !!headerLeft || !!headerRight;
-  const shouldRenderFooter = !!footerLeft || !!footerRight;
-  const shouldAddGutterAfterInstructions = shouldRenderInstructions && shouldRenderFooter;
-  const shouldAddGutterAfterTitle = !!title && (!!description || !!instructions || shouldRenderFooter);
-  if (!activeSummaryCard) return null;
-  return React__default.createElement(SummaryCard$1, _extends$4({
-    ref: forwardedRef,
-    width: width,
-    useBorder: useBorder
-  }, props, {
-    view: view
-  }), shouldRenderHeader && React__default.createElement(React__default.Fragment, null, React__default.createElement(Gutter, {
-    gutter: 8
-  }), React__default.createElement(Header, null, React__default.createElement(HeaderLeft, null, headerLeft), React__default.createElement(HeaderRight, null, headerRight))), React__default.createElement(Gutter, {
-    gutter: shouldRenderHeader ? 8 : 16
-  }), title && React__default.createElement(Title, null, title), shouldAddGutterAfterTitle && React__default.createElement(Gutter, {
-    gutter: 4
-  }), description && React__default.createElement(Description, null, description), React__default.createElement(Gutter, {
-    gutter: 16
-  }), shouldRenderInstructions && React__default.createElement(Instruction, null, React__default.createElement(Alert, {
-    icon: React__default.createElement(SvgWarningCircle, null),
-    alertMessage: instructions,
-    type: instructionsType,
-    fontSize: 12,
-    verticalPadding: 12,
-    horizontalPadding: 16,
-    width: width,
-    lineClamp: 1
-  })), shouldAddGutterAfterInstructions && React__default.createElement(Gutter, {
-    gutter: 16
-  }), shouldRenderFooter && React__default.createElement(Footer, null, React__default.createElement(FooterLeft, null, footerLeft), React__default.createElement(FooterRight, null, footerRight)), shouldRenderFooter && React__default.createElement(Gutter, {
-    gutter: 16
-  }));
-});
-SummaryCard.propTypes = process.env.NODE_ENV !== "production" ? {
-  activeSummaryCard: PropTypes.bool,
-  title: PropTypes.string,
-  description: PropTypes.string,
-  instructions: PropTypes.string,
-  instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),
-  headerLeft: PropTypes.node,
-  headerRight: PropTypes.node,
-  footerLeft: PropTypes.node,
-  footerRight: PropTypes.node,
-  width: PropTypes.number,
-  useBorder: PropTypes.bool,
-  view: PropTypes.string
-} : {};
-SummaryCard.defaultProps = {
-  title: '',
-  description: '',
-  instructions: '',
-  instructionsType: 'info',
-  headerLeft: null,
-  headerRight: null,
-  footerLeft: null,
-  footerRight: null,
-  useBorder: false,
-  activeSummaryCard: false
-};
-
 const shouldForwardProp = prop => {
   return prop !== 'theme' && !prop.startsWith('$');
 };
@@ -713,168 +494,12 @@ styled.div.withConfig({
   padding: 4px 8px;
   border-radius: 4px;
 `;
-const StyledFloatingArrow$1 = styled(FloatingArrow).withConfig({
+const StyledFloatingArrow = styled(FloatingArrow).withConfig({
   shouldForwardProp
 }).attrs(applyDefaultTheme)`
   ${props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
 `;
 
-const AssetActions = styled.div.attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-  font-size: 1rem;
-  font-weight: 500;
-  display: flex;
-  flex-direction: column;
-  padding: 2px;
-  gap: 8px;
-`;
-
-const AssetAction$1 = styled.div.attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-`;
-const AssetActionButton = styled.div.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.actionWidthHeight ? `${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.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.attrs(applyDefaultTheme)`
-  pointer-events: none;
-`;
-
-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 = useRef(null);
-  const [isOpen, setIsOpen] = useState(false);
-  const [placement] = useState('bottom');
-  const {
-    refs,
-    floatingStyles,
-    context
-  } = useFloating({
-    placement,
-    open: isOpen,
-    onOpenChange: setIsOpen,
-    whileElementsMounted: autoUpdate,
-    middleware: [offset(ARROW_HEIGHT + GAP), flip({
-      padding: 5
-    }), shift({
-      padding: 5
-    }), arrow({
-      element: arrowRef
-    })]
-  });
-  const {
-    isMounted,
-    styles
-  } = useTransitionStyles(context, {
-    initial: {
-      transform: 'translateY(-8px)',
-      opacity: 0
-    },
-    duration: {
-      open: 200,
-      close: 100
-    }
-  });
-  const hover = useHover(context);
-  const dismiss = useDismiss(context, {
-    referencePress: true
-  });
-  const {
-    getReferenceProps,
-    getFloatingProps
-  } = useInteractions([dismiss, hover]);
-  const onActionClick = useCallback((e, action) => {
-    e.preventDefault();
-    e.stopPropagation();
-    if (isFunction(action?.onClick)) {
-      action.onClick(asset);
-    }
-  }, [action]);
-  return React__default.createElement(AssetAction$1, _extends$4({
-    ref: forwardedRef
-  }, props), React__default.createElement(AssetActionButton, _extends$4({
-    key: itemKey,
-    ref: refs.setReference
-  }, getReferenceProps(), {
-    onClick: e => onActionClick(e, action.onClick(asset), itemKey),
-    actionWidthHeight: action.actionWidthHeight
-  }), action.icon), isOpen && isMounted && React__default.createElement(Floating, _extends$4({
-    className: "floating",
-    ref: refs.setFloating,
-    style: floatingStyles
-  }, getFloatingProps()), React__default.createElement(ActionTitle, {
-    style: styles
-  }, action.title), React__default.createElement(StyledFloatingArrow, {
-    ref: arrowRef,
-    context: context,
-    width: ARROW_WIDTH,
-    height: ARROW_HEIGHT
-  })));
-});
-AssetAction.propTypes = process.env.NODE_ENV !== "production" ? {
-  action: PropTypes.shape({
-    icon: PropTypes.node,
-    onClick: PropTypes.func,
-    actionWidthHeight: PropTypes.arrayOf(PropTypes.number),
-    title: PropTypes.string
-  }),
-  asset: PropTypes.object,
-  itemKey: PropTypes.string
-} : {};
-AssetAction.defaultProps = {};
-
-const AssetActionsBase = React__default.forwardRef(function AssetActionsBase({
-  actions,
-  asset,
-  ...props
-}, forwardedRef) {
-  const assetActions = actions.map((action, index) => React__default.createElement(AssetAction, _extends$4({
-    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 = {};
-
 const ComputedRootComponent$1 = ({
   component,
   asset,
@@ -1221,7 +846,7 @@ const AssetGalleryCompactCard = props => {
   }, getFloatingProps()), React__default.createElement("div", {
     style: styles,
     className: "floating"
-  }, renderPopoverContent(), React__default.createElement(StyledFloatingArrow$1, {
+  }, renderPopoverContent(), React__default.createElement(StyledFloatingArrow, {
     ref: arrowRef,
     context: context,
     width: ARROW_WIDTH,
@@ -2353,4 +1978,4 @@ AssetGallery.defaultProps = {
   displayIcon: ''
 };
 
-export { AssetGallery as default };
+export { AssetGallery as A };

package/build/{widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js → AssetPreviewTopBar-acd6353d.js}

@@ -1,9 +1,9 @@
-import { _ as _extends$1 } from '../../../_rollupPluginBabelHelpers-c245b26a.js';
+import { _ as _extends$1 } from './_rollupPluginBabelHelpers-c245b26a.js';
 import * as React from 'react';
 import React__default from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from '../../../defaultTheme-1bcc2541.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled, { css } from 'styled-components';
-import { S as SvgClose } from '../../../close-a5d37608.js';
+import { S as SvgClose } from './close-a5d37608.js';
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -124,4 +124,4 @@ AssetPreviewTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 AssetPreviewTopBar.defaultProps = {};
 
-export { AssetPreviewTopBar as default };
+export { AssetPreviewTopBar as A };

package/build/{Button-179a2fe4.js → Button-73eb8516.js}

@@ -3,7 +3,7 @@ import React__default, { useState, useRef, useEffect } from 'react';
 import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled, { css } from 'styled-components';
 import { P as Popover } from './Popover-20050b91.js';
-import ContextMenu from './widgets/ContextMenu/ContextMenu.js';
+import { C as ContextMenu } from './ContextMenu-0f7134e4.js';
 import { S as SvgExpandMore } from './expand-more-c5523c46.js';
 
 const Button$1 = styled.button.attrs(applyDefaultTheme)`

package/build/{widgets/ContextMenu/ContextMenu.js → ContextMenu-0f7134e4.js}

@@ -1,6 +1,6 @@
-import { _ as _extends } from '../../_rollupPluginBabelHelpers-c245b26a.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
 import React__default from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from '../../defaultTheme-1bcc2541.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled from 'styled-components';
 
 const ContextMenu$1 = styled.div.attrs(applyDefaultTheme)`
@@ -23,4 +23,4 @@ ContextMenu.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 ContextMenu.defaultProps = {};
 
-export { ContextMenu as default };
+export { ContextMenu as C };