@zohodesk/dot 1.0.0-beta.261 → 1.0.0-beta.263

package/README.md

@@ -2,6 +2,14 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.263
+
+- **SetupDetailLayout** - i18nKeys added.
+
+# 1.0.0-beta.262
+
+- **TextEditor** - pre tag css style added.
+
 # 1.0.0-beta.261
 
 - **TextEditor** - pre tag css style reverted.

package/es/form/fields/TextEditor/TextEditor.js

@@ -188,17 +188,16 @@ export default class TextEditor extends Component {
     if (!global.editor[id]) {
       global.editor[id] = editorObj;
     }
-    // const css = 'pre {white-space: pre-wrap}',
-    //   head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
-    //   style = document.createElement('style');
-    // style.type = 'text/css';
-    // if (style.styleSheet) {
-    //   style.styleSheet.cssText = css;
-    // } else {
-    //   style.appendChild(editorObj.doc.createTextNode(css));
-    // }
-    // head.appendChild(style);
-
+    const css = 'pre {white-space: pre-wrap}',
+      head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
+      style = document.createElement('style');
+    style.type = 'text/css';
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(editorObj.doc.createTextNode(css));
+    }
+    head.appendChild(style);
     editorCallback && editorCallback(editorObj);
     const iframe = selectn('iframe.contentDocument.body', editorObj) || null;
     const iframeHead = selectn('iframe.contentDocument.head', editorObj) || null;

package/es/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -29,8 +29,12 @@ export default class SetupDetailLayout extends React.Component {
       needHelpInfo,
       getHelpInfo,
       helpInfoTitle,
-      dataId
+      dataId,
+      i18nKeys
     } = this.props;
+    const {
+      closeText = 'Close'
+    } = i18nKeys;
     return /*#__PURE__*/React.createElement(Container, {
       isScrollAttribute: true,
       dataId: dataId
@@ -59,6 +63,7 @@ export default class SetupDetailLayout extends React.Component {
     }, helpInfoTitle), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("span", {
       onClick: this.toggleHelpInfo,
       className: style.infoClose,
+      "data-title": closeText,
       "data-id": `${dataId}_close`
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-close"
@@ -96,8 +101,13 @@ export class SetupHeader extends Component {
       rightClassName,
       isCustomizedHeader,
       headerCustomStyle,
-      dataId
+      dataId,
+      i18nKeys
     } = this.props;
+    const {
+      infoText = 'Help',
+      backText = 'Back'
+    } = i18nKeys;
     return /*#__PURE__*/React.createElement(Box, {
       className: isCustomizedHeader === true ? headerCustomStyle : style.header,
       dataId: dataId
@@ -109,6 +119,7 @@ export class SetupHeader extends Component {
     }, needBack ? /*#__PURE__*/React.createElement("span", {
       className: style.backIcon,
       onClick: onBackClick,
+      "data-title": backText,
       "data-id": `${dataId}_back`
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-back"
@@ -138,12 +149,14 @@ export class SetupHeader extends Component {
     }, /*#__PURE__*/React.createElement("span", {
       className: style.helpInfo,
       onClick: openHelpInfo,
+      "data-title": infoText,
       "data-id": `${dataId}_info`
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-info31"
     }))) : /*#__PURE__*/React.createElement("span", {
       className: `${style.helpInfo} ${style.mr15}`,
       onClick: openHelpInfo,
+      "data-title": infoText,
       "data-id": `${dataId}_info`
     }, /*#__PURE__*/React.createElement(Icon, {
       name: "ZD-info31"

package/es/layout/SetupDetailLayout/props/defaultProps.js

@@ -1,13 +1,15 @@
 export const SetupDetailLayout_defaultProps = {
   helpInfoTitle: 'Page Tips',
   needHelpInfo: false,
-  dataId: 'SetupDetailLayout'
+  dataId: 'SetupDetailLayout',
+  i18nKeys: {}
 };
 export const SetupHeader_defaultProps = {
   needBack: false,
   needHelpInfo: false,
   needHelpInfoWrapper: false,
-  dataId: 'SetupHeader'
+  dataId: 'SetupHeader',
+  i18nKeys: {}
 };
 export const SetupContent_defaultProps = {
   needPadding: true,

package/es/layout/SetupDetailLayout/props/propTypes.js

@@ -4,7 +4,10 @@ export const SetupDetailLayout_propTypes = {
   dataId: PropTypes.string,
   getHelpInfo: PropTypes.func,
   helpInfoTitle: PropTypes.string,
-  needHelpInfo: PropTypes.bool
+  needHelpInfo: PropTypes.bool,
+  i18nKeys: PropTypes.shape({
+    closeText: PropTypes.string
+  })
 };
 export const SetupHeader_propTypes = {
   dataId: PropTypes.string,
@@ -19,7 +22,11 @@ export const SetupHeader_propTypes = {
   onBackClick: PropTypes.func,
   openHelpInfo: PropTypes.func,
   rightClassName: PropTypes.string,
-  title: PropTypes.string
+  title: PropTypes.string,
+  i18nKeys: PropTypes.shape({
+    infoText: PropTypes.string,
+    backText: PropTypes.string
+  })
 };
 export const SetupContent_propTypes = {
   children: PropTypes.element,

package/lib/form/fields/TextEditor/TextEditor.js

@@ -215,17 +215,16 @@ var TextEditor = /*#__PURE__*/function (_Component) {
       if (!global.editor[id]) {
         global.editor[id] = editorObj;
       }
-      // const css = 'pre {white-space: pre-wrap}',
-      //   head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
-      //   style = document.createElement('style');
-      // style.type = 'text/css';
-      // if (style.styleSheet) {
-      //   style.styleSheet.cssText = css;
-      // } else {
-      //   style.appendChild(editorObj.doc.createTextNode(css));
-      // }
-      // head.appendChild(style);
-
+      var css = 'pre {white-space: pre-wrap}',
+        head = editorObj.doc.head || editorObj.doc.getElementsByTagName('head')[0],
+        style = document.createElement('style');
+      style.type = 'text/css';
+      if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+      } else {
+        style.appendChild(editorObj.doc.createTextNode(css));
+      }
+      head.appendChild(style);
       editorCallback && editorCallback(editorObj);
       var iframe = (0, _selectn["default"])('iframe.contentDocument.body', editorObj) || null;
       var iframeHead = (0, _selectn["default"])('iframe.contentDocument.head', editorObj) || null;

package/lib/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -57,7 +57,10 @@ var SetupDetailLayout = /*#__PURE__*/function (_React$Component) {
         needHelpInfo = _this$props.needHelpInfo,
         getHelpInfo = _this$props.getHelpInfo,
         helpInfoTitle = _this$props.helpInfoTitle,
-        dataId = _this$props.dataId;
+        dataId = _this$props.dataId,
+        i18nKeys = _this$props.i18nKeys;
+      var _i18nKeys$closeText = i18nKeys.closeText,
+        closeText = _i18nKeys$closeText === void 0 ? 'Close' : _i18nKeys$closeText;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         isScrollAttribute: true,
         dataId: dataId
@@ -86,6 +89,7 @@ var SetupDetailLayout = /*#__PURE__*/function (_React$Component) {
       }, helpInfoTitle), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, /*#__PURE__*/_react["default"].createElement("span", {
         onClick: this.toggleHelpInfo,
         className: _SetupDetailLayoutModule["default"].infoClose,
+        "data-title": closeText,
         "data-id": "".concat(dataId, "_close")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-close"
@@ -130,7 +134,12 @@ var SetupHeader = /*#__PURE__*/function (_Component) {
         rightClassName = _this$props2.rightClassName,
         isCustomizedHeader = _this$props2.isCustomizedHeader,
         headerCustomStyle = _this$props2.headerCustomStyle,
-        dataId = _this$props2.dataId;
+        dataId = _this$props2.dataId,
+        i18nKeys = _this$props2.i18nKeys;
+      var _i18nKeys$infoText = i18nKeys.infoText,
+        infoText = _i18nKeys$infoText === void 0 ? 'Help' : _i18nKeys$infoText,
+        _i18nKeys$backText = i18nKeys.backText,
+        backText = _i18nKeys$backText === void 0 ? 'Back' : _i18nKeys$backText;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: isCustomizedHeader === true ? headerCustomStyle : _SetupDetailLayoutModule["default"].header,
         dataId: dataId
@@ -142,6 +151,7 @@ var SetupHeader = /*#__PURE__*/function (_Component) {
       }, needBack ? /*#__PURE__*/_react["default"].createElement("span", {
         className: _SetupDetailLayoutModule["default"].backIcon,
         onClick: onBackClick,
+        "data-title": backText,
         "data-id": "".concat(dataId, "_back")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-back"
@@ -171,12 +181,14 @@ var SetupHeader = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: _SetupDetailLayoutModule["default"].helpInfo,
         onClick: openHelpInfo,
+        "data-title": infoText,
         "data-id": "".concat(dataId, "_info")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-info31"
       }))) : /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_SetupDetailLayoutModule["default"].helpInfo, " ").concat(_SetupDetailLayoutModule["default"].mr15),
         onClick: openHelpInfo,
+        "data-title": infoText,
         "data-id": "".concat(dataId, "_info")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-info31"

package/lib/layout/SetupDetailLayout/props/defaultProps.js

@@ -7,14 +7,16 @@ exports.SetupHeader_defaultProps = exports.SetupFooter_defaultProps = exports.Se
 var SetupDetailLayout_defaultProps = {
   helpInfoTitle: 'Page Tips',
   needHelpInfo: false,
-  dataId: 'SetupDetailLayout'
+  dataId: 'SetupDetailLayout',
+  i18nKeys: {}
 };
 exports.SetupDetailLayout_defaultProps = SetupDetailLayout_defaultProps;
 var SetupHeader_defaultProps = {
   needBack: false,
   needHelpInfo: false,
   needHelpInfoWrapper: false,
-  dataId: 'SetupHeader'
+  dataId: 'SetupHeader',
+  i18nKeys: {}
 };
 exports.SetupHeader_defaultProps = SetupHeader_defaultProps;
 var SetupContent_defaultProps = {

package/lib/layout/SetupDetailLayout/props/propTypes.js

@@ -11,7 +11,10 @@ var SetupDetailLayout_propTypes = {
   dataId: _propTypes["default"].string,
   getHelpInfo: _propTypes["default"].func,
   helpInfoTitle: _propTypes["default"].string,
-  needHelpInfo: _propTypes["default"].bool
+  needHelpInfo: _propTypes["default"].bool,
+  i18nKeys: _propTypes["default"].shape({
+    closeText: _propTypes["default"].string
+  })
 };
 exports.SetupDetailLayout_propTypes = SetupDetailLayout_propTypes;
 var SetupHeader_propTypes = {
@@ -27,7 +30,11 @@ var SetupHeader_propTypes = {
   onBackClick: _propTypes["default"].func,
   openHelpInfo: _propTypes["default"].func,
   rightClassName: _propTypes["default"].string,
-  title: _propTypes["default"].string
+  title: _propTypes["default"].string,
+  i18nKeys: _propTypes["default"].shape({
+    infoText: _propTypes["default"].string,
+    backText: _propTypes["default"].string
+  })
 };
 exports.SetupHeader_propTypes = SetupHeader_propTypes;
 var SetupContent_propTypes = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.261",
+  "version": "1.0.0-beta.263",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,