@lowdefy/block-utils 4.0.0-rc.9 → 4.0.0

package/dist/ErrorBoundary.js

@@ -0,0 +1,52 @@
+/*
+  Copyright 2020-2024 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import React, { Component } from 'react';
+import ErrorPage from './ErrorPage.js';
+let ErrorBoundary = class ErrorBoundary extends Component {
+    static getDerivedStateFromError(error) {
+        return {
+            hasError: true,
+            error
+        };
+    }
+    render() {
+        const { children, description, fallback, fullPage, message, name } = this.props;
+        const { hasError, error } = this.state;
+        if (hasError) {
+            if (fallback) {
+                return fallback(error);
+            }
+            if (fullPage) {
+                return /*#__PURE__*/ React.createElement(ErrorPage, {
+                    code: error.number,
+                    description: description || error.description,
+                    message: message || error.message,
+                    name: name || error.name
+                });
+            }
+            // Throw to console but fail silently to user?
+            return '';
+        }
+        return children;
+    }
+    constructor(props){
+        super(props);
+        this.state = {
+            hasError: false,
+            error: null
+        };
+    }
+};
+export default ErrorBoundary;

package/dist/ErrorPage.js

@@ -0,0 +1,60 @@
+/*
+  Copyright 2020-2024 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import React from 'react';
+const ErrorPage = ({ code, description, message, name })=>/*#__PURE__*/ React.createElement("div", {
+        style: {
+            height: '100%',
+            fontFamily: 'system-ui',
+            margin: 0,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center'
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            flex: '0 1 auto',
+            fontSize: '4.3em',
+            fontWeight: '100',
+            paddingRight: 30
+        }
+    }, code ?? 500), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            flex: '0 1 auto',
+            paddingLeft: 30,
+            maxWidth: 400,
+            borderLeft: '1px solid #aeaeae'
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        style: {
+            fontSize: '1.3em',
+            fontWeight: '300',
+            paddingBottom: 10
+        }
+    }, name ?? 'Error'), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            fontSize: '0.9em'
+        }
+    }, message ?? 'An error has occurred.'), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            fontSize: '0.9em'
+        }
+    }, description), /*#__PURE__*/ React.createElement("div", {
+        style: {
+            paddingTop: 20
+        }
+    }, /*#__PURE__*/ React.createElement("a", {
+        href: "/"
+    }, "Return to home page"))));
+export default ErrorPage;

package/dist/HtmlComponent.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -24,8 +24,21 @@ let HtmlComponent = class HtmlComponent extends React.Component {
         const htmlString = type.isNone(this.props.html) ? '' : this.props.html.toString();
         this.div.innerHTML = DOMPurify.sanitize(htmlString);
     }
+    onTextSelection() {
+        if (this.props.events?.onTextSelection) {
+            const selection = window.getSelection().toString();
+            if (selection !== '') {
+                this.props.methods.triggerEvent({
+                    name: 'onTextSelection',
+                    event: {
+                        selection
+                    }
+                });
+            }
+        }
+    }
     render() {
-        const { div , id , methods , style  } = this.props;
+        const { div, id, methods, style } = this.props;
         if (div === true) {
             return /*#__PURE__*/ React.createElement("div", {
                 id: id,
@@ -35,7 +48,8 @@ let HtmlComponent = class HtmlComponent extends React.Component {
                         this.div = el;
                     }
                 },
-                className: methods.makeCssClass(style)
+                className: methods.makeCssClass(style),
+                onMouseUp: this.onTextSelection
             });
         }
         return /*#__PURE__*/ React.createElement("span", {
@@ -46,7 +60,8 @@ let HtmlComponent = class HtmlComponent extends React.Component {
                     this.div = el;
                 }
             },
-            className: methods.makeCssClass(style)
+            className: methods.makeCssClass(style),
+            onMouseUp: this.onTextSelection
         });
     }
     constructor(props){
@@ -54,6 +69,7 @@ let HtmlComponent = class HtmlComponent extends React.Component {
         this.div = {
             innerHTML: ''
         };
+        this.onTextSelection = this.onTextSelection.bind(this);
     }
 };
 export default HtmlComponent;

package/dist/blockDefaultProps.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -22,7 +22,7 @@ const blockDefaultProps = {
     list: [],
     menus: [],
     methods: {
-        makeCssClass: makeCssClass,
+        makeCssClass,
         registerEvent: ()=>undefined,
         registerMethod: ()=>undefined,
         triggerEvent: ()=>undefined

package/dist/blockSchema.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/index.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -15,7 +15,8 @@
 */ import blockDefaultProps from './blockDefaultProps.js';
 import blockSchema from './blockSchema.js';
 import HtmlComponent from './HtmlComponent.js';
+import ErrorBoundary from './ErrorBoundary.js';
 import makeCssClass from './makeCssClass.js';
 import mediaToCssObject from './mediaToCssObject.js';
 import renderHtml from './renderHtml.js';
-export { blockDefaultProps, blockSchema, HtmlComponent, makeCssClass, mediaToCssObject, renderHtml };
+export { blockDefaultProps, blockSchema, ErrorBoundary, HtmlComponent, makeCssClass, mediaToCssObject, renderHtml };

package/dist/makeCssClass.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/mediaToCssObject.js

@@ -1,5 +1,5 @@
 /* eslint-disable no-undef */ /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -62,7 +62,7 @@ const mediaToCssObject = (styles, styleObjectOnly)=>{
         if (styleObjectOnly) {
             mq = mediaReact;
         }
-        const { xs , sm , md , lg , xl , xxl , ...others } = style;
+        const { xs, sm, md, lg, xl, xxl, ...others } = style;
         if (xs) {
             others[mq.xs] = xs;
         }

package/dist/renderHtml.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2023 Lowdefy, Inc
+  Copyright 2020-2024 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -15,8 +15,9 @@
 */ import React from 'react';
 import { type } from '@lowdefy/helpers';
 import HtmlComponent from './HtmlComponent.js';
-const renderHtml = ({ div , html , id , methods , style  })=>type.isNone(html) ? undefined : /*#__PURE__*/ React.createElement(HtmlComponent, {
+const renderHtml = ({ div, events, html, id, methods, style })=>type.isNone(html) ? undefined : /*#__PURE__*/ React.createElement(HtmlComponent, {
         div: div,
+        events: events,
         html: html,
         id: id,
         methods: methods,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/block-utils",
-  "version": "4.0.0-rc.9",
+  "version": "4.0.0",
   "license": "Apache-2.0",
   "description": "Lowdefy Block Utils",
   "homepage": "https://lowdefy.com",
@@ -33,36 +33,34 @@
   "files": [
     "dist/*"
   ],
-  "scripts": {
-    "build": "swc src --out-dir dist --config-file ../../../.swcrc --delete-dir-on-start && pnpm copyfiles",
-    "clean": "rm -rf dist",
-    "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.yaml\" -e \"./src/**/*.snap\"",
-    "prepublishOnly": "pnpm build",
-    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js"
-  },
   "dependencies": {
-    "@emotion/css": "11.10.5",
-    "@lowdefy/helpers": "4.0.0-rc.9",
-    "dompurify": "2.4.1",
+    "@emotion/css": "11.11.2",
+    "@lowdefy/helpers": "4.0.0",
+    "dompurify": "3.0.6",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "devDependencies": {
-    "@babel/core": "7.20.7",
+    "@babel/core": "7.23.3",
     "@emotion/jest": "11.10.5",
-    "@swc/cli": "0.1.59",
-    "@swc/core": "1.3.24",
-    "@swc/jest": "0.2.24",
+    "@swc/cli": "0.1.63",
+    "@swc/core": "1.3.99",
+    "@swc/jest": "0.2.29",
     "@testing-library/dom": "8.19.1",
     "@testing-library/react": "13.4.0",
     "@testing-library/user-event": "14.4.3",
     "copyfiles": "2.4.1",
-    "jest": "28.1.0",
-    "jest-environment-jsdom": "28.1.0",
+    "jest": "28.1.3",
+    "jest-environment-jsdom": "28.1.3",
     "jest-serializer-html": "7.1.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d20e6ac424643feca527a732dc2b0710713c8243"
-}
+  "scripts": {
+    "build": "swc src --out-dir dist --config-file ../../../.swcrc --delete-dir-on-start && pnpm copyfiles",
+    "clean": "rm -rf dist",
+    "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.yaml\" -e \"./src/**/*.snap\"",
+    "test": "node --experimental-vm-modules node_modules/jest/bin/jest.js"
+  }
+}