@atlaskit/media-card 70.11.0 → 73.0.0

package/dist/esm/root/ui/styledSSR.js

@@ -1,76 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2;
-
-import styled from 'styled-components';
-import { akEditorSelectedBoxShadow } from '@atlaskit/editor-shared-styles/consts';
-import { N20, N60A } from '@atlaskit/theme/colors';
-import { fontFamily } from '@atlaskit/theme/constants';
-import { hideNativeBrowserTextSelectionStyles } from '@atlaskit/editor-shared-styles/selection';
-import { borderRadius } from '@atlaskit/media-ui';
-import { transition } from '../../styles';
-import { getDefaultCardDimensions } from '../../utils/cardDimensions';
-import { getCSSUnitValue } from '../../utils/getCSSUnitValue';
-import { fixedBlanketStyles, blanketClassName } from './blanket/styled';
-import { responsiveSettings } from './common';
-import { Breakpoint } from './Breakpoint';
-export var SSRFileExperienceWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  &:hover .", " {\n    ", "\n  }\n"])), function (_ref) {
-  var breakpoint = _ref.breakpoint,
-      dimensions = _ref.dimensions,
-      appearance = _ref.appearance,
-      shouldUsePointerCursor = _ref.shouldUsePointerCursor,
-      displayBackground = _ref.displayBackground,
-      disableOverlay = _ref.disableOverlay,
-      selected = _ref.selected;
-  return "\n  ".concat(transition(), "\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n  position: relative;\n  font-family: ").concat(fontFamily(), ";\n  ").concat(getWrapperDimensions(dimensions, appearance), "\n  ").concat(displayBackground ? "background-color: ".concat(N20, ";") : '', "\n  ").concat(borderRadius, "\n  ").concat(getCursorStyle(shouldUsePointerCursor), "\n  ").concat(generateResponsiveStyles(breakpoint), "\n  ").concat(hideNativeBrowserTextSelectionStyles, "\n  ").concat(getWrapperShadow(disableOverlay, selected), "\n  ");
-}, blanketClassName, fixedBlanketStyles);
-SSRFileExperienceWrapper.displayName = 'SSRFileExperienceWrapper';
-export var getWrapperDimensions = function getWrapperDimensions(dimensions, appearance) {
-  var _ref2 = dimensions || {},
-      width = _ref2.width,
-      height = _ref2.height;
-
-  var _getDefaultCardDimens = getDefaultCardDimensions(appearance),
-      defaultWidth = _getDefaultCardDimens.width,
-      defaultHeight = _getDefaultCardDimens.height;
-
-  return "\n    width: ".concat(getCSSUnitValue(width || defaultWidth), ";\n    max-width: 100%;\n    height: ").concat(getCSSUnitValue(height || defaultHeight), ";\n    max-height: 100%;\n  ");
-};
-
-var generateResponsiveStyles = function generateResponsiveStyles() {
-  var breakpoint = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Breakpoint.SMALL;
-  var setting = responsiveSettings[breakpoint];
-  return "\n    font-size: ".concat(setting.fontSize, "px;\n    line-height: ").concat(setting.lineHeight, "px;\n  ");
-};
-
-var getCursorStyle = function getCursorStyle(shouldUsePointerCursor) {
-  return "cursor: ".concat(shouldUsePointerCursor ? 'pointer' : 'default', ";");
-}; // This is a trick to simulate the blue border without affecting the dimensions.
-// CSS outline has no 'radius', therefore we can't achieve the same effect with it
-
-
-var getWrapperShadow = function getWrapperShadow(disableOverlay, selected) {
-  var withOverlayShadow = !disableOverlay ? "0 1px 1px ".concat(N60A, ", 0 0 1px 0 ").concat(N60A) : '';
-  var selectedShadow = selected ? akEditorSelectedBoxShadow : '';
-  var shadow = [selectedShadow, withOverlayShadow].filter(Boolean).join(', ');
-  return shadow ? "box-shadow: ".concat(shadow, ";") : '';
-};
-
-export var CardImageContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  position: relative;\n  max-width: 100%;\n  width: 100%;\n  height: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  ", "\n"])), borderRadius);
-var breakpointSizes = [[Breakpoint.SMALL, 599], [Breakpoint.LARGE, Infinity]];
-export var calcBreakpointSize = function calcBreakpointSize() {
-  var wrapperWidth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-
-  var _ref3 = breakpointSizes.find(function (_ref5) {
-    var _ref6 = _slicedToArray(_ref5, 2),
-        _breakpoint = _ref6[0],
-        limit = _ref6[1];
-
-    return wrapperWidth <= limit;
-  }) || [Breakpoint.SMALL],
-      _ref4 = _slicedToArray(_ref3, 1),
-      breakpoint = _ref4[0];
-
-  return breakpoint;
-};

package/dist/esm/utils/fileAttributesContext.js

@@ -1,18 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useContext } from 'react';
-var FileAttributesContext = /*#__PURE__*/React.createContext(null);
-export var FileAttributesProvider = function FileAttributesProvider(_ref) {
-  var children = _ref.children,
-      data = _ref.data;
-  return data ? /*#__PURE__*/React.createElement(FileAttributesContext.Provider, {
-    value: data
-  }, children) : /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-export function withFileAttributes(Component) {
-  return function (props) {
-    var fileAttributes = useContext(FileAttributesContext);
-    return fileAttributes ? /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-      fileAttributes: fileAttributes
-    })) : /*#__PURE__*/React.createElement(Component, props);
-  };
-}

package/dist/types/root/card/cardSSRView.d.ts

@@ -1,12 +0,0 @@
-import { FC } from 'react';
-import { FileIdentifier, ImageResizeMode, MediaClient } from '@atlaskit/media-client';
-import { CardDimensions } from '../../utils/cardDimensions';
-export interface CardSSRViewProps {
-    readonly identifier: FileIdentifier;
-    readonly dimensions?: CardDimensions;
-    readonly mediaClient: MediaClient;
-    readonly resizeMode: ImageResizeMode;
-    readonly alt?: string;
-    readonly disableOverlay: boolean;
-}
-export declare const CardSSRView: FC<CardSSRViewProps>;

package/dist/types/root/card/getCardPreview/types.d.ts

@@ -1,5 +0,0 @@
-export interface CardPreview {
-    dataURI: string;
-    orientation?: number;
-    source: 'local' | 'remote' | 'cache' | 'external';
-}

package/dist/types/root/ui/Breakpoint.d.ts

@@ -1,4 +0,0 @@
-export declare enum Breakpoint {
-    SMALL = "small",
-    LARGE = "large"
-}

package/dist/types/root/ui/styledSSR.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import { CardDimensions, CardAppearance } from '../..';
-import { Breakpoint } from './Breakpoint';
-export interface BaseNewFileExperienceWrapperProps {
-    breakpoint: Breakpoint;
-    dimensions?: CardDimensions;
-    appearance?: CardAppearance;
-    shouldUsePointerCursor: boolean;
-    displayBackground: boolean;
-    disableOverlay: boolean;
-    selected: boolean;
-}
-export declare const SSRFileExperienceWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & BaseNewFileExperienceWrapperProps, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & BaseNewFileExperienceWrapperProps>;
-export declare const getWrapperDimensions: (dimensions?: CardDimensions | undefined, appearance?: "auto" | "image" | "square" | "horizontal" | undefined) => string;
-export declare const CardImageContainer: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
-export declare const calcBreakpointSize: (wrapperWidth?: number) => Breakpoint;

package/dist/types/utils/fileAttributesContext.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { FileAttributes } from '@atlaskit/media-common';
-export declare type FileAttributesProviderProps = {
-    data: FileAttributes;
-};
-export declare const FileAttributesProvider: React.FC<FileAttributesProviderProps>;
-export declare type WithFileAttributesProps = {
-    fileAttributes?: FileAttributes;
-};
-export declare function withFileAttributes<Props>(Component: React.ComponentType<Props & WithFileAttributesProps>): React.FC<Props>;