@entryscape/rdforms 10.7.2 → 10.8.0

package/main.js

@@ -1,15 +1,9 @@
 import 'whatwg-fetch';
-import './loadViewOptions';
 
 export { default as renderingContext } from './src/view/renderingContext';
 export { default as ItemStore } from './src/template/ItemStore';
 export { default as bundleLoader } from './src/template/bundleLoader';
-export { default as Presenter } from './src/view/Presenter';
-export { default as Editor } from './src/view/Editor';
-export { default as LevelEditor } from './src/view/bootstrap/LevelEditor';
-export { default as ValidationPresenter } from './src/view/ValidationPresenter';
 export { default as utils } from './src/utils';
 export { default as system } from './src/model/system';
 export { default as engine } from './src/model/engine';
 export { default as validate } from './src/model/validate';
-export { Editor as EditorWrapper, Presenter as PresenterWrapper} from './src/view/react/Wrappers';

package/package.json

@@ -8,7 +8,7 @@
     "application profile",
     "linked data"
   ],
-  "version": "10.7.2",
+  "version": "10.8.0",
   "main": "dist/rdforms.node.js",
   "browser": "dist/rdforms.react.js",
   "module": "main.js",
@@ -18,12 +18,12 @@
   "dependencies": {
     "@emotion/react": "^11.4.1",
     "@emotion/styled": "^11.3.0",
-    "@entryscape/rdfjson": "^2.5.4",
+    "@entryscape/rdfjson": "^2.5.7",
     "@fortawesome/fontawesome-free": "^5.8.1",
     "@mui/icons-material": "^5.0.3",
-    "@mui/lab": "^5.0.0-alpha.51",
     "@mui/material": "^5.0.3",
     "@mui/styles": "^5.0.1",
+    "@mui/x-date-pickers": "^5.0.0-beta.7",
     "@selectize/selectize": "^0.13.5",
     "arrive": "^2.4.1",
     "bootstrap": "^4.3.1",
@@ -31,7 +31,7 @@
     "bootstrap-material-datetimepicker": "https://bitbucket.org/metasolutions/bootstrap-material-datetimepicker.git#webpack",
     "bootstrap-material-design": "^4.1.1",
     "circular-dependency-plugin": "^5.2.2",
-    "core-js": "^3.1.4",
+    "core-js": "^3.4.0",
     "ifdef-loader": "^2.1.1",
     "jquery": "^3.3.1",
     "jquery-mousewheel": "^3.1.13",
@@ -67,7 +67,7 @@
     "clean-webpack-plugin": "^0.1.18",
     "copy-webpack-plugin": "^5.0.5",
     "css-loader": "^3.5.3",
-    "eslint": "^3.17.1",
+    "eslint": "^8.23.0",
     "eslint-config-airbnb-base": "^11.1.1",
     "eslint-plugin-import": "^2.2.0",
     "eslint-plugin-requirejs": "^3.1.1",
@@ -96,8 +96,7 @@
     "dist",
     "src",
     "main*",
-    "index*",
-    "loadViewOptions.js"
+    "renderers"
   ],
   "scripts": {
     "build:all": "webpack --display-modules --mode=production --config webpack.all.js",

package/renderers/bmd.js

@@ -0,0 +1,9 @@
+import 'whatwg-fetch';
+import '../src/view/bmd/all';
+import '../src/view/bmd/style.css';
+
+export { default as Editor } from '../src/view/Editor';
+export { default as Presenter } from '../src/view/Presenter';
+export { default as ValidationPresenter } from '../src/view/ValidationPresenter';
+export { default as LevelEditor } from '../src/view/bootstrap/LevelEditor';
+export * from '../main';

package/renderers/bootstrap.js

@@ -0,0 +1,8 @@
+import '../src/view/bootstrap/all';
+
+export { default as Editor } from '../src/view/Editor';
+export { default as Presenter } from '../src/view/Presenter';
+export { default as ValidationPresenter } from '../src/view/ValidationPresenter';
+export { default as LevelEditor } from '../src/view/bootstrap/LevelEditor';
+
+export * from '../main';

package/renderers/jquery.js

@@ -0,0 +1,4 @@
+import '../src/view/jquery/all';
+
+export { default as Presenter } from '../src/view/Presenter';
+export * from '../main';

package/renderers/react.js

@@ -0,0 +1,5 @@
+import 'regenerator-runtime/runtime';
+import '../src/view/react/all';
+
+export * from '../src/view/react/Wrappers';
+export * from '../main';

package/src/view/Editor.js

@@ -230,15 +230,14 @@ export default class Editor extends Presenter {
         if (!match) {
           if (binding.isValid()) {
             renderingContext.domClassToggle(newNode, 'missingDepsWithValue', true);
-            binding.getCardinalityTracker().setDepsOk(false);
           } else {
             renderingContext.domClassToggle(newNode, 'missingDeps', true);
           }
         } else {
           renderingContext.domClassToggle(newNode, 'missingDepsWithValue', false);
-          binding.getCardinalityTracker().setDepsOk(true);
           renderingContext.domClassToggle(newNode, 'missingDeps', false);
         }
+        binding.getCardinalityTracker().setDepsOk(match);
       };
       const fromBinding = engine.findBindingRelativeToParentBinding(binding.getParent(), path);
       if (!engine.matchPathBelowBinding(fromBinding, path)) {

package/src/view/bootstrap/text.js

@@ -46,8 +46,10 @@ const addChangeListener = (inp, binding, regex, extLink, help) => {
         extLink.prop('href', binding.getValue());
         disableExtLink = false;
       }
-      help.toggleClass('rdformsHelpActive', false);
-    } else {
+      if (help) {
+        help.toggleClass('rdformsHelpActive', false);
+      }
+    } else if (help) {
       help.toggleClass('rdformsHelpActive', true);
     }
     if (extLink) {

package/src/view/react/components.js

@@ -153,7 +153,7 @@ const newStruct = (Tag, parent, nodeId) => {
       };
       // -- END
       return (
-        <Tag id={nodeId} className={clsSet.join(' ')}>
+        <Tag id={nodeId} className={Array.from(clsSet).join(' ')}>
           {childArr.map((child, index) => getReactComponent(child, index))}
           {text}
         </Tag>

package/src/view/react/date.js

@@ -1,7 +1,9 @@
 /* eslint-disable no-unused-vars */
 import React, { useState, useEffect, useMemo } from 'react';
-import { DatePicker, TimePicker, LocalizationProvider } from '@mui/lab';
-import DateAdapter from '@mui/lab/AdapterMoment';
+import { DatePicker } from '@mui/x-date-pickers/DatePicker';
+import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
+import { TimePicker } from '@mui/x-date-pickers/TimePicker';
+import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 import MenuItem from '@mui/material/MenuItem';
 import FormControl from '@mui/material/FormControl';
 import { TextField } from '@mui/material';
@@ -140,7 +142,7 @@ const dateEditor = (fieldDiv, binding, context) => {
       || selectedDatatype === 'Year' || selectedDatatype === 'YearMonth' || selectedDatatype === 'MonthDay');
     return (
       <>
-      <LocalizationProvider dateAdapter={DateAdapter}>
+      <LocalizationProvider dateAdapter={AdapterMoment}>
         <span className="rdformsDatePicker">
           {visibleDatePicker && (
             <DatePicker

package/index.bmd.js

@@ -1,16 +0,0 @@
-import 'whatwg-fetch';
-import 'core-js/stable';
-import 'regenerator-runtime/runtime';
-import bundleLoader from './src/template/bundleLoader';
-import ItemStore from './src/template/ItemStore';
-
-import './src/view/bmd/all';
-import './src/view/bmd/style.css';
-
-import Editor from './src/view/Editor';
-import Presenter from './src/view/Presenter';
-import renderingContext from './src/view/renderingContext';
-import ValidationPresenter from './src/view/ValidationPresenter';
-import LevelEditor from './src/view/bootstrap/LevelEditor';
-
-export { bundleLoader, ItemStore, Editor, Presenter, ValidationPresenter, LevelEditor, renderingContext };

package/index.bootstrap.js

@@ -1,12 +0,0 @@
-import 'core-js/stable';
-import 'regenerator-runtime/runtime';
-import bundleLoader from './src/template/bundleLoader';
-import ItemStore from './src/template/ItemStore';
-import './src/view/bootstrap/all';
-import Editor from './src/view/Editor';
-import Presenter from './src/view/Presenter';
-import renderingContext from './src/view/renderingContext';
-import ValidationPresenter from './src/view/ValidationPresenter';
-import LevelEditor from './src/view/bootstrap/LevelEditor';
-
-export { bundleLoader, ItemStore, Editor, Presenter, ValidationPresenter, LevelEditor, renderingContext };

package/index.jquery.js

@@ -1,9 +0,0 @@
-import 'core-js/stable';
-import 'regenerator-runtime/runtime';
-import bundleLoader from './src/template/bundleLoader';
-import ItemStore from './src/template/ItemStore';
-import './src/view/jquery/all';
-import Presenter from './src/view/Presenter';
-import renderingContext from './src/view/renderingContext';
-
-export { bundleLoader, ItemStore, Presenter, renderingContext };

package/index.react.js

@@ -1,9 +0,0 @@
-import 'core-js/stable';
-import 'regenerator-runtime/runtime';
-import bundleLoader from './src/template/bundleLoader';
-import ItemStore from './src/template/ItemStore';
-import './src/view/react/all';
-import { Editor, Presenter, ValidationPresenter } from './src/view/react/Wrappers';
-import renderingContext from './src/view/renderingContext';
-
-export { bundleLoader, ItemStore, Presenter, Editor, ValidationPresenter, renderingContext };

package/loadViewOptions.js

@@ -1,10 +0,0 @@
-/// #if BLOCKS
-import 'bootstrap';
-import './src/view/bootstrap/Select2';
-import './src/view/bootstrap/DateTimeBootstrapDatepicker';
-import 'select2/dist/css/select2.css';
-import './src/view/bootstrap/style.css';
-/// #else
-import './src/view/react/all'; // hard coded react
-/// #endif
-