@atlaskit/media-picker 70.1.4 → 70.1.5
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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/components/errorFlagGroup/ErrorFlagGroup.js +1 -1
- package/dist/es2019/components/errorFlagGroup/ErrorFlagGroup.js +1 -1
- package/dist/esm/components/errorFlagGroup/ErrorFlagGroup.js +1 -1
- package/example-helpers/stylesWrapper.tsx +12 -12
- package/example-helpers/upload-previews.tsx +3 -3
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @atlaskit/media-picker
|
|
2
2
|
|
|
3
|
+
## 70.1.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`7b2a6c98563cb`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7b2a6c98563cb) -
|
|
8
|
+
Icon entry point migration update
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
3
11
|
## 70.1.4
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -8,7 +8,7 @@ exports.default = void 0;
|
|
|
8
8
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
9
9
|
var _react = _interopRequireDefault(require("react"));
|
|
10
10
|
var _flag = require("@atlaskit/flag");
|
|
11
|
-
var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/
|
|
11
|
+
var _crossCircle = _interopRequireDefault(require("@atlaskit/icon/core/cross-circle"));
|
|
12
12
|
var _colors = require("@atlaskit/theme/colors");
|
|
13
13
|
var _messages = require("./messages");
|
|
14
14
|
var _reactIntlNext = require("react-intl-next");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
|
|
3
|
-
import FailIcon from '@atlaskit/icon/core/
|
|
3
|
+
import FailIcon from '@atlaskit/icon/core/cross-circle';
|
|
4
4
|
import { R300 } from '@atlaskit/theme/colors';
|
|
5
5
|
import { errorFlagMessages } from './messages';
|
|
6
6
|
import { injectIntl, IntlProvider, useIntl } from 'react-intl-next';
|
|
@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
|
|
|
3
3
|
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) { _defineProperty(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; }
|
|
4
4
|
import React from 'react';
|
|
5
5
|
import { AutoDismissFlag, FlagGroup } from '@atlaskit/flag';
|
|
6
|
-
import FailIcon from '@atlaskit/icon/core/
|
|
6
|
+
import FailIcon from '@atlaskit/icon/core/cross-circle';
|
|
7
7
|
import { R300 } from '@atlaskit/theme/colors';
|
|
8
8
|
import { errorFlagMessages } from './messages';
|
|
9
9
|
import { injectIntl, IntlProvider, useIntl } from 'react-intl-next';
|
|
@@ -22,22 +22,22 @@ import {
|
|
|
22
22
|
uploadPreviewsFlexRowStyles,
|
|
23
23
|
} from './styles';
|
|
24
24
|
|
|
25
|
-
export const PopupContainer = ({ children }: { children: ReactNode }) => {
|
|
25
|
+
export const PopupContainer = ({ children }: { children: ReactNode }): React.JSX.Element => {
|
|
26
26
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
27
27
|
return <div css={popupContainerStyles}>{children}</div>;
|
|
28
28
|
};
|
|
29
29
|
|
|
30
|
-
export const PopupHeader = ({ children }: { children: ReactNode }) => {
|
|
30
|
+
export const PopupHeader = ({ children }: { children: ReactNode }): React.JSX.Element => {
|
|
31
31
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
32
32
|
return <div css={popupHeaderStyles}>{children}</div>;
|
|
33
33
|
};
|
|
34
34
|
|
|
35
|
-
export const PreviewImageWrapper = ({ children }: { children: ReactNode }) => {
|
|
35
|
+
export const PreviewImageWrapper = ({ children }: { children: ReactNode }): React.JSX.Element => {
|
|
36
36
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
37
37
|
return <div css={previewImageWrapperStyles}>{children}</div>;
|
|
38
38
|
};
|
|
39
39
|
|
|
40
|
-
export const InfoWrapper = ({ children }: { children: ReactNode }) => {
|
|
40
|
+
export const InfoWrapper = ({ children }: { children: ReactNode }): React.JSX.Element => {
|
|
41
41
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
42
42
|
return <pre css={infoWrapperStyles}>{children}</pre>;
|
|
43
43
|
};
|
|
@@ -49,27 +49,27 @@ export const DropzoneContainer = forwardRef(({ isActive }: { isActive: boolean }
|
|
|
49
49
|
);
|
|
50
50
|
});
|
|
51
51
|
|
|
52
|
-
export const DropzoneContentWrapper = ({ children }: { children: ReactNode }) => {
|
|
52
|
+
export const DropzoneContentWrapper = ({ children }: { children: ReactNode }): React.JSX.Element => {
|
|
53
53
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
54
54
|
return <div css={dropzoneContentWrapperStyles}>{children}</div>;
|
|
55
55
|
};
|
|
56
56
|
|
|
57
|
-
export const PreviewsWrapper = ({ children }: { children: ReactNode }) => {
|
|
57
|
+
export const PreviewsWrapper = ({ children }: { children: ReactNode }): React.JSX.Element => {
|
|
58
58
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
59
59
|
return <div css={previewsWrapperStyles}>{children}</div>;
|
|
60
60
|
};
|
|
61
61
|
|
|
62
|
-
export const PreviewsTitle = ({ children }: { children: ReactNode }) => {
|
|
62
|
+
export const PreviewsTitle = ({ children }: { children: ReactNode }): React.JSX.Element => {
|
|
63
63
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/use-heading -- Ignored via go/DSP-18766
|
|
64
64
|
return <h1 css={previewsTitleStyles}>{children}</h1>;
|
|
65
65
|
};
|
|
66
66
|
|
|
67
|
-
export const UploadPreviewsFlexRow = ({ children }: { children: ReactNode }) => {
|
|
67
|
+
export const UploadPreviewsFlexRow = ({ children }: { children: ReactNode }): React.JSX.Element => {
|
|
68
68
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
69
69
|
return <div css={uploadPreviewsFlexRowStyles}>{children}</div>;
|
|
70
70
|
};
|
|
71
71
|
|
|
72
|
-
export const DropzoneItemsInfo = ({ children }: { children: ReactNode }) => {
|
|
72
|
+
export const DropzoneItemsInfo = ({ children }: { children: ReactNode }): React.JSX.Element => {
|
|
73
73
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
74
74
|
return <div css={dropzoneItemsInfoStyles}>{children}</div>;
|
|
75
75
|
};
|
|
@@ -80,12 +80,12 @@ export const ClipboardContainer = ({
|
|
|
80
80
|
}: {
|
|
81
81
|
isWindowFocused: boolean;
|
|
82
82
|
children: ReactNode;
|
|
83
|
-
}) => {
|
|
83
|
+
}): React.JSX.Element => {
|
|
84
84
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
85
85
|
return <div css={clipboardContainerStyles({ isWindowFocused })}>{children}</div>;
|
|
86
86
|
};
|
|
87
87
|
|
|
88
|
-
export const InfoContainer = ({ children }: { children: ReactNode }) => {
|
|
88
|
+
export const InfoContainer = ({ children }: { children: ReactNode }): React.JSX.Element => {
|
|
89
89
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
90
90
|
return <div css={infoContainerStyles}>{children}</div>;
|
|
91
91
|
};
|
|
@@ -101,7 +101,7 @@ type PastedImageProps = {
|
|
|
101
101
|
style: PastedImageStyleType;
|
|
102
102
|
};
|
|
103
103
|
|
|
104
|
-
export const PastedImage = ({ src, style, title }: PastedImageProps) => {
|
|
104
|
+
export const PastedImage = ({ src, style, title }: PastedImageProps): React.JSX.Element => {
|
|
105
105
|
// eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values, @atlassian/a11y/alt-text -- Ignored via go/DSP-18766
|
|
106
106
|
return <img src={src} title={title} css={pastedImageStyles(style)} />;
|
|
107
107
|
};
|
|
@@ -27,7 +27,7 @@ export class UploadPreviews extends React.Component<PreviewsDataProps, PreviewsD
|
|
|
27
27
|
previewsData: [],
|
|
28
28
|
};
|
|
29
29
|
|
|
30
|
-
onUploadsStart = (event: UploadsStartEventPayload) => {
|
|
30
|
+
onUploadsStart = (event: UploadsStartEventPayload): void => {
|
|
31
31
|
const { previewsData } = this.state;
|
|
32
32
|
const { files } = event;
|
|
33
33
|
|
|
@@ -44,7 +44,7 @@ export class UploadPreviews extends React.Component<PreviewsDataProps, PreviewsD
|
|
|
44
44
|
});
|
|
45
45
|
};
|
|
46
46
|
|
|
47
|
-
onPreviewUpdate = (data: UploadPreviewUpdateEventPayload) => {
|
|
47
|
+
onPreviewUpdate = (data: UploadPreviewUpdateEventPayload): void => {
|
|
48
48
|
const { previewsData } = this.state;
|
|
49
49
|
const currentItem = previewsData[previewsData.length - 1];
|
|
50
50
|
currentItem.preview = data.preview;
|
|
@@ -53,7 +53,7 @@ export class UploadPreviews extends React.Component<PreviewsDataProps, PreviewsD
|
|
|
53
53
|
});
|
|
54
54
|
};
|
|
55
55
|
|
|
56
|
-
onError = (data: UploadErrorEventPayload) => {
|
|
56
|
+
onError = (data: UploadErrorEventPayload): void => {
|
|
57
57
|
console.log('upload error:', data);
|
|
58
58
|
};
|
|
59
59
|
|