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

package/dist/blocks/Anchor/Anchor.js

@@ -14,34 +14,13 @@ 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, {
-        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,
+    return(/*#__PURE__*/ _jsx(Link, {
+        id: blockId,
         className: methods.makeCssClass([
             properties.style,
             disabled && {
@@ -50,28 +29,24 @@ 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}`
-            ]
-        })
+        ...properties,
+        children: (defaultTitle)=>/*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    properties.icon && /*#__PURE__*/ _jsx(Icon, {
+                        blockId: `${blockId}_icon`,
+                        events: events,
+                        properties: showLoading ? {
+                            name: 'LoadingOutlined',
+                            spin: true
+                        } : properties.icon
+                    }) + ` `,
+                    properties.title || defaultTitle
+                ]
+            })
     }));
 };
 AnchorBlock.defaultProps = blockDefaultProps;
@@ -82,7 +57,8 @@ AnchorBlock.meta = {
         properties: {
             lines: 1
         }
-    }
+    },
+    icons: [],
+    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,
@@ -16,9 +42,13 @@
           "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

@@ -35,7 +35,8 @@ const Box = ({ blockId , content , events , methods , properties  })=>/*#__PURE_
 Box.defaultProps = blockDefaultProps;
 Box.meta = {
     category: 'container',
-    loading: false
+    loading: false,
+    icons: [],
+    styles: []
 };
-Box.styles = [];
 export default Box;

package/dist/blocks/DangerousHtml/DangerousHtml.js

@@ -51,7 +51,8 @@ let DangerousHtml = class DangerousHtml extends React.Component {
 DangerousHtml.defaultProps = blockDefaultProps;
 DangerousHtml.meta = {
     category: 'display',
-    loading: false
+    loading: false,
+    icons: [],
+    styles: []
 };
-DangerousHtml.styles = [];
 export default DangerousHtml;

package/dist/blocks/Html/Html.js

@@ -26,7 +26,8 @@ const HtmlBlock = ({ blockId , properties , methods  })=>/*#__PURE__*/ _jsx(Html
 HtmlBlock.defaultProps = blockDefaultProps;
 HtmlBlock.meta = {
     category: 'display',
-    loading: false
+    loading: false,
+    icons: [],
+    styles: []
 };
-HtmlBlock.styles = [];
 export default HtmlBlock;

package/dist/blocks/Icon/Icon.js

@@ -22,7 +22,8 @@ const IconBlock = ({ components: { Icon  } , ...props })=>/*#__PURE__*/ _jsx(Ico
 IconBlock.defaultProps = blockDefaultProps;
 IconBlock.meta = {
     category: 'display',
-    loading: false
+    loading: false,
+    icons: [],
+    styles: []
 };
-IconBlock.styles = [];
 export default IconBlock;

package/dist/blocks/Img/Img.js

@@ -37,7 +37,8 @@ const ImgBlock = ({ blockId , events , properties , methods  })=>{
 ImgBlock.defaultProps = blockDefaultProps;
 ImgBlock.meta = {
     category: 'display',
-    loading: false
+    loading: false,
+    icons: [],
+    styles: []
 };
-ImgBlock.styles = [];
 export default ImgBlock;

package/dist/blocks/List/List.js

@@ -34,8 +34,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 +49,8 @@ List.defaultProps = blockDefaultProps;
 List.meta = {
     category: 'list',
     valueType: 'array',
-    loading: false
+    loading: false,
+    icons: [],
+    styles: []
 };
-List.styles = [];
 export default List;

package/dist/blocks/Span/Span.js

@@ -35,7 +35,8 @@ const Span = ({ blockId , content , events , methods , properties  })=>/*#__PURE
 Span.defaultProps = blockDefaultProps;
 Span.meta = {
     category: 'container',
-    loading: false
+    loading: false,
+    icons: [],
+    styles: []
 };
-Span.styles = [];
 export default Span;

package/dist/types.js

@@ -1,4 +1,4 @@
-/*
+/* eslint-disable import/namespace */ /*
   Copyright 2020-2021 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (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.7",
   "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.7",
+    "@lowdefy/helpers": "4.0.0-alpha.7",
+    "dompurify": "2.3.5",
+    "react": "18.0.0-rc.0",
+    "react-dom": "18.0.0-rc.0"
   },
   "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.7",
+    "@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": "52ec14639d00de910cf9b8ab25bf933ca891cff5"
 }