@crystaldesign/diva-backoffice 24.6.0-beta.1 → 24.6.0-beta.3

package/build/esm/index.js

@@ -17176,6 +17176,9 @@ function DropdownCell (_ref) {
 function _createForOfIteratorHelper$a(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$a(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray$a(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$a(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$a(o, minLen); }
 function _arrayLikeToArray$a(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+if (!window.customElements.get('model-viewer')) {
+  import('@google/model-viewer');
+}
 function MediaViewerCell (_ref) {
   var children = _ref.children,
     column = _ref.column;
@@ -17214,6 +17217,28 @@ function MediaViewerCell (_ref) {
     storage: 'OTHER'
   }];
   var test = useDivaCore();
+  var openModelViewer = function openModelViewer() {
+    test.actions.openFullscreen({
+      content: /*#__PURE__*/jsx("model-viewer", {
+        id: "model-viewer",
+        src: children[1],
+        ar: true,
+        "ar-scale": 'fixed',
+        "ar-modes": 'webxr quick-look',
+        "shadow-intensity": "1",
+        "camera-controls": true,
+        "touch-action": "pan-y",
+        style: {
+          position: 'absolute',
+          height: '100%',
+          width: '100%',
+          zIndex: 2,
+          top: '0px',
+          background: 'white'
+        }
+      })
+    });
+  };
   var openContentBox = function openContentBox() {
     test.actions.openFullscreen({
       content: /*#__PURE__*/jsx(ContentBoxComponent, {
@@ -17229,7 +17254,7 @@ function MediaViewerCell (_ref) {
   };
   return /*#__PURE__*/jsx(Fragment, {
     children: medias[0].mediaType === 'AR' ? /*#__PURE__*/jsx(FullscreenOutlined, {
-      onClick: openContentBox
+      onClick: openModelViewer
     }) : /*#__PURE__*/jsx("img", {
       src: children[1],
       width: 39,
@@ -17324,6 +17349,9 @@ var UtilStore = /*#__PURE__*/function () {
 }();
 _defineProperty(UtilStore, "viewConfig", void 0);
 
+if (!window.customElements.get('model-viewer')) {
+  import('@google/model-viewer');
+}
 function MediaItemViewerCell (_ref) {
   var children = _ref.children;
     _ref.column;
@@ -17370,6 +17398,28 @@ function MediaItemViewerCell (_ref) {
   var _useDivaCore = useDivaCore(),
     handler = _useDivaCore.handler,
     actions = _useDivaCore.actions;
+  var openModelViewer = function openModelViewer() {
+    actions.openFullscreen({
+      content: /*#__PURE__*/jsx("model-viewer", {
+        id: "model-viewer",
+        src: children[1],
+        ar: true,
+        "ar-scale": 'fixed',
+        "ar-modes": 'webxr quick-look',
+        "shadow-intensity": "1",
+        "camera-controls": true,
+        "touch-action": "pan-y",
+        style: {
+          position: 'absolute',
+          height: '100%',
+          width: '100%',
+          zIndex: 2,
+          top: '0px',
+          background: 'white'
+        }
+      })
+    });
+  };
   var openContentBox = function openContentBox() {
     setTimeStamp(Date.now());
     actions.openFullscreen({
@@ -17386,7 +17436,7 @@ function MediaItemViewerCell (_ref) {
   };
   return /*#__PURE__*/jsx(Fragment, {
     children: (media === null || media === void 0 ? void 0 : media.mediaType) === 'AR' ? /*#__PURE__*/jsx(FullscreenOutlined, {
-      onClick: openContentBox
+      onClick: openModelViewer
     }) : /*#__PURE__*/jsx("img", {
       src: media === null || media === void 0 ? void 0 : media.url,
       width: 39,

package/build/types/backoffice/src/ui/Table/BaseTable/cellRenderer/MediaItemViewerCell/index.d.ts

@@ -1,3 +1,10 @@
 import { CellComponentProps } from '..';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'model-viewer': any;
+        }
+    }
+}
 export default function ({ children, column }: CellComponentProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/Table/BaseTable/cellRenderer/MediaItemViewerCell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/ui/Table/BaseTable/cellRenderer/MediaItemViewerCell/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAOxC,MAAM,CAAC,OAAO,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,eA4DhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/ui/Table/BaseTable/cellRenderer/MediaItemViewerCell/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAWxC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,GAAG,CAAC;SACrB;KACF;CACF;AAED,MAAM,CAAC,OAAO,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,eA8EhE"}

package/build/types/backoffice/src/ui/Table/BaseTable/cellRenderer/MediaViewerCell/index.d.ts

@@ -1,3 +1,10 @@
 import { CellComponentProps } from '..';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'model-viewer': any;
+        }
+    }
+}
 export default function ({ children, column }: CellComponentProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/build/types/backoffice/src/ui/Table/BaseTable/cellRenderer/MediaViewerCell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/ui/Table/BaseTable/cellRenderer/MediaViewerCell/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAMxC,MAAM,CAAC,OAAO,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,eAmDhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/ui/Table/BaseTable/cellRenderer/MediaViewerCell/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAUxC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,cAAc,EAAE,GAAG,CAAC;SACrB;KACF;CACF;AAED,MAAM,CAAC,OAAO,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,kBAAkB,eAyEhE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/diva-backoffice",
-  "version": "24.6.0-beta.1",
+  "version": "24.6.0-beta.3",
   "license": "COMMERCIAL",
   "devDependencies": {
     "@testing-library/jest-dom": "^5.15.0",
@@ -15,6 +15,7 @@
   "dependencies": {
     "@ant-design/icons": "5.0.1",
     "@babel/runtime": "7.18.0",
+    "@google/model-viewer": "3.4.0",
     "ag-charts-community": "^8.0.1",
     "ag-charts-react": "^8.0.0",
     "ag-grid-community": "29.3.5",
@@ -50,5 +51,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/backoffice/src/index.d.ts",
-  "gitHead": "75d35011be7640dcdc14ccd1da49a148faa4ac56"
+  "gitHead": "5fd2673b2308fbb8ae8fb4815458386fbc670cee"
 }