@fonixtree/magic-design 2.0.213 → 2.0.216

package/es/core/Designer/QuickMenuBar/index.js

@@ -0,0 +1,299 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _antd = require("antd4");
+
+var _mobx = require("../../../mobx");
+
+var _Button = _interopRequireDefault(require("../../../common/Button"));
+
+var _Iconfont = _interopRequireDefault(require("../../../common/Iconfont"));
+
+var _constants = require("../../../constants");
+
+var _coreUtil = require("../../../utils/coreUtil");
+
+var _locale = require("../../../locale");
+
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var langBook = {
+  Indonesian: {
+    text: 'Indonesian',
+    color: '#FF8541',
+    backColor: '#FFF8F0'
+  },
+  English: {
+    text: 'English',
+    color: '#00AC5A',
+    backColor: '#DFF3EA'
+  },
+  Spanish: {
+    text: 'Spanish',
+    color: '#e74c3c',
+    backColor: '#fdedeb'
+  },
+  Mongolia: {
+    text: 'Mongolia',
+    color: '#3398da',
+    backColor: '#ebf5fb'
+  }
+};
+var needScreenShot = [_constants.quickMenuCode.SAVE, _constants.quickMenuCode.PUBLISH, _constants.quickMenuCode.PUBLISH_LATER, _constants.quickMenuCode.TO_REVIEW, _constants.quickMenuCode.SET_AS_TEMPLATE];
+
+var QuickMenuBar =
+/** @class */
+function (_super) {
+  __extends(QuickMenuBar, _super);
+
+  function QuickMenuBar() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.onBtnClick = function (event) {
+      var code = event.currentTarget.dataset.code; // 需要截图的操作，先清空元组件选中状态
+
+      if (needScreenShot.includes(code)) {
+        _mobx.store.setState({
+          clickedFloor: '',
+          clickedGroup: '',
+          clickedMeta: '',
+          hoveredFloor: '',
+          hoveredMeta: ''
+        });
+      }
+
+      setTimeout(function () {
+        _this.props.onBtnClick(code);
+      }, 100);
+    };
+
+    _this.onPublishLater = function (e) {
+      _this.onBtnClick(e);
+
+      e.stopPropagation();
+    }; // 未开启自动审核，Draft 和 Rejected 状态下展示审核记录按钮
+
+
+    _this.isShowReviewRecord = function () {
+      return !(0, _coreUtil.isAutoAudit)() && [_constants.pageStateMap.REJECTED, _constants.pageStateMap.DRAFT].includes(_this.props.pageState);
+    };
+
+    _this.isShowPublish = function () {
+      return window.magicDesign.templateType === _constants.tempTypeMap.TEMPLATE || (0, _coreUtil.isAutoAudit)() && _this.props.pageState === _constants.pageStateMap.DRAFT || !(0, _coreUtil.isAutoAudit)() && _this.props.pageState === _constants.pageStateMap.ACTIVE;
+    }; // 审核失败和未审核状态展示 To Review 按钮
+
+
+    _this.isShowToReview = function () {
+      return !(0, _coreUtil.isAutoAudit)() && [_constants.pageStateMap.REJECTED, _constants.pageStateMap.DRAFT].includes(_this.props.pageState);
+    }; // 提交审核状态展示 Cancel 按钮
+
+
+    _this.isShowCancelReview = function () {
+      return _this.props.pageState === _constants.pageStateMap.PENDING;
+    }; // 草稿状态展示设置模版按钮
+
+
+    _this.isShowSetTemplate = function () {
+      return _constants.pageStateMap.DRAFT === _this.props.pageState;
+    }; // 拒绝审核 和 草稿状态展示保存按钮
+
+
+    _this.isShowSave = function () {
+      return window.magicDesign.templateType === _constants.tempTypeMap.TEMPLATE || [_constants.pageStateMap.REJECTED, _constants.pageStateMap.DRAFT].includes(_this.props.pageState) || localStorage.getItem('DEV_MODE') === 'Y';
+    };
+
+    return _this;
+  }
+
+  QuickMenuBar.prototype.render = function () {
+    var _a = this.props,
+        device = _a.device,
+        undoDisable = _a.undoDisable,
+        redoDisable = _a.redoDisable,
+        language = _a.language,
+        outputType = _a.outputType,
+        onHtmlSave = _a.onHtmlSave,
+        onHtmlBack = _a.onHtmlBack,
+        pageType = _a.pageType;
+    var languageTemp = langBook[language] || {};
+    var hidePcDevice = window.systemParams && window.systemParams.terminalType && window.systemParams.terminalType.indexOf(_constants.deviceTypeMap.PC) === -1;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "quick_menu_wrap"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "menu_left"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: "language",
+      style: {
+        color: languageTemp.color,
+        background: languageTemp.backColor
+      }
+    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      size: "20px",
+      style: {
+        marginRight: '8px'
+      },
+      type: "icon-language"
+    }), languageTemp.text)), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "menu_center"
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "device_group"
+    }, pageType !== 'Menu' && !hidePcDevice && /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('device_pc', {
+        active: device === _constants.deviceTypeMap.PC
+      }),
+      "data-code": _constants.quickMenuCode.MODE_PC,
+      onClick: this.onBtnClick
+    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      color: device === _constants.deviceTypeMap.PC ? '#2F54EB' : '',
+      size: "20px",
+      type: "icon-pc"
+    })), /*#__PURE__*/_react["default"].createElement("div", {
+      className: (0, _classnames["default"])('device_phone', {
+        active: device === _constants.deviceTypeMap.PHONE,
+        only_mobile: pageType === 'Menu' || hidePcDevice
+      }),
+      "data-code": _constants.quickMenuCode.MODE_PHONE,
+      onClick: this.onBtnClick
+    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      color: device === _constants.deviceTypeMap.PHONE ? '#2F54EB' : '',
+      size: "20px",
+      type: "icon-mobile"
+    }))), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "redo_undo"
+    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      "data-code": _constants.quickMenuCode.UNDO,
+      disabled: undoDisable,
+      icon: "icon-back",
+      onClick: this.onBtnClick,
+      type: "icon"
+    }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      "data-code": _constants.quickMenuCode.REDO,
+      disabled: redoDisable,
+      icon: "icon-next",
+      onClick: this.onBtnClick,
+      type: "icon"
+    }))), outputType == 'html' ? /*#__PURE__*/_react["default"].createElement("div", {
+      className: "menu_right"
+    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      onClick: onHtmlBack
+    }, (0, _locale.i18n)('BACK')), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      onClick: onHtmlSave,
+      type: "light"
+    }, (0, _locale.i18n)('SAVE'))) : /*#__PURE__*/_react["default"].createElement("div", {
+      className: "menu_right"
+    }, this.isShowReviewRecord() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      "data-code": _constants.quickMenuCode.REVIEW_RECORD,
+      icon: "icon-clock",
+      onClick: this.onBtnClick,
+      title: "Review Record",
+      type: "icon"
+    }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      "data-code": _constants.quickMenuCode.PREVIEW,
+      icon: "icon-eye1",
+      onClick: this.onBtnClick,
+      title: "Preview",
+      type: "icon"
+    }), this.isShowSave() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      "data-code": _constants.quickMenuCode.SAVE,
+      disabled: window.magicDesign.readOnly,
+      icon: "icon-save",
+      onClick: this.onBtnClick,
+      tip: "The page is in use. Please copy or create a new page",
+      title: "Save",
+      type: "icon"
+    }), this.isShowSetTemplate() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      "data-code": _constants.quickMenuCode.SET_AS_TEMPLATE,
+      onClick: this.onBtnClick,
+      type: "light"
+    }, (0, _locale.i18n)('SET_AS_TEMPLATE')), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "publish_wrap"
+    }, this.isShowPublish() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      "data-code": _constants.quickMenuCode.PUBLISH,
+      disabled: window.magicDesign.readOnly,
+      onClick: this.onBtnClick,
+      tip: "The page is in use. Please copy or create a new page",
+      type: "primary"
+    }, (0, _locale.i18n)('PUBLISH_NOW'), window.magicDesign.templateType === _constants.tempTypeMap.PAGE && /*#__PURE__*/_react["default"].createElement(_antd.Dropdown, {
+      getPopupContainer: function getPopupContainer() {
+        return document.querySelector('.publish_wrap');
+      },
+      overlay: /*#__PURE__*/_react["default"].createElement("div", {
+        className: "publish_later_wrap"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: "publish_btn",
+        "data-code": _constants.quickMenuCode.PUBLISH_LATER,
+        onClick: this.onPublishLater
+      }, (0, _locale.i18n)('PUBLISH_LATER'))),
+      overlayClassName: "publish_later_drop",
+      trigger: "click"
+    }, /*#__PURE__*/_react["default"].createElement(_Iconfont["default"], {
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      size: "14px",
+      style: {
+        padding: '8px 3px 8px 6px'
+      },
+      type: "icon-outlined-down"
+    }))), this.isShowToReview() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      "data-code": _constants.quickMenuCode.TO_REVIEW,
+      onClick: this.onBtnClick,
+      type: "primary"
+    }, (0, _locale.i18n)('TO_REVIEW')), this.isShowCancelReview() && /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+      "data-code": _constants.quickMenuCode.CANCEL_REVIEW,
+      onClick: this.onBtnClick,
+      type: "primary"
+    }, (0, _locale.i18n)('CANCEL')))));
+  };
+
+  return QuickMenuBar;
+}(_react.Component);
+
+var _default = QuickMenuBar;
+exports["default"] = _default;
+QuickMenuBar.defaultProps = {
+  deviceType: _constants.deviceTypeMap.PC,
+  onBtnClick: function onBtnClick(code) {
+    console.log(code);
+  }
+};

package/es/core/Designer/RenderHtml/index.css

@@ -0,0 +1,5 @@
+#render-html-wrap {
+  position: fixed;
+  top: -1999.98rem;
+  left: 0;
+}

package/es/core/Designer/RenderHtml/index.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Renderer = _interopRequireDefault(require("../../Renderer"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var RenderHtml =
+/** @class */
+function (_super) {
+  __extends(RenderHtml, _super);
+
+  function RenderHtml() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.state = {
+      renderProps: null
+    };
+
+    _this.renderHtml = function (renderProps) {
+      return new Promise(function (resolve) {
+        _this.setState({
+          renderProps: renderProps
+        }, function () {
+          /** 兼容分批加载 */
+          setTimeout(function () {
+            document.querySelector('#render-html-wrap > div').style = 'max-width:600px;margin:auto;';
+            /** 去除设计器模式下元素 */
+
+            document.querySelectorAll('#render-html-wrap > div .composite_mask').forEach(function (el) {
+              el.remove();
+            });
+            var html = document.querySelector('#render-html-wrap').innerHTML;
+            /** 处理背景图资源引号问题 */
+
+            html = html.replace(/url\(&quot;((\S|\s)*)&quot;\)/g, 'url($1)');
+            resolve(html);
+
+            _this.setState({
+              renderProps: null
+            });
+          }, 1000);
+        });
+      });
+    };
+
+    return _this;
+  }
+
+  RenderHtml.prototype.render = function () {
+    var renderProps = this.state.renderProps;
+    if (!renderProps) return null;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      id: "render-html-wrap"
+    }, /*#__PURE__*/_react["default"].createElement(_Renderer["default"], _extends({}, renderProps, {
+      noSetWindow: true,
+      outputType: "html"
+    })));
+  };
+
+  RenderHtml.defaultProps = {};
+  return RenderHtml;
+}(_react["default"].Component);
+
+var _default = RenderHtml;
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/AlignPicker/AlignSelectPicker/index.css

@@ -0,0 +1,47 @@
+.align-select-picker-panel {
+  z-index: 999;
+  position: absolute;
+  top: 100%;
+  left: 0;
+}
+.align-select-picker-panel .panel-bg {
+  position: fixed;
+  z-index: 0;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.align-select-picker-panel .select-modal-content {
+  display: flex;
+  align-items: center;
+  padding: 0.1rem;
+  background-color: #fff;
+  border: 0.02rem solid #E7E9E8;
+  box-shadow: 0 0.16rem 0.32rem 0.08rem hsla(0, 0%, 0%, 0.04);
+  color: #262626;
+  border-radius: 0.12rem;
+}
+.align-select-picker-panel .select-modal-content .select-item {
+  width: 0.52rem;
+  height: 0.52rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  border-radius: 0.12rem;
+  padding: 0;
+  border: none;
+  transition: 0.2s all linear;
+  position: relative;
+  margin: 0 0.1rem;
+}
+.align-select-picker-panel .select-modal-content .select-item:hover {
+  background: #f8f8f8;
+}
+.align-select-picker-panel .select-modal-content .select-item.active {
+  background: #E7E9E8;
+}
+.align-select-picker-panel .select-modal-content .select-item svg {
+  height: 0.36rem;
+}

package/es/core/Designer/ToolBarModal/ToolBtn/components/AlignPicker/AlignSelectPicker/index.js

@@ -0,0 +1,97 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _AlignLeftSVG = _interopRequireDefault(require("../images/AlignLeftSVG"));
+
+var _AlignCenterSVG = _interopRequireDefault(require("../images/AlignCenterSVG"));
+
+var _AlignRightSVG = _interopRequireDefault(require("../images/AlignRightSVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var __extends = void 0 && (void 0).__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var AlignSelectPicker =
+/** @class */
+function (_super) {
+  __extends(AlignSelectPicker, _super);
+
+  function AlignSelectPicker() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  AlignSelectPicker.prototype.render = function () {
+    var _a = this.props,
+        visibility = _a.visibility,
+        value = _a.value,
+        _onChange = _a.onChange;
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      className: "align-select-picker-panel"
+    }, visibility && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "panel-bg"
+    }), /*#__PURE__*/_react["default"].createElement("div", {
+      className: "select-modal-content"
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('select-item', {
+        active: value == 'left'
+      })
+    }, /*#__PURE__*/_react["default"].createElement(_AlignLeftSVG["default"], {
+      onChange: function onChange() {
+        return _onChange('');
+      }
+    })), /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('select-item', {
+        active: value == 'center'
+      })
+    }, /*#__PURE__*/_react["default"].createElement(_AlignCenterSVG["default"], {
+      onChange: function onChange() {
+        return _onChange('center');
+      }
+    })), /*#__PURE__*/_react["default"].createElement("span", {
+      className: (0, _classnames["default"])('select-item', {
+        active: value == 'right'
+      })
+    }, /*#__PURE__*/_react["default"].createElement(_AlignRightSVG["default"], {
+      onChange: function onChange() {
+        return _onChange('right');
+      }
+    })))));
+  };
+
+  return AlignSelectPicker;
+}(_react["default"].Component);
+
+var _default = AlignSelectPicker;
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/AlignPicker/images/AlignCenterSVG.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(_a) {
+  var onChange = _a.onChange;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    height: "10",
+    id: "ne-t-alignment-center",
+    onClick: onChange,
+    viewBox: "0 0 15 10",
+    width: "15",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25H13.375C13.7892 0.25 14.125 0.585786 14.125 1C14.125 1.41421 13.7892 1.75 13.375 1.75H1C0.585786 1.75 0.25 1.41421 0.25 1Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 4.9375C0.25 4.52329 0.585786 4.1875 1 4.1875H13.375C13.7892 4.1875 14.125 4.52329 14.125 4.9375C14.125 5.35171 13.7892 5.6875 13.375 5.6875H1C0.585786 5.6875 0.25 5.35171 0.25 4.9375Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 8.875C0.25 8.46079 0.585786 8.125 1 8.125H13.375C13.7892 8.125 14.125 8.46079 14.125 8.875C14.125 9.28921 13.7892 9.625 13.375 9.625H1C0.585786 9.625 0.25 9.28921 0.25 8.875Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/AlignPicker/images/AlignLeftSVG.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(_a) {
+  var onChange = _a.onChange;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    height: "10",
+    id: "ne-t-alignment-left",
+    onClick: onChange,
+    viewBox: "0 0 15 10",
+    width: "15",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 1C0.25 0.585786 0.585786 0.25 1 0.25H10C10.4142 0.25 10.75 0.585786 10.75 1C10.75 1.41421 10.4142 1.75 10 1.75H1C0.585786 1.75 0.25 1.41421 0.25 1Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 4.9375C0.25 4.52329 0.585786 4.1875 1 4.1875H13.375C13.7892 4.1875 14.125 4.52329 14.125 4.9375C14.125 5.35171 13.7892 5.6875 13.375 5.6875H1C0.585786 5.6875 0.25 5.35171 0.25 4.9375Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 8.875C0.25 8.46079 0.585786 8.125 1 8.125H10C10.4142 8.125 10.75 8.46079 10.75 8.875C10.75 9.28921 10.4142 9.625 10 9.625H1C0.585786 9.625 0.25 9.28921 0.25 8.875Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }));
+};
+
+exports["default"] = _default;

package/es/core/Designer/ToolBarModal/ToolBtn/components/AlignPicker/images/AlignRightSVG.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var _default = function _default(_a) {
+  var onChange = _a.onChange;
+  return /*#__PURE__*/_react["default"].createElement("svg", {
+    fill: "none",
+    height: "10",
+    id: "ne-t-alignment-right",
+    onClick: onChange,
+    viewBox: "0 0 15 10",
+    width: "15",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M3.625 1C3.625 0.585786 3.96079 0.25 4.375 0.25H13.375C13.7892 0.25 14.125 0.585786 14.125 1C14.125 1.41421 13.7892 1.75 13.375 1.75H4.375C3.96079 1.75 3.625 1.41421 3.625 1Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M0.25 4.9375C0.25 4.52329 0.585786 4.1875 1 4.1875H13.375C13.7892 4.1875 14.125 4.52329 14.125 4.9375C14.125 5.35171 13.7892 5.6875 13.375 5.6875H1C0.585786 5.6875 0.25 5.35171 0.25 4.9375Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    clipRule: "evenodd",
+    d: "M3.625 8.875C3.625 8.46079 3.96079 8.125 4.375 8.125H13.375C13.7892 8.125 14.125 8.46079 14.125 8.875C14.125 9.28921 13.7892 9.625 13.375 9.625H4.375C3.96079 9.625 3.625 9.28921 3.625 8.875Z",
+    fill: "#232F46",
+    fillRule: "evenodd"
+  }));
+};
+
+exports["default"] = _default;