@configuratorware/configurator-frontendgui 1.35.7 → 1.35.9

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 (15) hide show
  1. package/App/Modules/Designer/Components/FullScreenView/FullScreenView.js +1 -1
  2. package/App/Modules/Designer/Containers/ImageEditDialog.js +1 -1
  3. package/App/Modules/Visualization/CreatorAlignTarget.js +1 -1
  4. package/App/Modules/Visualization/DesignerAlignTarget.js +1 -1
  5. package/App/Screens/Configurator/Components/FullScreenView/index.js +2 -2
  6. package/App/Screens/Configurator/Components/LandscapeInformation/index.js +1 -1
  7. package/App/Screens/Configurator/Screen.js +1 -1
  8. package/package.json +4 -4
  9. package/src/App/Modules/Designer/Components/FullScreenView/FullScreenView.js +1 -1
  10. package/src/App/Modules/Designer/Containers/ImageEditDialog.js +1 -1
  11. package/src/App/Modules/Visualization/CreatorAlignTarget.js +1 -1
  12. package/src/App/Modules/Visualization/DesignerAlignTarget.js +1 -1
  13. package/src/App/Screens/Configurator/Components/FullScreenView/index.js +2 -2
  14. package/src/App/Screens/Configurator/Components/LandscapeInformation/index.js +1 -1
  15. package/src/App/Screens/Configurator/Screen.js +1 -1
package/App/Modules/Designer/Components/FullScreenView/FullScreenView.js CHANGED
@@ -32,7 +32,7 @@ var styles = function styles(theme) {
32
32
  width: '25%'
33
33
  })), _defineProperty(_thumbnailGrid, theme.orientation.landscape, {
34
34
  height: 136
35
- }), _defineProperty(_thumbnailGrid, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
35
+ }), _defineProperty(_thumbnailGrid, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
36
36
  width: '100%',
37
37
  maxWidth: '100%',
38
38
  position: 'absolute',
package/App/Modules/Designer/Containers/ImageEditDialog.js CHANGED
@@ -688,7 +688,7 @@ var ImageEditDialogContainer = /*#__PURE__*/function (_React$Component) {
688
688
  return _context8.abrupt("return");
689
689
 
690
690
  case 13:
691
- if (!(activeTabIndex === 0)) {
691
+ if (!(activeTabIndex === 0 && !(image.gallery && colorDisabled))) {
692
692
  _context8.next = 16;
693
693
  break;
694
694
  }
package/App/Modules/Visualization/CreatorAlignTarget.js CHANGED
@@ -29,7 +29,7 @@ var styles = function styles(theme) {
29
29
  maxHeight: 'calc(100% - 286px)'
30
30
  }), _defineProperty(_root, theme.breakpoints.up('lg'), {
31
31
  maxHeight: 'calc(100% - 196px)'
32
- }), _defineProperty(_root, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
32
+ }), _defineProperty(_root, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
33
33
  maxHeight: '100%'
34
34
  }), _root)
35
35
  };
package/App/Modules/Visualization/DesignerAlignTarget.js CHANGED
@@ -33,7 +33,7 @@ var styles = function styles(theme) {
33
33
  }), _defineProperty(_theme$orientation$po, theme.breakpoints.up('md'), {
34
34
  maxHeight: 'calc(100% - 172px)',
35
35
  marginTop: 0
36
- }), _theme$orientation$po)), _defineProperty(_root, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
36
+ }), _theme$orientation$po)), _defineProperty(_root, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
37
37
  maxHeight: '100%'
38
38
  }), _root)
39
39
  };
package/App/Screens/Configurator/Components/FullScreenView/index.js CHANGED
@@ -95,7 +95,7 @@ var styles = function styles(theme) {
95
95
  pointerEvents: 'all'
96
96
  }, _defineProperty(_button, theme.breakpoints.down('sm'), {
97
97
  zIndex: 5
98
- }), _defineProperty(_button, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
98
+ }), _defineProperty(_button, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
99
99
  display: 'none'
100
100
  }), _button),
101
101
  buttonBottom: {},
@@ -131,7 +131,7 @@ var styles = function styles(theme) {
131
131
  left: 'calc(50% - 75px)',
132
132
  bottom: 0,
133
133
  height: 56
134
- }), _defineProperty(_buttonView, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)', {
134
+ }), _defineProperty(_buttonView, '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)', {
135
135
  display: 'none'
136
136
  }), _buttonView)
137
137
  };
package/App/Screens/Configurator/Components/LandscapeInformation/index.js CHANGED
@@ -24,7 +24,7 @@ var styles = function styles() {
24
24
  LandscapeFullscreen: {
25
25
  display: 'none'
26
26
  },
27
- '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
27
+ '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
28
28
  LandscapeFullscreen: {
29
29
  display: 'flex',
30
30
  position: 'absolute',
package/App/Screens/Configurator/Screen.js CHANGED
@@ -83,7 +83,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
83
83
  * Main Screen of the configurator
84
84
  */
85
85
  var Configurator = function Configurator(props) {
86
- var imageOnly = (0, _core.useMediaQuery)('(min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)');
86
+ var imageOnly = (0, _core.useMediaQuery)('(min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)');
87
87
  (0, React.useEffect)(function () {
88
88
  if (imageOnly) {
89
89
  _ServiceLocator.Services.visualization.enableDesignAreaInteraction(false);
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@configuratorware/configurator-frontendgui",
3
- "version": "1.35.7",
3
+ "version": "1.35.9",
4
4
  "license": "UNLICENSED",
5
5
  "private": false,
6
6
  "main": "./index.js",
7
7
  "dependencies": {
8
8
  "@babel/polyfill": "^7.12.1",
9
- "@configuratorware/scripts": "1.35.7",
9
+ "@configuratorware/scripts": "1.35.9",
10
10
  "@hot-loader/react-dom": "^17.0.1",
11
11
  "@material-ui/core": "^4.12.2",
12
12
  "@material-ui/icons": "^4.11.2",
@@ -39,8 +39,8 @@
39
39
  "react-router-dom": "^5.2.0",
40
40
  "react-swipeable": "^5.5.1",
41
41
  "react-zoom-pan-pinch": "^2.1.3",
42
- "redhotmagma-graphics-editor": "1.35.7",
43
- "redhotmagma-visualization": "1.35.7",
42
+ "redhotmagma-graphics-editor": "1.35.9",
43
+ "redhotmagma-visualization": "1.35.9",
44
44
  "redux": "^4.1.0",
45
45
  "redux-logger": "^3.0.6",
46
46
  "redux-persist": "^5.10.0",
package/src/App/Modules/Designer/Components/FullScreenView/FullScreenView.js CHANGED
@@ -22,7 +22,7 @@ const styles = theme => ({
22
22
  [theme.orientation.landscape]: {
23
23
  height: 136,
24
24
  },
25
- '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
25
+ '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
26
26
  width: '100%',
27
27
  maxWidth: '100%',
28
28
  position: 'absolute',
package/src/App/Modules/Designer/Containers/ImageEditDialog.js CHANGED
@@ -567,7 +567,7 @@ export class ImageEditDialogContainer extends React.Component {
567
567
  return;
568
568
  }
569
569
 
570
- if (activeTabIndex === 0) {
570
+ if (activeTabIndex === 0 && !(image.gallery && colorDisabled)) {
571
571
  this.setState({ activeTabIndex: image.gallery ? 2 : 1 });
572
572
  return;
573
573
  }
package/src/App/Modules/Visualization/CreatorAlignTarget.js CHANGED
@@ -20,7 +20,7 @@ const styles = theme => ({
20
20
  [theme.breakpoints.up('lg')]: {
21
21
  maxHeight: 'calc(100% - 196px)',
22
22
  },
23
- '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
23
+ '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
24
24
  maxHeight: '100%',
25
25
  },
26
26
  },
package/src/App/Modules/Visualization/DesignerAlignTarget.js CHANGED
@@ -26,7 +26,7 @@ const styles = theme => ({
26
26
  marginTop: 0,
27
27
  },
28
28
  },
29
- '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
29
+ '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
30
30
  maxHeight: '100%',
31
31
  },
32
32
  },
package/src/App/Screens/Configurator/Components/FullScreenView/index.js CHANGED
@@ -31,7 +31,7 @@ const styles = theme => ({
31
31
  [theme.breakpoints.down('sm')]: {
32
32
  zIndex: 5,
33
33
  },
34
- '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
34
+ '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
35
35
  display: 'none',
36
36
  },
37
37
  },
@@ -71,7 +71,7 @@ const styles = theme => ({
71
71
  bottom: 0,
72
72
  height: 56,
73
73
  },
74
- '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
74
+ '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
75
75
  display: 'none',
76
76
  },
77
77
  },
package/src/App/Screens/Configurator/Components/LandscapeInformation/index.js CHANGED
@@ -9,7 +9,7 @@ const styles = () => ({
9
9
  LandscapeFullscreen: {
10
10
  display: 'none',
11
11
  },
12
- '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)': {
12
+ '@media (min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)': {
13
13
  LandscapeFullscreen: {
14
14
  display: 'flex',
15
15
  position: 'absolute',
package/src/App/Screens/Configurator/Screen.js CHANGED
@@ -46,7 +46,7 @@ import { Services } from '../../ServiceLocator';
46
46
  */
47
47
  export const Configurator = props => {
48
48
  const imageOnly = useMediaQuery(
49
- '(min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 825px)'
49
+ '(min-aspect-ratio: 13/9) and (min-height: 280px) and (max-width: 950px)'
50
50
  );
51
51
  useEffect(() => {
52
52
  if (imageOnly) {