@pie-lib/render-ui 4.35.3-next.0 → 4.35.3-next.155

package/lib/input-container.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/input-container.jsx"],"names":["RawInputContainer","props","label","className","children","classes","names","formControl","propTypes","PropTypes","oneOfType","string","object","isRequired","arrayOf","node","theme","marginLeft","marginRight","paddingBottom","spacing","unit","flex","minWidth","fontSize","whiteSpace"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AACnC,MAAQC,KAAR,GAAgDD,KAAhD,CAAQC,KAAR;AAAA,MAAeC,SAAf,GAAgDF,KAAhD,CAAeE,SAAf;AAAA,MAA0BC,QAA1B,GAAgDH,KAAhD,CAA0BG,QAA1B;AAAA,MAAoCC,OAApC,GAAgDJ,KAAhD,CAAoCI,OAApC;AACA,MAAMC,KAAK,GAAG,4BAAWD,OAAO,CAACE,WAAnB,EAAgCJ,SAAhC,CAAd;AAEA,sBACE,gCAAC,uBAAD;AAAa,IAAA,SAAS,EAAEG;AAAxB,kBACE,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAED,OAAO,CAACH,KAA/B;AAAsC,IAAA,MAAM,EAAE;AAA9C,KACGA,KADH,CADF,EAIGE,QAJH,CADF;AAQD,CAZD;;AAcAJ,iBAAiB,CAACQ,SAAlB,GAA8B;AAC5BN,EAAAA,KAAK,EAAEO,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,MAA7B,CAApB,EAA0DC,UADrC;AAE5BV,EAAAA,SAAS,EAAEM,sBAAUE,MAFO;AAG5BP,EAAAA,QAAQ,EAAEK,sBAAUC,SAAV,CAAoB,CAACD,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,EAAyEF,UAHvD;AAI5BR,EAAAA,OAAO,EAAEI,sBAAUG,MAAV,CAAiBC;AAJE,CAA9B;;eAOe,wBAAW,UAACG,KAAD;AAAA,SAAY;AACpCT,IAAAA,WAAW,EAAE;AACXU,MAAAA,UAAU,EAAE,CADD;AAEXC,MAAAA,WAAW,EAAE,CAFF;AAGXC,MAAAA,aAAa,EAAEH,KAAK,CAACI,OAAN,CAAcC,IAHlB;AAIXC,MAAAA,IAAI,EAAE,UAJK;AAKXC,MAAAA,QAAQ,EAAEP,KAAK,CAACI,OAAN,CAAcC,IAAd,GAAqB;AALpB,KADuB;AAQpCnB,IAAAA,KAAK,EAAE;AACLsB,MAAAA,QAAQ,EAAE,SADL;AAELC,MAAAA,UAAU,EAAE;AAFP;AAR6B,GAAZ;AAAA,CAAX,EAYXzB,iBAZW,C","sourcesContent":["import InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport FormControl from '@material-ui/core/FormControl';\n\nconst RawInputContainer = (props) => {\n  const { label, className, children, classes } = props;\n  const names = classNames(classes.formControl, className);\n\n  return (\n    <FormControl className={names}>\n      <InputLabel className={classes.label} shrink={true}>\n        {label}\n      </InputLabel>\n      {children}\n    </FormControl>\n  );\n};\n\nRawInputContainer.propTypes = {\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  classes: PropTypes.object.isRequired,\n};\n\nexport default withStyles((theme) => ({\n  formControl: {\n    marginLeft: 0,\n    marginRight: 0,\n    paddingBottom: theme.spacing.unit,\n    flex: '1 0 auto',\n    minWidth: theme.spacing.unit * 4,\n  },\n  label: {\n    fontSize: 'inherit',\n    whiteSpace: 'nowrap',\n  },\n}))(RawInputContainer);\n"],"file":"input-container.js"}
+{"version":3,"file":"input-container.js","names":["_InputLabel","_interopRequireDefault","require","_propTypes","_react","_styles","_FormControl","StyledFormControl","styled","FormControl","_ref","theme","margin","padding","flex","minWidth","spacing","StyledInputLabel","InputLabel","fontSize","whiteSpace","alignSelf","position","top","left","transformOrigin","pointerEvents","transform","InputContainer","_ref2","label","className","children","createElement","shrink","propTypes","PropTypes","oneOfType","string","object","isRequired","arrayOf","node","_default","exports"],"sources":["../src/input-container.jsx"],"sourcesContent":["import InputLabel from '@mui/material/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { styled } from '@mui/material/styles';\nimport FormControl from '@mui/material/FormControl';\n\nconst StyledFormControl = styled(FormControl)(({ theme }) => ({\n  margin: 0,\n  padding: 0,\n  flex: '1 0 auto',\n  minWidth: theme.spacing(4),\n}));\n\nconst StyledInputLabel = styled(InputLabel)(() => ({\n fontSize: 'inherit',\n  whiteSpace: 'nowrap',\n  margin: 0,\n  padding: 0,\n  alignSelf: 'flex-start',\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  transformOrigin: 'top left',\n  pointerEvents: 'none',\n  // override MUI's default transform styles\n  '&.MuiInputLabel-shrink': {\n    transform: 'scale(0.75) translate(0, -0.75em)',\n  },\n  '&:not(.MuiInputLabel-shrink)': {\n    transform: 'translate(0, 0)',\n  },\n}));\n\nconst InputContainer = ({ label, className, children }) => (\n  <StyledFormControl className={className}>\n    <StyledInputLabel shrink>{label}</StyledInputLabel>\n    {children}\n  </StyledFormControl>\n);\n\nInputContainer.propTypes = {\n  label: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).isRequired,\n};\n\nexport default InputContainer;\n"],"mappings":";;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,iBAAiB,GAAG,IAAAC,cAAM,EAACC,uBAAW,CAAC,CAAC,UAAAC,IAAA;EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK;EAAA,OAAQ;IAC5DC,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE,CAAC;IACVC,IAAI,EAAE,UAAU;IAChBC,QAAQ,EAAEJ,KAAK,CAACK,OAAO,CAAC,CAAC;EAC3B,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,gBAAgB,GAAG,IAAAT,cAAM,EAACU,sBAAU,CAAC,CAAC;EAAA,OAAO;IAClDC,QAAQ,EAAE,SAAS;IAClBC,UAAU,EAAE,QAAQ;IACpBR,MAAM,EAAE,CAAC;IACTC,OAAO,EAAE,CAAC;IACVQ,SAAS,EAAE,YAAY;IACvBC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE,UAAU;IAC3BC,aAAa,EAAE,MAAM;IACrB;IACA,wBAAwB,EAAE;MACxBC,SAAS,EAAE;IACb,CAAC;IACD,8BAA8B,EAAE;MAC9BA,SAAS,EAAE;IACb;EACF,CAAC;AAAA,CAAC,CAAC;AAEH,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,KAAA;EAAA,IAAMC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAEC,SAAS,GAAAF,KAAA,CAATE,SAAS;IAAEC,QAAQ,GAAAH,KAAA,CAARG,QAAQ;EAAA,oBAClD5B,MAAA,YAAA6B,aAAA,CAAC1B,iBAAiB;IAACwB,SAAS,EAAEA;EAAU,gBACtC3B,MAAA,YAAA6B,aAAA,CAAChB,gBAAgB;IAACiB,MAAM;EAAA,GAAEJ,KAAwB,CAAC,EAClDE,QACgB,CAAC;AAAA,CACrB;AAEDJ,cAAc,CAACO,SAAS,GAAG;EACzBL,KAAK,EAAEM,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC,CAACC,UAAU;EAC3ET,SAAS,EAAEK,qBAAS,CAACE,MAAM;EAC3BN,QAAQ,EAAEI,qBAAS,CAACC,SAAS,CAAC,CAC5BD,qBAAS,CAACK,OAAO,CAACL,qBAAS,CAACM,IAAI,CAAC,EACjCN,qBAAS,CAACM,IAAI,CACf,CAAC,CAACF;AACL,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,cAEahB,cAAc","ignoreList":[]}

package/lib/preview-layout.js

@@ -1,77 +1,59 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _uiLayout = _interopRequireDefault(require("./ui-layout"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledUiLayout = (0, _styles.styled)(_uiLayout["default"])({
+  display: 'flex',
+  flexDirection: 'column',
+  position: 'relative'
+});
 var PreviewLayout = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(PreviewLayout, _React$Component);
-
-  var _super = _createSuper(PreviewLayout);
-
   function PreviewLayout() {
     (0, _classCallCheck2["default"])(this, PreviewLayout);
-    return _super.apply(this, arguments);
+    return _callSuper(this, PreviewLayout, arguments);
   }
-
-  (0, _createClass2["default"])(PreviewLayout, [{
+  (0, _inherits2["default"])(PreviewLayout, _React$Component);
+  return (0, _createClass2["default"])(PreviewLayout, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          children = _this$props.children,
-          classes = _this$props.classes,
-          ariaLabel = _this$props.ariaLabel,
-          role = _this$props.role,
-          extraCSSRules = _this$props.extraCSSRules,
-          fontSizeFactor = _this$props.fontSizeFactor;
+        children = _this$props.children,
+        ariaLabel = _this$props.ariaLabel,
+        role = _this$props.role,
+        extraCSSRules = _this$props.extraCSSRules,
+        fontSizeFactor = _this$props.fontSizeFactor,
+        classes = _this$props.classes;
       var accessibility = ariaLabel ? {
         'aria-label': ariaLabel,
         role: role
       } : {};
-      return /*#__PURE__*/_react["default"].createElement(_uiLayout["default"], (0, _extends2["default"])({
-        className: classes.container
-      }, accessibility, {
+      return /*#__PURE__*/_react["default"].createElement(StyledUiLayout, (0, _extends2["default"])({}, accessibility, {
         extraCSSRules: extraCSSRules,
-        fontSizeFactor: fontSizeFactor
+        fontSizeFactor: fontSizeFactor,
+        classes: classes
       }), children);
     }
   }]);
-  return PreviewLayout;
 }(_react["default"].Component);
-
 (0, _defineProperty2["default"])(PreviewLayout, "propTypes", {
   ariaLabel: _propTypes["default"].string,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired,
-  classes: _propTypes["default"].object,
   role: _propTypes["default"].string,
   extraCSSRules: _propTypes["default"].shape({
     names: _propTypes["default"].arrayOf(_propTypes["default"].string),
@@ -79,23 +61,5 @@ var PreviewLayout = /*#__PURE__*/function (_React$Component) {
   }),
   fontSizeFactor: _propTypes["default"].number
 });
-
-var styles = function styles() {
-  return {
-    container: {
-      display: 'flex',
-      flexDirection: 'column',
-      position: 'relative'
-    }
-  };
-};
-
-var Styled = (0, _styles.withStyles)(styles)(PreviewLayout);
-
-var RootElem = function RootElem(props) {
-  return /*#__PURE__*/_react["default"].createElement(Styled, props);
-};
-
-var _default = RootElem;
-exports["default"] = _default;
+var _default = exports["default"] = PreviewLayout;
 //# sourceMappingURL=preview-layout.js.map

package/lib/preview-layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/preview-layout.jsx"],"names":["PreviewLayout","props","children","classes","ariaLabel","role","extraCSSRules","fontSizeFactor","accessibility","container","React","Component","PropTypes","string","oneOfType","arrayOf","node","isRequired","object","shape","names","rules","number","styles","display","flexDirection","position","Styled","RootElem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IAEMA,a;;;;;;;;;;;;WAaJ,kBAAS;AACP,wBAA8E,KAAKC,KAAnF;AAAA,UAAQC,QAAR,eAAQA,QAAR;AAAA,UAAkBC,OAAlB,eAAkBA,OAAlB;AAAA,UAA2BC,SAA3B,eAA2BA,SAA3B;AAAA,UAAsCC,IAAtC,eAAsCA,IAAtC;AAAA,UAA4CC,aAA5C,eAA4CA,aAA5C;AAAA,UAA2DC,cAA3D,eAA2DA,cAA3D;AACA,UAAMC,aAAa,GAAGJ,SAAS,GAAG;AAAE,sBAAcA,SAAhB;AAA2BC,QAAAA,IAAI,EAAJA;AAA3B,OAAH,GAAuC,EAAtE;AAEA,0BACE,gCAAC,oBAAD;AACE,QAAA,SAAS,EAAEF,OAAO,CAACM;AADrB,SAEMD,aAFN;AAGE,QAAA,aAAa,EAAEF,aAHjB;AAIE,QAAA,cAAc,EAAEC;AAJlB,UAMGL,QANH,CADF;AAUD;;;EA3ByBQ,kBAAMC,S;;iCAA5BX,a,eACe;AACjBI,EAAAA,SAAS,EAAEQ,sBAAUC,MADJ;AAEjBX,EAAAA,QAAQ,EAAEU,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,OAAV,CAAkBH,sBAAUI,IAA5B,CAAD,EAAoCJ,sBAAUI,IAA9C,CAApB,EAAyEC,UAFlE;AAGjBd,EAAAA,OAAO,EAAES,sBAAUM,MAHF;AAIjBb,EAAAA,IAAI,EAAEO,sBAAUC,MAJC;AAKjBP,EAAAA,aAAa,EAAEM,sBAAUO,KAAV,CAAgB;AAC7BC,IAAAA,KAAK,EAAER,sBAAUG,OAAV,CAAkBH,sBAAUC,MAA5B,CADsB;AAE7BQ,IAAAA,KAAK,EAAET,sBAAUC;AAFY,GAAhB,CALE;AASjBN,EAAAA,cAAc,EAAEK,sBAAUU;AATT,C;;AA6BrB,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBd,IAAAA,SAAS,EAAE;AACTe,MAAAA,OAAO,EAAE,MADA;AAETC,MAAAA,aAAa,EAAE,QAFN;AAGTC,MAAAA,QAAQ,EAAE;AAHD;AADS,GAAP;AAAA,CAAf;;AAQA,IAAMC,MAAM,GAAG,wBAAWJ,MAAX,EAAmBvB,aAAnB,CAAf;;AAEA,IAAM4B,QAAQ,GAAG,SAAXA,QAAW,CAAC3B,KAAD;AAAA,sBAAW,gCAAC,MAAD,EAAYA,KAAZ,CAAX;AAAA,CAAjB;;eAEe2B,Q","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nimport UiLayout from './ui-layout';\n\nclass PreviewLayout extends React.Component {\n  static propTypes = {\n    ariaLabel: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    classes: PropTypes.object,\n    role: PropTypes.string,\n    extraCSSRules: PropTypes.shape({\n      names: PropTypes.arrayOf(PropTypes.string),\n      rules: PropTypes.string,\n    }),\n    fontSizeFactor: PropTypes.number,\n  };\n\n  render() {\n    const { children, classes, ariaLabel, role, extraCSSRules, fontSizeFactor } = this.props;\n    const accessibility = ariaLabel ? { 'aria-label': ariaLabel, role } : {};\n\n    return (\n      <UiLayout\n        className={classes.container}\n        {...accessibility}\n        extraCSSRules={extraCSSRules}\n        fontSizeFactor={fontSizeFactor}\n      >\n        {children}\n      </UiLayout>\n    );\n  }\n}\n\nconst styles = () => ({\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n  },\n});\n\nconst Styled = withStyles(styles)(PreviewLayout);\n\nconst RootElem = (props) => <Styled {...props} />;\n\nexport default RootElem;\n"],"file":"preview-layout.js"}
+{"version":3,"file":"preview-layout.js","names":["_react","_interopRequireDefault","require","_styles","_propTypes","_uiLayout","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledUiLayout","styled","UiLayout","display","flexDirection","position","PreviewLayout","_React$Component","_classCallCheck2","arguments","_inherits2","_createClass2","key","value","render","_this$props","props","children","ariaLabel","role","extraCSSRules","fontSizeFactor","classes","accessibility","createElement","_extends2","React","Component","_defineProperty2","PropTypes","string","oneOfType","arrayOf","node","isRequired","shape","names","rules","number","_default","exports"],"sources":["../src/preview-layout.jsx"],"sourcesContent":["import React from 'react';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nimport UiLayout from './ui-layout';\n\nconst StyledUiLayout = styled(UiLayout)({\n  display: 'flex',\n  flexDirection: 'column',\n  position: 'relative',\n});\n\nclass PreviewLayout extends React.Component {\n  static propTypes = {\n    ariaLabel: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n    role: PropTypes.string,\n    extraCSSRules: PropTypes.shape({\n      names: PropTypes.arrayOf(PropTypes.string),\n      rules: PropTypes.string,\n    }),\n    fontSizeFactor: PropTypes.number,\n  };\n\n  render() {\n    const { children, ariaLabel, role, extraCSSRules, fontSizeFactor, classes } = this.props;\n    const accessibility = ariaLabel ? { 'aria-label': ariaLabel, role } : {};\n\n    return (\n      <StyledUiLayout {...accessibility} extraCSSRules={extraCSSRules} fontSizeFactor={fontSizeFactor} classes={classes}>\n        {children}\n      </StyledUiLayout>\n    );\n  }\n}\n\nexport default PreviewLayout;\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAmC,SAAAI,WAAAC,CAAA,EAAAC,CAAA,EAAAC,CAAA,WAAAD,CAAA,OAAAE,gBAAA,aAAAF,CAAA,OAAAG,2BAAA,aAAAJ,CAAA,EAAAK,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAN,CAAA,EAAAC,CAAA,YAAAC,gBAAA,aAAAH,CAAA,EAAAQ,WAAA,IAAAP,CAAA,CAAAQ,KAAA,CAAAT,CAAA,EAAAE,CAAA;AAAA,SAAAG,0BAAA,cAAAL,CAAA,IAAAU,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAP,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAAV,CAAA,aAAAK,yBAAA,YAAAA,0BAAA,aAAAL,CAAA;AAEnC,IAAMc,cAAc,GAAG,IAAAC,cAAM,EAACC,oBAAQ,CAAC,CAAC;EACtCC,OAAO,EAAE,MAAM;EACfC,aAAa,EAAE,QAAQ;EACvBC,QAAQ,EAAE;AACZ,CAAC,CAAC;AAAC,IAEGC,aAAa,0BAAAC,gBAAA;EAAA,SAAAD,cAAA;IAAA,IAAAE,gBAAA,mBAAAF,aAAA;IAAA,OAAArB,UAAA,OAAAqB,aAAA,EAAAG,SAAA;EAAA;EAAA,IAAAC,UAAA,aAAAJ,aAAA,EAAAC,gBAAA;EAAA,WAAAI,aAAA,aAAAL,aAAA;IAAAM,GAAA;IAAAC,KAAA,EAYjB,SAAAC,MAAMA,CAAA,EAAG;MACP,IAAAC,WAAA,GAA8E,IAAI,CAACC,KAAK;QAAhFC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,SAAS,GAAAH,WAAA,CAATG,SAAS;QAAEC,IAAI,GAAAJ,WAAA,CAAJI,IAAI;QAAEC,aAAa,GAAAL,WAAA,CAAbK,aAAa;QAAEC,cAAc,GAAAN,WAAA,CAAdM,cAAc;QAAEC,OAAO,GAAAP,WAAA,CAAPO,OAAO;MACzE,IAAMC,aAAa,GAAGL,SAAS,GAAG;QAAE,YAAY,EAAEA,SAAS;QAAEC,IAAI,EAAJA;MAAK,CAAC,GAAG,CAAC,CAAC;MAExE,oBACExC,MAAA,YAAA6C,aAAA,CAACxB,cAAc,MAAAyB,SAAA,iBAAKF,aAAa;QAAEH,aAAa,EAAEA,aAAc;QAACC,cAAc,EAAEA,cAAe;QAACC,OAAO,EAAEA;MAAQ,IAC/GL,QACa,CAAC;IAErB;EAAC;AAAA,EArByBS,iBAAK,CAACC,SAAS;AAAA,IAAAC,gBAAA,aAArCtB,aAAa,eACE;EACjBY,SAAS,EAAEW,qBAAS,CAACC,MAAM;EAC3Bb,QAAQ,EAAEY,qBAAS,CAACE,SAAS,CAAC,CAACF,qBAAS,CAACG,OAAO,CAACH,qBAAS,CAACI,IAAI,CAAC,EAAEJ,qBAAS,CAACI,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7Ff,IAAI,EAAEU,qBAAS,CAACC,MAAM;EACtBV,aAAa,EAAES,qBAAS,CAACM,KAAK,CAAC;IAC7BC,KAAK,EAAEP,qBAAS,CAACG,OAAO,CAACH,qBAAS,CAACC,MAAM,CAAC;IAC1CO,KAAK,EAAER,qBAAS,CAACC;EACnB,CAAC,CAAC;EACFT,cAAc,EAAEQ,qBAAS,CAACS;AAC5B,CAAC;AAAA,IAAAC,QAAA,GAAAC,OAAA,cAcYlC,aAAa","ignoreList":[]}

package/lib/preview-prompt.js

@@ -1,75 +1,97 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.PreviewPrompt = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var color = _interopRequireWildcard(require("./color"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+var _mathRendering = require("@pie-lib/math-rendering");
+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); }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledPromptContainer = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme,
+    tagName = _ref.tagName;
+  return {
+    // Base promptTable styles
+    '&:not(.MathJax) > table': {
+      borderCollapse: 'collapse'
+    },
+    // Apply vertical striping when first column is a header (th) and NOT mixed with td
+    '&:not(.MathJax) > table:has(tbody tr > th:first-child):not(:has(tbody tr > td:first-child)) tbody td:nth-child(even)': {
+      backgroundColor: '#f6f8fa',
+      color: theme.palette.common.black
+    },
+    // Apply horizontal striping for tables where first element is a data cell (td)
+    '&:not(.MathJax) > table:has(tbody tr > td:first-child) tbody tr:nth-child(even) td': {
+      backgroundColor: '#f6f8fa',
+      color: theme.palette.common.black
+    },
+    // align table content to left as per STAR requirement PD-3687
+    '&:not(.MathJax) table td, &:not(.MathJax) table th': {
+      padding: '.6em 1em',
+      textAlign: 'left'
+    },
+    // added this to fix alignment of text in prompt imported from studio (PD-3423)
+    '&:not(.MathJax) > table td > p.kds-indent': {
+      textAlign: 'initial'
+    },
+    // Conditional styles based on class names
+    '&.prompt': {
+      verticalAlign: 'middle',
+      color: color.text()
+    },
+    '&.legend': {
+      width: '100%',
+      fontSize: 'inherit !important'
+    },
+    '&.rationale': {
+      paddingLeft: theme.spacing(4),
+      paddingBottom: theme.spacing(1)
+    },
+    '&.label': {
+      color: "".concat(color.text(), " !important"),
+      display: 'flex',
+      flexDirection: 'column',
+      verticalAlign: 'middle',
+      cursor: 'pointer',
+      '& > p': {
+        margin: '0 0 0 0 !important'
+      }
+    }
+  };
+});
 
 //Used these below to replace \\embed{newLine} with \\newline from prompt which will get parsed in MathJax
 var NEWLINE_BLOCK_REGEX = /\\embed\{newLine\}\[\]/g;
 var NEWLINE_LATEX = '\\newline ';
-
-var PreviewPrompt = /*#__PURE__*/function (_Component) {
-  (0, _inherits2["default"])(PreviewPrompt, _Component);
-
-  var _super = _createSuper(PreviewPrompt);
-
+var PreviewPrompt = exports.PreviewPrompt = /*#__PURE__*/function (_Component) {
   function PreviewPrompt() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, PreviewPrompt);
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "parsedText", function (text) {
+    _this = _callSuper(this, PreviewPrompt, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "parsedText", function (text) {
       var customAudioButton = _this.props.customAudioButton;
       var div = document.createElement('div');
       div.innerHTML = text;
       var audio = div.querySelector('audio');
-
       if (audio) {
         var source = document.createElement('source');
         source.setAttribute('type', 'audio/mp3');
@@ -77,7 +99,6 @@ var PreviewPrompt = /*#__PURE__*/function (_Component) {
         audio.removeAttribute('src');
         audio.setAttribute('id', 'pie-prompt-audio-player');
         audio.appendChild(source);
-
         if (customAudioButton) {
           audio.style.display = 'none';
           var playButton = document.createElement('div');
@@ -95,21 +116,19 @@ var PreviewPrompt = /*#__PURE__*/function (_Component) {
           audio.parentNode.insertBefore(playButton, audio);
         }
       }
-
       return div.innerHTML;
     });
     return _this;
   }
-
-  (0, _createClass2["default"])(PreviewPrompt, [{
+  (0, _inherits2["default"])(PreviewPrompt, _Component);
+  return (0, _createClass2["default"])(PreviewPrompt, [{
     key: "addCustomAudioButtonControls",
     value: function addCustomAudioButtonControls() {
       var _this$props = this.props,
-          autoplayAudioEnabled = _this$props.autoplayAudioEnabled,
-          customAudioButton = _this$props.customAudioButton;
+        autoplayAudioEnabled = _this$props.autoplayAudioEnabled,
+        customAudioButton = _this$props.customAudioButton;
       var playButton = document.getElementById('play-audio-button');
       var audio = document.getElementById('pie-prompt-audio-player');
-
       if (autoplayAudioEnabled && audio) {
         audio.play().then(function () {
           if (playButton && customAudioButton) {
@@ -119,39 +138,34 @@ var PreviewPrompt = /*#__PURE__*/function (_Component) {
           console.error('Error playing audio', error);
         });
       }
-
       if (!playButton || !audio || !customAudioButton) return;
-
       var handlePlayClick = function handlePlayClick() {
         // if already playing, don't play again
         if (!audio.paused) return;
         if (playButton.style.backgroundImage.includes(customAudioButton.pauseImage)) return;
         audio.play();
       };
-
       var handleAudioEnded = function handleAudioEnded() {
         playButton.style.backgroundImage = "url(".concat(customAudioButton.playImage, ")");
       };
-
       var handleAudioPlay = function handleAudioPlay() {
         Object.assign(playButton.style, {
           backgroundImage: "url(".concat(customAudioButton.pauseImage, ")"),
           border: '1px solid #ccc'
         });
       };
-
       var handleAudioPause = function handleAudioPause() {
         Object.assign(playButton.style, {
           backgroundImage: "url(".concat(customAudioButton.playImage, ")"),
           border: '1px solid #326295'
         });
       };
-
       playButton.addEventListener('click', handlePlayClick);
       audio.addEventListener('play', handleAudioPlay);
       audio.addEventListener('pause', handleAudioPause);
-      audio.addEventListener('ended', handleAudioEnded); // store event handler references so they can be removed later
+      audio.addEventListener('ended', handleAudioEnded);
 
+      // store event handler references so they can be removed later
       this._handlePlayClick = handlePlayClick;
       this._handleAudioPlay = handleAudioPlay;
       this._handleAudioPause = handleAudioPause;
@@ -162,8 +176,9 @@ var PreviewPrompt = /*#__PURE__*/function (_Component) {
     value: function removeCustomAudioButtonListeners() {
       var playButton = document.getElementById('play-audio-button');
       var audio = document.querySelector('audio');
-      if (!playButton || !audio) return; // remove event listeners using stored references
+      if (!playButton || !audio) return;
 
+      // remove event listeners using stored references
       playButton.removeEventListener('click', this._handlePlayClick);
       audio.removeEventListener('play', this._handleAudioPlay);
       audio.removeEventListener('pause', this._handleAudioPause);
@@ -174,36 +189,51 @@ var PreviewPrompt = /*#__PURE__*/function (_Component) {
     value: function componentDidMount() {
       this.alignImages();
       this.addCustomAudioButtonControls();
+      this.setupMathRendering();
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate() {
+    value: function componentDidUpdate(prevProps) {
       this.alignImages();
+      if (prevProps.prompt !== this.props.prompt) {
+        this.renderMathContent();
+      }
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       this.removeCustomAudioButtonListeners();
     }
+  }, {
+    key: "setupMathRendering",
+    value: function setupMathRendering() {
+      this.renderMathContent();
+    }
+  }, {
+    key: "renderMathContent",
+    value: function renderMathContent() {
+      var container = document.getElementById('preview-prompt');
+      if (container && typeof _mathRendering.renderMath === 'function') {
+        (0, _mathRendering.renderMath)(container);
+      }
+    }
   }, {
     key: "alignImages",
     value: function alignImages() {
       var previewPrompts = document.querySelectorAll('#preview-prompt');
       previewPrompts.forEach(function (previewPrompt) {
         var images = previewPrompt.getElementsByTagName('img');
-
         if (images && images.length) {
           var _iterator = _createForOfIteratorHelper(images),
-              _step;
-
+            _step;
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
               var image = _step.value;
-
               // check if alignment property was set
               if (image.attributes && image.attributes.alignment && image.attributes.alignment.value) {
-                var parentNode = image.parentElement; // check if div is not already added to dom and replace current image with wrapped image
+                var parentNode = image.parentElement;
 
+                // check if div is not already added to dom and replace current image with wrapped image
                 if (!(parentNode.tagName === 'DIV' && parentNode.style.display === 'flex' && parentNode.style.width === '100%')) {
                   var div = document.createElement('div');
                   div.style.display = 'flex';
@@ -226,32 +256,28 @@ var PreviewPrompt = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          prompt = _this$props2.prompt,
-          classes = _this$props2.classes,
-          tagName = _this$props2.tagName,
-          className = _this$props2.className,
-          onClick = _this$props2.onClick,
-          defaultClassName = _this$props2.defaultClassName;
-      var CustomTag = tagName || 'div'; // legend tag was added once with accessibility tasks, wee need extra style to make it work with images alignment
-
+        prompt = _this$props2.prompt,
+        tagName = _this$props2.tagName,
+        className = _this$props2.className,
+        onClick = _this$props2.onClick,
+        defaultClassName = _this$props2.defaultClassName;
+      // legend tag was added once with accessibility tasks, we need extra style to make it work with images alignment
       var legendClass = tagName === 'legend' ? 'legend' : '';
-      var customClasses = "".concat(classes.promptTable, " ").concat(classes[className] || '', " ").concat(defaultClassName || '', " ").concat(classes[legendClass] || '');
-      return /*#__PURE__*/_react["default"].createElement(CustomTag, {
+      var customClasses = "".concat(className || '', " ").concat(defaultClassName || '', " ").concat(legendClass).trim();
+      return /*#__PURE__*/_react["default"].createElement(StyledPromptContainer, {
+        as: tagName || 'div',
         id: 'preview-prompt',
         onClick: onClick,
         className: customClasses,
+        tagName: tagName,
         dangerouslySetInnerHTML: {
           __html: this.parsedText(prompt || '').replace(NEWLINE_BLOCK_REGEX, NEWLINE_LATEX)
         }
       });
     }
   }]);
-  return PreviewPrompt;
 }(_react.Component);
-
-exports.PreviewPrompt = PreviewPrompt;
 (0, _defineProperty2["default"])(PreviewPrompt, "propTypes", {
-  classes: _propTypes["default"].object,
   prompt: _propTypes["default"].string,
   tagName: _propTypes["default"].string,
   className: _propTypes["default"].string,
@@ -266,58 +292,5 @@ exports.PreviewPrompt = PreviewPrompt;
 (0, _defineProperty2["default"])(PreviewPrompt, "defaultProps", {
   onClick: function onClick() {}
 });
-
-var styles = function styles(theme) {
-  return {
-    prompt: {
-      verticalAlign: 'middle',
-      color: color.text()
-    },
-    legend: {
-      width: '100%',
-      fontSize: 'inherit  !important'
-    },
-    rationale: {
-      paddingLeft: theme.spacing.unit * 4,
-      paddingBottom: theme.spacing.unit
-    },
-    label: {
-      color: "".concat(color.text(), " !important"),
-      //'var(--choice-input-color, black)',
-      display: 'flex',
-      flexDirection: 'column',
-      verticalAlign: 'middle',
-      cursor: 'pointer',
-      '& > p': {
-        margin: '0 0 0 0 !important'
-      }
-    },
-    promptTable: {
-      '&:not(.MathJax) > table': {
-        borderCollapse: 'collapse'
-      },
-      '&:not(.MathJax) > table:has(tbody tr > th:first-child):not(:has(tbody tr > td:first-child)) tbody td:nth-child(even)': {
-        backgroundColor: '#f6f8fa',
-        color: theme.palette.common.black
-      },
-      '&:not(.MathJax) > table:has(tbody tr > td:first-child) tbody tr:nth-child(even) td': {
-        backgroundColor: '#f6f8fa',
-        color: theme.palette.common.black
-      },
-      // align table content to left as per STAR requirement PD-3687
-      '&:not(.MathJax) table td, &:not(.MathJax) table th': {
-        padding: '.6em 1em',
-        textAlign: 'left'
-      },
-      // added this to fix alignment of text in prompt imported from studio (PD-3423)
-      '&:not(.MathJax) > table td > p.kds-indent': {
-        textAlign: 'initial'
-      }
-    }
-  };
-};
-
-var _default = (0, _styles.withStyles)(styles)(PreviewPrompt);
-
-exports["default"] = _default;
+var _default = exports["default"] = PreviewPrompt;
 //# sourceMappingURL=preview-prompt.js.map