@atlaskit/media-table 15.0.16 → 15.0.18
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 +418 -298
- package/dist/cjs/component/mediaTable.js +3 -3
- package/dist/cjs/component/styles.js +23 -6
- package/dist/es2019/component/styles.js +19 -21
- package/dist/esm/component/mediaTable.js +1 -1
- package/dist/esm/component/styles.js +23 -5
- package/dist/types/component/downloadButton.d.ts +2 -2
- package/dist/types/component/mediaTable.d.ts +1 -1
- package/dist/types/component/previewButton.d.ts +2 -2
- package/dist/types-ts4.5/component/downloadButton.d.ts +2 -2
- package/dist/types-ts4.5/component/mediaTable.d.ts +1 -1
- package/dist/types-ts4.5/component/previewButton.d.ts +2 -2
- package/example-helpers/styles.tsx +2 -0
- package/package.json +17 -18
|
@@ -28,12 +28,12 @@ var _downloadButton = _interopRequireDefault(require("./downloadButton"));
|
|
|
28
28
|
var _previewButton = _interopRequireDefault(require("./previewButton"));
|
|
29
29
|
var _util = require("../util");
|
|
30
30
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
31
|
-
function _getRequireWildcardCache(
|
|
32
|
-
function _interopRequireWildcard(
|
|
31
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
32
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
33
33
|
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; }
|
|
34
34
|
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; }
|
|
35
35
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
36
|
-
function _isNativeReflectConstruct() {
|
|
36
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); } /**@jsx jsx */ // eslint-disable-next-line import/no-extraneous-dependencies
|
|
37
37
|
var MediaTable = exports.MediaTable = /*#__PURE__*/function (_Component) {
|
|
38
38
|
(0, _inherits2.default)(MediaTable, _Component);
|
|
39
39
|
var _super = _createSuper(MediaTable);
|
|
@@ -1,13 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
exports.truncateWrapperStyles = exports.nameCellWrapperStyles = exports.mediaTableWrapperStyles = void 0;
|
|
8
|
-
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
9
7
|
var _react = require("@emotion/react");
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
var nameCellWrapperStyles = exports.nameCellWrapperStyles = (0, _react.css)({
|
|
9
|
+
display: 'flex',
|
|
10
|
+
alignContent: 'center',
|
|
11
|
+
alignItems: 'center'
|
|
12
|
+
});
|
|
13
|
+
var truncateWrapperStyles = exports.truncateWrapperStyles = (0, _react.css)({
|
|
14
|
+
minWidth: 0,
|
|
15
|
+
width: '100%',
|
|
16
|
+
marginLeft: "var(--ds-space-050, 4px)",
|
|
17
|
+
'span:first-of-type': {
|
|
18
|
+
'&::first-letter': {
|
|
19
|
+
textTransform: 'capitalize'
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
var mediaTableWrapperStyles = exports.mediaTableWrapperStyles = (0, _react.css)({
|
|
24
|
+
tr: {
|
|
25
|
+
cursor: 'pointer',
|
|
26
|
+
'td:empty': {
|
|
27
|
+
padding: 0
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
});
|
|
@@ -1,26 +1,24 @@
|
|
|
1
1
|
import { css } from '@emotion/react';
|
|
2
|
-
export const nameCellWrapperStyles = css
|
|
3
|
-
display: flex
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export const truncateWrapperStyles = css
|
|
8
|
-
|
|
9
|
-
width: 100
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
text-transform: capitalize;
|
|
2
|
+
export const nameCellWrapperStyles = css({
|
|
3
|
+
display: 'flex',
|
|
4
|
+
alignContent: 'center',
|
|
5
|
+
alignItems: 'center'
|
|
6
|
+
});
|
|
7
|
+
export const truncateWrapperStyles = css({
|
|
8
|
+
minWidth: 0,
|
|
9
|
+
width: '100%',
|
|
10
|
+
marginLeft: "var(--ds-space-050, 4px)",
|
|
11
|
+
'span:first-of-type': {
|
|
12
|
+
'&::first-letter': {
|
|
13
|
+
textTransform: 'capitalize'
|
|
15
14
|
}
|
|
16
15
|
}
|
|
17
|
-
|
|
18
|
-
export const mediaTableWrapperStyles = css
|
|
19
|
-
tr {
|
|
20
|
-
cursor: pointer
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
padding: 0;
|
|
16
|
+
});
|
|
17
|
+
export const mediaTableWrapperStyles = css({
|
|
18
|
+
tr: {
|
|
19
|
+
cursor: 'pointer',
|
|
20
|
+
'td:empty': {
|
|
21
|
+
padding: 0
|
|
24
22
|
}
|
|
25
23
|
}
|
|
26
|
-
|
|
24
|
+
});
|
|
@@ -10,7 +10,7 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
|
|
|
10
10
|
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; }
|
|
11
11
|
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; }
|
|
12
12
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
13
|
-
function _isNativeReflectConstruct() {
|
|
13
|
+
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
|
|
14
14
|
/**@jsx jsx */
|
|
15
15
|
import { jsx } from '@emotion/react';
|
|
16
16
|
import React, { Component } from 'react';
|
|
@@ -1,6 +1,24 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
3
1
|
import { css } from '@emotion/react';
|
|
4
|
-
export var nameCellWrapperStyles = css(
|
|
5
|
-
|
|
6
|
-
|
|
2
|
+
export var nameCellWrapperStyles = css({
|
|
3
|
+
display: 'flex',
|
|
4
|
+
alignContent: 'center',
|
|
5
|
+
alignItems: 'center'
|
|
6
|
+
});
|
|
7
|
+
export var truncateWrapperStyles = css({
|
|
8
|
+
minWidth: 0,
|
|
9
|
+
width: '100%',
|
|
10
|
+
marginLeft: "var(--ds-space-050, 4px)",
|
|
11
|
+
'span:first-of-type': {
|
|
12
|
+
'&::first-letter': {
|
|
13
|
+
textTransform: 'capitalize'
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
export var mediaTableWrapperStyles = css({
|
|
18
|
+
tr: {
|
|
19
|
+
cursor: 'pointer',
|
|
20
|
+
'td:empty': {
|
|
21
|
+
padding: 0
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
});
|
|
@@ -3,7 +3,7 @@ import { WrappedComponentProps } from 'react-intl-next';
|
|
|
3
3
|
interface Props {
|
|
4
4
|
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
5
5
|
}
|
|
6
|
-
declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps
|
|
7
|
-
WrappedComponent: React.ComponentType<Props & WrappedComponentProps
|
|
6
|
+
declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
7
|
+
WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
|
|
8
8
|
};
|
|
9
9
|
export default _default;
|
|
@@ -24,5 +24,5 @@ export declare class MediaTable extends Component<MediaTableProps & WrappedCompo
|
|
|
24
24
|
private renderMediaViewer;
|
|
25
25
|
render(): jsx.JSX.Element;
|
|
26
26
|
}
|
|
27
|
-
declare const _default: React.ComponentType<import("@atlaskit/media-client-react").WithMediaClientConfigProps<Omit<
|
|
27
|
+
declare const _default: React.ComponentType<import("@atlaskit/media-client-react").WithMediaClientConfigProps<Omit<import("react-intl-next").WithIntlProps<MediaTableProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
|
|
28
28
|
export default _default;
|
|
@@ -3,7 +3,7 @@ import { WrappedComponentProps } from 'react-intl-next';
|
|
|
3
3
|
interface Props {
|
|
4
4
|
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
5
5
|
}
|
|
6
|
-
declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps
|
|
7
|
-
WrappedComponent: React.ComponentType<Props & WrappedComponentProps
|
|
6
|
+
declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
7
|
+
WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
|
|
8
8
|
};
|
|
9
9
|
export default _default;
|
|
@@ -3,7 +3,7 @@ import { WrappedComponentProps } from 'react-intl-next';
|
|
|
3
3
|
interface Props {
|
|
4
4
|
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
5
5
|
}
|
|
6
|
-
declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps
|
|
7
|
-
WrappedComponent: React.ComponentType<Props & WrappedComponentProps
|
|
6
|
+
declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
7
|
+
WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
|
|
8
8
|
};
|
|
9
9
|
export default _default;
|
|
@@ -24,5 +24,5 @@ export declare class MediaTable extends Component<MediaTableProps & WrappedCompo
|
|
|
24
24
|
private renderMediaViewer;
|
|
25
25
|
render(): jsx.JSX.Element;
|
|
26
26
|
}
|
|
27
|
-
declare const _default: React.ComponentType<import("@atlaskit/media-client-react").WithMediaClientConfigProps<Omit<
|
|
27
|
+
declare const _default: React.ComponentType<import("@atlaskit/media-client-react").WithMediaClientConfigProps<Omit<import("react-intl-next").WithIntlProps<MediaTableProps & WrappedComponentProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
|
|
28
28
|
export default _default;
|
|
@@ -3,7 +3,7 @@ import { WrappedComponentProps } from 'react-intl-next';
|
|
|
3
3
|
interface Props {
|
|
4
4
|
onClick: (event: React.MouseEvent<HTMLElement>) => void;
|
|
5
5
|
}
|
|
6
|
-
declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps
|
|
7
|
-
WrappedComponent: React.ComponentType<Props & WrappedComponentProps
|
|
6
|
+
declare const _default: React.FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
|
|
7
|
+
WrappedComponent: React.ComponentType<Props & WrappedComponentProps>;
|
|
8
8
|
};
|
|
9
9
|
export default _default;
|
|
@@ -7,6 +7,7 @@ import { colors } from '@atlaskit/theme';
|
|
|
7
7
|
export const ROW_HIGHLIGHT_CLASSNAME = 'media-table-row-highlighted';
|
|
8
8
|
export const ROW_CLASSNAME = 'media-table-row';
|
|
9
9
|
|
|
10
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
|
|
10
11
|
export const exampleWrapperStyles = css`
|
|
11
12
|
display: flex;
|
|
12
13
|
flex-direction: column;
|
|
@@ -24,6 +25,7 @@ export const exampleWrapperStyles = css`
|
|
|
24
25
|
}
|
|
25
26
|
`;
|
|
26
27
|
|
|
28
|
+
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
|
|
27
29
|
export const greenOnHoverStyles = css`
|
|
28
30
|
background-color: ${token('color.background.danger.bold', 'red')};
|
|
29
31
|
height: 8px;
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/media-table",
|
|
3
|
-
"version": "15.0.
|
|
3
|
+
"version": "15.0.18",
|
|
4
4
|
"description": "Table UI component",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
7
7
|
},
|
|
8
|
-
"repository": "https://bitbucket.org/atlassian/atlassian-frontend",
|
|
8
|
+
"repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
|
|
9
9
|
"author": "Atlassian Pty Ltd",
|
|
10
10
|
"license": "Apache-2.0",
|
|
11
11
|
"main": "dist/cjs/index.js",
|
|
@@ -34,22 +34,22 @@
|
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@atlaskit/analytics-next": "^9.
|
|
38
|
-
"@atlaskit/button": "^17.
|
|
39
|
-
"@atlaskit/dynamic-table": "^14.
|
|
40
|
-
"@atlaskit/icon": "^22.
|
|
41
|
-
"@atlaskit/media-client": "^
|
|
37
|
+
"@atlaskit/analytics-next": "^9.3.0",
|
|
38
|
+
"@atlaskit/button": "^17.14.0",
|
|
39
|
+
"@atlaskit/dynamic-table": "^14.16.0",
|
|
40
|
+
"@atlaskit/icon": "^22.1.0",
|
|
41
|
+
"@atlaskit/media-client": "^27.0.0",
|
|
42
42
|
"@atlaskit/media-client-react": "^2.0.0",
|
|
43
|
-
"@atlaskit/media-ui": "^25.
|
|
44
|
-
"@atlaskit/media-viewer": "^48.
|
|
45
|
-
"@atlaskit/theme": "^12.
|
|
46
|
-
"@atlaskit/tokens": "^1.
|
|
47
|
-
"@atlaskit/tooltip": "^18.
|
|
43
|
+
"@atlaskit/media-ui": "^25.10.0",
|
|
44
|
+
"@atlaskit/media-viewer": "^48.5.0",
|
|
45
|
+
"@atlaskit/theme": "^12.7.0",
|
|
46
|
+
"@atlaskit/tokens": "^1.45.0",
|
|
47
|
+
"@atlaskit/tooltip": "^18.3.0",
|
|
48
48
|
"@babel/runtime": "^7.0.0",
|
|
49
49
|
"memoize-one": "^6.0.0"
|
|
50
50
|
},
|
|
51
51
|
"peerDependencies": {
|
|
52
|
-
"@atlaskit/media-core": "^34.
|
|
52
|
+
"@atlaskit/media-core": "^34.2.0",
|
|
53
53
|
"@emotion/react": "^11.7.1",
|
|
54
54
|
"react": "^16.8.0",
|
|
55
55
|
"react-dom": "^16.8.0",
|
|
@@ -57,16 +57,16 @@
|
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@atlaskit/icon-file-type": "^6.4.0",
|
|
60
|
-
"@atlaskit/media-core": "^34.
|
|
60
|
+
"@atlaskit/media-core": "^34.2.0",
|
|
61
61
|
"@atlaskit/media-test-helpers": "^33.0.0",
|
|
62
|
-
"@atlaskit/range": "^7.
|
|
62
|
+
"@atlaskit/range": "^7.2.0",
|
|
63
63
|
"@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
|
|
64
64
|
"@emotion/react": "^11.7.1",
|
|
65
65
|
"date-fns": "^2.17.0",
|
|
66
66
|
"enzyme": "^3.10.0",
|
|
67
67
|
"react": "^16.8.0",
|
|
68
68
|
"react-dom": "^16.8.0",
|
|
69
|
-
"typescript": "~4.
|
|
69
|
+
"typescript": "~5.4.2"
|
|
70
70
|
},
|
|
71
71
|
"techstack": {
|
|
72
72
|
"@repo/internal": {
|
|
@@ -76,6 +76,5 @@
|
|
|
76
76
|
]
|
|
77
77
|
}
|
|
78
78
|
},
|
|
79
|
-
"resolutions": {},
|
|
80
79
|
"prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
|
|
81
|
-
}
|
|
80
|
+
}
|