@atlaskit/smart-card 17.2.0 → 17.3.2
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 +28 -0
- package/dist/cjs/constants.js +15 -1
- package/dist/cjs/extractors/flexible/index.js +2 -0
- package/dist/cjs/version.json +1 -1
- package/dist/cjs/view/FlexibleCard/components/actions/{delete-action → action}/index.js +40 -25
- package/dist/cjs/view/FlexibleCard/components/actions/{types.js → action/types.js} +0 -0
- package/dist/cjs/view/FlexibleCard/components/actions/index.js +3 -1
- package/dist/cjs/view/FlexibleCard/components/actions/utils.js +34 -6
- package/dist/cjs/view/FlexibleCard/components/blocks/action-group/index.js +1 -1
- package/dist/cjs/view/FlexibleCard/components/blocks/metadata-block/index.js +17 -3
- package/dist/cjs/view/FlexibleCard/components/blocks/utils.js +27 -7
- package/dist/cjs/view/FlexibleCard/components/elements/avatar-group/index.js +24 -2
- package/dist/cjs/view/FlexibleCard/components/elements/index.js +3 -1
- package/dist/cjs/view/FlexibleCard/components/elements/text/index.js +6 -2
- package/dist/cjs/view/FlexibleCard/components/elements/utils.js +62 -39
- package/dist/es2019/constants.js +14 -1
- package/dist/es2019/extractors/flexible/index.js +3 -1
- package/dist/es2019/version.json +1 -1
- package/dist/es2019/view/FlexibleCard/components/actions/{delete-action → action}/index.js +31 -15
- package/dist/es2019/view/FlexibleCard/components/actions/{types.js → action/types.js} +0 -0
- package/dist/es2019/view/FlexibleCard/components/actions/index.js +5 -3
- package/dist/es2019/view/FlexibleCard/components/actions/utils.js +27 -4
- package/dist/es2019/view/FlexibleCard/components/blocks/action-group/index.js +1 -1
- package/dist/es2019/view/FlexibleCard/components/blocks/metadata-block/index.js +17 -3
- package/dist/es2019/view/FlexibleCard/components/blocks/utils.js +37 -6
- package/dist/es2019/view/FlexibleCard/components/elements/avatar-group/index.js +28 -2
- package/dist/es2019/view/FlexibleCard/components/elements/index.js +1 -0
- package/dist/es2019/view/FlexibleCard/components/elements/text/index.js +5 -3
- package/dist/es2019/view/FlexibleCard/components/elements/utils.js +63 -37
- package/dist/esm/constants.js +14 -1
- package/dist/esm/extractors/flexible/index.js +3 -1
- package/dist/esm/version.json +1 -1
- package/dist/esm/view/FlexibleCard/components/actions/action/index.js +82 -0
- package/dist/esm/view/FlexibleCard/components/actions/{types.js → action/types.js} +0 -0
- package/dist/esm/view/FlexibleCard/components/actions/index.js +5 -3
- package/dist/esm/view/FlexibleCard/components/actions/utils.js +26 -4
- package/dist/esm/view/FlexibleCard/components/blocks/action-group/index.js +1 -1
- package/dist/esm/view/FlexibleCard/components/blocks/metadata-block/index.js +17 -3
- package/dist/esm/view/FlexibleCard/components/blocks/utils.js +25 -7
- package/dist/esm/view/FlexibleCard/components/elements/avatar-group/index.js +24 -2
- package/dist/esm/view/FlexibleCard/components/elements/index.js +1 -0
- package/dist/esm/view/FlexibleCard/components/elements/text/index.js +7 -2
- package/dist/esm/view/FlexibleCard/components/elements/utils.js +62 -39
- package/dist/types/constants.d.ts +1 -0
- package/dist/types/state/flexible-ui-context/types.d.ts +3 -2
- package/dist/types/view/FlexibleCard/components/actions/action/index.d.ts +5 -0
- package/dist/types/view/FlexibleCard/components/actions/action/types.d.ts +18 -0
- package/dist/types/view/FlexibleCard/components/actions/index.d.ts +1 -1
- package/dist/types/view/FlexibleCard/components/actions/utils.d.ts +2 -1
- package/dist/types/view/FlexibleCard/components/blocks/utils.d.ts +4 -2
- package/dist/types/view/FlexibleCard/components/elements/avatar-group/index.d.ts +1 -0
- package/dist/types/view/FlexibleCard/components/elements/avatar-group/types.d.ts +1 -2
- package/dist/types/view/FlexibleCard/components/elements/index.d.ts +1 -0
- package/dist/types/view/FlexibleCard/components/elements/text/types.d.ts +1 -0
- package/package.json +1 -1
- package/dist/esm/view/FlexibleCard/components/actions/delete-action/index.js +0 -64
- package/dist/types/view/FlexibleCard/components/actions/delete-action/index.d.ts +0 -5
- package/dist/types/view/FlexibleCard/components/actions/types.d.ts +0 -10
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
|
|
2
|
-
|
|
3
|
-
var _templateObject;
|
|
4
|
-
|
|
5
|
-
/** @jsx jsx */
|
|
6
|
-
import React from 'react';
|
|
7
|
-
import { FormattedMessage } from 'react-intl-next';
|
|
8
|
-
import { css, jsx } from '@emotion/core';
|
|
9
|
-
import Button from '@atlaskit/button/custom-theme-button';
|
|
10
|
-
import CrossIcon from '@atlaskit/icon/glyph/cross';
|
|
11
|
-
import { SmartLinkSize } from '../../../../../constants';
|
|
12
|
-
import Tooltip from '@atlaskit/tooltip';
|
|
13
|
-
import { getIconSizeStyles } from '../../utils';
|
|
14
|
-
import { messages } from '../../../../../messages';
|
|
15
|
-
import { tokens } from '../../../../../utils/token';
|
|
16
|
-
import { handleOnClick } from '../../../../../utils';
|
|
17
|
-
|
|
18
|
-
var getWidth = function getWidth(size) {
|
|
19
|
-
switch (size) {
|
|
20
|
-
case SmartLinkSize.XLarge:
|
|
21
|
-
case SmartLinkSize.Large:
|
|
22
|
-
return '1.5rem';
|
|
23
|
-
|
|
24
|
-
case SmartLinkSize.Medium:
|
|
25
|
-
case SmartLinkSize.Small:
|
|
26
|
-
default:
|
|
27
|
-
return '1rem';
|
|
28
|
-
}
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
var getStyles = function getStyles(size) {
|
|
32
|
-
return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n color: ", ";\n ", ";\n"])), tokens.actionIcon, getIconSizeStyles(getWidth(size)));
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
var DeleteAction = function DeleteAction(_ref) {
|
|
36
|
-
var _ref$appearance = _ref.appearance,
|
|
37
|
-
appearance = _ref$appearance === void 0 ? 'subtle' : _ref$appearance,
|
|
38
|
-
content = _ref.content,
|
|
39
|
-
onClick = _ref.onClick,
|
|
40
|
-
_ref$size = _ref.size,
|
|
41
|
-
size = _ref$size === void 0 ? SmartLinkSize.Medium : _ref$size,
|
|
42
|
-
_ref$testId = _ref.testId,
|
|
43
|
-
testId = _ref$testId === void 0 ? 'smart-action-delete-action' : _ref$testId;
|
|
44
|
-
|
|
45
|
-
if (!onClick) {
|
|
46
|
-
return null;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
return jsx(Tooltip, {
|
|
50
|
-
content: jsx(FormattedMessage, messages.delete)
|
|
51
|
-
}, jsx(Button, {
|
|
52
|
-
spacing: "none",
|
|
53
|
-
appearance: appearance,
|
|
54
|
-
testId: testId,
|
|
55
|
-
onClick: handleOnClick(onClick)
|
|
56
|
-
}, content || jsx("span", {
|
|
57
|
-
css: getStyles(size),
|
|
58
|
-
"data-testid": "".concat(testId, "-icon")
|
|
59
|
-
}, jsx(CrossIcon, {
|
|
60
|
-
label: "Delete"
|
|
61
|
-
}))));
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
export default DeleteAction;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { SmartLinkSize } from '../../../../constants';
|
|
3
|
-
import { Appearance } from '@atlaskit/button/types';
|
|
4
|
-
export declare type ActionProps = {
|
|
5
|
-
size?: SmartLinkSize;
|
|
6
|
-
testId?: string;
|
|
7
|
-
content?: React.ReactNode;
|
|
8
|
-
appearance?: Appearance;
|
|
9
|
-
onClick: () => any;
|
|
10
|
-
};
|