@configuratorware/configurator-frontendgui 1.56.1 → 1.56.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/App/Error/ErrorBoundary.js +8 -6
  2. package/App/Frame.js +8 -6
  3. package/App/Modules/Creator/Components/ConfigurationvariantItem/index.js +10 -8
  4. package/App/Modules/Creator/Components/ConfigurationvariantSelection/index.js +10 -8
  5. package/App/Modules/Creator/Components/CustomTitleEditor/index.js +10 -8
  6. package/App/Modules/Creator/Components/ExternalVisualization/index.js +9 -7
  7. package/App/Modules/Creator/Components/FastConfigurationRow/index.js +8 -6
  8. package/App/Modules/Creator/Components/FastConfigurationSelect/index.js +8 -6
  9. package/App/Modules/Creator/Components/FullScreenView/FullScreenView.js +11 -10
  10. package/App/Modules/Creator/Components/Incompatibility/OptionExclusionRule/index.js +8 -6
  11. package/App/Modules/Creator/Components/Incompatibility/OptionRule/index.js +8 -6
  12. package/App/Modules/Creator/Components/Incompatibility/RuleComponent.js +9 -7
  13. package/App/Modules/Creator/Components/Incompatibility/index.js +9 -8
  14. package/App/Modules/Creator/Components/Option/index.js +1 -0
  15. package/App/Modules/Creator/Components/OptionAmount/index.js +14 -6
  16. package/App/Modules/Creator/Components/Optiondetail/ZoomImage/index.js +7 -6
  17. package/App/Modules/Creator/Components/Optiondetail/index.js +17 -15
  18. package/App/Modules/Creator/Components/OptionsList/index.js +12 -11
  19. package/App/Modules/Creator/Components/Price/index.js +8 -6
  20. package/App/Modules/Creator/Components/ProductPart/index.js +8 -7
  21. package/App/Modules/Creator/Components/Tools/index.js +8 -6
  22. package/App/Modules/Creator/Layouts/DefaultLayout.js +30 -28
  23. package/App/Modules/Designer/Components/AddGalleryImage/index.js +11 -9
  24. package/App/Modules/Designer/Components/AddGalleryImage/index.story.js +4 -4
  25. package/App/Modules/Designer/Components/AddGalleryImage/index.test.js +6 -6
  26. package/App/Modules/Designer/Components/AddVisualElement/index.js +8 -6
  27. package/App/Modules/Designer/Components/AddVisualElement/index.test.js +3 -3
  28. package/App/Modules/Designer/Components/CloseDesignEditor/index.js +8 -6
  29. package/App/Modules/Designer/Components/CloseGraphicsEditorButton/index.js +5 -4
  30. package/App/Modules/Designer/Components/ColorPalettes/index.js +26 -21
  31. package/App/Modules/Designer/Components/ColorPalettes/index.test.js +3 -3
  32. package/App/Modules/Designer/Components/DesignAreaControlbox/index.js +23 -20
  33. package/App/Modules/Designer/Components/DesignAreaControlbox/index.test.js +7 -7
  34. package/App/Modules/Designer/Components/Dialog/index.js +13 -10
  35. package/App/Modules/Designer/Components/FeedbackNotice/index.js +9 -7
  36. package/App/Modules/Designer/Components/FeedbackNotice/index.test.js +1 -1
  37. package/App/Modules/Designer/Components/FullScreenView/FullScreenView.js +7 -6
  38. package/App/Modules/Designer/Components/ImageColorPicker/ImageColorPicker.js +12 -10
  39. package/App/Modules/Designer/Components/ImageColorize/index.js +39 -29
  40. package/App/Modules/Designer/Components/ImageControlbox/index.js +16 -13
  41. package/App/Modules/Designer/Components/ImageEditDialog/ImageThumbnail.js +24 -14
  42. package/App/Modules/Designer/Components/ImageEditDialog/ImageUpload.js +85 -69
  43. package/App/Modules/Designer/Components/ImageEditDialog/index.js +45 -42
  44. package/App/Modules/Designer/Components/ImageLibraryThumbnail/index.js +9 -7
  45. package/App/Modules/Designer/Components/ObjectTools/index.js +8 -6
  46. package/App/Modules/Designer/Components/Select/index.js +8 -6
  47. package/App/Modules/Designer/Components/TextControlbox/index.js +26 -21
  48. package/App/Modules/Designer/Components/TextControlbox/index.test.js +10 -10
  49. package/App/Modules/Designer/Containers/AddVisualElement.js +21 -11
  50. package/App/Modules/Designer/Containers/ImageEditDialog.js +173 -157
  51. package/App/Modules/Designer/Designer.js +7 -6
  52. package/App/Modules/Designer/Layouts/DefaultLayout.js +20 -17
  53. package/App/Modules/Designer/Layouts/PopupAreaProvider.js +18 -15
  54. package/App/Modules/Designer/Utils/Transformers.js +23 -13
  55. package/App/Modules/Designer/setupDesigner.js +27 -16
  56. package/App/Modules/Designer/withActiveCanvas.js +10 -8
  57. package/App/Modules/Visualization/AlignTargetContainer.js +1 -0
  58. package/App/Modules/Visualization/CreatorAlignTarget.js +12 -11
  59. package/App/Modules/Visualization/DefaultVisualizationProvider.js +10 -8
  60. package/App/Modules/Visualization/DesignerAlignTarget.js +10 -9
  61. package/App/Reducers/Actions.js +44 -36
  62. package/App/Reducers/Configurator/Actions.js +92 -78
  63. package/App/Reducers/Configurator/Selectors.js +5 -5
  64. package/App/Reducers/Confirm/Actions.js +16 -6
  65. package/App/Reducers/DesignArea/Selectors.js +2 -1
  66. package/App/Reducers/ImageGallery/Actions.js +31 -18
  67. package/App/Reducers/ImageGallery/Reducer.js +1 -0
  68. package/App/Reducers/ImageGallery/Selectors.js +1 -0
  69. package/App/Reducers/UI/Actions.js +40 -26
  70. package/App/Routing.js +8 -6
  71. package/App/Screens/Configurator/Components/AmountSelection/index.js +11 -9
  72. package/App/Screens/Configurator/Components/CalculationWidget/index.js +19 -17
  73. package/App/Screens/Configurator/Components/CalculationWidget/index.test.js +8 -8
  74. package/App/Screens/Configurator/Components/Confirm/index.js +8 -6
  75. package/App/Screens/Configurator/Components/Error/index.js +9 -7
  76. package/App/Screens/Configurator/Components/FullScreenView/index.js +24 -21
  77. package/App/Screens/Configurator/Components/FullScreenView/index.test.js +2 -2
  78. package/App/Screens/Configurator/Components/ItemTile/ItemTile.js +13 -5
  79. package/App/Screens/Configurator/Components/PreviewPortal/index.js +10 -8
  80. package/App/Screens/Configurator/Components/Thumbnail/index.js +27 -24
  81. package/App/Screens/Configurator/Components/Thumbnail/index.test.js +2 -2
  82. package/App/Screens/Configurator/Containers/AmountPrice.js +6 -5
  83. package/App/Screens/Configurator/Containers/ConfigurationModeSwitch.js +19 -10
  84. package/App/Screens/DesignerProductPreview/DesignerProductPreviewManager.js +88 -73
  85. package/App/Screens/DesignerProductPreview/Screen.js +21 -14
  86. package/App/Screens/ItemOverview/Components/ItemOverview.js +47 -32
  87. package/App/ServiceLocator.js +4 -2
  88. package/App/Services/AdminareaCommunicationService.js +24 -14
  89. package/App/Services/AnalyticsService.js +48 -47
  90. package/App/Services/ConfiguratorService.js +142 -121
  91. package/App/Services/DesignDataService.js +619 -555
  92. package/App/Services/DesignerService.js +100 -79
  93. package/App/Services/InteractionService.js +236 -210
  94. package/App/Services/UIService.js +10 -7
  95. package/App/Services/VisualizationService.js +104 -86
  96. package/App/Shared/Components/AcceptDesign/index.js +19 -16
  97. package/App/Shared/Components/AcceptPrivacy/index.js +8 -6
  98. package/App/Shared/Components/AddToBasket/index.js +8 -6
  99. package/App/Shared/Components/AlertDialog/index.js +9 -7
  100. package/App/Shared/Components/AmountInput/index.js +24 -21
  101. package/App/Shared/Components/AmountPrice/index.js +128 -115
  102. package/App/Shared/Components/AmountPrice/index.test.js +5 -5
  103. package/App/Shared/Components/BulkNames/index.js +8 -6
  104. package/App/Shared/Components/ConfigurationOverview/index.js +8 -6
  105. package/App/Shared/Components/InformationTag/InformationTag.js +11 -9
  106. package/App/Shared/Components/LicenseNotice/LicenseNotice.js +8 -6
  107. package/App/Shared/Components/LoadConfiguration/index.js +9 -7
  108. package/App/Shared/Components/Notification/index.js +8 -6
  109. package/App/Shared/Components/PdfDownload/index.js +25 -15
  110. package/App/Shared/Components/PriceList/index.js +16 -13
  111. package/App/Shared/Components/PriceOverview/index.js +13 -10
  112. package/App/Shared/Components/ProductVariant/index.js +25 -22
  113. package/App/Shared/Components/ProductVariant/index.story.js +1 -0
  114. package/App/Shared/Components/ReceiveOfferForm/index.js +12 -10
  115. package/App/Shared/Components/ReceiveOfferForm/index.test.js +2 -2
  116. package/App/Shared/Components/SaveConfiguration/index.js +32 -22
  117. package/App/Shared/Components/Stepper/index.js +10 -8
  118. package/App/Shared/Components/ToolbarList/index.js +11 -9
  119. package/App/Shared/Components/VariantChooser/index.js +13 -10
  120. package/App/Shared/Containers/BulkNames.js +15 -13
  121. package/App/Shared/Containers/Header/index.js +15 -7
  122. package/App/Shared/Containers/LoadConfiguration/LoadConfiguration.js +22 -15
  123. package/App/Shared/Containers/ProductVariant/ProductVariant.js +23 -15
  124. package/App/Translations.js +56 -40
  125. package/App/Utils/Request/lazyFetch.js +27 -19
  126. package/App/configuration.js +4 -0
  127. package/App/index.js +24 -14
  128. package/Framework/Api.js +2 -1
  129. package/Framework/ComponentContainer.js +14 -11
  130. package/Framework/Components/Carousel/index.js +13 -11
  131. package/Framework/Components/Dialog/index.js +35 -33
  132. package/Framework/Components/DialogSelect/index.js +19 -16
  133. package/Framework/Components/Input/index.js +12 -10
  134. package/Framework/CustomError.js +6 -5
  135. package/Framework/Helpers/TransitionDetect.js +2 -1
  136. package/Framework/Services/AbstractAdminareaCommunicationService.js +2 -1
  137. package/Framework/Services/AbstractAsyncService.js +2 -1
  138. package/Framework/Services/AbstractConfiguratorService.js +2 -1
  139. package/Framework/Services/AbstractInteractionService.js +2 -1
  140. package/Framework/Services/AbstractStoreService.js +2 -1
  141. package/Framework/Services/AbstractUIService.js +2 -1
  142. package/Framework/Services/AbstractVisualizationService.js +2 -1
  143. package/Framework/Services/AsyncService.js +8 -6
  144. package/Framework/Services/StoreService.js +27 -17
  145. package/Framework/bindDecorator.js +7 -6
  146. package/Framework/i18n.js +10 -8
  147. package/Shared/ErrorTypes/DeferredError.js +6 -5
  148. package/Shared/HOCs/ResizeDetect/ResizeDetect.js +11 -9
  149. package/Utils/Async/AsyncManager.js +30 -20
  150. package/Utils/Async/Deferred.js +4 -2
  151. package/Utils/Decorators/Observable.js +2 -1
  152. package/Utils/Dev/HOCs/withFilePicker.js +10 -8
  153. package/Utils/Immutable/set.js +6 -6
  154. package/Utils/Test/mountWithState.js +1 -1
  155. package/package.json +4 -4
@@ -43,28 +43,29 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
43
43
  function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
44
44
  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
45
45
  function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
46
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
46
+ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
47
+ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
48
+ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
47
49
  function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
48
50
  function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
49
51
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
50
52
  function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
51
- function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
52
- function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
53
53
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
54
54
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
55
55
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
56
56
  var styles = function styles(theme) {
57
+ var _dialogContent, _imageUploadSpacing, _TabContent, _imageEditDialogItem, _alignGrid, _rootContainerWrapper, _previewImageWrapper;
57
58
  return {
58
- dialogContent: _defineProperty(_defineProperty({}, theme.breakpoints.down('md'), {
59
+ dialogContent: (_dialogContent = {}, _defineProperty(_dialogContent, theme.breakpoints.down('md'), {
59
60
  marginBottom: 40,
60
61
  padding: '8px 0 8px 24px',
61
62
  '&.color-preview-block': {
62
63
  marginBottom: 0
63
64
  }
64
- }), theme.breakpoints.down('xs'), {
65
+ }), _defineProperty(_dialogContent, theme.breakpoints.down('xs'), {
65
66
  marginBottom: 24,
66
67
  padding: 0
67
- }),
68
+ }), _dialogContent),
68
69
  dialogWrapper: _defineProperty({
69
70
  maxWidth: '1000px',
70
71
  borderTop: '7px solid ' + theme.palette.primary.main,
@@ -76,18 +77,18 @@ var styles = function styles(theme) {
76
77
  padding: theme.smallScreen.padding
77
78
  }
78
79
  }),
79
- imageUploadSpacing: _defineProperty(_defineProperty({
80
+ imageUploadSpacing: (_imageUploadSpacing = {
80
81
  backgroundColor: 'white'
81
- }, theme.breakpoints.down('sm'), {
82
+ }, _defineProperty(_imageUploadSpacing, theme.breakpoints.down('sm'), {
82
83
  bottom: 24,
83
84
  left: 0,
84
85
  right: 0,
85
86
  padding: '0 24px 8px',
86
87
  position: 'absolute'
87
- }), theme.breakpoints.down('xs'), {
88
+ }), _defineProperty(_imageUploadSpacing, theme.breakpoints.down('xs'), {
88
89
  bottom: 4,
89
90
  padding: 0
90
- }),
91
+ }), _imageUploadSpacing),
91
92
  PreviewDialogButton: _defineProperty({
92
93
  fontSize: 15,
93
94
  minWidth: 140,
@@ -147,16 +148,16 @@ var styles = function styles(theme) {
147
148
  cursor: "default"
148
149
  }
149
150
  },
150
- TabContent: _defineProperty(_defineProperty({
151
+ TabContent: (_TabContent = {
151
152
  padding: 12,
152
153
  maxHeight: 330,
153
154
  overflow: 'hidden'
154
- }, theme.breakpoints.down('xs'), {
155
+ }, _defineProperty(_TabContent, theme.breakpoints.down('xs'), {
155
156
  padding: '10px 2px',
156
157
  maxHeight: '100%'
157
- }), theme.breakpoints.down('sm'), {
158
+ }), _defineProperty(_TabContent, theme.breakpoints.down('sm'), {
158
159
  padding: '12px 0px'
159
- }),
160
+ }), _TabContent),
160
161
  PreviewDialogGridAlign: _defineProperty({
161
162
  padding: '20px 24px'
162
163
  }, theme.breakpoints.down('xs'), {
@@ -165,31 +166,31 @@ var styles = function styles(theme) {
165
166
  selectedBackgroundFields: {
166
167
  display: 'block'
167
168
  },
168
- imageEditDialogItem: _defineProperty(_defineProperty({
169
+ imageEditDialogItem: (_imageEditDialogItem = {
169
170
  maxWidth: 475
170
- }, theme.breakpoints.down('sm'), {
171
+ }, _defineProperty(_imageEditDialogItem, theme.breakpoints.down('sm'), {
171
172
  width: '100%',
172
173
  maxWidth: '100%'
173
- }), theme.breakpoints.down('xs'), {
174
+ }), _defineProperty(_imageEditDialogItem, theme.breakpoints.down('xs'), {
174
175
  padding: '16px 16px 8px'
175
- }),
176
- alignGrid: _defineProperty(_defineProperty({
176
+ }), _imageEditDialogItem),
177
+ alignGrid: (_alignGrid = {
177
178
  paddingLeft: 40
178
- }, theme.breakpoints.down('sm'), {
179
+ }, _defineProperty(_alignGrid, theme.breakpoints.down('sm'), {
179
180
  paddingLeft: 0
180
- }), theme.breakpoints.down('xs'), {
181
+ }), _defineProperty(_alignGrid, theme.breakpoints.down('xs'), {
181
182
  paddingLeft: theme.smallScreen.padding,
182
183
  paddingRight: theme.smallScreen.padding
183
- }),
184
- rootContainerWrapper: _defineProperty(_defineProperty({
184
+ }), _alignGrid),
185
+ rootContainerWrapper: (_rootContainerWrapper = {
185
186
  flexWrap: 'nowrap'
186
- }, theme.breakpoints.down('sm'), {
187
+ }, _defineProperty(_rootContainerWrapper, theme.breakpoints.down('sm'), {
187
188
  flexWrap: 'wrap'
188
- }), theme.breakpoints.down('xs'), {
189
+ }), _defineProperty(_rootContainerWrapper, theme.breakpoints.down('xs'), {
189
190
  overflowY: 'auto',
190
191
  marginBottom: 100
191
- }),
192
- previewImageWrapper: _defineProperty(_defineProperty(_defineProperty({
192
+ }), _rootContainerWrapper),
193
+ previewImageWrapper: (_previewImageWrapper = {
193
194
  backgroundSize: '24px 24px',
194
195
  marginBottom: 82,
195
196
  backgroundImage: 'linear-gradient(45deg, #F0F0F0 25%, transparent 25%), ' + 'linear-gradient(-45deg, #F0F0F0 25%, transparent 25%), ' + 'linear-gradient(45deg, transparent 75%, #F0F0F0 75%), ' + 'linear-gradient(-45deg, transparent 75%, #F0F0F0 75%)',
@@ -200,14 +201,14 @@ var styles = function styles(theme) {
200
201
  '&.color-preview-block': {
201
202
  marginBottom: 8
202
203
  }
203
- }, theme.breakpoints.down('sm'), {
204
+ }, _defineProperty(_previewImageWrapper, theme.breakpoints.down('sm'), {
204
205
  width: 'auto',
205
206
  marginBottom: 0
206
- }), theme.breakpoints.down('xs'), {
207
+ }), _defineProperty(_previewImageWrapper, theme.breakpoints.down('xs'), {
207
208
  overflowY: 'auto',
208
209
  flexWrap: 'wrap',
209
210
  height: 220
210
- }), '& div:first-child', {
211
+ }), _defineProperty(_previewImageWrapper, '& div:first-child', {
211
212
  margin: '5%',
212
213
  flex: 1,
213
214
  maxHeight: '100%',
@@ -216,7 +217,7 @@ var styles = function styles(theme) {
216
217
  display: 'block',
217
218
  margin: '0 auto'
218
219
  }
219
- }),
220
+ }), _previewImageWrapper),
220
221
  hideTabs: {
221
222
  display: 'none'
222
223
  },
@@ -337,30 +338,32 @@ var styles = function styles(theme) {
337
338
  };
338
339
  };
339
340
  var ImageEditDialog = /*#__PURE__*/function (_React$Component) {
341
+ _inherits(ImageEditDialog, _React$Component);
342
+ var _super = _createSuper(ImageEditDialog);
340
343
  function ImageEditDialog(props) {
341
344
  var _this;
342
345
  _classCallCheck(this, ImageEditDialog);
343
- _this = _callSuper(this, ImageEditDialog, [props]);
344
- _defineProperty(_this, "onChangeColor", function (color) {
346
+ _this = _super.call(this, props);
347
+ _defineProperty(_assertThisInitialized(_this), "onChangeColor", function (color) {
345
348
  var _this$props = _this.props,
346
349
  onChangeColor = _this$props.onChangeColor,
347
350
  activeTabIndex = _this$props.activeTabIndex;
348
351
  onChangeColor && activeTabIndex === 1 && onChangeColor(color);
349
352
  });
350
- _defineProperty(_this, "onActiveTabChange", function (e, newActiveTabIndex) {
353
+ _defineProperty(_assertThisInitialized(_this), "onActiveTabChange", function (e, newActiveTabIndex) {
351
354
  var onActiveTabChange = _this.props.onActiveTabChange;
352
355
  onActiveTabChange && onActiveTabChange(newActiveTabIndex);
353
356
  });
354
- _defineProperty(_this, "onSelectedBackgroundChange", function (e, value) {
357
+ _defineProperty(_assertThisInitialized(_this), "onSelectedBackgroundChange", function (e, value) {
355
358
  var changeSelectedBackground = _this.props.changeSelectedBackground;
356
359
  var selectedBackground = value ? 'replace' : null;
357
360
  changeSelectedBackground && changeSelectedBackground(selectedBackground);
358
361
  });
359
- _defineProperty(_this, "changeSelectedBackground", function (e, value) {
362
+ _defineProperty(_assertThisInitialized(_this), "changeSelectedBackground", function (e, value) {
360
363
  var changeSelectedBackground = _this.props.changeSelectedBackground;
361
364
  changeSelectedBackground && changeSelectedBackground(value);
362
365
  });
363
- _defineProperty(_this, "setUserImagesIndexPrev", function () {
366
+ _defineProperty(_assertThisInitialized(_this), "setUserImagesIndexPrev", function () {
364
367
  var userImagesIndex = _this.state.userImagesIndex;
365
368
  var newIndex = userImagesIndex - 1;
366
369
  if (newIndex < 0) {
@@ -370,7 +373,7 @@ var ImageEditDialog = /*#__PURE__*/function (_React$Component) {
370
373
  userImagesIndex: newIndex
371
374
  });
372
375
  });
373
- _defineProperty(_this, "setUserImagesIndexNext", function () {
376
+ _defineProperty(_assertThisInitialized(_this), "setUserImagesIndexNext", function () {
374
377
  var userImages = _this.props.userImages;
375
378
  var userImagesIndex = _this.state.userImagesIndex;
376
379
  var newIndex = userImagesIndex + 1;
@@ -382,10 +385,10 @@ var ImageEditDialog = /*#__PURE__*/function (_React$Component) {
382
385
  userImagesIndex: newIndex
383
386
  });
384
387
  });
385
- _defineProperty(_this, "getWarningMessageText", function () {
388
+ _defineProperty(_assertThisInitialized(_this), "getWarningMessageText", function () {
386
389
  return (0, _i18n.t)('imageEditDialog.warningMessage');
387
390
  });
388
- _defineProperty(_this, "galleryClick", function () {
391
+ _defineProperty(_assertThisInitialized(_this), "galleryClick", function () {
389
392
  var onGalleryClick = _this.props.onGalleryClick;
390
393
  onGalleryClick && onGalleryClick();
391
394
  });
@@ -394,8 +397,7 @@ var ImageEditDialog = /*#__PURE__*/function (_React$Component) {
394
397
  };
395
398
  return _this;
396
399
  }
397
- _inherits(ImageEditDialog, _React$Component);
398
- return _createClass(ImageEditDialog, [{
400
+ _createClass(ImageEditDialog, [{
399
401
  key: "render",
400
402
  value: function render() {
401
403
  var _this$props2 = this.props,
@@ -639,6 +641,7 @@ var ImageEditDialog = /*#__PURE__*/function (_React$Component) {
639
641
  }, (0, _i18n.t)('fileUpload.continue'))));
640
642
  }
641
643
  }]);
644
+ return ImageEditDialog;
642
645
  }(_react["default"].Component);
643
646
  var _default = exports["default"] = (0, _styles.withStyles)(styles, {
644
647
  name: 'ImageEditDialog'
@@ -17,13 +17,13 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
17
17
  function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
18
18
  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
19
19
  function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
20
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
20
+ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
21
+ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
22
+ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
21
23
  function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
22
24
  function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
23
25
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
24
26
  function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
25
- function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
26
- function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
27
27
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
28
28
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
29
29
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -99,21 +99,22 @@ var ImageThumbnail = (0, _styles.withStyles)(styles, {
99
99
  }, motive.priceFormatted)));
100
100
  });
101
101
  var ImageLibraryThumbnail = /*#__PURE__*/function (_React$Component) {
102
+ _inherits(ImageLibraryThumbnail, _React$Component);
103
+ var _super = _createSuper(ImageLibraryThumbnail);
102
104
  function ImageLibraryThumbnail() {
103
105
  var _this;
104
106
  _classCallCheck(this, ImageLibraryThumbnail);
105
107
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
106
108
  args[_key] = arguments[_key];
107
109
  }
108
- _this = _callSuper(this, ImageLibraryThumbnail, [].concat(args));
109
- _defineProperty(_this, "onSelect", (0, _preventEventDoubling.preventEventDoubling)(function (item) {
110
+ _this = _super.call.apply(_super, [this].concat(args));
111
+ _defineProperty(_assertThisInitialized(_this), "onSelect", (0, _preventEventDoubling.preventEventDoubling)(function (item) {
110
112
  var onSelect = _this.props.onSelect;
111
113
  onSelect && onSelect(item);
112
114
  }));
113
115
  return _this;
114
116
  }
115
- _inherits(ImageLibraryThumbnail, _React$Component);
116
- return _createClass(ImageLibraryThumbnail, [{
117
+ _createClass(ImageLibraryThumbnail, [{
117
118
  key: "render",
118
119
  value: function render() {
119
120
  var _this2 = this;
@@ -148,5 +149,6 @@ var ImageLibraryThumbnail = /*#__PURE__*/function (_React$Component) {
148
149
  }));
149
150
  }
150
151
  }]);
152
+ return ImageLibraryThumbnail;
151
153
  }(_react["default"].Component);
152
154
  var _default = exports["default"] = ImageLibraryThumbnail;
@@ -18,13 +18,13 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
18
18
  function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
19
19
  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
20
20
  function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
21
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
21
+ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
22
+ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
23
+ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
22
24
  function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
23
25
  function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
24
26
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
25
27
  function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
26
- function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
27
- function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
28
28
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
29
29
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
30
30
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -42,12 +42,13 @@ var styles = function styles(theme) {
42
42
  };
43
43
  };
44
44
  var ObjectTools = /*#__PURE__*/function (_React$Component) {
45
+ _inherits(ObjectTools, _React$Component);
46
+ var _super = _createSuper(ObjectTools);
45
47
  function ObjectTools() {
46
48
  _classCallCheck(this, ObjectTools);
47
- return _callSuper(this, ObjectTools, arguments);
49
+ return _super.apply(this, arguments);
48
50
  }
49
- _inherits(ObjectTools, _React$Component);
50
- return _createClass(ObjectTools, [{
51
+ _createClass(ObjectTools, [{
51
52
  key: "render",
52
53
  value: function render() {
53
54
  var _this$props = this.props,
@@ -104,6 +105,7 @@ var ObjectTools = /*#__PURE__*/function (_React$Component) {
104
105
  }, moveUpIcon !== null && moveUpIcon !== void 0 ? moveUpIcon : /*#__PURE__*/_react["default"].createElement(_Icon["default"], null, "flip_to_front")))));
105
106
  }
106
107
  }]);
108
+ return ObjectTools;
107
109
  }(_react["default"].Component);
108
110
  var _default = exports["default"] = (0, _withWidth["default"])()((0, _styles.withStyles)(styles, {
109
111
  name: 'ObjectTools'
@@ -20,13 +20,13 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
20
20
  function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
21
21
  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
22
22
  function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
23
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
23
+ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
24
+ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
25
+ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
24
26
  function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
25
27
  function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
26
28
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
27
29
  function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
28
- function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
29
- function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
30
30
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
31
31
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
32
32
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
@@ -87,12 +87,13 @@ var styles = function styles(theme) {
87
87
  };
88
88
  };
89
89
  var CustomSelect = /*#__PURE__*/function (_React$Component) {
90
+ _inherits(CustomSelect, _React$Component);
91
+ var _super = _createSuper(CustomSelect);
90
92
  function CustomSelect() {
91
93
  _classCallCheck(this, CustomSelect);
92
- return _callSuper(this, CustomSelect, arguments);
94
+ return _super.apply(this, arguments);
93
95
  }
94
- _inherits(CustomSelect, _React$Component);
95
- return _createClass(CustomSelect, [{
96
+ _createClass(CustomSelect, [{
96
97
  key: "render",
97
98
  value: function render() {
98
99
  var _this$props = this.props,
@@ -119,6 +120,7 @@ var CustomSelect = /*#__PURE__*/function (_React$Component) {
119
120
  }, otherProps)));
120
121
  }
121
122
  }]);
123
+ return CustomSelect;
122
124
  }(_react["default"].Component);
123
125
  var _default = exports["default"] = (0, _styles.withStyles)(styles, {
124
126
  name: 'CustomSelect'
@@ -40,17 +40,18 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
40
40
  function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
41
41
  function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
42
42
  function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: !1 }), e; }
43
- function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
43
+ function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
44
+ function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
45
+ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
44
46
  function _possibleConstructorReturn(t, e) { if (e && ("object" == _typeof(e) || "function" == typeof e)) return e; if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined"); return _assertThisInitialized(t); }
45
47
  function _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); return e; }
46
48
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
47
49
  function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
48
- function _inherits(t, e) { if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, "prototype", { writable: !1 }), e && _setPrototypeOf(t, e); }
49
- function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
50
50
  function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
51
51
  function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
52
52
  function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
53
53
  var styles = function styles(theme) {
54
+ var _textControlboxIconsG, _WrapperAlignment, _cardContentRoot;
54
55
  return {
55
56
  card: {
56
57
  borderTop: '7px solid ' + theme.palette.primary.main,
@@ -126,18 +127,18 @@ var styles = function styles(theme) {
126
127
  margin: 0,
127
128
  marginRight: 8
128
129
  }),
129
- textControlboxIconsGrid: _defineProperty(_defineProperty({
130
+ textControlboxIconsGrid: (_textControlboxIconsG = {
130
131
  display: 'inline-flex',
131
132
  '@media only screen and (min-device-width: 568px) and (max-device-width : 725px) and (orientation: portrait)': {
132
133
  '& div': {
133
134
  flexWrap: 'wrap'
134
135
  }
135
136
  }
136
- }, theme.breakpoints.between('xs', 'sm'), {
137
+ }, _defineProperty(_textControlboxIconsG, theme.breakpoints.between('xs', 'sm'), {
137
138
  '& div': {
138
139
  display: 'flex'
139
140
  }
140
- }), theme.breakpoints.down('xs'), {
141
+ }), _defineProperty(_textControlboxIconsG, theme.breakpoints.down('xs'), {
141
142
  '& button:last-child': {
142
143
  marginRight: 0
143
144
  },
@@ -147,14 +148,14 @@ var styles = function styles(theme) {
147
148
  width: 42,
148
149
  height: 42
149
150
  }
150
- }),
151
- WrapperAlignment: _defineProperty(_defineProperty({
151
+ }), _textControlboxIconsG),
152
+ WrapperAlignment: (_WrapperAlignment = {
152
153
  textAlign: 'end'
153
- }, theme.breakpoints.between('xs', 'sm'), {
154
+ }, _defineProperty(_WrapperAlignment, theme.breakpoints.between('xs', 'sm'), {
154
155
  textAlign: 'start'
155
- }), theme.breakpoints.down('xs'), {
156
+ }), _defineProperty(_WrapperAlignment, theme.breakpoints.down('xs'), {
156
157
  textAlign: 'end'
157
- }),
158
+ }), _WrapperAlignment),
158
159
  textToolButtonAlign: _defineProperty({
159
160
  margin: '15px 0',
160
161
  '&.Mui-disabled': {
@@ -191,12 +192,12 @@ var styles = function styles(theme) {
191
192
  fontSize: 15
192
193
  }
193
194
  },
194
- cardContentRoot: _defineProperty(_defineProperty({}, theme.breakpoints.down('xs'), {
195
+ cardContentRoot: (_cardContentRoot = {}, _defineProperty(_cardContentRoot, theme.breakpoints.down('xs'), {
195
196
  padding: 0,
196
197
  '&:last-child': {
197
198
  paddingBottom: 24
198
199
  }
199
- }), "padding", 8),
200
+ }), _defineProperty(_cardContentRoot, "padding", 8), _cardContentRoot),
200
201
  icon: {
201
202
  height: 16,
202
203
  padding: 4
@@ -204,12 +205,13 @@ var styles = function styles(theme) {
204
205
  };
205
206
  };
206
207
  var ContainerField = /*#__PURE__*/function (_React$Component) {
208
+ _inherits(ContainerField, _React$Component);
209
+ var _super = _createSuper(ContainerField);
207
210
  function ContainerField() {
208
211
  _classCallCheck(this, ContainerField);
209
- return _callSuper(this, ContainerField, arguments);
212
+ return _super.apply(this, arguments);
210
213
  }
211
- _inherits(ContainerField, _React$Component);
212
- return _createClass(ContainerField, [{
214
+ _createClass(ContainerField, [{
213
215
  key: "render",
214
216
  value: function render() {
215
217
  var _this$props = this.props,
@@ -229,22 +231,24 @@ var ContainerField = /*#__PURE__*/function (_React$Component) {
229
231
  }, otherProps));
230
232
  }
231
233
  }]);
234
+ return ContainerField;
232
235
  }(_react["default"].Component);
233
236
  var TextControlbox = /*#__PURE__*/function (_React$Component2) {
237
+ _inherits(TextControlbox, _React$Component2);
238
+ var _super2 = _createSuper(TextControlbox);
234
239
  function TextControlbox() {
235
240
  var _this;
236
241
  _classCallCheck(this, TextControlbox);
237
242
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
238
243
  args[_key] = arguments[_key];
239
244
  }
240
- _this = _callSuper(this, TextControlbox, [].concat(args));
241
- _defineProperty(_this, "onCloseColorPalettes", function () {
245
+ _this = _super2.call.apply(_super2, [this].concat(args));
246
+ _defineProperty(_assertThisInitialized(_this), "onCloseColorPalettes", function () {
242
247
  _this.props.popupArea.dismiss();
243
248
  });
244
249
  return _this;
245
250
  }
246
- _inherits(TextControlbox, _React$Component2);
247
- return _createClass(TextControlbox, [{
251
+ _createClass(TextControlbox, [{
248
252
  key: "componentWillUnmount",
249
253
  value: function componentWillUnmount() {
250
254
  this.props.popupArea.dismiss();
@@ -442,7 +446,7 @@ var TextControlbox = /*#__PURE__*/function (_React$Component2) {
442
446
  variant: "outlined",
443
447
  value: "color",
444
448
  onClick: function onClick() {
445
- return popupArea.setContent(/*#__PURE__*/_react["default"].createElement(_ColorPalettes["default"], {
449
+ return popupArea.setContent( /*#__PURE__*/_react["default"].createElement(_ColorPalettes["default"], {
446
450
  isPortraitMode: isPortraitMode,
447
451
  selectedObject: selectedObject,
448
452
  closeColorPalettes: _this2.onCloseColorPalettes
@@ -538,6 +542,7 @@ var TextControlbox = /*#__PURE__*/function (_React$Component2) {
538
542
  }, renderTextColor())), renderObjectTools())));
539
543
  }
540
544
  }]);
545
+ return TextControlbox;
541
546
  }(_react["default"].Component);
542
547
  _defineProperty(TextControlbox, "defaultProps", {
543
548
  components: {
@@ -42,7 +42,7 @@ var mockedFontsList = [{
42
42
  }];
43
43
  var popupArea = {};
44
44
  it('renders correctly', function () {
45
- var tree = (0, _render["default"])(/*#__PURE__*/_react["default"].createElement(_index["default"], {
45
+ var tree = (0, _render["default"])( /*#__PURE__*/_react["default"].createElement(_index["default"], {
46
46
  width: "lg",
47
47
  textValue: "Lorem ipsum dolor sit amet, cosectetur adipiscing elit",
48
48
  handleChangeText: _noop["default"],
@@ -58,7 +58,7 @@ it('renders correctly', function () {
58
58
  expect(tree).toMatchSnapshot();
59
59
  });
60
60
  it('renders a boxed component with the boxed prop', function () {
61
- var tree = (0, _render["default"])(/*#__PURE__*/_react["default"].createElement(_index["default"], {
61
+ var tree = (0, _render["default"])( /*#__PURE__*/_react["default"].createElement(_index["default"], {
62
62
  width: "lg",
63
63
  textValue: "Lorem ipsum dolor sit amet, cosectetur adipiscing elit",
64
64
  handleChangeText: _noop["default"],
@@ -75,7 +75,7 @@ it('renders a boxed component with the boxed prop', function () {
75
75
  });
76
76
  it('calls the handleChangeText callback when the user changes the TextControlbox textfield', function () {
77
77
  var onChangeHandler = jest.fn();
78
- var tree = (0, _mount["default"])(/*#__PURE__*/_react["default"].createElement(_index["default"], {
78
+ var tree = (0, _mount["default"])( /*#__PURE__*/_react["default"].createElement(_index["default"], {
79
79
  textValue: "Lorem ipsum dolor sit amet, cosectetur adipiscing elit",
80
80
  handleChangeText: onChangeHandler,
81
81
  fontValue: mockedFontsList[0],
@@ -96,14 +96,14 @@ it('calls the handleChangeText callback when the user changes the TextControlbox
96
96
  expect(onChangeHandler).toHaveBeenCalled();
97
97
  });
98
98
  it('calls the handleChangeFont callback when the user changes the TextControlbox fontFamily', function () {
99
- var _Class;
100
- var analyticsSrvc = new (_Class = /*#__PURE__*/_createClass(function _Class() {
101
- _classCallCheck(this, _Class);
99
+ var _class;
100
+ var analyticsSrvc = new (_class = /*#__PURE__*/_createClass(function _class() {
101
+ _classCallCheck(this, _class);
102
102
  _defineProperty(this, "triggerEvent", jest.fn());
103
- }), _defineProperty(_Class, "serviceName", 'AnalyticsService'), _Class)();
103
+ }), _defineProperty(_class, "serviceName", 'AnalyticsService'), _class)();
104
104
  _ServiceLocator["default"].provide(analyticsSrvc);
105
105
  var onChangeHandler = jest.fn();
106
- var tree = (0, _mount["default"])(/*#__PURE__*/_react["default"].createElement(_index["default"], {
106
+ var tree = (0, _mount["default"])( /*#__PURE__*/_react["default"].createElement(_index["default"], {
107
107
  width: "lg",
108
108
  textValue: "Lorem ipsum dolor sit amet, cosectetur adipiscing elit",
109
109
  handleChangeText: _noop["default"],
@@ -125,7 +125,7 @@ it('calls the handleChangeFont callback when the user changes the TextControlbox
125
125
  });
126
126
  it('calls the toggleIsBulkName callback on checkbox click', function () {
127
127
  var onChangeHandler = jest.fn();
128
- var tree = (0, _mount["default"])(/*#__PURE__*/_react["default"].createElement(_index["default"], {
128
+ var tree = (0, _mount["default"])( /*#__PURE__*/_react["default"].createElement(_index["default"], {
129
129
  width: "lg",
130
130
  textValue: "Lorem ipsum dolor sit amet, cosectetur adipiscing elit",
131
131
  handleChangeText: _noop["default"],
@@ -145,7 +145,7 @@ it('calls the toggleIsBulkName callback on checkbox click', function () {
145
145
  expect(onChangeHandler).toHaveBeenCalled();
146
146
  });
147
147
  it('checkbox should be checked if property isBulkName is true', function () {
148
- var tree = (0, _mount["default"])(/*#__PURE__*/_react["default"].createElement(_index["default"], {
148
+ var tree = (0, _mount["default"])( /*#__PURE__*/_react["default"].createElement(_index["default"], {
149
149
  width: "lg",
150
150
  textValue: "Lorem ipsum dolor sit amet, cosectetur adipiscing elit",
151
151
  handleChangeText: _noop["default"],