@atlaskit/media-document-viewer 0.3.7 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-document-viewer
 
+## 0.4.0
+
+### Minor Changes
+
+- [`a3ad3feab3758`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/a3ad3feab3758) -
+  Add support for mulitline form fields for PDF forms
+
+## 0.3.8
+
+### Patch Changes
+
+- [`407e1dc11eeed`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/407e1dc11eeed) -
+  Minor changes to border radius values.
+
 ## 0.3.7
 
 ### Patch Changes

package/dist/cjs/annotations.compiled.css

@@ -1,5 +1,6 @@
 
-._19itglyw{border:none}._19bvidpf{padding-left:0}
+._19itglyw{border:none}._14zgglyw{resize:none}
+._19bvidpf{padding-left:0}
 ._1bah1yb4{justify-content:space-between}
 ._1bsb1osq{width:100%}
 ._1e0c11p5{display:grid}
@@ -10,4 +11,5 @@
 ._n3tdidpf{padding-bottom:0}
 ._r06hglyw{-webkit-appearance:none;appearance:none}
 ._u5f3idpf{padding-right:0}
+._vchhusvi{box-sizing:border-box}
 ._yv0e1ghl{grid-template-columns:1fr auto}

package/dist/cjs/annotations.js

@@ -1,4 +1,4 @@
-/* annotations.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* annotations.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -8,8 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.TextInputFormField = exports.ComboBoxFormField = exports.Annotations = void 0;
 require("./annotations.compiled.css");
 var _runtime = require("@compiled/react/runtime");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _chevronDown = _interopRequireDefault(require("@atlaskit/icon/core/chevron-down"));
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
@@ -18,28 +18,37 @@ var textInputStyles = null;
 var foreignObjectProps = {
   xmlns: 'http://www.w3.org/1999/xhtml'
 };
-var TextInputFormField = exports.TextInputFormField = function TextInputFormField(_ref) {
-  var field = _ref.field,
-    dataTestId = _ref.dataTestId;
-  return /*#__PURE__*/_react.default.createElement("foreignObject", {
-    x: field.x,
-    y: -field.y,
-    width: field.w,
-    height: field.h,
-    "data-testid": dataTestId
-  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, foreignObjectProps, {
-    style: (0, _defineProperty2.default)({}, 'fontSize', "".concat(field.f, "px")),
-    type: "text",
-    value: field.text,
-    readOnly: true,
+var TextInput = function TextInput(_ref) {
+  var Component = _ref.as,
+    value = _ref.value;
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, foreignObjectProps, {
     onKeyUp: function onKeyUp(e) {
       // stop propagation of the arrow key events because they can be used to navigate viewports
       if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
         e.stopPropagation();
       }
     },
-    className: (0, _runtime.ax)(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw", "_kqswstnw _4t3i1osq _1bsb1osq"])
-  })));
+    value: value,
+    type: "text",
+    readOnly: true,
+    className: (0, _runtime.ax)(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw _14zgglyw", "_kqswstnw _4t3i1osq _vchhusvi _1bsb1osq"])
+  }));
+};
+var TextInputFormField = exports.TextInputFormField = function TextInputFormField(_ref2) {
+  var field = _ref2.field,
+    dataTestId = _ref2.dataTestId;
+  var style = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, 'fontSize', "".concat(field.f, "px")), "width", '100%'), "boxSizing", 'border-box');
+  return /*#__PURE__*/_react.default.createElement("foreignObject", {
+    x: field.x,
+    y: -field.y,
+    width: field.w,
+    height: field.h,
+    "data-testid": dataTestId
+  }, /*#__PURE__*/_react.default.createElement(TextInput, {
+    style: style,
+    as: field.multiline ? 'textarea' : 'input',
+    value: field.text
+  }));
 };
 var comboBoxStyles = null;
 var comboBoxInputStyles = null;
@@ -66,7 +75,7 @@ var ComboBoxFormField = exports.ComboBoxFormField = function ComboBoxFormField(_
       }
     },
     readOnly: true,
-    className: (0, _runtime.ax)(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw", "_1bsb1osq"])
+    className: (0, _runtime.ax)(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw _14zgglyw", "_1bsb1osq"])
   }), /*#__PURE__*/_react.default.createElement(_chevronDown.default, {
     label: "",
     size: "small"

package/dist/cjs/documentViewer.js

@@ -1,4 +1,4 @@
-/* documentViewer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* documentViewer.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/cjs/page.js

@@ -1,4 +1,4 @@
-/* page.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* page.tsx generated by @compiled/babel-plugin v0.38.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

package/dist/es2019/annotations.compiled.css

@@ -1,5 +1,6 @@
 
-._19itglyw{border:none}._19bvidpf{padding-left:0}
+._19itglyw{border:none}._14zgglyw{resize:none}
+._19bvidpf{padding-left:0}
 ._1bah1yb4{justify-content:space-between}
 ._1bsb1osq{width:100%}
 ._1e0c11p5{display:grid}
@@ -10,4 +11,5 @@
 ._n3tdidpf{padding-bottom:0}
 ._r06hglyw{-webkit-appearance:none;appearance:none}
 ._u5f3idpf{padding-right:0}
+._vchhusvi{box-sizing:border-box}
 ._yv0e1ghl{grid-template-columns:1fr auto}

package/dist/es2019/annotations.js

@@ -1,4 +1,4 @@
-/* annotations.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* annotations.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _extends from "@babel/runtime/helpers/extends";
 import "./annotations.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
@@ -11,31 +11,41 @@ const textInputStyles = null;
 const foreignObjectProps = {
   xmlns: 'http://www.w3.org/1999/xhtml'
 };
+const TextInput = ({
+  as: Component,
+  value
+}) => /*#__PURE__*/React.createElement(Component, _extends({}, foreignObjectProps, {
+  onKeyUp: e => {
+    // stop propagation of the arrow key events because they can be used to navigate viewports
+    if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
+      e.stopPropagation();
+    }
+  },
+  value: value,
+  type: "text",
+  readOnly: true,
+  className: ax(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw _14zgglyw", "_kqswstnw _4t3i1osq _vchhusvi _1bsb1osq"])
+}));
 export const TextInputFormField = ({
   field,
   dataTestId
 }) => {
+  const style = {
+    ['fontSize']: `${field.f}px`,
+    width: '100%',
+    boxSizing: 'border-box'
+  };
   return /*#__PURE__*/React.createElement("foreignObject", {
     x: field.x,
     y: -field.y,
     width: field.w,
     height: field.h,
     "data-testid": dataTestId
-  }, /*#__PURE__*/React.createElement("input", _extends({}, foreignObjectProps, {
-    style: {
-      ['fontSize']: `${field.f}px`
-    },
-    type: "text",
-    value: field.text,
-    readOnly: true,
-    onKeyUp: e => {
-      // stop propagation of the arrow key events because they can be used to navigate viewports
-      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
-        e.stopPropagation();
-      }
-    },
-    className: ax(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw", "_kqswstnw _4t3i1osq _1bsb1osq"])
-  })));
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    style: style,
+    as: field.multiline ? 'textarea' : 'input',
+    value: field.text
+  }));
 };
 const comboBoxStyles = null;
 const comboBoxInputStyles = null;
@@ -65,7 +75,7 @@ export const ComboBoxFormField = ({
       }
     },
     readOnly: true,
-    className: ax(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw", "_1bsb1osq"])
+    className: ax(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw _14zgglyw", "_1bsb1osq"])
   }), /*#__PURE__*/React.createElement(ChevronDownIcon, {
     label: "",
     size: "small"

package/dist/es2019/documentViewer.js

@@ -1,4 +1,4 @@
-/* documentViewer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* documentViewer.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./documentViewer.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/es2019/page.js

@@ -1,4 +1,4 @@
-/* page.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* page.tsx generated by @compiled/babel-plugin v0.38.1 */
 import "./page.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";

package/dist/esm/annotations.compiled.css

@@ -1,5 +1,6 @@
 
-._19itglyw{border:none}._19bvidpf{padding-left:0}
+._19itglyw{border:none}._14zgglyw{resize:none}
+._19bvidpf{padding-left:0}
 ._1bah1yb4{justify-content:space-between}
 ._1bsb1osq{width:100%}
 ._1e0c11p5{display:grid}
@@ -10,4 +11,5 @@
 ._n3tdidpf{padding-bottom:0}
 ._r06hglyw{-webkit-appearance:none;appearance:none}
 ._u5f3idpf{padding-right:0}
+._vchhusvi{box-sizing:border-box}
 ._yv0e1ghl{grid-template-columns:1fr auto}

package/dist/esm/annotations.js

@@ -1,6 +1,6 @@
-/* annotations.tsx generated by @compiled/babel-plugin v0.36.1 */
-import _extends from "@babel/runtime/helpers/extends";
+/* annotations.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
 import "./annotations.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 /* eslint-disable @atlaskit/ui-styling-standard/enforce-style-prop */
@@ -12,28 +12,37 @@ var textInputStyles = null;
 var foreignObjectProps = {
   xmlns: 'http://www.w3.org/1999/xhtml'
 };
-export var TextInputFormField = function TextInputFormField(_ref) {
-  var field = _ref.field,
-    dataTestId = _ref.dataTestId;
-  return /*#__PURE__*/React.createElement("foreignObject", {
-    x: field.x,
-    y: -field.y,
-    width: field.w,
-    height: field.h,
-    "data-testid": dataTestId
-  }, /*#__PURE__*/React.createElement("input", _extends({}, foreignObjectProps, {
-    style: _defineProperty({}, 'fontSize', "".concat(field.f, "px")),
-    type: "text",
-    value: field.text,
-    readOnly: true,
+var TextInput = function TextInput(_ref) {
+  var Component = _ref.as,
+    value = _ref.value;
+  return /*#__PURE__*/React.createElement(Component, _extends({}, foreignObjectProps, {
     onKeyUp: function onKeyUp(e) {
       // stop propagation of the arrow key events because they can be used to navigate viewports
       if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
         e.stopPropagation();
       }
     },
-    className: ax(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw", "_kqswstnw _4t3i1osq _1bsb1osq"])
-  })));
+    value: value,
+    type: "text",
+    readOnly: true,
+    className: ax(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw _14zgglyw", "_kqswstnw _4t3i1osq _vchhusvi _1bsb1osq"])
+  }));
+};
+export var TextInputFormField = function TextInputFormField(_ref2) {
+  var field = _ref2.field,
+    dataTestId = _ref2.dataTestId;
+  var style = _defineProperty(_defineProperty(_defineProperty({}, 'fontSize', "".concat(field.f, "px")), "width", '100%'), "boxSizing", 'border-box');
+  return /*#__PURE__*/React.createElement("foreignObject", {
+    x: field.x,
+    y: -field.y,
+    width: field.w,
+    height: field.h,
+    "data-testid": dataTestId
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    style: style,
+    as: field.multiline ? 'textarea' : 'input',
+    value: field.text
+  }));
 };
 var comboBoxStyles = null;
 var comboBoxInputStyles = null;
@@ -60,7 +69,7 @@ export var ComboBoxFormField = function ComboBoxFormField(_ref3) {
       }
     },
     readOnly: true,
-    className: ax(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw", "_1bsb1osq"])
+    className: ax(["_19itglyw _ca0qidpf _u5f3idpf _n3tdidpf _19bvidpf _r06hglyw _14zgglyw", "_1bsb1osq"])
   }), /*#__PURE__*/React.createElement(ChevronDownIcon, {
     label: "",
     size: "small"

package/dist/esm/documentViewer.js

@@ -1,4 +1,4 @@
-/* documentViewer.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* documentViewer.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import "./documentViewer.compiled.css";
 import * as React from 'react';

package/dist/esm/page.js

@@ -1,4 +1,4 @@
-/* page.tsx generated by @compiled/babel-plugin v0.36.1 */
+/* page.tsx generated by @compiled/babel-plugin v0.38.1 */
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import "./page.compiled.css";

package/dist/types/types.d.ts

@@ -45,6 +45,7 @@ export type TextField = {
     w: number;
     h: number;
     f: number;
+    multiline: boolean;
     text: string;
 };
 export type ComboBoxField = {

package/dist/types-ts4.5/types.d.ts

@@ -45,6 +45,7 @@ export type TextField = {
     w: number;
     h: number;
     f: number;
+    multiline: boolean;
     text: string;
 };
 export type ComboBoxField = {

package/package.json

@@ -26,11 +26,11 @@
 	"dependencies": {
 		"@atlaskit/browser-apis": "^0.0.1",
 		"@atlaskit/css": "^0.14.0",
-		"@atlaskit/icon": "^28.1.0",
+		"@atlaskit/icon": "^28.3.0",
 		"@atlaskit/media-common": "^12.3.0",
-		"@atlaskit/primitives": "^14.14.0",
+		"@atlaskit/primitives": "^14.15.0",
 		"@atlaskit/spinner": "^19.0.0",
-		"@atlaskit/tokens": "^6.3.0",
+		"@atlaskit/tokens": "^6.4.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.3"
 	},
@@ -81,7 +81,7 @@
 		}
 	},
 	"name": "@atlaskit/media-document-viewer",
-	"version": "0.3.7",
+	"version": "0.4.0",
 	"description": "Modern and fast document viewer",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",