@lowdefy/blocks-basic 4.0.0-alpha.1 → 4.0.0-alpha.12

package/dist/blocks/Anchor/Anchor.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -14,34 +13,27 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
   See the License for the specific language governing permissions and
   limitations under the License.
 */ import React from 'react';
-import { get, type } from '@lowdefy/helpers';
+import { get } from '@lowdefy/helpers';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-const Strong = ({ children , strong  })=>strong ? /*#__PURE__*/ _jsx("b", {
-        children: children
-    }) : /*#__PURE__*/ _jsx(_Fragment, {
-        children: children
-    })
-;
-const Tag = ({ blockId , children , className , disabled , href , Link , newTab , onClick , rel  })=>disabled ? /*#__PURE__*/ _jsx("span", {
-        id: blockId,
-        className: className,
-        children: children
-    }) : /*#__PURE__*/ _jsx(Link, {
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+const AnchorBlock = ({ blockId , events , components: { Icon , Link  } , methods , properties  })=>{
+    const disabled = properties.disabled || get(events, 'onClick.loading');
+    const { icon , title , ...linkProperties } = properties;
+    return(/*#__PURE__*/ React.createElement(Link, _extends({
         id: blockId,
-        className: className,
-        href: href,
-        onClick: onClick,
-        rel: rel || 'noopener noreferrer',
-        target: newTab ? '_blank' : '_self',
-        children: children
-    })
-;
-const AnchorBlock = ({ blockId , events , components: { Icon , Link  } , loading , methods , properties ,  })=>{
-    const title = type.isNone(properties.title) ? type.isNone(properties.href) ? properties.href : blockId : properties.title;
-    const showLoading = get(events, 'onClick.loading') || loading;
-    const disabled = properties.disabled || showLoading;
-    return(/*#__PURE__*/ _jsx(Tag, {
-        blockId: blockId,
         className: methods.makeCssClass([
             properties.style,
             disabled && {
@@ -50,39 +42,25 @@ const AnchorBlock = ({ blockId , events , components: { Icon , Link  } , loading
             }, 
         ]),
         disabled: disabled,
-        href: properties.href,
-        Link: Link,
-        rel: properties.rel,
-        newTab: properties.newTab,
         onClick: ()=>methods.triggerEvent({
                 name: 'onClick'
             })
-        ,
-        children: /*#__PURE__*/ _jsxs(Strong, {
-            strong: properties.strong,
-            children: [
-                properties.icon && /*#__PURE__*/ _jsx(Icon, {
-                    blockId: `${blockId}_icon`,
-                    events: events,
-                    properties: showLoading ? {
-                        name: 'LoadingOutlined',
-                        spin: true
-                    } : properties.icon
-                }),
-                ` ${title}`
-            ]
-        })
-    }));
+    }, linkProperties), (defaultTitle)=>/*#__PURE__*/ React.createElement(React.Fragment, null, icon && /*#__PURE__*/ React.createElement(Icon, {
+            blockId: `${blockId}_icon`,
+            events: events,
+            properties: get(events, 'onClick.loading') ? {
+                name: 'AiOutlineLoading3Quarters',
+                spin: true
+            } : icon
+        }), title || defaultTitle)
+    ));
 };
 AnchorBlock.defaultProps = blockDefaultProps;
 AnchorBlock.meta = {
     category: 'display',
-    loading: {
-        type: 'SkeletonParagraph',
-        properties: {
-            lines: 1
-        }
-    }
+    icons: [
+        'AiOutlineLoading3Quarters'
+    ],
+    styles: []
 };
-AnchorBlock.styles = [];
 export default AnchorBlock;

package/dist/blocks/Anchor/schema.json

@@ -4,6 +4,32 @@
     "type": "object",
     "additionalProperties": false,
     "properties": {
+      "ariaLabel": {
+        "type": "string",
+        "description": "Arial-label to apply to link tag."
+      },
+      "back": {
+        "type": "boolean",
+        "description": "When the link is clicked, trigger the browser back."
+      },
+      "home": {
+        "type": "boolean",
+        "description": "When the link is clicked, route to the home page."
+      },
+      "input": {
+        "type": "object",
+        "description": "When the link is clicked, pass data as the input object to the next Lowdefy page.  Can only be used with pageId link and newTab false.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "urlQuery": {
+        "type": "object",
+        "description": "When the link is clicked, pass data as a url query to the next page.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
       "disabled": {
         "type": "boolean",
         "default": false,
@@ -11,14 +37,18 @@
       },
       "icon": {
         "type": ["string", "object"],
-        "description": "Name of an Ant Design Icon or properties of an Icon block for anchor icon.",
+        "description": "Name of an React-Icon (See <a href='https://react-icons.github.io/react-icons/'>all icons</a>) or properties of an Icon block for anchor icon.",
         "docs": {
           "displayType": "icon"
         }
       },
-      "href": {
+      "pageId": {
         "type": "string",
-        "description": "Anchor element href property."
+        "description": "When the link is clicked, route to the provided Lowdefy page."
+      },
+      "url": {
+        "type": "string",
+        "description": "External url to link to when the anchor link is clicked."
       },
       "rel": {
         "type": "string",
@@ -30,10 +60,15 @@
         "default": false,
         "description": "Open link in a new tab when the anchor link is clicked."
       },
-      "strong": {
+      "replace": {
+        "type": "boolean",
+        "default": false,
+        "description": "Prevent adding a new entry into browser history by replacing the url instead of pushing into history. Can only be used with pageId link and newTab false."
+      },
+      "scroll": {
         "type": "boolean",
         "default": false,
-        "description": "Makes the text bold when true."
+        "description": "Disable scrolling to the top of the page after page transition. Can only be used with pageId link and newTab false."
       },
       "style": {
         "type": "object",

package/dist/blocks/Box/Box.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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 +14,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
   limitations under the License.
 */ import React from 'react';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-const Box = ({ blockId , content , events , methods , properties  })=>/*#__PURE__*/ _jsx("div", {
+const Box = ({ blockId , content , events , methods , properties  })=>/*#__PURE__*/ React.createElement("div", {
         id: blockId,
         "data-testid": blockId,
         onClick: ()=>methods.triggerEvent({
@@ -28,14 +27,13 @@ const Box = ({ blockId , content , events , methods , properties  })=>/*#__PURE_
                 cursor: events.onClick && 'pointer'
             },
             properties.style, 
-        ]),
-        children: properties.content || content.content && content.content()
-    })
+        ])
+    }, properties.content || content.content && content.content())
 ;
 Box.defaultProps = blockDefaultProps;
 Box.meta = {
     category: 'container',
-    loading: false
+    icons: [],
+    styles: []
 };
-Box.styles = [];
 export default Box;

package/dist/blocks/DangerousHtml/DangerousHtml.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -28,7 +27,7 @@ let DangerousHtml = class DangerousHtml extends React.Component {
     }
     render() {
         const { blockId , properties , methods  } = this.props;
-        return(/*#__PURE__*/ _jsx("div", {
+        return(/*#__PURE__*/ React.createElement("div", {
             id: blockId,
             "data-testid": blockId,
             ref: (el)=>{
@@ -51,7 +50,7 @@ let DangerousHtml = class DangerousHtml extends React.Component {
 DangerousHtml.defaultProps = blockDefaultProps;
 DangerousHtml.meta = {
     category: 'display',
-    loading: false
+    icons: [],
+    styles: []
 };
-DangerousHtml.styles = [];
 export default DangerousHtml;

package/dist/blocks/Html/Html.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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 +14,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
   limitations under the License.
 */ import React from 'react';
 import { blockDefaultProps, HtmlComponent } from '@lowdefy/block-utils';
-const HtmlBlock = ({ blockId , properties , methods  })=>/*#__PURE__*/ _jsx(HtmlComponent, {
+const HtmlBlock = ({ blockId , properties , methods  })=>/*#__PURE__*/ React.createElement(HtmlComponent, {
         div: true,
         html: properties.html,
         id: blockId,
@@ -26,7 +25,7 @@ const HtmlBlock = ({ blockId , properties , methods  })=>/*#__PURE__*/ _jsx(Html
 HtmlBlock.defaultProps = blockDefaultProps;
 HtmlBlock.meta = {
     category: 'display',
-    loading: false
+    icons: [],
+    styles: []
 };
-HtmlBlock.styles = [];
 export default HtmlBlock;

package/dist/blocks/Icon/Icon.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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,14 +14,26 @@ import { jsx as _jsx } from "react/jsx-runtime";
   limitations under the License.
 */ import React from 'react';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-const IconBlock = ({ components: { Icon  } , ...props })=>/*#__PURE__*/ _jsx(Icon, {
-        ...props
-    })
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
+const IconBlock = ({ components: { Icon  } , ...props })=>/*#__PURE__*/ React.createElement(Icon, _extends({}, props))
 ;
 IconBlock.defaultProps = blockDefaultProps;
 IconBlock.meta = {
     category: 'display',
-    loading: false
+    icons: [],
+    styles: []
 };
-IconBlock.styles = [];
 export default IconBlock;

package/dist/blocks/Icon/schema.json

@@ -13,7 +13,7 @@
       },
       "name": {
         "type": "string",
-        "default": "AiCloseCircleOutlined",
+        "default": "AiOutlineCloseCircle",
         "description": "Name of icon to be displayed."
       },
       "rotate": {

package/dist/blocks/Img/Img.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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,10 +14,23 @@ import { jsx as _jsx } from "react/jsx-runtime";
   limitations under the License.
 */ import React from 'react';
 import { blockDefaultProps } from '@lowdefy/block-utils';
+function _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
+}
 const ImgBlock = ({ blockId , events , properties , methods  })=>{
     const { style , ...allProps } = properties;
-    return(/*#__PURE__*/ _jsx("img", {
-        ...allProps,
+    return(/*#__PURE__*/ React.createElement("img", _extends({}, allProps, {
         id: blockId,
         "data-testid": blockId,
         onClick: ()=>methods.triggerEvent({
@@ -32,12 +44,12 @@ const ImgBlock = ({ blockId , events , properties , methods  })=>{
             },
             style, 
         ])
-    }));
+    })));
 };
 ImgBlock.defaultProps = blockDefaultProps;
 ImgBlock.meta = {
     category: 'display',
-    loading: false
+    icons: [],
+    styles: []
 };
-ImgBlock.styles = [];
 export default ImgBlock;

package/dist/blocks/List/List.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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,7 +23,7 @@ const List = ({ blockId , events , list , methods , properties  })=>{
         methods.registerMethod('moveItemDown', methods.moveItemDown);
         methods.registerMethod('moveItemUp', methods.moveItemUp);
     }, []);
-    return(/*#__PURE__*/ _jsx(Box, {
+    return(/*#__PURE__*/ React.createElement(Box, {
         blockId: blockId,
         events: events,
         properties: {
@@ -34,8 +33,7 @@ const List = ({ blockId , events , list , methods , properties  })=>{
                     flexDirection: properties.direction,
                     flexWrap: properties.wrap ? properties.wrap : 'wrap',
                     overflow: properties.scroll ? 'auto' : 'visible'
-                } : {
-                },
+                } : {},
                 ...properties.style
             }
         },
@@ -50,7 +48,7 @@ List.defaultProps = blockDefaultProps;
 List.meta = {
     category: 'list',
     valueType: 'array',
-    loading: false
+    icons: [],
+    styles: []
 };
-List.styles = [];
 export default List;

package/dist/blocks/Span/Span.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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 +14,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
   limitations under the License.
 */ import React from 'react';
 import { blockDefaultProps } from '@lowdefy/block-utils';
-const Span = ({ blockId , content , events , methods , properties  })=>/*#__PURE__*/ _jsx("span", {
+const Span = ({ blockId , content , events , methods , properties  })=>/*#__PURE__*/ React.createElement("span", {
         id: blockId,
         "data-testid": blockId,
         onClick: ()=>methods.triggerEvent({
@@ -28,14 +27,13 @@ const Span = ({ blockId , content , events , methods , properties  })=>/*#__PURE
                 cursor: events.onClick && 'pointer'
             },
             properties.style, 
-        ]),
-        children: properties.content || content.content && content.content()
-    })
+        ])
+    }, properties.content || content.content && content.content())
 ;
 Span.defaultProps = blockDefaultProps;
 Span.meta = {
     category: 'container',
-    loading: false
+    icons: [],
+    styles: []
 };
-Span.styles = [];
 export default Span;

package/dist/blocks.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 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/types.js

@@ -1,5 +1,5 @@
-/*
-  Copyright 2020-2021 Lowdefy, Inc
+/* eslint-disable import/namespace */ /*
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -12,18 +12,21 @@
   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.
-*/ export default {
-    blocks: [
-        'Anchor',
-        'Box',
-        'DangerousHtml',
-        'Html',
-        'Icon',
-        'Img',
-        'List',
-        'Span'
-    ],
-    styles: [
-        'style.less'
-    ]
-};
+*/ import * as blocks from './blocks.js';
+const icons = {};
+const styles = {};
+Object.keys(blocks).forEach((block)=>{
+    icons[block] = blocks[block].meta.icons || [];
+    styles[block] = blocks[block].meta.styles || [];
+});
+export default {
+    blocks: Object.keys(blocks),
+    icons,
+    styles: {
+        default: [],
+        ...styles
+    }
+}; // export default {
+ //   blocks: ['Anchor', 'Box', 'DangerousHtml', 'Html', 'Icon', 'Img', 'List', 'Span'],
+ //   styles: { default: ['style.less'], Anchor: ['blocks/Anchor/style.less']  },
+ // };

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@lowdefy/blocks-basic",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.12",
   "license": "Apache-2.0",
   "description": "Basic html Lowdefy blocks.",
   "homepage": "https://lowdefy.com",
   "keywords": [
     "lowdefy",
-    "lowdefy blocks"
+    "lowdefy blocks",
+    "lowdefy plugin"
   ],
   "bugs": {
     "url": "https://github.com/lowdefy/lowdefy/issues"
@@ -19,6 +20,10 @@
     {
       "name": "Gerrie van Wyk",
       "url": "https://github.com/Gervwyk"
+    },
+    {
+      "name": "Sandile Memela",
+      "url": "https://github.com/sah-memela"
     }
   ],
   "repository": {
@@ -27,6 +32,7 @@
   },
   "type": "module",
   "exports": {
+    "./*": "./dist/*",
     "./blocks": "./dist/blocks.js",
     "./types": "./dist/types.js"
   },
@@ -43,29 +49,28 @@
     "test": "jest --coverage"
   },
   "dependencies": {
-    "@lowdefy/block-utils": "4.0.0-alpha.1",
-    "@lowdefy/helpers": "4.0.0-alpha.1",
-    "dompurify": "2.3.3",
-    "react": "18.0.0-alpha-327d5c484-20211106",
-    "react-dom": "18.0.0-alpha-327d5c484-20211106"
+    "@lowdefy/block-utils": "4.0.0-alpha.12",
+    "@lowdefy/helpers": "4.0.0-alpha.12",
+    "dompurify": "2.3.5",
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
   },
   "devDependencies": {
-    "@babel/preset-react": "7.16.0",
-    "@emotion/jest": "11.5.0",
-    "@lowdefy/block-dev": "4.0.0-alpha.1",
-    "@swc/cli": "0.1.52",
-    "@swc/core": "1.2.112",
-    "@swc/jest": "0.2.9",
-    "@testing-library/dom": "8.10.1",
+    "@emotion/jest": "11.7.1",
+    "@lowdefy/block-dev": "4.0.0-alpha.12",
+    "@swc/cli": "0.1.55",
+    "@swc/core": "1.2.135",
+    "@swc/jest": "0.2.17",
+    "@testing-library/dom": "8.11.3",
     "@testing-library/react": "13.0.0-alpha.4",
     "@testing-library/user-event": "14.0.0-alpha.14",
     "copyfiles": "2.4.1",
-    "jest": "27.3.1",
+    "jest": "27.5.1",
     "jest-serializer-html": "7.1.0",
-    "jest-transform-yaml": "0.1.2"
+    "jest-transform-yaml": "1.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c97a8fa6b5a641e7d50df09f5601a9c586eeb65a"
+  "gitHead": "41b6138a81bee7da362dad06345bc9f87b2c2133"
 }