UNPKG

@platform/react.ssr

Version:

A lightweight SSR (server-side-rendering) system for react apps bundled with ParcelJS and hosted on S3.

1 lines 29.6 kB
{"id":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","dependencies":[{"name":"/Users/phil/code/@platform/code/react.ssr/sample/ui/.uiharness/package.json","includedInParent":true,"mtime":1566550465515},{"name":"/Users/phil/code/@platform/code/react.ssr/sample/ui/node_modules/@platform/react/package.json","includedInParent":true,"mtime":1566301992556},{"name":"tslib","loc":{"line":3,"column":22},"parent":"/Users/phil/code/@platform/code/react.ssr/sample/ui/node_modules/@platform/react/lib/measure/MeasureSize.js","resolved":"/Users/phil/code/@platform/code/react.ssr/sample/ui/node_modules/tslib/tslib.es6.js"},{"name":"react","loc":{"line":4,"column":20},"parent":"/Users/phil/code/@platform/code/react.ssr/sample/ui/node_modules/@platform/react/lib/measure/MeasureSize.js","resolved":"/Users/phil/code/@platform/code/react.ssr/sample/ui/node_modules/react/index.js"},{"name":"react-dom","loc":{"line":5,"column":23},"parent":"/Users/phil/code/@platform/code/react.ssr/sample/ui/node_modules/@platform/react/lib/measure/MeasureSize.js","resolved":"/Users/phil/code/@platform/code/react.ssr/sample/ui/node_modules/react-dom/index.js"},{"name":"../common","loc":{"line":6,"column":23},"parent":"/Users/phil/code/@platform/code/react.ssr/sample/ui/node_modules/@platform/react/lib/measure/MeasureSize.js","resolved":"/Users/phil/code/@platform/code/react.ssr/sample/ui/node_modules/@platform/react/lib/common/index.js"}],"generated":{"js":"\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = require(\"tslib\");\nvar React = require(\"react\");\nvar ReactDOM = require(\"react-dom\");\nvar common_1 = require(\"../common\");\nvar HIDDEN = {\n position: 'absolute',\n left: -999999,\n top: -999999,\n};\nvar Measurer = (function () {\n function Measurer(props) {\n var _this = this;\n this.props = props;\n this.div = document.createElement('DIV');\n document.body.appendChild(this.div);\n var ref = function (el) { return (_this.component = el); };\n ReactDOM.render(React.createElement(MeasureSize, tslib_1.__assign({ ref: ref }, props, { style: HIDDEN })), this.div);\n }\n Measurer.measure = function (props) {\n var instance = new Measurer(props);\n var size = instance.size;\n instance.dispose();\n return size;\n };\n Measurer.prototype.dispose = function () {\n if (!this.isDisposed) {\n ReactDOM.unmountComponentAtNode(this.div);\n document.body.removeChild(this.div);\n }\n };\n Object.defineProperty(Measurer.prototype, \"isDisposed\", {\n get: function () {\n return !Boolean(this.component);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(Measurer.prototype, \"width\", {\n get: function () {\n return this.component ? this.component.width : -1;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(Measurer.prototype, \"height\", {\n get: function () {\n return this.component ? this.component.height : -1;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(Measurer.prototype, \"size\", {\n get: function () {\n var width = this.width;\n var height = this.height;\n return { width: width, height: height };\n },\n enumerable: true,\n configurable: true\n });\n Measurer.create = function (props) {\n return {\n props: props,\n size: function (content) { return Measurer.measure(tslib_1.__assign({}, props, { content: content })); },\n };\n };\n return Measurer;\n}());\nvar MeasureSize = (function (_super) {\n tslib_1.__extends(MeasureSize, _super);\n function MeasureSize() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n MeasureSize.measure = function (props) {\n return Measurer.measure(props);\n };\n MeasureSize.prototype.componentDidMount = function () {\n var el = ReactDOM.findDOMNode(this);\n this.el = el.firstChild;\n };\n Object.defineProperty(MeasureSize.prototype, \"width\", {\n get: function () {\n return this.el ? this.el.offsetWidth : -1;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(MeasureSize.prototype, \"height\", {\n get: function () {\n return this.el ? this.el.offsetHeight : -1;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(MeasureSize.prototype, \"size\", {\n get: function () {\n var width = this.width;\n var height = this.height;\n return { width: width, height: height };\n },\n enumerable: true,\n configurable: true\n });\n MeasureSize.prototype.render = function () {\n var _a = this.props, content = _a.content, fontFamily = _a.fontFamily, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontStyle = _a.fontStyle, lineHeight = _a.lineHeight, letterSpacing = _a.letterSpacing, width = _a.width;\n var styles = {\n text: common_1.css({\n display: 'inline-block',\n fontFamily: fontFamily,\n fontSize: fontSize,\n fontWeight: fontWeight,\n fontStyle: fontStyle,\n lineHeight: lineHeight,\n letterSpacing: letterSpacing,\n width: width,\n }),\n };\n return (React.createElement(\"div\", tslib_1.__assign({ className: 'tdb.MeasureText' }, common_1.css(this.props.style)),\n React.createElement(\"div\", tslib_1.__assign({}, styles.text), content)));\n };\n MeasureSize.create = function (props) {\n return Measurer.create(props);\n };\n return MeasureSize;\n}(React.PureComponent));\nexports.MeasureSize = MeasureSize;\n"},"sourceMaps":{"js":{"mappings":[{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":1,"column":0},"generated":{"line":1,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":2,"column":0},"generated":{"line":2,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":3,"column":0},"generated":{"line":3,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":4,"column":0},"generated":{"line":4,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":5,"column":0},"generated":{"line":5,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":6,"column":0},"generated":{"line":6,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":7,"column":0},"generated":{"line":7,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":8,"column":0},"generated":{"line":8,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":9,"column":0},"generated":{"line":9,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":10,"column":0},"generated":{"line":10,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":11,"column":0},"generated":{"line":11,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":12,"column":0},"generated":{"line":12,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":13,"column":0},"generated":{"line":13,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":14,"column":0},"generated":{"line":14,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":15,"column":0},"generated":{"line":15,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":16,"column":0},"generated":{"line":16,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":17,"column":0},"generated":{"line":17,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":18,"column":0},"generated":{"line":18,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":19,"column":0},"generated":{"line":19,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":20,"column":0},"generated":{"line":20,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":21,"column":0},"generated":{"line":21,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":22,"column":0},"generated":{"line":22,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":23,"column":0},"generated":{"line":23,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":24,"column":0},"generated":{"line":24,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":25,"column":0},"generated":{"line":25,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":26,"column":0},"generated":{"line":26,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":27,"column":0},"generated":{"line":27,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":28,"column":0},"generated":{"line":28,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":29,"column":0},"generated":{"line":29,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":30,"column":0},"generated":{"line":30,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":31,"column":0},"generated":{"line":31,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":32,"column":0},"generated":{"line":32,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":33,"column":0},"generated":{"line":33,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":34,"column":0},"generated":{"line":34,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":35,"column":0},"generated":{"line":35,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":36,"column":0},"generated":{"line":36,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":37,"column":0},"generated":{"line":37,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":38,"column":0},"generated":{"line":38,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":39,"column":0},"generated":{"line":39,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":40,"column":0},"generated":{"line":40,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":41,"column":0},"generated":{"line":41,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":42,"column":0},"generated":{"line":42,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":43,"column":0},"generated":{"line":43,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":44,"column":0},"generated":{"line":44,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":45,"column":0},"generated":{"line":45,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":46,"column":0},"generated":{"line":46,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":47,"column":0},"generated":{"line":47,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":48,"column":0},"generated":{"line":48,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":49,"column":0},"generated":{"line":49,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":50,"column":0},"generated":{"line":50,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":51,"column":0},"generated":{"line":51,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":52,"column":0},"generated":{"line":52,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":53,"column":0},"generated":{"line":53,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":54,"column":0},"generated":{"line":54,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":55,"column":0},"generated":{"line":55,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":56,"column":0},"generated":{"line":56,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":57,"column":0},"generated":{"line":57,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":58,"column":0},"generated":{"line":58,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":59,"column":0},"generated":{"line":59,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":60,"column":0},"generated":{"line":60,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":61,"column":0},"generated":{"line":61,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":62,"column":0},"generated":{"line":62,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":63,"column":0},"generated":{"line":63,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":64,"column":0},"generated":{"line":64,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":65,"column":0},"generated":{"line":65,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":66,"column":0},"generated":{"line":66,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":67,"column":0},"generated":{"line":67,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":68,"column":0},"generated":{"line":68,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":69,"column":0},"generated":{"line":69,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":70,"column":0},"generated":{"line":70,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":71,"column":0},"generated":{"line":71,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":72,"column":0},"generated":{"line":72,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":73,"column":0},"generated":{"line":73,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":74,"column":0},"generated":{"line":74,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":75,"column":0},"generated":{"line":75,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":76,"column":0},"generated":{"line":76,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":77,"column":0},"generated":{"line":77,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":78,"column":0},"generated":{"line":78,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":79,"column":0},"generated":{"line":79,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":80,"column":0},"generated":{"line":80,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":81,"column":0},"generated":{"line":81,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":82,"column":0},"generated":{"line":82,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":83,"column":0},"generated":{"line":83,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":84,"column":0},"generated":{"line":84,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":85,"column":0},"generated":{"line":85,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":86,"column":0},"generated":{"line":86,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":87,"column":0},"generated":{"line":87,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":88,"column":0},"generated":{"line":88,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":89,"column":0},"generated":{"line":89,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":90,"column":0},"generated":{"line":90,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":91,"column":0},"generated":{"line":91,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":92,"column":0},"generated":{"line":92,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":93,"column":0},"generated":{"line":93,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":94,"column":0},"generated":{"line":94,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":95,"column":0},"generated":{"line":95,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":96,"column":0},"generated":{"line":96,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":97,"column":0},"generated":{"line":97,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":98,"column":0},"generated":{"line":98,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":99,"column":0},"generated":{"line":99,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":100,"column":0},"generated":{"line":100,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":101,"column":0},"generated":{"line":101,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":102,"column":0},"generated":{"line":102,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":103,"column":0},"generated":{"line":103,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":104,"column":0},"generated":{"line":104,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":105,"column":0},"generated":{"line":105,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":106,"column":0},"generated":{"line":106,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":107,"column":0},"generated":{"line":107,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":108,"column":0},"generated":{"line":108,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":109,"column":0},"generated":{"line":109,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":110,"column":0},"generated":{"line":110,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":111,"column":0},"generated":{"line":111,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":112,"column":0},"generated":{"line":112,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":113,"column":0},"generated":{"line":113,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":114,"column":0},"generated":{"line":114,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":115,"column":0},"generated":{"line":115,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":116,"column":0},"generated":{"line":116,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":117,"column":0},"generated":{"line":117,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":118,"column":0},"generated":{"line":118,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":119,"column":0},"generated":{"line":119,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":120,"column":0},"generated":{"line":120,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":121,"column":0},"generated":{"line":121,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":122,"column":0},"generated":{"line":122,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":123,"column":0},"generated":{"line":123,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":124,"column":0},"generated":{"line":124,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":125,"column":0},"generated":{"line":125,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":126,"column":0},"generated":{"line":126,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":127,"column":0},"generated":{"line":127,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":128,"column":0},"generated":{"line":128,"column":0}},{"source":"../../node_modules/@platform/react/lib/measure/MeasureSize.js","original":{"line":129,"column":0},"generated":{"line":129,"column":0}}],"sources":{"../../node_modules/@platform/react/lib/measure/MeasureSize.js":"\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nvar tslib_1 = require(\"tslib\");\nvar React = require(\"react\");\nvar ReactDOM = require(\"react-dom\");\nvar common_1 = require(\"../common\");\nvar HIDDEN = {\n position: 'absolute',\n left: -999999,\n top: -999999,\n};\nvar Measurer = (function () {\n function Measurer(props) {\n var _this = this;\n this.props = props;\n this.div = document.createElement('DIV');\n document.body.appendChild(this.div);\n var ref = function (el) { return (_this.component = el); };\n ReactDOM.render(React.createElement(MeasureSize, tslib_1.__assign({ ref: ref }, props, { style: HIDDEN })), this.div);\n }\n Measurer.measure = function (props) {\n var instance = new Measurer(props);\n var size = instance.size;\n instance.dispose();\n return size;\n };\n Measurer.prototype.dispose = function () {\n if (!this.isDisposed) {\n ReactDOM.unmountComponentAtNode(this.div);\n document.body.removeChild(this.div);\n }\n };\n Object.defineProperty(Measurer.prototype, \"isDisposed\", {\n get: function () {\n return !Boolean(this.component);\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(Measurer.prototype, \"width\", {\n get: function () {\n return this.component ? this.component.width : -1;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(Measurer.prototype, \"height\", {\n get: function () {\n return this.component ? this.component.height : -1;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(Measurer.prototype, \"size\", {\n get: function () {\n var width = this.width;\n var height = this.height;\n return { width: width, height: height };\n },\n enumerable: true,\n configurable: true\n });\n Measurer.create = function (props) {\n return {\n props: props,\n size: function (content) { return Measurer.measure(tslib_1.__assign({}, props, { content: content })); },\n };\n };\n return Measurer;\n}());\nvar MeasureSize = (function (_super) {\n tslib_1.__extends(MeasureSize, _super);\n function MeasureSize() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n MeasureSize.measure = function (props) {\n return Measurer.measure(props);\n };\n MeasureSize.prototype.componentDidMount = function () {\n var el = ReactDOM.findDOMNode(this);\n this.el = el.firstChild;\n };\n Object.defineProperty(MeasureSize.prototype, \"width\", {\n get: function () {\n return this.el ? this.el.offsetWidth : -1;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(MeasureSize.prototype, \"height\", {\n get: function () {\n return this.el ? this.el.offsetHeight : -1;\n },\n enumerable: true,\n configurable: true\n });\n Object.defineProperty(MeasureSize.prototype, \"size\", {\n get: function () {\n var width = this.width;\n var height = this.height;\n return { width: width, height: height };\n },\n enumerable: true,\n configurable: true\n });\n MeasureSize.prototype.render = function () {\n var _a = this.props, content = _a.content, fontFamily = _a.fontFamily, fontSize = _a.fontSize, fontWeight = _a.fontWeight, fontStyle = _a.fontStyle, lineHeight = _a.lineHeight, letterSpacing = _a.letterSpacing, width = _a.width;\n var styles = {\n text: common_1.css({\n display: 'inline-block',\n fontFamily: fontFamily,\n fontSize: fontSize,\n fontWeight: fontWeight,\n fontStyle: fontStyle,\n lineHeight: lineHeight,\n letterSpacing: letterSpacing,\n width: width,\n }),\n };\n return (React.createElement(\"div\", tslib_1.__assign({ className: 'tdb.MeasureText' }, common_1.css(this.props.style)),\n React.createElement(\"div\", tslib_1.__assign({}, styles.text), content)));\n };\n MeasureSize.create = function (props) {\n return Measurer.create(props);\n };\n return MeasureSize;\n}(React.PureComponent));\nexports.MeasureSize = MeasureSize;\n"},"lineCount":129}},"error":null,"hash":"405dbbfa6c7f2a2a2fc921d717ca4edf","cacheData":{"env":{}}}