@atlaskit/link-datasource 7.12.2 → 7.12.3

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/link-datasource
 
+## 7.12.3
+
+### Patch Changes
+
+- [`8ec7e4654ec86`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/8ec7e4654ec86) -
+  Update the Assets modal loading skeleton header alignment to match the new UI behind the
+  `astral_assets_macro_table_ui_uplift` feature gate
+- Updated dependencies
+
 ## 7.12.2
 
 ### Patch Changes

package/dist/cjs/ui/assets-modal/search-container/loading-state.js

@@ -13,12 +13,18 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _fg = require("@atlaskit/platform-feature-flags/fg");
+var _flex = require("@atlaskit/primitives/compiled/flex");
 var _loadingState = require("./aql-search-input/loading-state");
 var _loadingState2 = require("./object-schema-select/loading-state");
 var _styled = require("./styled");
 var _excluded = ["as", "style"],
   _excluded2 = ["as", "style"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var styles = {
+  flexStyles: "_1bsb1osq"
+};
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
 var SchemaSelectContainer = (0, _react.forwardRef)(function (_ref, __cmplr) {
   var _ref$as = _ref.as,
@@ -53,7 +59,12 @@ var AssetsSearchContainerLoading = exports.AssetsSearchContainerLoading = functi
   var modalTitle = _ref3.modalTitle;
   return /*#__PURE__*/React.createElement(FormContainer, {
     "data-testid": "assets-datasource-modal--search-container-skeleton"
-  }, /*#__PURE__*/React.createElement(_styled.FormRowContainer, {
+  }, (0, _fg.fg)('astral_assets_macro_table_ui_uplift') ? /*#__PURE__*/React.createElement(_flex.Flex, {
+    gap: "space.100",
+    alignItems: "center",
+    justifyContent: "space-between",
+    xcss: styles.flexStyles
+  }, modalTitle, /*#__PURE__*/React.createElement(SchemaSelectContainer, null, /*#__PURE__*/React.createElement(_loadingState2.AssetsObjectSchemaSelectSkeleton, null))) : /*#__PURE__*/React.createElement(_styled.FormRowContainer, {
     isNarrowGap: true
   }, modalTitle, /*#__PURE__*/React.createElement(SchemaSelectContainer, null, /*#__PURE__*/React.createElement(_loadingState2.AssetsObjectSchemaSelectSkeleton, null))), /*#__PURE__*/React.createElement(_styled.FormRowContainer, null, /*#__PURE__*/React.createElement(_loadingState.AssetsAqlSearchInputSkeleton, null)));
 };

package/dist/es2019/ui/assets-modal/search-container/loading-state.js

@@ -4,9 +4,15 @@ import "./loading-state.compiled.css";
 import { forwardRef } from 'react';
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { AssetsAqlSearchInputSkeleton } from './aql-search-input/loading-state';
 import { AssetsObjectSchemaSelectSkeleton } from './object-schema-select/loading-state';
 import { FormRowContainer } from './styled';
+const styles = {
+  flexStyles: "_1bsb1osq"
+};
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
 const SchemaSelectContainer = forwardRef(({
   as: C = "div",
@@ -42,7 +48,12 @@ export const AssetsSearchContainerLoading = ({
 }) => {
   return /*#__PURE__*/React.createElement(FormContainer, {
     "data-testid": "assets-datasource-modal--search-container-skeleton"
-  }, /*#__PURE__*/React.createElement(FormRowContainer, {
+  }, fg('astral_assets_macro_table_ui_uplift') ? /*#__PURE__*/React.createElement(Flex, {
+    gap: "space.100",
+    alignItems: "center",
+    justifyContent: "space-between",
+    xcss: styles.flexStyles
+  }, modalTitle, /*#__PURE__*/React.createElement(SchemaSelectContainer, null, /*#__PURE__*/React.createElement(AssetsObjectSchemaSelectSkeleton, null))) : /*#__PURE__*/React.createElement(FormRowContainer, {
     isNarrowGap: true
   }, modalTitle, /*#__PURE__*/React.createElement(SchemaSelectContainer, null, /*#__PURE__*/React.createElement(AssetsObjectSchemaSelectSkeleton, null))), /*#__PURE__*/React.createElement(FormRowContainer, null, /*#__PURE__*/React.createElement(AssetsAqlSearchInputSkeleton, null)));
 };

package/dist/esm/ui/assets-modal/search-container/loading-state.js

@@ -7,9 +7,15 @@ import "./loading-state.compiled.css";
 import { forwardRef } from 'react';
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
+import { fg } from '@atlaskit/platform-feature-flags/fg';
+import { Flex } from '@atlaskit/primitives/compiled/flex';
 import { AssetsAqlSearchInputSkeleton } from './aql-search-input/loading-state';
 import { AssetsObjectSchemaSelectSkeleton } from './object-schema-select/loading-state';
 import { FormRowContainer } from './styled';
+var styles = {
+  flexStyles: "_1bsb1osq"
+};
+
 // eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
 var SchemaSelectContainer = forwardRef(function (_ref, __cmplr) {
   var _ref$as = _ref.as,
@@ -44,7 +50,12 @@ export var AssetsSearchContainerLoading = function AssetsSearchContainerLoading(
   var modalTitle = _ref3.modalTitle;
   return /*#__PURE__*/React.createElement(FormContainer, {
     "data-testid": "assets-datasource-modal--search-container-skeleton"
-  }, /*#__PURE__*/React.createElement(FormRowContainer, {
+  }, fg('astral_assets_macro_table_ui_uplift') ? /*#__PURE__*/React.createElement(Flex, {
+    gap: "space.100",
+    alignItems: "center",
+    justifyContent: "space-between",
+    xcss: styles.flexStyles
+  }, modalTitle, /*#__PURE__*/React.createElement(SchemaSelectContainer, null, /*#__PURE__*/React.createElement(AssetsObjectSchemaSelectSkeleton, null))) : /*#__PURE__*/React.createElement(FormRowContainer, {
     isNarrowGap: true
   }, modalTitle, /*#__PURE__*/React.createElement(SchemaSelectContainer, null, /*#__PURE__*/React.createElement(AssetsObjectSchemaSelectSkeleton, null))), /*#__PURE__*/React.createElement(FormRowContainer, null, /*#__PURE__*/React.createElement(AssetsAqlSearchInputSkeleton, null)));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "7.12.2",
+	"version": "7.12.3",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -90,7 +90,7 @@
 		"@atlaskit/smart-card": "^46.13.0",
 		"@atlaskit/smart-user-picker": "^12.11.0",
 		"@atlaskit/spinner": "^20.4.0",
-		"@atlaskit/tag": "^17.0.0",
+		"@atlaskit/tag": "^17.1.0",
 		"@atlaskit/teams-avatar": "^4.2.0",
 		"@atlaskit/textfield": "^10.3.0",
 		"@atlaskit/theme": "^28.2.0",