@atlaskit/smart-card 40.1.0 → 40.2.0

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/smart-card
 
+## 40.2.0
+
+### Minor Changes
+
+- [#185964](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/185964)
+  [`7285ac5df3686`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/7285ac5df3686) - -
+  [ux] Adds ability for actions in smart links to have inline padding (for TwC Panel)
+
 ## 40.1.0
 
 ### Minor Changes

package/dist/cjs/utils/analytics/analytics.js

@@ -11,7 +11,7 @@ var ANALYTICS_CHANNEL = exports.ANALYTICS_CHANNEL = 'media';
 var context = exports.context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.0.1"
+  packageVersion: "40.1.0"
 };
 var TrackQuickActionType = exports.TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/cjs/view/FlexibleCard/components/actions/unresolved-action/index.compiled.css

@@ -1,3 +1,4 @@
+._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
 ._18zrze3t{padding-inline:var(--ds-space-0,0)}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
 ._1e0c1bgi{display:contents}

package/dist/cjs/view/FlexibleCard/components/actions/unresolved-action/index.js

@@ -11,17 +11,21 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
+var _css = require("@atlaskit/css");
 var _compiled = require("@atlaskit/primitives/compiled");
 var _constants = require("../../../../../constants");
 var _flexibleUiContext = require("../../../../../state/flexible-ui-context");
 var styles = {
   button: "_1e0c1bgi",
+  padding: "_18zrutpp",
   message: "_1rjcze3t _18zrze3t"
 };
 var UnresolvedAction = function UnresolvedAction(_ref) {
   var _context$actions;
   var _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'unresolved-action' : _ref$testId;
+    testId = _ref$testId === void 0 ? 'unresolved-action' : _ref$testId,
+    _ref$hasPadding = _ref.hasPadding,
+    hasPadding = _ref$hasPadding === void 0 ? false : _ref$hasPadding;
   var context = (0, _flexibleUiContext.useFlexibleUiContext)();
   var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[_constants.InternalActionName.UnresolvedAction];
   if (!data) {
@@ -34,7 +38,7 @@ var UnresolvedAction = function UnresolvedAction(_ref) {
   var message = /*#__PURE__*/_react.default.createElement(_compiled.Box, {
     testId: "".concat(testId, "-errored-view-message"),
     tabIndex: hasAction ? 0 : undefined,
-    xcss: styles.message
+    xcss: (0, _css.cx)(styles.message, hasPadding && styles.padding)
   }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, (0, _extends2.default)({}, descriptor, {
     values: values
   })));

package/dist/cjs/view/FlexibleCard/external.js

@@ -229,6 +229,6 @@ var FollowAction = exports.FollowAction = function FollowAction(props) {
 var PreviewAction = exports.PreviewAction = function PreviewAction(props) {
   return /*#__PURE__*/_react.default.createElement(_actions.PreviewAction, toActionProps(props));
 };
-var UnresolvedAction = exports.UnresolvedAction = function UnresolvedAction() {
-  return /*#__PURE__*/_react.default.createElement(_actions.UnresolvedAction, null);
+var UnresolvedAction = exports.UnresolvedAction = function UnresolvedAction(props) {
+  return /*#__PURE__*/_react.default.createElement(_actions.UnresolvedAction, props);
 };

package/dist/cjs/view/LinkUrl/index.js

@@ -20,7 +20,7 @@ var _excluded = ["href", "children", "checkSafety", "onClick", "testId", "isLink
   _excluded2 = ["isLinkSafe", "showSafetyWarningModal"];
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.0.1",
+  packageVersion: "40.1.0",
   componentName: 'linkUrl'
 };
 var Anchor = (0, _click.withLinkClickedEvent)('a');

package/dist/es2019/utils/analytics/analytics.js

@@ -2,7 +2,7 @@ export const ANALYTICS_CHANNEL = 'media';
 export const context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.0.1"
+  packageVersion: "40.1.0"
 };
 export let TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/es2019/view/FlexibleCard/components/actions/unresolved-action/index.compiled.css

@@ -1,3 +1,4 @@
+._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
 ._18zrze3t{padding-inline:var(--ds-space-0,0)}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
 ._1e0c1bgi{display:contents}

package/dist/es2019/view/FlexibleCard/components/actions/unresolved-action/index.js

@@ -4,15 +4,18 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { cx } from '@atlaskit/css';
 import { Box, Pressable } from '@atlaskit/primitives/compiled';
 import { InternalActionName } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 const styles = {
   button: "_1e0c1bgi",
+  padding: "_18zrutpp",
   message: "_1rjcze3t _18zrze3t"
 };
 const UnresolvedAction = ({
-  testId = 'unresolved-action'
+  testId = 'unresolved-action',
+  hasPadding = false
 }) => {
   var _context$actions;
   const context = useFlexibleUiContext();
@@ -29,7 +32,7 @@ const UnresolvedAction = ({
   const message = /*#__PURE__*/React.createElement(Box, {
     testId: `${testId}-errored-view-message`,
     tabIndex: hasAction ? 0 : undefined,
-    xcss: styles.message
+    xcss: cx(styles.message, hasPadding && styles.padding)
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, descriptor, {
     values: values
   })));

package/dist/es2019/view/FlexibleCard/external.js

@@ -139,6 +139,6 @@ export const CustomAction = props => /*#__PURE__*/React.createElement(CustomActi
 export const DownloadAction = props => /*#__PURE__*/React.createElement(DownloadActionComponent, toActionProps(props));
 export const FollowAction = props => /*#__PURE__*/React.createElement(FollowActionComponent, toActionProps(props));
 export const PreviewAction = props => /*#__PURE__*/React.createElement(PreviewActionComponent, toActionProps(props));
-export const UnresolvedAction = () => /*#__PURE__*/React.createElement(UnresolvedActionComponent, null);
+export const UnresolvedAction = props => /*#__PURE__*/React.createElement(UnresolvedActionComponent, props);
 export { CustomUnresolvedAction } from './components/actions';
 export { CustomByAccessTypeElement, CustomByStatusElement } from './components/elements';

package/dist/es2019/view/LinkUrl/index.js

@@ -10,7 +10,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 const PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.0.1",
+  packageVersion: "40.1.0",
   componentName: 'linkUrl'
 };
 const Anchor = withLinkClickedEvent('a');

package/dist/esm/utils/analytics/analytics.js

@@ -4,7 +4,7 @@ export var ANALYTICS_CHANNEL = 'media';
 export var context = {
   componentName: 'smart-cards',
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.0.1"
+  packageVersion: "40.1.0"
 };
 export var TrackQuickActionType = /*#__PURE__*/function (TrackQuickActionType) {
   TrackQuickActionType["StatusUpdate"] = "StatusUpdate";

package/dist/esm/view/FlexibleCard/components/actions/unresolved-action/index.compiled.css

@@ -1,3 +1,4 @@
+._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
 ._18zrze3t{padding-inline:var(--ds-space-0,0)}
 ._1rjcze3t{padding-block:var(--ds-space-0,0)}
 ._1e0c1bgi{display:contents}

package/dist/esm/view/FlexibleCard/components/actions/unresolved-action/index.js

@@ -4,17 +4,21 @@ import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
 import { FormattedMessage } from 'react-intl-next';
+import { cx } from '@atlaskit/css';
 import { Box, Pressable } from '@atlaskit/primitives/compiled';
 import { InternalActionName } from '../../../../../constants';
 import { useFlexibleUiContext } from '../../../../../state/flexible-ui-context';
 var styles = {
   button: "_1e0c1bgi",
+  padding: "_18zrutpp",
   message: "_1rjcze3t _18zrze3t"
 };
 var UnresolvedAction = function UnresolvedAction(_ref) {
   var _context$actions;
   var _ref$testId = _ref.testId,
-    testId = _ref$testId === void 0 ? 'unresolved-action' : _ref$testId;
+    testId = _ref$testId === void 0 ? 'unresolved-action' : _ref$testId,
+    _ref$hasPadding = _ref.hasPadding,
+    hasPadding = _ref$hasPadding === void 0 ? false : _ref$hasPadding;
   var context = useFlexibleUiContext();
   var data = context === null || context === void 0 || (_context$actions = context.actions) === null || _context$actions === void 0 ? void 0 : _context$actions[InternalActionName.UnresolvedAction];
   if (!data) {
@@ -27,7 +31,7 @@ var UnresolvedAction = function UnresolvedAction(_ref) {
   var message = /*#__PURE__*/React.createElement(Box, {
     testId: "".concat(testId, "-errored-view-message"),
     tabIndex: hasAction ? 0 : undefined,
-    xcss: styles.message
+    xcss: cx(styles.message, hasPadding && styles.padding)
   }, /*#__PURE__*/React.createElement(FormattedMessage, _extends({}, descriptor, {
     values: values
   })));

package/dist/esm/view/FlexibleCard/external.js

@@ -203,8 +203,8 @@ export var FollowAction = function FollowAction(props) {
 export var PreviewAction = function PreviewAction(props) {
   return /*#__PURE__*/React.createElement(PreviewActionComponent, toActionProps(props));
 };
-export var UnresolvedAction = function UnresolvedAction() {
-  return /*#__PURE__*/React.createElement(UnresolvedActionComponent, null);
+export var UnresolvedAction = function UnresolvedAction(props) {
+  return /*#__PURE__*/React.createElement(UnresolvedActionComponent, props);
 };
 export { CustomUnresolvedAction } from './components/actions';
 export { CustomByAccessTypeElement, CustomByStatusElement } from './components/elements';

package/dist/esm/view/LinkUrl/index.js

@@ -13,7 +13,7 @@ import LinkWarningModal from './LinkWarningModal';
 import { useLinkWarningModal } from './LinkWarningModal/hooks/use-link-warning-modal';
 var PACKAGE_DATA = {
   packageName: "@atlaskit/smart-card",
-  packageVersion: "40.0.1",
+  packageVersion: "40.1.0",
   componentName: 'linkUrl'
 };
 var Anchor = withLinkClickedEvent('a');

package/dist/types/view/FlexibleCard/components/actions/unresolved-action/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-declare const UnresolvedAction: ({ testId }: {
+declare const UnresolvedAction: ({ testId, hasPadding, }: {
     testId?: string | undefined;
+    hasPadding?: boolean | undefined;
 }) => React.JSX.Element | null;
 export default UnresolvedAction;

package/dist/types/view/FlexibleCard/external.d.ts

@@ -78,6 +78,8 @@ export type FollowActionProps = BaseActionProps;
 export declare const FollowAction: (props: FollowActionProps) => React.JSX.Element;
 export type PreviewActionProps = BaseActionProps;
 export declare const PreviewAction: (props: PreviewActionProps) => React.JSX.Element;
-export declare const UnresolvedAction: () => React.JSX.Element;
+export declare const UnresolvedAction: (props: {
+    hasPadding?: boolean;
+}) => React.JSX.Element;
 export { CustomUnresolvedAction } from './components/actions';
 export { CustomByAccessTypeElement, CustomByStatusElement } from './components/elements';

package/dist/types-ts4.5/view/FlexibleCard/components/actions/unresolved-action/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-declare const UnresolvedAction: ({ testId }: {
+declare const UnresolvedAction: ({ testId, hasPadding, }: {
     testId?: string | undefined;
+    hasPadding?: boolean | undefined;
 }) => React.JSX.Element | null;
 export default UnresolvedAction;

package/dist/types-ts4.5/view/FlexibleCard/external.d.ts

@@ -78,6 +78,8 @@ export type FollowActionProps = BaseActionProps;
 export declare const FollowAction: (props: FollowActionProps) => React.JSX.Element;
 export type PreviewActionProps = BaseActionProps;
 export declare const PreviewAction: (props: PreviewActionProps) => React.JSX.Element;
-export declare const UnresolvedAction: () => React.JSX.Element;
+export declare const UnresolvedAction: (props: {
+    hasPadding?: boolean;
+}) => React.JSX.Element;
 export { CustomUnresolvedAction } from './components/actions';
 export { CustomByAccessTypeElement, CustomByStatusElement } from './components/elements';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "40.1.0",
+	"version": "40.2.0",
 	"description": "Smart card component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"