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

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

@@ -0,0 +1,280 @@
+import { rgba } from 'polished';
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../../../utils/defaultTheme.js';
+
+const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)`
+  ${props => props.disabled && css`
+      cursor: not-allowed;
+    `};
+`;
+const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`
+  display: block;
+  position: relative;
+  height: 100%;
+  margin: 0;
+  box-sizing: border-box;
+  border-width: ${props => {
+  const {
+    selected,
+    softSelected,
+    hasError,
+    completed
+  } = props;
+  return selected || softSelected || hasError || completed ? 3 : 1;
+}}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`
+      cursor: pointer;
+    `}
+
+  ${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) {
+    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));
+  }
+  if (props.hasError) {
+    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)`
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  padding: ${props => props.selected || props.softSelected ? 4 : 0}px;
+  padding-top: 35px;
+  height: 100%;
+`;
+const Asset = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+  padding: 0 36px;
+  min-height: 200px;
+  box-sizing: border-box;
+
+  video {
+    display: block;
+  }
+
+  .audio {
+    display: flex;
+    justify-content: center;
+    svg {
+      width: 25%;
+    }
+  }
+`;
+const Figure = styled.figure`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  margin: 0;
+
+  img,
+  video,
+  .audio {
+    display: block;
+    max-height: 200px;
+    width: 100%;
+    box-sizing: border-box;
+
+    ${props => props.hasHeightAndWidth ? css`
+            object-fit: cover;
+          ` : css`
+            object-fit: contain;
+          `}
+  }
+
+  .audio {
+    display: flex;
+    height: 200px;
+    justify-content: center;
+    svg {
+      width: 25%;
+    }
+  }
+`;
+const FigureOverlayBackdrop = styled.div.attrs(applyDefaultTheme)`
+  position: absolute;
+  inset: 0;
+  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)`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  opacity: 0;
+  transition: opacity 220ms;
+  ${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`
+      opacity: 1;
+    `}
+
+  ${Overlay}:hover & {
+    opacity: 1;
+  }
+
+  ${AssetGalleryGridCard}:hover & {
+    opacity: 1;
+  }
+`;
+const OverlayInfo = styled.div.attrs(applyDefaultTheme)`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  padding: 15px 12px 10px;
+  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)`
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  padding: 8px;
+  display: flex;
+`;
+const OverlayInfoTopVersions = styled.div.attrs(applyDefaultTheme)`
+  opacity: 1;
+
+  ${AssetGalleryGridCard}:hover & {
+    opacity: 0;
+  }
+`;
+const OverlayInfoTopWarning = styled.div.attrs(applyDefaultTheme)`
+  margin-left: auto;
+  height: 24px;
+  width: 24px;
+  border-radius: 50%;
+  box-sizing: border-box;
+  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: ${props => props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};
+  }
+
+  ${AssetGalleryGridCard}:hover & {
+    opacity: 0;
+  }
+`;
+const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)`
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 4px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  transition: opacity 220ms;
+  z-index: 99999;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'))}
+
+  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)`
+  opacity: ${props => props.selected ? 1 : 0};
+  flex-shrink: 0;
+  cursor: pointer;
+  transition: opacity 220ms;
+
+  > svg {
+    width: 23px;
+    height: 100%;
+    transition: opacity 120ms;
+    opacity: ${props => props.selected ? 1 : 0.5};
+  }
+
+  ${Overlay}:hover & {
+    opacity: 1;
+  }
+
+  ${AssetGalleryGridCard}:hover & {
+    opacity: 1;
+  }
+`;
+const OverlayInfoBottomMediaIcon = styled.div.attrs(applyDefaultTheme)`
+  margin-left: auto;
+  opacity: 1;
+  ${AssetGalleryGridCard}:hover & {
+    opacity: 0;
+  }
+`;
+const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)`
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  pointer-events: none;
+`;
+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/build/widgets/AssetGallery/asset.propType.js

@@ -0,0 +1,54 @@
+import PropTypes from 'prop-types';
+
+const assetShape = {
+  key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
+  previewUrl: PropTypes.string,
+  title: PropTypes.string,
+  note: PropTypes.shape({
+    icon: PropTypes.element,
+    message: PropTypes.string
+  }),
+  width: PropTypes.number,
+  height: PropTypes.number,
+  fileType: PropTypes.oneOf(['image', 'video', 'pdf', 'file', 'audio']).isRequired,
+  fileTypeIconPosition: PropTypes.oneOf(['top-left', 'top-right']),
+  group: PropTypes.string,
+  actions: PropTypes.arrayOf(PropTypes.shape({
+    title: PropTypes.string.isRequired,
+    icon: PropTypes.element.isRequired,
+    onClick: PropTypes.func.isRequired,
+    className: PropTypes.shape,
+    component: PropTypes.func
+  })),
+  overlay: PropTypes.element,
+  completed: PropTypes.bool,
+  hasError: PropTypes.bool,
+  disabled: PropTypes.bool,
+  onClick: PropTypes.func,
+  onContextMenu: PropTypes.func,
+  onMouseEnter: PropTypes.func,
+  summary: PropTypes.shape({
+    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
+  })
+};
+const assetShapeWithLayout = {
+  ...assetShape,
+  layout: PropTypes.shape({
+    width: PropTypes.number.isRequired,
+    height: PropTypes.number.isRequired,
+    translateX: PropTypes.number.isRequired,
+    translateY: PropTypes.number.isRequired,
+    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

@@ -1,48 +1,2 @@
-export { A as default } from '../../AssetGallery-63f721ec.js';
-import '../../_rollupPluginBabelHelpers-c245b26a.js';
-import 'lodash';
-import '../../defaultTheme-1bcc2541.js';
-import 'styled-components';
-import 'react';
-import '@restart/hooks/useMergedRefs';
-import 'resize-observer-polyfill';
-import '../../MultiLevelCheckboxSelect-d8044c88.js';
-import '../../Alert-e6847a22.js';
-import '../../Badge-d93586a9.js';
-import '../../Popover-20050b91.js';
-import 'polished';
-import '@tippyjs/react';
-import '../../shift-away-subtle-0dd94a03.js';
-import 'popper-max-size-modifier';
-import '../../Tab-04d435c3.js';
-import '../../Tabs-74d1ea8a.js';
-import '../../Tooltip-c1d1199e.js';
-import '../../VerificationStatusIcon-49cb1c1b.js';
-import '../../Checkbox-4a5fd716.js';
-import 'nanoid';
-import '../../TextInput-fab35842.js';
-import '../../edit-note-283a0e15.js';
-import '../../InputGroup-1294d190.js';
-import '../../SectionSeparator-f47760a2.js';
-import '../../close-a5d37608.js';
-import '@restart/hooks/useUpdateEffect';
-import '../../warning-circle-24f3efcd.js';
-import '../../SummaryCard-24040650.js';
-import '@floating-ui/react';
-import '../../AssetActionsBase-9e4c0735.js';
-import '../../AssetAction-98d76ce0.js';
-import '../../ActionButton-4db754c3.js';
-import '../../Button-73eb8516.js';
-import '../../ContextMenu-0f7134e4.js';
-import '../../expand-more-c5523c46.js';
-import '../../CompactAutocompleteSelect-52c49513.js';
-import 'react-select';
-import 'react-select-async-paginate';
-import 'react-select/creatable';
-import '../../CompactStarRating-9af2f427.js';
-import '../../CompactTextInput-42ca5d42.js';
-import '../../MultiSelect-9f497e62.js';
-import '../../Radio-73ca3ae2.js';
-import '../../TextArea-1e5b9201.js';
-import '../../Switch-ecf3122b.js';
-import '../../ContextMenuItem-ea411141.js';
+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","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;AAClBJ,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,QAAQ,EAAEA,QAAAA;GACNC,EAAAA,KAAK,GAETV,cAAA,CAAAY,aAAA,CAACC,mBAAqB,EAAA;AAACG,IAAAA,OAAO,EAAEd,iBAAkB;AAACO,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACnEL,iBAAiB,GAChBJ,cAAA,CAAAY,aAAA,CAAAZ,cAAA,CAAAiB,QAAA,EAAA,IAAA,EACEjB,cAAA,CAAAY,aAAA,CAACM,QAAS,EAAA,IAAE,CAAC,EACZf,cACD,CAAC,GAEHH,cAAA,CAAAY,aAAA,CAACC,eAAiB,EAAA,IAAA,EAChBb,cAAA,CAAAY,aAAA,CAACO,YAAa,MAAE,CAAC,EAChBhB,cACgB,CAEA,CAAC,EACvBE,QAAQ,IAAIL,cAAA,CAAAY,aAAA,CAACC,QAAU,EAAER,IAAAA,EAAAA,QAAqB,CAAC,EAC/Ce,KAAK,CAACC,OAAO,CAACf,OAAO,CAAC,IACrBN,cAAA,CAAAY,aAAA,CAACC,gBAAkB,QAChBP,OAAO,CAACgB,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KACzBxB,cAAA,CAAAY,aAAA,CAAA,MAAA,EAAA;IAAMa,GAAG,EAAE,eAAe,GAAGD,KAAAA;AAAM,GAAA,EAAED,MAAa,CACnD,CACiB,CAEF,CAAC,CAAA;AAE3B,CAAC,EAAC;AAEFxB,kBAAkB,CAAC2B,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;AAI7B3B,EAAAA,iBAAiB,EAAE4B,SAAS,CAACC,IAAI,CAACC,UAAU;AAK5C7B,EAAAA,cAAc,EAAE2B,SAAS,CAACG,MAAM,CAACD,UAAU;EAK3CvB,QAAQ,EAAEqB,SAAS,CAACI,IAAI;EAKxB9B,iBAAiB,EAAE0B,SAAS,CAACI,IAAI;EAKjC7B,QAAQ,EAAEyB,SAAS,CAACG,MAAM;EAK1B1B,MAAM,EAAEuB,SAAS,CAACI,IAAI;EAItB1B,MAAM,EAAEsB,SAAS,CAACI,IAAI;AAKtB5B,EAAAA,OAAO,EAAEwB,SAAS,CAACK,OAAO,CAACL,SAAS,CAACM,IAAI,CAAA;AAC3C,CAAC,GAAA,EAAA,CAAA;AAEDrC,kBAAkB,CAACsC,YAAY,GAAG,EAAE;;;;"}

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

@@ -0,0 +1,77 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
+
+const AssetPreviewTopBar = styled.div.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.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.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.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\nexport const AssetPreviewTopBar = styled.div.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.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.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.attrs(applyDefaultTheme)`\n  align-items: center;\n  display: flex;\n  margin-left: auto;\n\n  > span {\n    margin-left: 16px;\n  }\n`;\n"],"names":["AssetPreviewTopBar","styled","div","attrs","applyDefaultTheme","props","border","theme","primaryFontFamily","themeProp","getColor","shadow","disabled","css","BackButtonContainer","a","BackHoverEffect","LeftText","span","ButtonsContainer"],"mappings":";;;AAGO,MAAMA,kBAAkB,GAAGC,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACrE;AACA;AACA,iBAAmBC,EAAAA,KAAK,IAAKA,KAAK,CAACC,MAAM,GAAG,CAAA,SAAA,CAAW,GAAG,CAAO,IAAA,CAAA,CAAA;AACjE;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,MAAM,IACZN,KAAK,CAACE,KAAK,CAACE,SAAS,CAAC,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,CAAC,CAAA;AACrF;AACA,MAAA,EAAQJ,KAAK,IACTA,KAAK,CAACO,QAAQ,IACdC,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL,EAAC;AAEM,MAAMC,mBAAmB,GAAGb,MAAM,CAACc,CAAC,CAACZ,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACpE;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,GAAGf,MAAM,CAACC,GAAG,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;AAEM,MAAMe,QAAQ,GAAGhB,MAAM,CAACiB,IAAI,CAACf,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC5D;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,GAAGlB,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACnE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

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

@@ -1,6 +1,2 @@
-export { A as default } from '../../../AssetPreviewTopBar-acd6353d.js';
-import '../../../_rollupPluginBabelHelpers-c245b26a.js';
-import 'react';
-import '../../../defaultTheme-1bcc2541.js';
-import 'styled-components';
-import '../../../close-a5d37608.js';
+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/{ContextMenu-0f7134e4.js → widgets/ContextMenu/ContextMenu.js}

@@ -1,12 +1,7 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
-import styled from 'styled-components';
-
-const ContextMenu$1 = styled.div.attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-  padding: 3px 0;
-`;
+import PropTypes from 'prop-types';
+import { ContextMenu as ContextMenu$1 } from './ContextMenu.styled.js';
 
 const ContextMenu = React__default.forwardRef(function ContextMenu({
   children,
@@ -23,4 +18,5 @@ ContextMenu.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 ContextMenu.defaultProps = {};
 
-export { ContextMenu as C };
+export { ContextMenu as default };
+//# sourceMappingURL=ContextMenu.js.map

package/build/widgets/ContextMenu/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","sources":["../../../src/components/widgets/ContextMenu/ContextMenu.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './ContextMenu.styled';\n\n/**\n * This component wraps around an array of `ContextMenuItems` to display a context menu.\n *\n * In most use-cases, the `ContextMenu` will be wrapped in a `Popover` to provide the functionality for opening/closing and placing the menu.\n * In such cases, send the `ContextMenu` to the `Popover` as its `content` prop.\n *\n * The context menu and sublevels will automatically adjust their placement in relation to the element that opens it\n * based on available space if the provided placement doesn't work. See the `Popover` documentation for further instructions on placement.\n *\n * ### Import\n *\n * ``` js\n * import { ContextMenu } from '@ntbjs/react-components/widgets'\n * // or\n * import ContextMenu from '@ntbjs/react-components/widgets/ContextMenu'\n * ```\n * \n * ### Usage examples \n * #### Plain context menu\n * \n * ``` js\n\nconst item1 = <ContextMenuItem title=\"Download\" onClick={onClickEffect} key=\"item-1\" />;\nconst item2 = <ContextMenuItem title=\"Delete\" icon={<IconDelete />} onClick={onClickEffect} key=\"item-2\" />;\n\n<Popover content={<ContextMenu {...args}>{[item1, itemGroup1, item2]}</ContextMenu>} contextMenu={true}>\n  Click here to open\n</Popover>\n```\n * \n * #### Context menu with grouped items\n * Use the `ContextMenuItemsGroup` component to group menu items together. Grouped items will not show borders\n * between themselves, indicating that their actions are related.\n * \n * ``` js\n\nconst item1 = <ContextMenuItem title=\"Download\" onClick={onClickEffect} key=\"item-1\" />;\nconst item2 = <ContextMenuItem title=\"Delete\" icon={<IconDelete />} onClick={onClickEffect} key=\"item-2\" />;\n\nconst groupItem1 = <ContextMenuItem title=\"Edit in Mediebank\" icon={<IconDesignServices />} onClick={onClickEffect} key=\"group-item-1\" />:\nconst groupItem2 = <ContextMenuItem title=\"Edit in Photoshop\" icon={<IconDesignServices />} onClick={onClickEffect} key=\"group-item-2\" />;\nconst groupItem3 = <ContextMenuItem title=\"Edit in Illustrator\" icon={<IconDesignServices />} onClick={onClickEffect} key=\"group-item-3\" />;\n\nconst itemGroup1 = <ContextMenuItemsGroup key=\"item-group-1\">{[groupItem1, groupItem2, groupItem3]}</ContextMenuItemsGroup>;\n\n<Popover content={<ContextMenu {...args}>{[item1, itemGroup1, item2]}</ContextMenu>} contextMenu={true}>\n  Click here to open\n</Popover>\n```\n * \n * #### Context menu with sublevels\n * Wrap a `ContextMenuItem` in a `Popover` and pass it a `ContextMenu` as child to create a sublevel/submenu. \n * A sublevel will by default be placed adjacent and aligned with the `ContextMenuItem` which opens it,\n * and adjust automatically based on available space.\n * \n * Set the `contextMenu` and `contextMenuSublevel` props of the `Popover` containing the sublevel to `true`.\n * \n * Set the `opensSublevel` prop of the `ContextMenuItem` containing the sublevel to `true`.\n * \n * ``` js\n\nconst item1 = <ContextMenuItem title=\"Download\" onClick={onClickEffect} key=\"item-1\" />;\nconst item2 = <ContextMenuItem title=\"Delete\" icon={<IconDelete />} onClick={onClickEffect} hoverBackgroundColors={['#fbeae6', '#fbeae6']} key=\"item-2\" />;\n\nconst subItem1 = <ContextMenuItem title=\"Edit in Mediebank\" icon={<IconDesignServices />} onClick={onClickEffect} key=\"sub-item-1\" />\nconst subItem2 = <ContextMenuItem title=\"Edit in Photoshop\" icon={<IconDesignServices />} onClick={onClickEffect} key=\"sub-item-2\" />\nconst subItem3 = <ContextMenuItem title=\"Edit in Illustrator\" icon={<IconDesignServices />} onClick={onClickEffect} key=\"sub-item-3\" />\n\nconst itemWithSublevel = (\n  <Popover\n    content={\n      <ContextMenu sublevel={true}>\n        {[subItem1, subItem2, subItem3, subItem4, subItem5]}\n      </ContextMenu>\n    }\n    contextMenu={true}\n    contextMenuSublevel={true}\n    key=\"item-3\"\n  >\n    <ContextMenuItem title=\"Open level 2\" opensSublevel={true} />\n  </Popover>\n);\n\n<Popover content={<ContextMenu {...args}>{[item1, item2, itemWithSublevel]}</ContextMenu>} contextMenu={true}>\n  Click here to open\n</Popover>\n```\n * \n * \n * #### Context menu from a dropdown button\n * When used with a dropdown button, the `Button` component takes care of wrapping the menu items in a `Popover`.\n * Just pass the array of `ContextMenuItems` directly into the `Button` as its children.\n * \n * ``` js\n\nconst item1 = <ContextMenuItem title=\"Edit in Mediebank\" icon={<IconDesignServices />} onClick={onClickEffect} key=\"item-1\" />;\nconst item2 = <ContextMenuItem title=\"Edit in Photoshop\" icon={<IconDesignServices />} onClick={onClickEffect} key=\"item-2\" />;\nconst item3 = <ContextMenuItem title=\"Edit in Illustrator\" icon={<IconDesignServices />} onClick={onClickEffect} key=\"item-3\" />;\n\n<Button onClick={onClickEffect} dropdownItems={<ContextMenu {...args}>{[item1, item2, item3, item4, item5]}</ContextMenu>}>\n  Button text\n</Button>\n```\n *\n */\nconst ContextMenu = React.forwardRef(function ContextMenu({ children, ...props }, forwardedRef) {\n  return (\n    <S.ContextMenu ref={forwardedRef} {...props} role=\"menu\">\n      {children}\n    </S.ContextMenu>\n  );\n});\n\nContextMenu.propTypes = {\n  /**\n   * An array containing nodes of the `ContextMenuItem` component\n   */\n  children: PropTypes.any\n};\n\nContextMenu.defaultProps = {};\n\nexport default ContextMenu;\n"],"names":["ContextMenu","React","forwardRef","children","props","forwardedRef","createElement","S","_extends","ref","role","propTypes","process","env","NODE_ENV","PropTypes","any","defaultProps"],"mappings":";;;;;AA6GMA,MAAAA,WAAW,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,WAAWA,CAAC;EAAEG,QAAQ;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAAEC,YAAY,EAAE;EAC9F,OACEJ,cAAA,CAAAK,aAAA,CAACC,aAAa,EAAAC,QAAA,CAAA;AAACC,IAAAA,GAAG,EAAEJ,YAAAA;AAAa,GAAA,EAAKD,KAAK,EAAA;AAAEM,IAAAA,IAAI,EAAC,MAAA;AAAM,GAAA,CAAA,EACrDP,QACY,CAAC,CAAA;AAEpB,CAAC,EAAC;AAEFH,WAAW,CAACW,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;EAItBX,QAAQ,EAAEY,SAAS,CAACC,GAAAA;AACtB,CAAC,GAAA,EAAA,CAAA;AAEDhB,WAAW,CAACiB,YAAY,GAAG,EAAE;;;;"}

package/build/widgets/ContextMenu/ContextMenu.styled.js

@@ -0,0 +1,10 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const ContextMenu = styled.div.attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+  padding: 3px 0;
+`;
+
+export { ContextMenu };
+//# sourceMappingURL=ContextMenu.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.styled.js","sources":["../../../src/components/widgets/ContextMenu/ContextMenu.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nexport const ContextMenu = styled.div.attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  padding: 3px 0;\n`;\n"],"names":["ContextMenu","styled","div","attrs","applyDefaultTheme","props","theme","primaryFontFamily"],"mappings":";;;AAGO,MAAMA,WAAW,GAAGC,MAAM,CAACC,GAAG,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC9D,eAAA,EAAiBC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,iBAAiB,CAAA;AACvD;AACA;;;;"}