@atlaskit/adf-schema 25.8.2 → 25.9.0

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @atlaskit/adf-schema
 
+## 25.9.0
+
+### Minor Changes
+
+- [`6de13a329d4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6de13a329d4) - Move `width` and `layout` out from `datasource` into `attr` root (context blockCard node)
+
+## 25.8.3
+
+### Patch Changes
+
+- [`f22911fb9be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f22911fb9be) - ENGHEALTH-2667: Adjust table cell color logic to enable static analysis of token usages and follow eslint rules
+- Updated dependencies
+
 ## 25.8.2
 
 ### Patch Changes

package/dist/cjs/schema/nodes/block-card.js

@@ -1,9 +1,13 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.blockCard = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /**
  * @stage 0
  */
@@ -12,6 +16,17 @@ exports.blockCard = void 0;
  * @name blockCard_node
  */
 
+var getCommonAttributesFromDom = function getCommonAttributesFromDom(dom) {
+  var anchor = dom;
+  var data = anchor.getAttribute('data-card-data');
+  var datasource = anchor.getAttribute('data-datasource');
+  return {
+    data: data ? JSON.parse(data) : undefined,
+    layout: datasource ? dom.getAttribute('data-layout') || 'center' : undefined,
+    width: Number(dom.getAttribute('data-width')) || undefined,
+    datasource: datasource ? JSON.parse(datasource) : undefined
+  };
+};
 var blockCard = {
   inline: false,
   group: 'block',
@@ -26,6 +41,12 @@ var blockCard = {
     },
     datasource: {
       default: null
+    },
+    layout: {
+      default: null
+    },
+    width: {
+      default: null
     }
   },
   parseDOM: [{
@@ -34,34 +55,36 @@ var blockCard = {
     priority: 100,
     getAttrs: function getAttrs(dom) {
       var anchor = dom;
-      var data = anchor.getAttribute('data-card-data');
-      var datasource = anchor.getAttribute('data-datasource');
-      return {
-        url: anchor.getAttribute('href') || null,
-        data: data ? JSON.parse(data) : null,
-        datasource: datasource ? JSON.parse(datasource) : null
-      };
+      return _objectSpread({
+        url: anchor.getAttribute('href') || undefined
+      }, getCommonAttributesFromDom(dom));
     }
   }, {
     tag: 'div[data-block-card]',
     getAttrs: function getAttrs(dom) {
       var anchor = dom;
-      var data = anchor.getAttribute('data-card-data');
-      var datasource = anchor.getAttribute('data-datasource');
-      return {
-        url: anchor.getAttribute('data-card-url') || null,
-        data: data ? JSON.parse(data) : null,
-        datasource: datasource ? JSON.parse(datasource) : null
-      };
+      return _objectSpread({
+        url: anchor.getAttribute('data-card-url') || undefined
+      }, getCommonAttributesFromDom(dom));
     }
   }],
   toDOM: function toDOM(node) {
     var _node$attrs;
+    var _ref = node.attrs,
+      url = _ref.url;
+    var _ref2 = node.attrs,
+      data = _ref2.data;
+    var _ref3 = node.attrs,
+      layout = _ref3.layout,
+      width = _ref3.width,
+      datasource = _ref3.datasource;
     var attrs = {
       'data-block-card': '',
-      href: node.attrs.url || '',
-      'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : '',
-      'data-datasource': node.attrs.datasource ? JSON.stringify(node.attrs.datasource) : ''
+      href: url || '',
+      'data-card-data': data ? JSON.stringify(data) : '',
+      'data-datasource': datasource ? JSON.stringify(datasource) : '',
+      'data-layout': layout,
+      'data-width': "".concat(width)
     };
     return ['a', attrs, (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url) || ' '];
   }

package/dist/cjs/schema/nodes/tableNodes.js

@@ -8,7 +8,6 @@ exports.toJSONTableHeader = exports.toJSONTableCell = exports.tableWithCustomWid
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _editorPalette = require("@atlaskit/editor-palette");
-var _tokens = require("@atlaskit/tokens");
 var _colors = require("../../utils/colors");
 var _uuid = require("../../utils/uuid");
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -91,9 +90,7 @@ var getCellDomAttrs = function getCellDomAttrs(node) {
       attrs.style = '';
     } else {
       var color = (0, _colors.isRgb)(background) && (0, _colors.rgbToHex)(background) ? (0, _colors.rgbToHex)(background) : background;
-      var tokenName = (0, _editorPalette.hexToEditorBackgroundPaletteColorTokenName)(color);
-      // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
-      var tokenColor = tokenName ? (0, _tokens.getTokenValue)(tokenName) : color;
+      var tokenColor = (0, _editorPalette.hexToEditorBackgroundPaletteRawValue)(color) || color;
       attrs.style = "".concat(attrs.style || '', "background-color: ").concat(tokenColor, ";");
 
       /**

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/adf-schema",
-	"version": "25.8.2",
+	"version": "25.9.0",
 	"sideEffects": false
 }

package/dist/es2019/schema/nodes/block-card.js

@@ -6,6 +6,17 @@
  * @name blockCard_node
  */
 
+const getCommonAttributesFromDom = dom => {
+  const anchor = dom;
+  const data = anchor.getAttribute('data-card-data');
+  const datasource = anchor.getAttribute('data-datasource');
+  return {
+    data: data ? JSON.parse(data) : undefined,
+    layout: datasource ? dom.getAttribute('data-layout') || 'center' : undefined,
+    width: Number(dom.getAttribute('data-width')) || undefined,
+    datasource: datasource ? JSON.parse(datasource) : undefined
+  };
+};
 export const blockCard = {
   inline: false,
   group: 'block',
@@ -20,6 +31,12 @@ export const blockCard = {
     },
     datasource: {
       default: null
+    },
+    layout: {
+      default: null
+    },
+    width: {
+      default: null
     }
   },
   parseDOM: [{
@@ -28,34 +45,41 @@ export const blockCard = {
     priority: 100,
     getAttrs: dom => {
       const anchor = dom;
-      const data = anchor.getAttribute('data-card-data');
-      const datasource = anchor.getAttribute('data-datasource');
       return {
-        url: anchor.getAttribute('href') || null,
-        data: data ? JSON.parse(data) : null,
-        datasource: datasource ? JSON.parse(datasource) : null
+        url: anchor.getAttribute('href') || undefined,
+        ...getCommonAttributesFromDom(dom)
       };
     }
   }, {
     tag: 'div[data-block-card]',
     getAttrs: dom => {
       const anchor = dom;
-      const data = anchor.getAttribute('data-card-data');
-      const datasource = anchor.getAttribute('data-datasource');
       return {
-        url: anchor.getAttribute('data-card-url') || null,
-        data: data ? JSON.parse(data) : null,
-        datasource: datasource ? JSON.parse(datasource) : null
+        url: anchor.getAttribute('data-card-url') || undefined,
+        ...getCommonAttributesFromDom(dom)
       };
     }
   }],
   toDOM(node) {
     var _node$attrs;
+    const {
+      url
+    } = node.attrs;
+    const {
+      data
+    } = node.attrs;
+    const {
+      layout,
+      width,
+      datasource
+    } = node.attrs;
     const attrs = {
       'data-block-card': '',
-      href: node.attrs.url || '',
-      'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : '',
-      'data-datasource': node.attrs.datasource ? JSON.stringify(node.attrs.datasource) : ''
+      href: url || '',
+      'data-card-data': data ? JSON.stringify(data) : '',
+      'data-datasource': datasource ? JSON.stringify(datasource) : '',
+      'data-layout': layout,
+      'data-width': `${width}`
     };
     return ['a', attrs, (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url) || ' '];
   }

package/dist/es2019/schema/nodes/tableNodes.js

@@ -1,5 +1,4 @@
-import { hexToEditorBackgroundPaletteColorTokenName } from '@atlaskit/editor-palette';
-import { getTokenValue } from '@atlaskit/tokens';
+import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
 import { B100, B50, B75, G200, G50, G75, hexToRgba, isHex, isRgb, N0, N20, N60, N800, P100, P50, P75, R100, R50, R75, rgbToHex, T100, T50, T75, Y200, Y50, Y75 } from '../../utils/colors';
 import { uuid } from '../../utils/uuid';
 export const tablePrefixSelector = 'pm-table';
@@ -75,9 +74,7 @@ export const getCellDomAttrs = node => {
       attrs.style = '';
     } else {
       const color = isRgb(background) && rgbToHex(background) ? rgbToHex(background) : background;
-      const tokenName = hexToEditorBackgroundPaletteColorTokenName(color);
-      // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
-      const tokenColor = tokenName ? getTokenValue(tokenName) : color;
+      const tokenColor = hexToEditorBackgroundPaletteRawValue(color) || color;
       attrs.style = `${attrs.style || ''}background-color: ${tokenColor};`;
 
       /**

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/adf-schema",
-	"version": "25.8.2",
+	"version": "25.9.0",
 	"sideEffects": false
 }

package/dist/esm/schema/nodes/block-card.js

@@ -1,3 +1,6 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 /**
  * @stage 0
  */
@@ -6,6 +9,17 @@
  * @name blockCard_node
  */
 
+var getCommonAttributesFromDom = function getCommonAttributesFromDom(dom) {
+  var anchor = dom;
+  var data = anchor.getAttribute('data-card-data');
+  var datasource = anchor.getAttribute('data-datasource');
+  return {
+    data: data ? JSON.parse(data) : undefined,
+    layout: datasource ? dom.getAttribute('data-layout') || 'center' : undefined,
+    width: Number(dom.getAttribute('data-width')) || undefined,
+    datasource: datasource ? JSON.parse(datasource) : undefined
+  };
+};
 export var blockCard = {
   inline: false,
   group: 'block',
@@ -20,6 +34,12 @@ export var blockCard = {
     },
     datasource: {
       default: null
+    },
+    layout: {
+      default: null
+    },
+    width: {
+      default: null
     }
   },
   parseDOM: [{
@@ -28,34 +48,36 @@ export var blockCard = {
     priority: 100,
     getAttrs: function getAttrs(dom) {
       var anchor = dom;
-      var data = anchor.getAttribute('data-card-data');
-      var datasource = anchor.getAttribute('data-datasource');
-      return {
-        url: anchor.getAttribute('href') || null,
-        data: data ? JSON.parse(data) : null,
-        datasource: datasource ? JSON.parse(datasource) : null
-      };
+      return _objectSpread({
+        url: anchor.getAttribute('href') || undefined
+      }, getCommonAttributesFromDom(dom));
     }
   }, {
     tag: 'div[data-block-card]',
     getAttrs: function getAttrs(dom) {
       var anchor = dom;
-      var data = anchor.getAttribute('data-card-data');
-      var datasource = anchor.getAttribute('data-datasource');
-      return {
-        url: anchor.getAttribute('data-card-url') || null,
-        data: data ? JSON.parse(data) : null,
-        datasource: datasource ? JSON.parse(datasource) : null
-      };
+      return _objectSpread({
+        url: anchor.getAttribute('data-card-url') || undefined
+      }, getCommonAttributesFromDom(dom));
     }
   }],
   toDOM: function toDOM(node) {
     var _node$attrs;
+    var _ref = node.attrs,
+      url = _ref.url;
+    var _ref2 = node.attrs,
+      data = _ref2.data;
+    var _ref3 = node.attrs,
+      layout = _ref3.layout,
+      width = _ref3.width,
+      datasource = _ref3.datasource;
     var attrs = {
       'data-block-card': '',
-      href: node.attrs.url || '',
-      'data-card-data': node.attrs.data ? JSON.stringify(node.attrs.data) : '',
-      'data-datasource': node.attrs.datasource ? JSON.stringify(node.attrs.datasource) : ''
+      href: url || '',
+      'data-card-data': data ? JSON.stringify(data) : '',
+      'data-datasource': datasource ? JSON.stringify(datasource) : '',
+      'data-layout': layout,
+      'data-width': "".concat(width)
     };
     return ['a', attrs, (node === null || node === void 0 ? void 0 : (_node$attrs = node.attrs) === null || _node$attrs === void 0 ? void 0 : _node$attrs.url) || ' '];
   }

package/dist/esm/schema/nodes/tableNodes.js

@@ -2,8 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { hexToEditorBackgroundPaletteColorTokenName } from '@atlaskit/editor-palette';
-import { getTokenValue } from '@atlaskit/tokens';
+import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
 import { B100, B50, B75, G200, G50, G75, hexToRgba, isHex, isRgb, N0, N20, N60, N800, P100, P50, P75, R100, R50, R75, rgbToHex, T100, T50, T75, Y200, Y50, Y75 } from '../../utils/colors';
 import { uuid } from '../../utils/uuid';
 export var tablePrefixSelector = 'pm-table';
@@ -78,9 +77,7 @@ export var getCellDomAttrs = function getCellDomAttrs(node) {
       attrs.style = '';
     } else {
       var color = isRgb(background) && rgbToHex(background) ? rgbToHex(background) : background;
-      var tokenName = hexToEditorBackgroundPaletteColorTokenName(color);
-      // eslint-disable-next-line @atlaskit/design-system/no-unsafe-design-token-usage
-      var tokenColor = tokenName ? getTokenValue(tokenName) : color;
+      var tokenColor = hexToEditorBackgroundPaletteRawValue(color) || color;
       attrs.style = "".concat(attrs.style || '', "background-color: ").concat(tokenColor, ";");
 
       /**

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/adf-schema",
-	"version": "25.8.2",
+	"version": "25.9.0",
 	"sideEffects": false
 }

package/dist/json-schema/v1/stage-0.json

@@ -774,32 +774,30 @@
                           "type"
                         ],
                         "additionalProperties": false
-                      }
-                    },
-                    "width": {
-                      "type": "number",
-                      "minimum": 0,
-                      "maximum": 100
-                    },
-                    "layout": {
-                      "enum": [
-                        "wide",
-                        "full-width",
-                        "center",
-                        "wrap-right",
-                        "wrap-left",
-                        "align-end",
-                        "align-start"
-                      ]
+                      },
+                      "minItems": 1
                     }
                   },
                   "required": [
                     "id",
                     "parameters",
-                    "views",
-                    "layout"
+                    "views"
                   ],
                   "additionalProperties": false
+                },
+                "width": {
+                  "type": "number"
+                },
+                "layout": {
+                  "enum": [
+                    "wide",
+                    "full-width",
+                    "center",
+                    "wrap-right",
+                    "wrap-left",
+                    "align-end",
+                    "align-start"
+                  ]
                 }
               },
               "additionalProperties": false,

package/dist/types/schema/nodes/block-card.d.ts

@@ -1,5 +1,5 @@
 import { NodeSpec } from 'prosemirror-model';
-import { RichMediaAttributes } from './types/rich-media-common';
+import { OptionalRichMediaAttributes } from './types/rich-media-common';
 export interface UrlType {
     /**
      * @validatorFn safeUrl
@@ -12,18 +12,21 @@ export interface DataType {
      */
     data: object;
 }
-export interface DatasourceAttributeProperties extends RichMediaAttributes {
+export interface DatasourceAttributeProperties {
     id: string;
     parameters: object;
-    views: [{
+    /**
+     * @minItems 1
+     */
+    views: {
         type: string;
         properties?: object;
-    }];
+    }[];
 }
 /**
  * @stage 0
  */
-export interface DatasourceAttributes {
+export interface DatasourceAttributes extends OptionalRichMediaAttributes {
     /**
      * @validatorFn safeUrl
      */

package/dist/types/schema/nodes/types/rich-media-common.d.ts

@@ -7,3 +7,7 @@ export interface RichMediaAttributes {
     width?: number;
     layout: Layout;
 }
+export interface OptionalRichMediaAttributes {
+    width?: number;
+    layout?: Layout;
+}

package/dist/types-ts4.5/schema/nodes/block-card.d.ts

@@ -1,5 +1,5 @@
 import { NodeSpec } from 'prosemirror-model';
-import { RichMediaAttributes } from './types/rich-media-common';
+import { OptionalRichMediaAttributes } from './types/rich-media-common';
 export interface UrlType {
     /**
      * @validatorFn safeUrl
@@ -12,20 +12,21 @@ export interface DataType {
      */
     data: object;
 }
-export interface DatasourceAttributeProperties extends RichMediaAttributes {
+export interface DatasourceAttributeProperties {
     id: string;
     parameters: object;
-    views: [
-        {
-            type: string;
-            properties?: object;
-        }
-    ];
+    /**
+     * @minItems 1
+     */
+    views: {
+        type: string;
+        properties?: object;
+    }[];
 }
 /**
  * @stage 0
  */
-export interface DatasourceAttributes {
+export interface DatasourceAttributes extends OptionalRichMediaAttributes {
     /**
      * @validatorFn safeUrl
      */

package/dist/types-ts4.5/schema/nodes/types/rich-media-common.d.ts

@@ -7,3 +7,7 @@ export interface RichMediaAttributes {
     width?: number;
     layout: Layout;
 }
+export interface OptionalRichMediaAttributes {
+    width?: number;
+    layout?: Layout;
+}

package/json-schema/v1/stage-0.json

@@ -774,32 +774,30 @@
                           "type"
                         ],
                         "additionalProperties": false
-                      }
-                    },
-                    "width": {
-                      "type": "number",
-                      "minimum": 0,
-                      "maximum": 100
-                    },
-                    "layout": {
-                      "enum": [
-                        "wide",
-                        "full-width",
-                        "center",
-                        "wrap-right",
-                        "wrap-left",
-                        "align-end",
-                        "align-start"
-                      ]
+                      },
+                      "minItems": 1
                     }
                   },
                   "required": [
                     "id",
                     "parameters",
-                    "views",
-                    "layout"
+                    "views"
                   ],
                   "additionalProperties": false
+                },
+                "width": {
+                  "type": "number"
+                },
+                "layout": {
+                  "enum": [
+                    "wide",
+                    "full-width",
+                    "center",
+                    "wrap-right",
+                    "wrap-left",
+                    "align-end",
+                    "align-start"
+                  ]
                 }
               },
               "additionalProperties": false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/adf-schema",
-  "version": "25.8.2",
+  "version": "25.9.0",
   "description": "Shared package that contains the ADF-schema (json) and ProseMirror node/mark specs",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -48,9 +48,8 @@
   },
   "dependencies": {
     "@atlaskit/codemod-utils": "^4.2.0",
-    "@atlaskit/editor-palette": "1.4.3",
+    "@atlaskit/editor-palette": "1.5.0",
     "@atlaskit/editor-tables": "^2.3.0",
-    "@atlaskit/tokens": "^1.5.0",
     "@babel/runtime": "^7.0.0",
     "css-color-names": "0.0.4",
     "linkify-it": "^2.0.3",
@@ -59,7 +58,7 @@
     "prosemirror-transform": "1.3.2"
   },
   "devDependencies": {
-    "@atlaskit/editor-test-helpers": "^18.5.0",
+    "@atlaskit/editor-test-helpers": "^18.6.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@types/linkify-it": "^2.0.4",
     "@types/prosemirror-history": "^1.0.1",

package/report.api.md

@@ -427,22 +427,20 @@ export const dataConsumerToJSON: (mark: Mark) => {
 };
 
 // @public (undocumented)
-interface DatasourceAttributeProperties extends RichMediaAttributes {
+interface DatasourceAttributeProperties {
   // (undocumented)
   id: string;
   // (undocumented)
   parameters: object;
   // (undocumented)
-  views: [
-    {
-      type: string;
-      properties?: object;
-    },
-  ];
+  views: {
+    type: string;
+    properties?: object;
+  }[];
 }
 
 // @public (undocumented)
-export interface DatasourceAttributes {
+export interface DatasourceAttributes extends OptionalRichMediaAttributes {
   // (undocumented)
   datasource: DatasourceAttributeProperties;
   url?: string;
@@ -1290,6 +1288,14 @@ export function normalizeHexColor(
 // @public
 export function normalizeUrl(url?: string): string;
 
+// @public (undocumented)
+interface OptionalRichMediaAttributes {
+  // (undocumented)
+  layout?: RichMediaLayout;
+  // (undocumented)
+  width?: number;
+}
+
 // @public (undocumented)
 export const orderedList: NodeSpec;
 

package/tmp/api-report-tmp.d.ts

@@ -373,20 +373,20 @@ export const dataConsumerToJSON: (mark: Mark) => {
 };
 
 // @public (undocumented)
-interface DatasourceAttributeProperties extends RichMediaAttributes {
+interface DatasourceAttributeProperties {
     // (undocumented)
     id: string;
     // (undocumented)
     parameters: object;
     // (undocumented)
-    views: [{
+    views: {
         type: string;
         properties?: object;
-    }];
+    }[];
 }
 
 // @public (undocumented)
-export interface DatasourceAttributes {
+export interface DatasourceAttributes extends OptionalRichMediaAttributes {
     // (undocumented)
     datasource: DatasourceAttributeProperties;
     url?: string;
@@ -1157,6 +1157,14 @@ export function normalizeHexColor(color: null | string, defaultColor?: string):
 // @public
 export function normalizeUrl(url?: string): string;
 
+// @public (undocumented)
+interface OptionalRichMediaAttributes {
+    // (undocumented)
+    layout?: RichMediaLayout;
+    // (undocumented)
+    width?: number;
+}
+
 // @public (undocumented)
 export const orderedList: NodeSpec;