@crystaldesign/grid 24.12.0-beta.1 → 24.12.0-beta.16

package/build/esm/index.js

@@ -62,7 +62,7 @@ import { useHover, useLayer } from 'react-laag';
 import { ContentBoxComponent } from '@crystaldesign/content-box';
 import { NavigateBefore, NavigateNext } from '@material-ui/icons';
 import TextareaAutosize from '@material-ui/core/TextareaAutosize';
-import { Editor } from '@tinymce/tinymce-react';
+import RTFEditor from '@crystaldesign/rtf-editor';
 import NumberFormat from 'react-number-format';
 import format from 'date-fns/format';
 import { enGB, fr, it, de } from 'date-fns/locale';
@@ -1625,7 +1625,8 @@ function MediaViewerCell (props) {
         url: (_url = url) === null || _url === void 0 ? void 0 : _url.toString(),
         mediaType: mediaType,
         functionType: 'ART',
-        storage: 'OTHER'
+        storage: 'OTHER',
+        borderPercentage: mediaItem.borderPercentage
       });
     });
   }, [timeStamp]);
@@ -1938,18 +1939,16 @@ function Text(_ref3) {
     _useState8 = _slicedToArray(_useState7, 2),
     value = _useState8[0],
     setValue = _useState8[1];
-  var _useState9 = useState(valueOutside),
-    _useState10 = _slicedToArray(_useState9, 2),
-    tempRichText = _useState10[0],
-    setTempRichText = _useState10[1];
-  var _useDivaCore2 = useDivaCore(),
-    tinyMceApiKey = _useDivaCore2.state.tinyMceApiKey;
   useEffect(function () {
     setValueOutside(value);
   }, [value]);
-  useEffect(function () {
-    if (rich) setValue(tempRichText);
-  }, [curLangIndex]);
+  function changeText(text) {
+    if (translation) {
+      setValue(_objectSpread$7(_objectSpread$7({}, value), {}, _defineProperty({}, languages[curLangIndex], text)));
+    } else {
+      setValue(text);
+    }
+  }
   return /*#__PURE__*/jsxs(Fragment, {
     children: [translation && /*#__PURE__*/jsx(TranslationSelector, {
       state: [curLangIndex, setLang],
@@ -1973,28 +1972,9 @@ function Text(_ref3) {
         fontSize: 'inherit',
         overflow: 'auto'
       }
-    }, curLangIndex), rich && /*#__PURE__*/jsx(Editor, {
-      apiKey: tinyMceApiKey,
+    }, curLangIndex), rich && /*#__PURE__*/jsx(RTFEditor, {
       initialValue: translation ? value[languages[curLangIndex]] : value,
-      onChange: function onChange(e) {
-        if (translation) {
-          setTempRichText(_objectSpread$7(_objectSpread$7({}, value), {}, _defineProperty({}, languages[curLangIndex], e.target.getContent())));
-        } else setTempRichText(e.target.getContent());
-      },
-      onSubmit: function onSubmit(e) {
-        setValue(tempRichText);
-      },
-      textareaName: "text",
-      init: {
-        height: 500,
-        menubar: false,
-        plugins: ['advlist autolink lists link table paste'],
-        contextmenu: '',
-        resize: false,
-        statusbar: false,
-        toolbar: 'undo redo | formatselect | ' + 'bold italic backcolor | alignleft aligncenter ' + 'alignright alignjustify | bullist numlist outdent indent | table ',
-        content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:14px }'
-      }
+      onChange: changeText
     }, curLangIndex)]
   });
 }

package/build/types/grid/src/ui/cells/media/MediaViewerCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MediaViewerCell.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/cells/media/MediaViewerCell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,MAAM,CAAC,OAAO,WAAW,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,eAwDnE"}
+{"version":3,"file":"MediaViewerCell.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/cells/media/MediaViewerCell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,MAAM,CAAC,OAAO,WAAW,CAAC,SAAS,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,eAyDnE"}

package/build/types/grid/src/ui/cells/text/TextCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextCell.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/cells/text/TextCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAQxC,MAAM,CAAC,OAAO,WAAW,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,eA4DlE"}
+{"version":3,"file":"TextCell.d.ts","sourceRoot":"","sources":["../../../../../../../src/ui/cells/text/TextCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AASxC,MAAM,CAAC,OAAO,WAAW,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,EAAE,GAAG,CAAC,eA4DlE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@crystaldesign/grid",
-  "version": "24.12.0-beta.1",
+  "version": "24.12.0-beta.16",
   "license": "COMMERCIAL",
   "devDependencies": {
     "@material-ui/pickers": "^3.2.10",
@@ -13,10 +13,10 @@
     "react-dom": "17.0.2"
   },
   "dependencies": {
-    "@crystaldesign/searchfield": "24.12.0-beta.1",
+    "@crystaldesign/rtf-editor": "24.12.0-beta.16",
+    "@crystaldesign/searchfield": "24.12.0-beta.16",
     "@date-io/core": "^1.3.13",
     "@date-io/date-fns": "^1.3.13",
-    "@tinymce/tinymce-react": "^3.13.0",
     "assign-deep": "^1.0.1",
     "classnames": "^2.2.6",
     "core-js-pure": "^3.0.1",
@@ -43,5 +43,5 @@
   },
   "module": "build/esm/index.js",
   "types": "./build/types/grid/src/index.d.ts",
-  "gitHead": "e1c02885cc981df9a249129e959a81d54c883360"
+  "gitHead": "c4637cc66f8e880e0a9a7f8d58ef21d7a8baf105"
 }