@atlaskit/media-table 15.0.17 → 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.
Files changed (8) hide show
  1. package/CHANGELOG.md +413 -299
  2. package/dist/cjs/component/styles.js +23 -6
  3. package/dist/es2019/component/styles.js +19 -21
  4. package/dist/esm/component/styles.js +23 -5
  5. package/dist/types/component/mediaTable.d.ts +1 -1
  6. package/dist/types-ts4.5/component/mediaTable.d.ts +1 -1
  7. package/example-helpers/styles.tsx +2 -0
  8. package/package.json +10 -10
package/dist/cjs/component/styles.js CHANGED
@@ -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 _templateObject, _templateObject2, _templateObject3;
11
- var nameCellWrapperStyles = exports.nameCellWrapperStyles = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n align-content: center;\n align-items: center;\n"])));
12
- var truncateWrapperStyles = exports.truncateWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n min-width: 0;\n width: 100%;\n margin-left: ", ";\n\n span:first-of-type {\n &::first-letter {\n text-transform: capitalize;\n }\n }\n"])), "var(--ds-space-050, 4px)");
13
- var mediaTableWrapperStyles = exports.mediaTableWrapperStyles = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n tr {\n cursor: pointer;\n\n td:empty {\n padding: 0;\n }\n }\n"])));
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
+ });
package/dist/es2019/component/styles.js CHANGED
@@ -1,26 +1,24 @@
1
1
  import { css } from '@emotion/react';
2
- export const nameCellWrapperStyles = css`
3
- display: flex;
4
- align-content: center;
5
- align-items: center;
6
- `;
7
- export const truncateWrapperStyles = css`
8
- min-width: 0;
9
- width: 100%;
10
- margin-left: ${"var(--ds-space-050, 4px)"};
11
-
12
- span:first-of-type {
13
- &::first-letter {
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
- td:empty {
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
+ });
package/dist/esm/component/styles.js CHANGED
@@ -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(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-content: center;\n align-items: center;\n"])));
5
- export var truncateWrapperStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n min-width: 0;\n width: 100%;\n margin-left: ", ";\n\n span:first-of-type {\n &::first-letter {\n text-transform: capitalize;\n }\n }\n"])), "var(--ds-space-050, 4px)");
6
- export var mediaTableWrapperStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n tr {\n cursor: pointer;\n\n td:empty {\n padding: 0;\n }\n }\n"])));
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
+ });
package/dist/types/component/mediaTable.d.ts CHANGED
@@ -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<React.PropsWithChildren<import("react-intl-next").WithIntlProps<MediaTableProps & WrappedComponentProps>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
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;
package/dist/types-ts4.5/component/mediaTable.d.ts CHANGED
@@ -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<React.PropsWithChildren<import("react-intl-next").WithIntlProps<MediaTableProps & WrappedComponentProps>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any>>>;
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;
package/example-helpers/styles.tsx CHANGED
@@ -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,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-table",
3
- "version": "15.0.17",
3
+ "version": "15.0.18",
4
4
  "description": "Table UI component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -34,17 +34,17 @@
34
34
  }
35
35
  },
36
36
  "dependencies": {
37
- "@atlaskit/analytics-next": "^9.2.0",
38
- "@atlaskit/button": "^17.7.0",
37
+ "@atlaskit/analytics-next": "^9.3.0",
38
+ "@atlaskit/button": "^17.14.0",
39
39
  "@atlaskit/dynamic-table": "^14.16.0",
40
40
  "@atlaskit/icon": "^22.1.0",
41
- "@atlaskit/media-client": "^26.2.0",
41
+ "@atlaskit/media-client": "^27.0.0",
42
42
  "@atlaskit/media-client-react": "^2.0.0",
43
- "@atlaskit/media-ui": "^25.4.0",
44
- "@atlaskit/media-viewer": "^48.4.0",
45
- "@atlaskit/theme": "^12.6.0",
46
- "@atlaskit/tokens": "^1.42.0",
47
- "@atlaskit/tooltip": "^18.1.0",
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
  },
@@ -59,7 +59,7 @@
59
59
  "@atlaskit/icon-file-type": "^6.4.0",
60
60
  "@atlaskit/media-core": "^34.2.0",
61
61
  "@atlaskit/media-test-helpers": "^33.0.0",
62
- "@atlaskit/range": "^7.1.0",
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",