npm - @wix/design-system - Versions diffs - 1.169.0 → 1.170.0 - Mend

@wix/design-system 1.169.0 → 1.170.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (733) hide show

package/dist/cjs/CardGalleryItem/CardGalleryItem.js CHANGED Viewed

@@ -71,11 +71,11 @@ class CardGalleryItem extends _react.PureComponent {
   _renderBadge() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _CardGalleryItemSt.classes.badgeWrapper,
-      "data-hook": _CardGalleryItem2.DataHook.Badge,
+      "data-hook": _CardGalleryItem2.DATA_HOOKS.Badge,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 104,
+        lineNumber: 102,
         columnNumber: 7
       }
     }, this.props.badge);
@@ -89,11 +89,11 @@ class CardGalleryItem extends _react.PureComponent {
     return /*#__PURE__*/_react.default.createElement(_DragHandle.DragHandle, (0, _extends2.default)({}, dragHandleProps, {
       dragging: dragging,
       disabled: dragDisabled,
-      dataHook: _CardGalleryItem2.DataHook.dragHandle,
+      dataHook: _CardGalleryItem2.DATA_HOOKS.dragHandle,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114,
+        lineNumber: 112,
         columnNumber: 7
       }
     }));
@@ -113,22 +113,22 @@ class CardGalleryItem extends _react.PureComponent {
     var heading = size === 'medium' && imagePlacement !== 'side' ? /*#__PURE__*/_react.default.createElement(_Heading.default, {
       size: "small",
       ellipsis: true,
-      dataHook: _CardGalleryItem2.DataHook.Title,
+      dataHook: _CardGalleryItem2.DATA_HOOKS.Title,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 138,
+        lineNumber: 136,
         columnNumber: 9
       }
     }, title) : /*#__PURE__*/_react.default.createElement(_Text.default, {
       size: "small",
       weight: "normal",
       ellipsis: true,
-      dataHook: _CardGalleryItem2.DataHook.Title,
+      dataHook: _CardGalleryItem2.DATA_HOOKS.Title,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 142,
+        lineNumber: 140,
         columnNumber: 9
       }
     }, title);
@@ -137,16 +137,16 @@ class CardGalleryItem extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 152,
+        lineNumber: 150,
         columnNumber: 38
       }
     }), /*#__PURE__*/_react.default.createElement("div", {
       className: _CardGalleryItemSt.classes.footer,
-      "data-hook": _CardGalleryItem2.DataHook.footer,
+      "data-hook": _CardGalleryItem2.DATA_HOOKS.footer,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 153,
+        lineNumber: 151,
         columnNumber: 9
       }
     }, draggable && /*#__PURE__*/_react.default.createElement("div", {
@@ -154,18 +154,18 @@ class CardGalleryItem extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 155,
+        lineNumber: 153,
         columnNumber: 13
       }
     }, this._renderDragHandle()), imagePlacement === 'side' && /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _CardGalleryItemSt.st)(_CardGalleryItemSt.classes.footerImage, {
         size
       }),
-      "data-hook": _CardGalleryItem2.DataHook.footerImage,
+      "data-hook": _CardGalleryItem2.DATA_HOOKS.footerImage,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 160,
+        lineNumber: 158,
         columnNumber: 13
       }
     }, backgroundImageUrl ? /*#__PURE__*/_react.default.createElement(_Image.default, {
@@ -173,7 +173,7 @@ class CardGalleryItem extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 165,
+        lineNumber: 163,
         columnNumber: 17
       }
     }) : backgroundImageNode), /*#__PURE__*/_react.default.createElement("div", {
@@ -181,46 +181,47 @@ class CardGalleryItem extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 171,
+        lineNumber: 169,
         columnNumber: 11
       }
     }, heading, /*#__PURE__*/_react.default.createElement(_Text.default, {
       size: textSize,
       secondary: true,
       ellipsis: true,
-      dataHook: _CardGalleryItem2.DataHook.Subtitle,
+      dataHook: _CardGalleryItem2.DATA_HOOKS.Subtitle,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 173,
+        lineNumber: 171,
         columnNumber: 13
       }
     }, subtitle)), suffix && /*#__PURE__*/_react.default.createElement("div", {
       className: _CardGalleryItemSt.classes.footerSuffix,
-      "data-hook": _CardGalleryItem2.DataHook.suffix,
+      "data-hook": _CardGalleryItem2.DATA_HOOKS.suffix,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 183,
+        lineNumber: 181,
         columnNumber: 13
       }
     }, suffix), imagePlacement === 'side' && settingsMenu && this._renderSettingsMenu()));
   }
   _renderActions() {
     var {
-      primaryActionProps: {
-        label,
-        disabled,
-        disabledMessage
-      },
+      primaryActionProps,
       secondaryActionProps,
       draggable
     } = this.props;
+    var {
+      label,
+      disabled,
+      disabledMessage
+    } = primaryActionProps;
     var primaryAction = /*#__PURE__*/_react.default.createElement(_context.WixDesignSystemContext.Consumer, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 203,
+        lineNumber: 197,
         columnNumber: 7
       }
     }, _ref => {
@@ -228,25 +229,25 @@ class CardGalleryItem extends _react.PureComponent {
         newColorsBranding
       } = _ref;
       return /*#__PURE__*/_react.default.createElement(_Button.default, {
-        dataHook: _CardGalleryItem2.DataHook.PrimaryAction,
+        dataHook: _CardGalleryItem2.DATA_HOOKS.PrimaryAction,
         disabled: disabled,
         skin: newColorsBranding ? 'light' : 'standard',
         onPointerDown: draggable ? e => e.stopPropagation() : undefined,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 205,
+          lineNumber: 199,
           columnNumber: 11
         }
       }, label);
     });
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _CardGalleryItemSt.classes.primaryAction,
-      "data-hook": _CardGalleryItem2.DataHook.HoverContent,
+      "data-hook": _CardGalleryItem2.DATA_HOOKS.HoverContent,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 218,
+        lineNumber: 212,
         columnNumber: 7
       }
     }, disabled && disabledMessage ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
@@ -255,7 +256,7 @@ class CardGalleryItem extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 220,
+        lineNumber: 217,
         columnNumber: 11
       }
     }, primaryAction) : primaryAction, secondaryActionProps && /*#__PURE__*/_react.default.createElement("div", {
@@ -263,7 +264,7 @@ class CardGalleryItem extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 228,
+        lineNumber: 225,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_TextButton.default, {
@@ -274,12 +275,12 @@ class CardGalleryItem extends _react.PureComponent {
         }
         event.stopPropagation();
       },
-      dataHook: _CardGalleryItem2.DataHook.SecondaryAction,
+      dataHook: _CardGalleryItem2.DATA_HOOKS.SecondaryAction,
       onPointerDown: draggable ? e => e.stopPropagation() : undefined,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 229,
+        lineNumber: 226,
         columnNumber: 13
       }
     }, secondaryActionProps.label)));
@@ -287,11 +288,11 @@ class CardGalleryItem extends _react.PureComponent {
   _renderSettingsMenu() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: _CardGalleryItemSt.classes.settingsMenu,
-      "data-hook": _CardGalleryItem2.DataHook.SettingsMenu,
+      "data-hook": _CardGalleryItem2.DATA_HOOKS.SettingsMenu,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 255,
+        lineNumber: 252,
         columnNumber: 7
       }
     }, this.props.settingsMenu);
@@ -299,7 +300,6 @@ class CardGalleryItem extends _react.PureComponent {
   render() {
     var {
       primaryActionProps,
-      secondaryActionProps,
       dataHook,
       badge,
       backgroundImageUrl,
@@ -316,13 +316,16 @@ class CardGalleryItem extends _react.PureComponent {
       showSuffixOnHover,
       suffix,
       skin,
-      skinVisibility
+      skinVisibility,
+      footer
     } = this.props;
     var {
       isHovered
     } = this.state;
+    var withCustomFooter = !!footer && imagePlacement === 'top';
     var withFooter = !!this._hasFooter();
-    var showActions = !dragging && !droppable && !!(primaryActionProps || secondaryActionProps);
+    var isInteractive = !!primaryActionProps;
+    var showActions = !dragging && !droppable && isInteractive;
     var withFloatingDragHandle = !!draggable && !withFooter;
     var withHover = showActions || withFloatingDragHandle;
     var showShadow = skin === 'standard' && (skinVisibility === 'always' || isHovered);
@@ -348,32 +351,34 @@ class CardGalleryItem extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 296,
+        lineNumber: 292,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: _CardGalleryItemSt.classes.container,
       onMouseEnter: this._onMouseEnter,
       onMouseLeave: this._onMouseLeave,
-      onClick: primaryActionProps.onClick,
-      "data-hook": _CardGalleryItem2.DataHook.Container,
+      onClick: primaryActionProps == null ? void 0 : primaryActionProps.onClick,
+      "data-hook": _CardGalleryItem2.DATA_HOOKS.Container,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 316,
+        lineNumber: 312,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_Card.default, {
       stretchVertically: true,
       showShadow: showShadow,
+      dataHook: _CardGalleryItem2.DATA_HOOKS.Card,
       className: (0, _CardGalleryItemSt.st)(_CardGalleryItemSt.classes.cardContainer, {
         skin,
-        skinVisibility
+        skinVisibility,
+        isInteractive
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 323,
+        lineNumber: 319,
         columnNumber: 11
       }
     }, imagePlacement === 'top' && /*#__PURE__*/_react.default.createElement(_Proportion.default, {
@@ -381,7 +386,7 @@ class CardGalleryItem extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 329,
+        lineNumber: 330,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_MediaOverlay.default, {
@@ -389,11 +394,11 @@ class CardGalleryItem extends _react.PureComponent {
       className: _CardGalleryItemSt.classes.overlay,
       hoverSkin: withHover ? 'dark' : undefined,
       hovered: this.state.isHovered || this.state.isFocused,
-      dataHook: _CardGalleryItem2.DataHook.HoverComponent,
+      dataHook: _CardGalleryItem2.DATA_HOOKS.HoverComponent,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 330,
+        lineNumber: 331,
         columnNumber: 17
       }
     }, showActions && /*#__PURE__*/_react.default.createElement(_MediaOverlay.default.Content, {
@@ -401,7 +406,7 @@ class CardGalleryItem extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 338,
+        lineNumber: 339,
         columnNumber: 21
       }
     }, this._renderActions()), settingsMenu && showActions && /*#__PURE__*/_react.default.createElement(_MediaOverlay.default.Content, {
@@ -410,7 +415,7 @@ class CardGalleryItem extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 343,
+        lineNumber: 344,
         columnNumber: 21
       }
     }, this._renderSettingsMenu())), badge && this._renderBadge(), /*#__PURE__*/_react.default.createElement("div", {
@@ -418,10 +423,18 @@ class CardGalleryItem extends _react.PureComponent {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 349,
+        lineNumber: 350,
         columnNumber: 17
       }
-    }, withFloatingDragHandle && this._renderDragHandle())), withFooter && this._renderFooter())));
+    }, withFloatingDragHandle && this._renderDragHandle())), withFooter && this._renderFooter(), withCustomFooter && /*#__PURE__*/_react.default.createElement("div", {
+      "data-hook": _CardGalleryItem2.DATA_HOOKS.customFooter,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 357,
+        columnNumber: 15
+      }
+    }, footer))));
   }
 }
 CardGalleryItem.displayName = 'CardGalleryItem';
@@ -444,7 +457,7 @@ CardGalleryItem.propTypes = {
     onClick: _propTypes.default.func,
     disabled: _propTypes.default.bool,
     disabledMessage: _propTypes.default.string
-  }).isRequired,
+  }),
   secondaryActionProps: _propTypes.default.shape({
     label: _propTypes.default.node,
     onClick: _propTypes.default.func
@@ -455,13 +468,11 @@ CardGalleryItem.propTypes = {
   imagePlacement: _propTypes.default.oneOf(['top', 'side']),
   showSuffixOnHover: _propTypes.default.bool,
   skin: _propTypes.default.oneOf(['standard', 'outlined']),
-  skinVisibility: _propTypes.default.oneOf(['always', 'hover'])
+  skinVisibility: _propTypes.default.oneOf(['always', 'hover']),
+  footer: _propTypes.default.node
 };
 CardGalleryItem.defaultProps = {
   aspectRatio: 1.6,
-  primaryActionProps: {
-    onClick: () => {}
-  },
   size: 'medium',
   imagePlacement: 'top',
   showSuffixOnHover: false,

package/dist/cjs/CardGalleryItem/CardGalleryItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Card","_Button","_TextButton","_Text","_Heading","_Proportion","_Tooltip","_MediaOverlay","_CardGalleryItem2","_CardGalleryItemSt","_context","_DragHandle","_Image","_DraggableContainer","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CardGalleryItem","PureComponent","constructor","arguments","state","isHovered","isFocused","_onMouseEnter","setState","_onMouseLeave","_onFocus","process","env","NODE_ENV","target","matches","_unused","_onBlur","_hasFooter","title","subtitle","suffix","imagePlacement","props","_renderBadge","createElement","className","classes","badgeWrapper","DataHook","Badge","__self","__source","fileName","lineNumber","columnNumber","badge","_renderDragHandle","dragHandleProps","dragging","dragDisabled","DragHandle","_extends2","disabled","dataHook","dragHandle","_renderFooter","size","draggable","backgroundImageNode","backgroundImageUrl","settingsMenu","heading","ellipsis","Title","weight","textSize","Fragment","Divider","footer","dragHandleWrapper","st","footerImage","src","footerContent","secondary","Subtitle","footerSuffix","_renderSettingsMenu","_renderActions","primaryActionProps","label","disabledMessage","secondaryActionProps","primaryAction","WixDesignSystemContext","Consumer","_ref","newColorsBranding","PrimaryAction","skin","onPointerDown","stopPropagation","undefined","HoverContent","content","secondaryAction","onClick","event","SecondaryAction","SettingsMenu","render","droppable","tabIndex","aspectRatio","showSuffixOnHover","skinVisibility","withFooter","showActions","withFloatingDragHandle","withHover","showShadow","DraggableContainer","dim","root","onFocus","onBlur","container","onMouseEnter","onMouseLeave","Container","stretchVertically","cardContainer","media","overlay","hoverSkin","hovered","HoverComponent","Content","visible","placement","dragHandleFloatingWrapper","displayName","propTypes","PropTypes","node","oneOf","bool","object","number","string","shape","func","isRequired","oneOfType","defaultProps","_default","exports"],"sources":["../../../src/CardGalleryItem/CardGalleryItem.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Card from '../Card';\nimport Button from '../Button';\nimport TextButton from '../TextButton';\nimport Text from '../Text';\nimport Heading from '../Heading';\nimport Proportion from '../Proportion';\nimport Tooltip from '../Tooltip';\nimport MediaOverlay from '../MediaOverlay';\nimport { DataHook } from './CardGalleryItem.constants';\nimport { classes, st } from './CardGalleryItem.st.css';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { DragHandle } from '../DragHandle/DragHandle';\nimport Image from '../Image';\nimport { DraggableContainer } from '../DraggableContainer/DraggableContainer';\nimport { CardGalleryItemProps } from './CardGalleryItem.types';\n\nclass CardGalleryItem extends PureComponent<CardGalleryItemProps> {\n static displayName = 'CardGalleryItem';\n static propTypes = {\n badge: PropTypes.node,\n size: PropTypes.oneOf(['small', 'medium']),\n title: PropTypes.node,\n subtitle: PropTypes.node,\n suffix: PropTypes.node,\n draggable: PropTypes.bool,\n droppable: PropTypes.bool,\n dragHandleProps: PropTypes.object,\n dragging: PropTypes.bool,\n dragDisabled: PropTypes.bool,\n tabIndex: PropTypes.number,\n backgroundImageUrl: PropTypes.string,\n backgroundImageNode: PropTypes.node,\n primaryActionProps: PropTypes.shape({\n label: PropTypes.node,\n onClick: PropTypes.func,\n disabled: PropTypes.bool,\n disabledMessage: PropTypes.string,\n }).isRequired,\n secondaryActionProps: PropTypes.shape({\n label: PropTypes.node,\n onClick: PropTypes.func,\n }),\n settingsMenu: PropTypes.node,\n dataHook: PropTypes.string,\n aspectRatio: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n imagePlacement: PropTypes.oneOf(['top', 'side']),\n showSuffixOnHover: PropTypes.bool,\n skin: PropTypes.oneOf(['standard', 'outlined']),\n skinVisibility: PropTypes.oneOf(['always', 'hover']),\n };\n\n static defaultProps = {\n aspectRatio: 1.6,\n primaryActionProps: {\n onClick: () => {},\n },\n size: 'medium',\n imagePlacement: 'top',\n showSuffixOnHover: false,\n skin: 'standard',\n skinVisibility: 'always',\n };\n\n state = {\n isHovered: false,\n isFocused: false,\n };\n\n _onMouseEnter = () => {\n this.setState({ isHovered: true });\n };\n\n _onMouseLeave = () => {\n this.setState({ isHovered: false });\n };\n\n _onFocus: React.FocusEventHandler<HTMLDivElement> = e => {\n try {\n if (\n process.env.NODE_ENV === 'test' \|\|\n e.target.matches(':focus-visible')\n ) {\n this.setState({ isFocused: true });\n }\n } catch {\n this.setState({ isFocused: true });\n }\n };\n\n _onBlur = () => {\n this.setState({ isFocused: false });\n };\n\n _hasFooter() {\n const { title, subtitle, suffix, imagePlacement } = this.props;\n return !!(title \|\| subtitle \|\| suffix \|\| imagePlacement === 'side');\n }\n\n _renderBadge() {\n return (\n <div className={classes.badgeWrapper} data-hook={DataHook.Badge}>\n {this.props.badge}\n </div>\n );\n }\n\n _renderDragHandle() {\n const { dragHandleProps, dragging, dragDisabled } = this.props;\n\n return (\n <DragHandle\n {...dragHandleProps}\n dragging={dragging}\n disabled={dragDisabled}\n dataHook={DataHook.dragHandle}\n />\n );\n }\n\n _renderFooter() {\n const {\n title,\n subtitle,\n size,\n suffix,\n draggable,\n imagePlacement,\n backgroundImageNode,\n backgroundImageUrl,\n settingsMenu,\n } = this.props;\n\n const heading =\n size === 'medium' && imagePlacement !== 'side' ? (\n <Heading size=\"small\" ellipsis dataHook={DataHook.Title}>\n {title}\n </Heading>\n ) : (\n <Text size=\"small\" weight=\"normal\" ellipsis dataHook={DataHook.Title}>\n {title}\n </Text>\n );\n\n const textSize =\n imagePlacement === 'side' ? 'tiny' : size === 'medium' ? 'small' : 'tiny';\n\n return (\n <>\n {imagePlacement === 'top' && <Card.Divider />}\n <div className={classes.footer} data-hook={DataHook.footer}>\n {draggable && (\n <div className={classes.dragHandleWrapper}>\n {this._renderDragHandle()}\n </div>\n )}\n {imagePlacement === 'side' && (\n <div\n className={st(classes.footerImage, { size })}\n data-hook={DataHook.footerImage}\n >\n {backgroundImageUrl ? (\n <Image src={backgroundImageUrl} />\n ) : (\n backgroundImageNode\n )}\n </div>\n )}\n <div className={classes.footerContent}>\n {heading}\n <Text\n size={textSize}\n secondary\n ellipsis\n dataHook={DataHook.Subtitle}\n >\n {subtitle}\n </Text>\n </div>\n {suffix && (\n <div className={classes.footerSuffix} data-hook={DataHook.suffix}>\n {suffix}\n </div>\n )}\n {imagePlacement === 'side' &&\n settingsMenu &&\n this._renderSettingsMenu()}\n </div>\n </>\n );\n }\n\n _renderActions() {\n const {\n primaryActionProps: { label, disabled, disabledMessage },\n secondaryActionProps,\n draggable,\n } = this.props;\n\n const primaryAction = (\n <WixDesignSystemContext.Consumer>\n {({ newColorsBranding }) => (\n <Button\n dataHook={DataHook.PrimaryAction}\n disabled={disabled}\n skin={newColorsBranding ? 'light' : 'standard'}\n onPointerDown={draggable ? e => e.stopPropagation() : undefined}\n >\n {label}\n </Button>\n )}\n </WixDesignSystemContext.Consumer>\n );\n\n return (\n <div className={classes.primaryAction} data-hook={DataHook.HoverContent}>\n {disabled && disabledMessage ? (\n <Tooltip disabled={!disabled} content={disabledMessage}>\n {primaryAction}\n </Tooltip>\n ) : (\n primaryAction\n )}\n\n {secondaryActionProps && (\n <div className={classes.secondaryAction}>\n <TextButton\n skin=\"light\"\n onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n if (secondaryActionProps.onClick) {\n secondaryActionProps.onClick(event);\n }\n event.stopPropagation();\n }}\n dataHook={DataHook.SecondaryAction}\n onPointerDown={\n draggable\n ? (e: React.MouseEvent<HTMLButtonElement>) =>\n e.stopPropagation()\n : undefined\n }\n >\n {secondaryActionProps.label}\n </TextButton>\n </div>\n )}\n </div>\n );\n }\n\n _renderSettingsMenu() {\n return (\n <div className={classes.settingsMenu} data-hook={DataHook.SettingsMenu}>\n {this.props.settingsMenu}\n </div>\n );\n }\n\n render() {\n const {\n primaryActionProps,\n secondaryActionProps,\n dataHook,\n badge,\n backgroundImageUrl,\n backgroundImageNode,\n settingsMenu,\n size,\n draggable,\n dragging,\n droppable,\n dragDisabled,\n tabIndex,\n aspectRatio,\n imagePlacement,\n showSuffixOnHover,\n suffix,\n skin,\n skinVisibility,\n } = this.props;\n\n const { isHovered } = this.state;\n\n const withFooter = !!this._hasFooter();\n const showActions =\n !dragging && !droppable && !!(primaryActionProps \|\| secondaryActionProps);\n const withFloatingDragHandle = !!draggable && !withFooter;\n const withHover = showActions \|\| withFloatingDragHandle;\n\n const showShadow =\n skin === 'standard' && (skinVisibility === 'always' \|\| isHovered);\n\n return (\n <DraggableContainer\n draggable={draggable && !showActions}\n dragging={dragging}\n dim\n dragDisabled={dragDisabled}\n tabIndex={tabIndex}\n className={st(classes.root, {\n withFooter,\n size,\n dragging,\n draggable,\n showActions,\n imagePlacement,\n showSuffixOnHover,\n suffix: !!suffix,\n })}\n data-hook={dataHook}\n onFocus={this._onFocus}\n onBlur={this._onBlur}\n >\n <div\n className={classes.container}\n onMouseEnter={this._onMouseEnter}\n onMouseLeave={this._onMouseLeave}\n onClick={primaryActionProps.onClick}\n data-hook={DataHook.Container}\n >\n <Card\n stretchVertically\n showShadow={showShadow}\n className={st(classes.cardContainer, { skin, skinVisibility })}\n >\n {imagePlacement === 'top' && (\n <Proportion aspectRatio={aspectRatio}>\n <MediaOverlay\n media={backgroundImageUrl \|\| backgroundImageNode \|\| ''}\n className={classes.overlay}\n hoverSkin={withHover ? 'dark' : undefined}\n hovered={this.state.isHovered \|\| this.state.isFocused}\n dataHook={DataHook.HoverComponent}\n >\n {showActions && (\n <MediaOverlay.Content visible=\"hover\">\n {this._renderActions()}\n </MediaOverlay.Content>\n )}\n {settingsMenu && showActions && (\n <MediaOverlay.Content visible=\"hover\" placement=\"top-end\">\n {this._renderSettingsMenu()}\n </MediaOverlay.Content>\n )}\n </MediaOverlay>\n {badge && this._renderBadge()}\n <div className={classes.dragHandleFloatingWrapper}>\n {withFloatingDragHandle && this._renderDragHandle()}\n </div>\n </Proportion>\n )}\n {withFooter && this._renderFooter()}\n </Card>\n </div>\n </DraggableContainer>\n );\n }\n}\n\nexport default CardGalleryItem;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,WAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,KAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,QAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,WAAA,GAAAN,sBAAA,CAAAF,OAAA;AACA,IAAAS,QAAA,GAAAP,sBAAA,CAAAF,OAAA;AACA,IAAAU,aAAA,GAAAR,sBAAA,CAAAF,OAAA;AACA,IAAAW,iBAAA,GAAAX,OAAA;AACA,IAAAY,kBAAA,GAAAZ,OAAA;AACA,IAAAa,QAAA,GAAAb,OAAA;AACA,IAAAc,WAAA,GAAAd,OAAA;AACA,IAAAe,MAAA,GAAAb,sBAAA,CAAAF,OAAA;AACA,IAAAgB,mBAAA,GAAAhB,OAAA;AAA8E,IAAAiB,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAApB,wBAAAoB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAG9E,MAAMW,eAAe,SAASC,oBAAa,CAAuB;EAAAC,YAAA;IAAA,SAAAC,SAAA;IAAA,KA+ChEC,KAAK,GAAG;MACNC,SAAS,EAAE,KAAK;MAChBC,SAAS,EAAE;IACb,CAAC;IAAA,KAEDC,aAAa,GAAG,MAAM;MACpB,IAAI,CAACC,QAAQ,CAAC;QAAEH,SAAS,EAAE;MAAK,CAAC,CAAC;IACpC,CAAC;IAAA,KAEDI,aAAa,GAAG,MAAM;MACpB,IAAI,CAACD,QAAQ,CAAC;QAAEH,SAAS,EAAE;MAAM,CAAC,CAAC;IACrC,CAAC;IAAA,KAEDK,QAAQ,GAA4C7B,CAAC,IAAI;MACvD,IAAI;QACF,IACE8B,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAC/BhC,CAAC,CAACiC,MAAM,CAACC,OAAO,CAAC,gBAAgB,CAAC,EAClC;UACA,IAAI,CAACP,QAAQ,CAAC;YAAEF,SAAS,EAAE;UAAK,CAAC,CAAC;QACpC;MACF,CAAC,CAAC,OAAAU,OAAA,EAAM;QACN,IAAI,CAACR,QAAQ,CAAC;UAAEF,SAAS,EAAE;QAAK,CAAC,CAAC;MACpC;IACF,CAAC;IAAA,KAEDW,OAAO,GAAG,MAAM;MACd,IAAI,CAACT,QAAQ,CAAC;QAAEF,SAAS,EAAE;MAAM,CAAC,CAAC;IACrC,CAAC;EAAA;EAEDY,UAAUA,CAAA,EAAG;IACX,IAAM;MAAEC,KAAK;MAAEC,QAAQ;MAAEC,MAAM;MAAEC;IAAe,CAAC,GAAG,IAAI,CAACC,KAAK;IAC9D,OAAO,CAAC,EAAEJ,KAAK,IAAIC,QAAQ,IAAIC,MAAM,IAAIC,cAAc,KAAK,MAAM,CAAC;EACrE;EAEAE,YAAYA,CAAA,EAAG;IACb,oBACEhE,MAAA,CAAA0B,OAAA,CAAAuC,aAAA;MAAKC,SAAS,EAAEC,0BAAO,CAACC,YAAa;MAAC,aAAWC,0BAAQ,CAACC,KAAM;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC7D,IAAI,CAACZ,KAAK,CAACa,KACT,CAAC;EAEV;EAEAC,iBAAiBA,CAAA,EAAG;IAClB,IAAM;MAAEC,eAAe;MAAEC,QAAQ;MAAEC;IAAa,CAAC,GAAG,IAAI,CAACjB,KAAK;IAE9D,oBACE/D,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAACjD,WAAA,CAAAiE,UAAU,MAAAC,SAAA,CAAAxD,OAAA,MACLoD,eAAe;MACnBC,QAAQ,EAAEA,QAAS;MACnBI,QAAQ,EAAEH,YAAa;MACvBI,QAAQ,EAAEf,0BAAQ,CAACgB,UAAW;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,EAC/B,CAAC;EAEN;EAEAW,aAAaA,CAAA,EAAG;IACd,IAAM;MACJ3B,KAAK;MACLC,QAAQ;MACR2B,IAAI;MACJ1B,MAAM;MACN2B,SAAS;MACT1B,cAAc;MACd2B,mBAAmB;MACnBC,kBAAkB;MAClBC;IACF,CAAC,GAAG,IAAI,CAAC5B,KAAK;IAEd,IAAM6B,OAAO,GACXL,IAAI,KAAK,QAAQ,IAAIzB,cAAc,KAAK,MAAM,gBAC5C9D,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAACxD,QAAA,CAAAiB,OAAO;MAAC6D,IAAI,EAAC,OAAO;MAACM,QAAQ;MAACT,QAAQ,EAAEf,0BAAQ,CAACyB,KAAM;MAAAvB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACrDhB,KACM,CAAC,gBAEV3D,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAACzD,KAAA,CAAAkB,OAAI;MAAC6D,IAAI,EAAC,OAAO;MAACQ,MAAM,EAAC,QAAQ;MAACF,QAAQ;MAACT,QAAQ,EAAEf,0BAAQ,CAACyB,KAAM;MAAAvB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAClEhB,KACG,CACP;IAEH,IAAMqC,QAAQ,GACZlC,cAAc,KAAK,MAAM,GAAG,MAAM,GAAGyB,IAAI,KAAK,QAAQ,GAAG,OAAO,GAAG,MAAM;IAE3E,oBACEvF,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAAAjE,MAAA,CAAA0B,OAAA,CAAAuE,QAAA,QACGnC,cAAc,KAAK,KAAK,iBAAI9D,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAAC5D,KAAA,CAAAqB,OAAI,CAACwE,OAAO;MAAA3B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,eAC7C3E,MAAA,CAAA0B,OAAA,CAAAuC,aAAA;MAAKC,SAAS,EAAEC,0BAAO,CAACgC,MAAO;MAAC,aAAW9B,0BAAQ,CAAC8B,MAAO;MAAA5B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACxDa,SAAS,iBACRxF,MAAA,CAAA0B,OAAA,CAAAuC,aAAA;MAAKC,SAAS,EAAEC,0BAAO,CAACiC,iBAAkB;MAAA7B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACvC,IAAI,CAACE,iBAAiB,CAAC,CACrB,CACN,EACAf,cAAc,KAAK,MAAM,iBACxB9D,MAAA,CAAA0B,OAAA,CAAAuC,aAAA;MACEC,SAAS,EAAE,IAAAmC,qBAAE,EAAClC,0BAAO,CAACmC,WAAW,EAAE;QAAEf;MAAK,CAAC,CAAE;MAC7C,aAAWlB,0BAAQ,CAACiC,WAAY;MAAA/B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE/Be,kBAAkB,gBACjB1F,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAAChD,MAAA,CAAAS,OAAK;MAAC6E,GAAG,EAAEb,kBAAmB;MAAAnB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GAElCc,mBAEC,CACN,eACDzF,MAAA,CAAA0B,OAAA,CAAAuC,aAAA;MAAKC,SAAS,EAAEC,0BAAO,CAACqC,aAAc;MAAAjC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACnCiB,OAAO,eACR5F,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAACzD,KAAA,CAAAkB,OAAI;MACH6D,IAAI,EAAES,QAAS;MACfS,SAAS;MACTZ,QAAQ;MACRT,QAAQ,EAAEf,0BAAQ,CAACqC,QAAS;MAAAnC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE3Bf,QACG,CACH,CAAC,EACLC,MAAM,iBACL7D,MAAA,CAAA0B,OAAA,CAAAuC,aAAA;MAAKC,SAAS,EAAEC,0BAAO,CAACwC,YAAa;MAAC,aAAWtC,0BAAQ,CAACR,MAAO;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC9Dd,MACE,CACN,EACAC,cAAc,KAAK,MAAM,IACxB6B,YAAY,IACZ,IAAI,CAACiB,mBAAmB,CAAC,CACxB,CACL,CAAC;EAEP;EAEAC,cAAcA,CAAA,EAAG;IACf,IAAM;MACJC,kBAAkB,EAAE;QAAEC,KAAK;QAAE5B,QAAQ;QAAE6B;MAAgB,CAAC;MACxDC,oBAAoB;MACpBzB;IACF,CAAC,GAAG,IAAI,CAACzB,KAAK;IAEd,IAAMmD,aAAa,gBACjBlH,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAAClD,QAAA,CAAAoG,sBAAsB,CAACC,QAAQ;MAAA7C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC7B0C,IAAA;MAAA,IAAC;QAAEC;MAAkB,CAAC,GAAAD,IAAA;MAAA,oBACrBrH,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAAC3D,OAAA,CAAAoB,OAAM;QACL0D,QAAQ,EAAEf,0BAAQ,CAACkD,aAAc;QACjCpC,QAAQ,EAAEA,QAAS;QACnBqC,IAAI,EAAEF,iBAAiB,GAAG,OAAO,GAAG,UAAW;QAC/CG,aAAa,EAAEjC,SAAS,GAAGnE,CAAC,IAAIA,CAAC,CAACqG,eAAe,CAAC,CAAC,GAAGC,SAAU;QAAApD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtD,YAAA;UAAAuD,UAAA;UAAAC,YAAA;QAAA;MAAA,GAE/DoC,KACK,CAAC;IAAA,CAEoB,CAClC;IAED,oBACE/G,MAAA,CAAA0B,OAAA,CAAAuC,aAAA;MAAKC,SAAS,EAAEC,0BAAO,CAAC+C,aAAc;MAAC,aAAW7C,0BAAQ,CAACuD,YAAa;MAAArD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACrEQ,QAAQ,IAAI6B,eAAe,gBAC1BhH,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAACtD,QAAA,CAAAe,OAAO;MAACyD,QAAQ,EAAE,CAACA,QAAS;MAAC0C,OAAO,EAAEb,eAAgB;MAAAzC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACpDuC,aACM,CAAC,GAEVA,aACD,EAEAD,oBAAoB,iBACnBjH,MAAA,CAAA0B,OAAA,CAAAuC,aAAA;MAAKC,SAAS,EAAEC,0BAAO,CAAC2D,eAAgB;MAAAvD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACtC3E,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAAC1D,WAAA,CAAAmB,OAAU;MACT8F,IAAI,EAAC,OAAO;MACZO,OAAO,EAAGC,KAA0C,IAAK;QACvD,IAAIf,oBAAoB,CAACc,OAAO,EAAE;UAChCd,oBAAoB,CAACc,OAAO,CAACC,KAAK,CAAC;QACrC;QACAA,KAAK,CAACN,eAAe,CAAC,CAAC;MACzB,CAAE;MACFtC,QAAQ,EAAEf,0BAAQ,CAAC4D,eAAgB;MACnCR,aAAa,EACXjC,SAAS,GACJnE,CAAsC,IACrCA,CAAC,CAACqG,eAAe,CAAC,CAAC,GACrBC,SACL;MAAApD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEAsC,oBAAoB,CAACF,KACZ,CACT,CAEJ,CAAC;EAEV;EAEAH,mBAAmBA,CAAA,EAAG;IACpB,oBACE5G,MAAA,CAAA0B,OAAA,CAAAuC,aAAA;MAAKC,SAAS,EAAEC,0BAAO,CAACwB,YAAa;MAAC,aAAWtB,0BAAQ,CAAC6D,YAAa;MAAA3D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACpE,IAAI,CAACZ,KAAK,CAAC4B,YACT,CAAC;EAEV;EAEAwC,MAAMA,CAAA,EAAG;IACP,IAAM;MACJrB,kBAAkB;MAClBG,oBAAoB;MACpB7B,QAAQ;MACRR,KAAK;MACLc,kBAAkB;MAClBD,mBAAmB;MACnBE,YAAY;MACZJ,IAAI;MACJC,SAAS;MACTT,QAAQ;MACRqD,SAAS;MACTpD,YAAY;MACZqD,QAAQ;MACRC,WAAW;MACXxE,cAAc;MACdyE,iBAAiB;MACjB1E,MAAM;MACN2D,IAAI;MACJgB;IACF,CAAC,GAAG,IAAI,CAACzE,KAAK;IAEd,IAAM;MAAElB;IAAU,CAAC,GAAG,IAAI,CAACD,KAAK;IAEhC,IAAM6F,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC/E,UAAU,CAAC,CAAC;IACtC,IAAMgF,WAAW,GACf,CAAC3D,QAAQ,IAAI,CAACqD,SAAS,IAAI,CAAC,EAAEtB,kBAAkB,IAAIG,oBAAoB,CAAC;IAC3E,IAAM0B,sBAAsB,GAAG,CAAC,CAACnD,SAAS,IAAI,CAACiD,UAAU;IACzD,IAAMG,SAAS,GAAGF,WAAW,IAAIC,sBAAsB;IAEvD,IAAME,UAAU,GACdrB,IAAI,KAAK,UAAU,KAAKgB,cAAc,KAAK,QAAQ,IAAI3F,SAAS,CAAC;IAEnE,oBACE7C,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAAC/C,mBAAA,CAAA4H,kBAAkB;MACjBtD,SAAS,EAAEA,SAAS,IAAI,CAACkD,WAAY;MACrC3D,QAAQ,EAAEA,QAAS;MACnBgE,GAAG;MACH/D,YAAY,EAAEA,YAAa;MAC3BqD,QAAQ,EAAEA,QAAS;MACnBnE,SAAS,EAAE,IAAAmC,qBAAE,EAAClC,0BAAO,CAAC6E,IAAI,EAAE;QAC1BP,UAAU;QACVlD,IAAI;QACJR,QAAQ;QACRS,SAAS;QACTkD,WAAW;QACX5E,cAAc;QACdyE,iBAAiB;QACjB1E,MAAM,EAAE,CAAC,CAACA;MACZ,CAAC,CAAE;MACH,aAAWuB,QAAS;MACpB6D,OAAO,EAAE,IAAI,CAAC/F,QAAS;MACvBgG,MAAM,EAAE,IAAI,CAACzF,OAAQ;MAAAc,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAErB3E,MAAA,CAAA0B,OAAA,CAAAuC,aAAA;MACEC,SAAS,EAAEC,0BAAO,CAACgF,SAAU;MAC7BC,YAAY,EAAE,IAAI,CAACrG,aAAc;MACjCsG,YAAY,EAAE,IAAI,CAACpG,aAAc;MACjC8E,OAAO,EAAEjB,kBAAkB,CAACiB,OAAQ;MACpC,aAAW1D,0BAAQ,CAACiF,SAAU;MAAA/E,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAE9B3E,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAAC5D,KAAA,CAAAqB,OAAI;MACH6H,iBAAiB;MACjBV,UAAU,EAAEA,UAAW;MACvB3E,SAAS,EAAE,IAAAmC,qBAAE,EAAClC,0BAAO,CAACqF,aAAa,EAAE;QAAEhC,IAAI;QAAEgB;MAAe,CAAC,CAAE;MAAAjE,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE9Db,cAAc,KAAK,KAAK,iBACvB9D,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAACvD,WAAA,CAAAgB,OAAU;MAAC4G,WAAW,EAAEA,WAAY;MAAA/D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACnC3E,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAACrD,aAAA,CAAAc,OAAY;MACX+H,KAAK,EAAE/D,kBAAkB,IAAID,mBAAmB,IAAI,EAAG;MACvDvB,SAAS,EAAEC,0BAAO,CAACuF,OAAQ;MAC3BC,SAAS,EAAEf,SAAS,GAAG,MAAM,GAAGjB,SAAU;MAC1CiC,OAAO,EAAE,IAAI,CAAChH,KAAK,CAACC,SAAS,IAAI,IAAI,CAACD,KAAK,CAACE,SAAU;MACtDsC,QAAQ,EAAEf,0BAAQ,CAACwF,cAAe;MAAAtF,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEjC+D,WAAW,iBACV1I,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAACrD,aAAA,CAAAc,OAAY,CAACoI,OAAO;MAACC,OAAO,EAAC,OAAO;MAAAxF,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAClC,IAAI,CAACkC,cAAc,CAAC,CACD,CACvB,EACAlB,YAAY,IAAI+C,WAAW,iBAC1B1I,MAAA,CAAA0B,OAAA,CAAAuC,aAAA,CAACrD,aAAA,CAAAc,OAAY,CAACoI,OAAO;MAACC,OAAO,EAAC,OAAO;MAACC,SAAS,EAAC,SAAS;MAAAzF,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACtD,IAAI,CAACiC,mBAAmB,CAAC,CACN,CAEZ,CAAC,EACdhC,KAAK,IAAI,IAAI,CAACZ,YAAY,CAAC,CAAC,eAC7BhE,MAAA,CAAA0B,OAAA,CAAAuC,aAAA;MAAKC,SAAS,EAAEC,0BAAO,CAAC8F,yBAA0B;MAAA1F,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtD,YAAA;QAAAuD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC/CgE,sBAAsB,IAAI,IAAI,CAAC9D,iBAAiB,CAAC,CAC/C,CACK,CACb,EACA4D,UAAU,IAAI,IAAI,CAACnD,aAAa,CAAC,CAC9B,CACH,CACa,CAAC;EAEzB;AACF;AApVM9C,eAAe,CACZ0H,WAAW,GAAG,iBAAiB;AADlC1H,eAAe,CAEZ2H,SAAS,GAAG;EACjBvF,KAAK,EAAEwF,kBAAS,CAACC,IAAI;EACrB9E,IAAI,EAAE6E,kBAAS,CAACE,KAAK,CAAC,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;EAC1C3G,KAAK,EAAEyG,kBAAS,CAACC,IAAI;EACrBzG,QAAQ,EAAEwG,kBAAS,CAACC,IAAI;EACxBxG,MAAM,EAAEuG,kBAAS,CAACC,IAAI;EACtB7E,SAAS,EAAE4E,kBAAS,CAACG,IAAI;EACzBnC,SAAS,EAAEgC,kBAAS,CAACG,IAAI;EACzBzF,eAAe,EAAEsF,kBAAS,CAACI,MAAM;EACjCzF,QAAQ,EAAEqF,kBAAS,CAACG,IAAI;EACxBvF,YAAY,EAAEoF,kBAAS,CAACG,IAAI;EAC5BlC,QAAQ,EAAE+B,kBAAS,CAACK,MAAM;EAC1B/E,kBAAkB,EAAE0E,kBAAS,CAACM,MAAM;EACpCjF,mBAAmB,EAAE2E,kBAAS,CAACC,IAAI;EACnCvD,kBAAkB,EAAEsD,kBAAS,CAACO,KAAK,CAAC;IAClC5D,KAAK,EAAEqD,kBAAS,CAACC,IAAI;IACrBtC,OAAO,EAAEqC,kBAAS,CAACQ,IAAI;IACvBzF,QAAQ,EAAEiF,kBAAS,CAACG,IAAI;IACxBvD,eAAe,EAAEoD,kBAAS,CAACM;EAC7B,CAAC,CAAC,CAACG,UAAU;EACb5D,oBAAoB,EAAEmD,kBAAS,CAACO,KAAK,CAAC;IACpC5D,KAAK,EAAEqD,kBAAS,CAACC,IAAI;IACrBtC,OAAO,EAAEqC,kBAAS,CAACQ;EACrB,CAAC,CAAC;EACFjF,YAAY,EAAEyE,kBAAS,CAACC,IAAI;EAC5BjF,QAAQ,EAAEgF,kBAAS,CAACM,MAAM;EAC1BpC,WAAW,EAAE8B,kBAAS,CAACU,SAAS,CAAC,CAACV,kBAAS,CAACK,MAAM,EAAEL,kBAAS,CAACM,MAAM,CAAC,CAAC;EACtE5G,cAAc,EAAEsG,kBAAS,CAACE,KAAK,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;EAChD/B,iBAAiB,EAAE6B,kBAAS,CAACG,IAAI;EACjC/C,IAAI,EAAE4C,kBAAS,CAACE,KAAK,CAAC,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;EAC/C9B,cAAc,EAAE4B,kBAAS,CAACE,KAAK,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC;AACrD,CAAC;AAjCG9H,eAAe,CAmCZuI,YAAY,GAAG;EACpBzC,WAAW,EAAE,GAAG;EAChBxB,kBAAkB,EAAE;IAClBiB,OAAO,EAAEA,CAAA,KAAM,CAAC;EAClB,CAAC;EACDxC,IAAI,EAAE,QAAQ;EACdzB,cAAc,EAAE,KAAK;EACrByE,iBAAiB,EAAE,KAAK;EACxBf,IAAI,EAAE,UAAU;EAChBgB,cAAc,EAAE;AAClB,CAAC;AAAA,IAAAwC,QAAA,GAAAC,OAAA,CAAAvJ,OAAA,GAySYc,eAAe","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Card","_Button","_TextButton","_Text","_Heading","_Proportion","_Tooltip","_MediaOverlay","_CardGalleryItem2","_CardGalleryItemSt","_context","_DragHandle","_Image","_DraggableContainer","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","CardGalleryItem","PureComponent","constructor","arguments","state","isHovered","isFocused","_onMouseEnter","setState","_onMouseLeave","_onFocus","process","env","NODE_ENV","target","matches","_unused","_onBlur","_hasFooter","title","subtitle","suffix","imagePlacement","props","_renderBadge","createElement","className","classes","badgeWrapper","DATA_HOOKS","Badge","__self","__source","fileName","lineNumber","columnNumber","badge","_renderDragHandle","dragHandleProps","dragging","dragDisabled","DragHandle","_extends2","disabled","dataHook","dragHandle","_renderFooter","size","draggable","backgroundImageNode","backgroundImageUrl","settingsMenu","heading","ellipsis","Title","weight","textSize","Fragment","Divider","footer","dragHandleWrapper","st","footerImage","src","footerContent","secondary","Subtitle","footerSuffix","_renderSettingsMenu","_renderActions","primaryActionProps","secondaryActionProps","label","disabledMessage","primaryAction","WixDesignSystemContext","Consumer","_ref","newColorsBranding","PrimaryAction","skin","onPointerDown","stopPropagation","undefined","HoverContent","content","secondaryAction","onClick","event","SecondaryAction","SettingsMenu","render","droppable","tabIndex","aspectRatio","showSuffixOnHover","skinVisibility","withCustomFooter","withFooter","isInteractive","showActions","withFloatingDragHandle","withHover","showShadow","DraggableContainer","dim","root","onFocus","onBlur","container","onMouseEnter","onMouseLeave","Container","stretchVertically","Card","cardContainer","media","overlay","hoverSkin","hovered","HoverComponent","Content","visible","placement","dragHandleFloatingWrapper","customFooter","displayName","propTypes","PropTypes","node","oneOf","bool","object","number","string","shape","func","oneOfType","defaultProps","_default","exports"],"sources":["../../../src/CardGalleryItem/CardGalleryItem.tsx"],"sourcesContent":["import React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Card from '../Card';\nimport Button from '../Button';\nimport TextButton from '../TextButton';\nimport Text from '../Text';\nimport Heading from '../Heading';\nimport Proportion from '../Proportion';\nimport Tooltip from '../Tooltip';\nimport MediaOverlay from '../MediaOverlay';\nimport { DATA_HOOKS } from './CardGalleryItem.constants';\nimport { classes, st } from './CardGalleryItem.st.css';\nimport { WixDesignSystemContext } from '../WixDesignSystemProvider/context';\nimport { DragHandle } from '../DragHandle/DragHandle';\nimport Image from '../Image';\nimport { DraggableContainer } from '../DraggableContainer/DraggableContainer';\nimport { CardGalleryItemProps } from './CardGalleryItem.types';\n\nclass CardGalleryItem extends PureComponent<CardGalleryItemProps> {\n static displayName = 'CardGalleryItem';\n static propTypes = {\n badge: PropTypes.node,\n size: PropTypes.oneOf(['small', 'medium']),\n title: PropTypes.node,\n subtitle: PropTypes.node,\n suffix: PropTypes.node,\n draggable: PropTypes.bool,\n droppable: PropTypes.bool,\n dragHandleProps: PropTypes.object,\n dragging: PropTypes.bool,\n dragDisabled: PropTypes.bool,\n tabIndex: PropTypes.number,\n backgroundImageUrl: PropTypes.string,\n backgroundImageNode: PropTypes.node,\n primaryActionProps: PropTypes.shape({\n label: PropTypes.node,\n onClick: PropTypes.func,\n disabled: PropTypes.bool,\n disabledMessage: PropTypes.string,\n }),\n secondaryActionProps: PropTypes.shape({\n label: PropTypes.node,\n onClick: PropTypes.func,\n }),\n settingsMenu: PropTypes.node,\n dataHook: PropTypes.string,\n aspectRatio: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n imagePlacement: PropTypes.oneOf(['top', 'side']),\n showSuffixOnHover: PropTypes.bool,\n skin: PropTypes.oneOf(['standard', 'outlined']),\n skinVisibility: PropTypes.oneOf(['always', 'hover']),\n footer: PropTypes.node,\n };\n\n static defaultProps = {\n aspectRatio: 1.6,\n size: 'medium',\n imagePlacement: 'top',\n showSuffixOnHover: false,\n skin: 'standard',\n skinVisibility: 'always',\n };\n\n state = {\n isHovered: false,\n isFocused: false,\n };\n\n _onMouseEnter = () => {\n this.setState({ isHovered: true });\n };\n\n _onMouseLeave = () => {\n this.setState({ isHovered: false });\n };\n\n _onFocus: React.FocusEventHandler<HTMLDivElement> = e => {\n try {\n if (\n process.env.NODE_ENV === 'test' \|\|\n e.target.matches(':focus-visible')\n ) {\n this.setState({ isFocused: true });\n }\n } catch {\n this.setState({ isFocused: true });\n }\n };\n\n _onBlur = () => {\n this.setState({ isFocused: false });\n };\n\n _hasFooter() {\n const { title, subtitle, suffix, imagePlacement } = this.props;\n return !!(title \|\| subtitle \|\| suffix \|\| imagePlacement === 'side');\n }\n\n _renderBadge() {\n return (\n <div className={classes.badgeWrapper} data-hook={DATA_HOOKS.Badge}>\n {this.props.badge}\n </div>\n );\n }\n\n _renderDragHandle() {\n const { dragHandleProps, dragging, dragDisabled } = this.props;\n\n return (\n <DragHandle\n {...dragHandleProps}\n dragging={dragging}\n disabled={dragDisabled}\n dataHook={DATA_HOOKS.dragHandle}\n />\n );\n }\n\n _renderFooter() {\n const {\n title,\n subtitle,\n size,\n suffix,\n draggable,\n imagePlacement,\n backgroundImageNode,\n backgroundImageUrl,\n settingsMenu,\n } = this.props;\n\n const heading =\n size === 'medium' && imagePlacement !== 'side' ? (\n <Heading size=\"small\" ellipsis dataHook={DATA_HOOKS.Title}>\n {title}\n </Heading>\n ) : (\n <Text size=\"small\" weight=\"normal\" ellipsis dataHook={DATA_HOOKS.Title}>\n {title}\n </Text>\n );\n\n const textSize =\n imagePlacement === 'side' ? 'tiny' : size === 'medium' ? 'small' : 'tiny';\n\n return (\n <>\n {imagePlacement === 'top' && <Card.Divider />}\n <div className={classes.footer} data-hook={DATA_HOOKS.footer}>\n {draggable && (\n <div className={classes.dragHandleWrapper}>\n {this._renderDragHandle()}\n </div>\n )}\n {imagePlacement === 'side' && (\n <div\n className={st(classes.footerImage, { size })}\n data-hook={DATA_HOOKS.footerImage}\n >\n {backgroundImageUrl ? (\n <Image src={backgroundImageUrl} />\n ) : (\n backgroundImageNode\n )}\n </div>\n )}\n <div className={classes.footerContent}>\n {heading}\n <Text\n size={textSize}\n secondary\n ellipsis\n dataHook={DATA_HOOKS.Subtitle}\n >\n {subtitle}\n </Text>\n </div>\n {suffix && (\n <div className={classes.footerSuffix} data-hook={DATA_HOOKS.suffix}>\n {suffix}\n </div>\n )}\n {imagePlacement === 'side' &&\n settingsMenu &&\n this._renderSettingsMenu()}\n </div>\n </>\n );\n }\n\n _renderActions() {\n const { primaryActionProps, secondaryActionProps, draggable } = this.props;\n const { label, disabled, disabledMessage } = primaryActionProps!;\n const primaryAction = (\n <WixDesignSystemContext.Consumer>\n {({ newColorsBranding }) => (\n <Button\n dataHook={DATA_HOOKS.PrimaryAction}\n disabled={disabled}\n skin={newColorsBranding ? 'light' : 'standard'}\n onPointerDown={draggable ? e => e.stopPropagation() : undefined}\n >\n {label}\n </Button>\n )}\n </WixDesignSystemContext.Consumer>\n );\n\n return (\n <div\n className={classes.primaryAction}\n data-hook={DATA_HOOKS.HoverContent}\n >\n {disabled && disabledMessage ? (\n <Tooltip disabled={!disabled} content={disabledMessage}>\n {primaryAction}\n </Tooltip>\n ) : (\n primaryAction\n )}\n\n {secondaryActionProps && (\n <div className={classes.secondaryAction}>\n <TextButton\n skin=\"light\"\n onClick={(event: React.MouseEvent<HTMLButtonElement>) => {\n if (secondaryActionProps.onClick) {\n secondaryActionProps.onClick(event);\n }\n event.stopPropagation();\n }}\n dataHook={DATA_HOOKS.SecondaryAction}\n onPointerDown={\n draggable\n ? (e: React.MouseEvent<HTMLButtonElement>) =>\n e.stopPropagation()\n : undefined\n }\n >\n {secondaryActionProps.label}\n </TextButton>\n </div>\n )}\n </div>\n );\n }\n\n _renderSettingsMenu() {\n return (\n <div className={classes.settingsMenu} data-hook={DATA_HOOKS.SettingsMenu}>\n {this.props.settingsMenu}\n </div>\n );\n }\n\n render() {\n const {\n primaryActionProps,\n dataHook,\n badge,\n backgroundImageUrl,\n backgroundImageNode,\n settingsMenu,\n size,\n draggable,\n dragging,\n droppable,\n dragDisabled,\n tabIndex,\n aspectRatio,\n imagePlacement,\n showSuffixOnHover,\n suffix,\n skin,\n skinVisibility,\n footer,\n } = this.props;\n\n const { isHovered } = this.state;\n const withCustomFooter = !!footer && imagePlacement === 'top';\n const withFooter = !!this._hasFooter();\n const isInteractive = !!primaryActionProps;\n const showActions = !dragging && !droppable && isInteractive;\n const withFloatingDragHandle = !!draggable && !withFooter;\n const withHover = showActions \|\| withFloatingDragHandle;\n const showShadow =\n skin === 'standard' && (skinVisibility === 'always' \|\| isHovered);\n\n return (\n <DraggableContainer\n draggable={draggable && !showActions}\n dragging={dragging}\n dim\n dragDisabled={dragDisabled}\n tabIndex={tabIndex}\n className={st(classes.root, {\n withFooter,\n size,\n dragging,\n draggable,\n showActions,\n imagePlacement,\n showSuffixOnHover,\n suffix: !!suffix,\n })}\n data-hook={dataHook}\n onFocus={this._onFocus}\n onBlur={this._onBlur}\n >\n <div\n className={classes.container}\n onMouseEnter={this._onMouseEnter}\n onMouseLeave={this._onMouseLeave}\n onClick={primaryActionProps?.onClick}\n data-hook={DATA_HOOKS.Container}\n >\n <Card\n stretchVertically\n showShadow={showShadow}\n dataHook={DATA_HOOKS.Card}\n className={st(classes.cardContainer, {\n skin,\n skinVisibility,\n isInteractive,\n })}\n >\n {imagePlacement === 'top' && (\n <Proportion aspectRatio={aspectRatio}>\n <MediaOverlay\n media={backgroundImageUrl \|\| backgroundImageNode \|\| ''}\n className={classes.overlay}\n hoverSkin={withHover ? 'dark' : undefined}\n hovered={this.state.isHovered \|\| this.state.isFocused}\n dataHook={DATA_HOOKS.HoverComponent}\n >\n {showActions && (\n <MediaOverlay.Content visible=\"hover\">\n {this._renderActions()}\n </MediaOverlay.Content>\n )}\n {settingsMenu && showActions && (\n <MediaOverlay.Content visible=\"hover\" placement=\"top-end\">\n {this._renderSettingsMenu()}\n </MediaOverlay.Content>\n )}\n </MediaOverlay>\n {badge && this._renderBadge()}\n <div className={classes.dragHandleFloatingWrapper}>\n {withFloatingDragHandle && this._renderDragHandle()}\n </div>\n </Proportion>\n )}\n {withFooter && this._renderFooter()}\n {withCustomFooter && (\n <div data-hook={DATA_HOOKS.customFooter}>{footer}</div>\n )}\n </Card>\n </div>\n </DraggableContainer>\n );\n }\n}\n\nexport default CardGalleryItem;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/CardGalleryItem/CardGalleryItem.meta.js CHANGED Viewed

@@ -7,11 +7,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 // This object should contain a mock value for each required prop of this component
-var requiredProps = exports.requiredProps = {
-  primaryActionProps: {
-    label: 'Button'
-  }
-};
+var requiredProps = exports.requiredProps = {};
 // This array should contain an object only for tests you wish to run on all compliance tests
 var sharedTests = [{

package/dist/cjs/CardGalleryItem/CardGalleryItem.meta.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["requiredProps","exports","~~primaryActionProps","label","~~sharedTests","title","props","_objectSpread","testkitTests","secondaryActionProps","backgroundImageUrl","ssrTests","a11yTests"],"sources":["../../../src/CardGalleryItem/CardGalleryItem.meta.tsx"],"sourcesContent":["import { CardGalleryItemProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: CardGalleryItemProps = {~~\n primaryActionProps: {\n label: 'Button',\n~~ }~~,\n}~~;\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n {\n title: 'render',\n props: {\n ...requiredProps,\n } as CardGalleryItemProps,\n },\n];\n\nexport const testkitTests = [\n {\n title: 'render',\n props: {\n ...requiredProps,\n secondaryActionProps: {\n label: 'Text link',\n },\n backgroundImageUrl:\n 'https://static.wixstatic.com/media/89ea07a19c3d415e99a8a8a3c0ab1de8.jpg/v1/fill/w_343,h_343,al_c,q_80,usm_0.66_1.00_0.01/89ea07a19c3d415e99a8a8a3c0ab1de8.jpg',\n } as CardGalleryItemProps,\n },\n];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAmC,GAAAC,OAAA,CAAAD,aAAA,GAAG~~;EACjDE~~,~~kBAAkB~~,~~EAAE;IAClBC,KAAK,EAAE;EACT;AACF,~~CAAC;;~~AAED~~;AACA,~~IAAMC~~,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAAC,aAAA,~~KACAP~~,aAAa;AAEpB,CAAC,CACF;AAEM,~~IAAMQ~~,YAAY,~~GAAAP~~,OAAA,~~CAAAO~~,YAAA,GAAG,CAC1B;EACEH,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAAC,aAAA,CAAAA,aAAA,~~KACAP~~,aAAa;~~IAChBS~~,oBAAoB,EAAE;~~MACpBN~~,KAAK,EAAE;IACT,CAAC;~~IACDO~~,kBAAkB,EAChB;EAA+J;AAErK,CAAC,CACF;AAEM,IAAMC,QAAQ,~~GAAAV~~,OAAA,~~CAAAU~~,QAAA,GAAG,CAAC,~~GAAGP~~,WAAW,CAAC;AAEjC,~~IAAMQ~~,SAAS,~~GAAAX~~,OAAA,~~CAAAW~~,SAAA,GAAG,CAAC,~~GAAGR~~,WAAW,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["requiredProps","exports","sharedTests","title","props","_objectSpread","testkitTests","secondaryActionProps","label","backgroundImageUrl","ssrTests","a11yTests"],"sources":["../../../src/CardGalleryItem/CardGalleryItem.meta.tsx"],"sourcesContent":["import { CardGalleryItemProps } from '.';\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: CardGalleryItemProps = {};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n {\n title: 'render',\n props: {\n ...requiredProps,\n } as CardGalleryItemProps,\n },\n];\n\nexport const testkitTests = [\n {\n title: 'render',\n props: {\n ...requiredProps,\n secondaryActionProps: {\n label: 'Text link',\n },\n backgroundImageUrl:\n 'https://static.wixstatic.com/media/89ea07a19c3d415e99a8a8a3c0ab1de8.jpg/v1/fill/w_343,h_343,al_c,q_80,usm_0.66_1.00_0.01/89ea07a19c3d415e99a8a8a3c0ab1de8.jpg',\n } as CardGalleryItemProps,\n },\n];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;;;AAEA;AACO,IAAMA,aAAmC,GAAAC,OAAA,CAAAD,aAAA,GAAG,CAAC,CAAC;;AAErD;AACA,IAAME,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAAC,aAAA,KACAL,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMM,YAAY,GAAAL,OAAA,CAAAK,YAAA,GAAG,CAC1B;EACEH,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAAC,aAAA,CAAAA,aAAA,KACAL,aAAa;IAChBO,oBAAoB,EAAE;MACpBC,KAAK,EAAE;IACT,CAAC;IACDC,kBAAkB,EAChB;EAA+J;AAErK,CAAC,CACF;AAEM,IAAMC,QAAQ,GAAAT,OAAA,CAAAS,QAAA,GAAG,CAAC,GAAGR,WAAW,CAAC;AAEjC,IAAMS,SAAS,GAAAV,OAAA,CAAAU,SAAA,GAAG,CAAC,GAAGT,WAAW,CAAC","ignoreList":[]}

package/dist/cjs/CardGalleryItem/CardGalleryItem.st.css.js CHANGED Viewed

@@ -7,7 +7,7 @@ const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js"
-var _namespace_ = "wds_1_169_0_CardGalleryItem";
+var _namespace_ = "wds_1_170_0_CardGalleryItem";
 var _style_ = classesRuntime.bind(null, _namespace_);
 module.exports.cssStates = statesRuntime.bind(null, _namespace_);
@@ -15,7 +15,7 @@ module.exports.style = _style_;
 module.exports.st = _style_;
 module.exports.namespace = _namespace_;
-module.exports.classes = {"root":"wds_1_169_0_CardGalleryItem__root","card":"wds_1_169_0_Card__card","overlay":"wds_1_169_0_CardGalleryItem__overlay","primaryAction":"wds_1_169_0_CardGalleryItem__primaryAction","secondaryAction":"wds_1_169_0_CardGalleryItem__secondaryAction","container":"wds_1_169_0_CardGalleryItem__container","footer":"wds_1_169_0_CardGalleryItem__footer","settingsMenu":"wds_1_169_0_CardGalleryItem__settingsMenu","footerSuffix":"wds_1_169_0_CardGalleryItem__footerSuffix","footerContent":"wds_1_169_0_CardGalleryItem__footerContent","footerImage":"wds_1_169_0_CardGalleryItem__footerImage","badgeWrapper":"wds_1_169_0_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_169_0_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_169_0_CardGalleryItem__dragHandleFloatingWrapper","cardContainer":"wds_1_169_0_CardGalleryItem__cardContainer wds_1_169_0_Card__card"};
+module.exports.classes = {"root":"wds_1_170_0_CardGalleryItem__root","card":"wds_1_170_0_Card__card","overlay":"wds_1_170_0_CardGalleryItem__overlay","primaryAction":"wds_1_170_0_CardGalleryItem__primaryAction","secondaryAction":"wds_1_170_0_CardGalleryItem__secondaryAction","container":"wds_1_170_0_CardGalleryItem__container","footer":"wds_1_170_0_CardGalleryItem__footer","settingsMenu":"wds_1_170_0_CardGalleryItem__settingsMenu","footerSuffix":"wds_1_170_0_CardGalleryItem__footerSuffix","footerContent":"wds_1_170_0_CardGalleryItem__footerContent","footerImage":"wds_1_170_0_CardGalleryItem__footerImage","badgeWrapper":"wds_1_170_0_CardGalleryItem__badgeWrapper","dragHandleWrapper":"wds_1_170_0_CardGalleryItem__dragHandleWrapper","dragHandleFloatingWrapper":"wds_1_170_0_CardGalleryItem__dragHandleFloatingWrapper","cardContainer":"wds_1_170_0_CardGalleryItem__cardContainer wds_1_170_0_Card__card"};
 module.exports.keyframes = {};
 module.exports.layers = {};
 module.exports.containers = {};

package/dist/cjs/CardGalleryItem/CardGalleryItem.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["../../../src/CardGalleryItem/CardGalleryItem.types.ts"],"sourcesContent":["import React from 'react';\nimport { DragHandlePublicAPIProps } from '../DragHandle/DragHandle';\nimport { ProportionProps } from '../Proportion';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { SIZES } from './CardGalleryItem.constants';\n\nexport type CardGalleryItemProps = {\n /** Accepts a <Badge/> or any other static indicator. Passed element will be displayed at the top left corner of a card. /\n badge?: React.ReactNode;\n\n /* Set card title. /\n title?: React.ReactNode;\n\n /* Set card subtitle. /\n subtitle?: React.ReactNode;\n\n /* Accepts any component to be rendered as a suffix of the card's footer /\n suffix?: React.ReactNode;\n\n /* Show drag handle /\n draggable?: boolean;\n\n ~~/\n~~ Extra props to pass to the `<DragHandle />` element\n /\n dragHandleProps?: Partial<DragHandlePublicAPIProps>;\n\n /** Indicates the element is dragging /\n dragging?: boolean;\n\n /\n Removes buttons when other element is dragging and this card is droppable\n /\n droppable?: boolean;\n\n /* Show disabled drag handle /\n dragDisabled?: boolean;\n\n /* Specifies the tab order of the component. /\n tabIndex?: number;\n\n /* Set card size. /\n size?: ValuesOf<typeof SIZES>;\n\n /* Specifies background image URL. /\n backgroundImageUrl?: string;\n\n /* Accepts any component to be rendered as a background image. /\n backgroundImageNode?: React.ReactNode;\n\n /* Defines properties for the primary action button. /\n primaryActionProps: {\n /* Label of primary action button /\n label?: React.ReactNode;\n\n /* On click handler of primary action button and of the whole card /\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n\n /* Disable the primary action button /\n disabled?: boolean;\n\n /* Message to be displayed when primary action button is disabled /\n disabledMessage?: string;\n };\n\n /* Defines properties for the secondary action button. /\n secondaryActionProps?: {\n /* Label of secondary action text button /\n label?: React.ReactNode;\n\n /* On click handler of secondary action text button /\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n };\n\n /* Defines a popover menu to be displayed on hover at the top right corner or a card. /\n settingsMenu?: React.ReactNode;\n\n /* Applies a data-hook HTML attribute that can be used in the tests. /\n dataHook?: string;\n\n /\n Recommended values:\n * - Square - 1\n * - Portrait - 3/4\n * - Cinema - 16/9\n * - Landscape - 4/3\n * - Custom number (e.g. 1.5)\n /\n aspectRatio?: ProportionProps['aspectRatio'];\n\n /* Sets placement of background image. /\n imagePlacement?: 'top' \| 'side';\n\n /* Sets suffix behavior to appear only on card hover. /\n showSuffixOnHover?: boolean;\n\n /* Sets skin to the card item. /\n skin?: 'standard' \| 'outlined';\n\n /* Sets when the skin is visible */\n skinVisibility?: 'always' \| 'hover';\n};\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["../../../src/CardGalleryItem/CardGalleryItem.types.ts"],"sourcesContent":["import React from 'react';\nimport { DragHandlePublicAPIProps } from '../DragHandle/DragHandle';\nimport { ProportionProps } from '../Proportion';\nimport { ValuesOf } from '../utils/typeUtils';\nimport { SIZES } from './CardGalleryItem.constants';\n\nexport type CardGalleryItemProps = {\n /** Accepts a <Badge/> or any other static indicator. Passed element will be displayed at the top left corner of a card. /\n badge?: React.ReactNode;\n\n /* Set card title. /\n title?: React.ReactNode;\n\n /* Set card subtitle. /\n subtitle?: React.ReactNode;\n\n /* Accepts any component to be rendered as a suffix of the card's footer. /\n suffix?: React.ReactNode;\n\n /* Show drag handle /\n draggable?: boolean;\n\n /* Extra props to pass to the `<DragHandle />` element. /\n dragHandleProps?: Partial<DragHandlePublicAPIProps>;\n\n /* Indicates the element is dragging. /\n dragging?: boolean;\n\n /* Removes buttons when other element is dragging and this card is droppable. /\n droppable?: boolean;\n\n /* Show disabled drag handle. /\n dragDisabled?: boolean;\n\n /* Specifies the tab order of the component. /\n tabIndex?: number;\n\n /\n Set card size.\n * @default 'medium'\n /\n size?: ValuesOf<typeof SIZES>;\n\n /* Specifies background image URL. /\n backgroundImageUrl?: string;\n\n /* Accepts any component to be rendered as a background image. /\n backgroundImageNode?: React.ReactNode;\n\n /* Defines properties for the primary action button. /\n primaryActionProps?: {\n /* Label of primary action button. /\n label?: React.ReactNode;\n\n /* On click handler of primary action button and of the whole card. /\n onClick?: React.MouseEventHandler<HTMLDivElement>;\n\n /* Disable the primary action button /\n disabled?: boolean;\n\n /* Message to be displayed when primary action button is disabled. /\n disabledMessage?: string;\n };\n\n /* Defines properties for the secondary action button. /\n secondaryActionProps?: {\n /* Label of secondary action text button /\n label?: React.ReactNode;\n\n /* On click handler of secondary action text button. /\n onClick?: React.MouseEventHandler<HTMLButtonElement>;\n };\n\n /* Defines a popover menu to be displayed on hover at the top right corner or a card. /\n settingsMenu?: React.ReactNode;\n\n /* Applies a data-hook HTML attribute that can be used in the tests. /\n dataHook?: string;\n\n /\n Recommended values:\n * - Square - 1\n * - Portrait - 3/4\n * - Cinema - 16/9\n * - Landscape - 4/3\n * - Custom number (e.g. 1.5)\n * @default 1.6\n /\n aspectRatio?: ProportionProps['aspectRatio'];\n\n /\n Sets placement of background image.\n * @default 'top'\n /\n imagePlacement?: 'top' \| 'side';\n\n /\n Sets suffix behavior to appear only on card hover.\n * @default false\n /\n showSuffixOnHover?: boolean;\n\n /\n Sets skin to the card item.\n * @default 'standard'\n /\n skin?: 'standard' \| 'outlined';\n\n /\n Sets when the skin is visible.\n * @default 'always'\n /\n skinVisibility?: 'always' \| 'hover';\n\n /* Accepts any component to be rendered under default footer. Only on imagePlacement 'top'. */\n footer?: React.ReactNode;\n};\n"],"mappings":"","ignoreList":[]}