@lowdefy/blocks-loaders 4.0.0-alpha.1

package/dist/blocks/SkeletonAvatar/schema.json

@@ -0,0 +1,41 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "style": {
+        "type": "object",
+        "description": "Css style object to apply to the skeleton.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "size": {
+        "type": "string",
+        "default": "medium",
+        "description": "Size of the skeleton.",
+        "enum": ["small", "medium", "large"]
+      },
+      "shape": {
+        "type": "string",
+        "default": "round",
+        "description": "Size of the skeleton.",
+        "enum": ["square", "round"]
+      },
+      "height": {
+        "type": ["number", "string"],
+        "description": "Height of the skeleton."
+      },
+      "width": {
+        "type": ["number", "string"],
+        "description": "Width of the skeleton."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {}
+  }
+}

package/dist/blocks/SkeletonAvatar/style.less

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2021 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 '../Skeleton/style.less';

package/dist/blocks/SkeletonButton/SkeletonButton.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+  Copyright 2020-2021 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';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import Skeleton from '../Skeleton/Skeleton.js';
+const SkeletonButton = ({ properties , methods  })=>{
+    let height;
+    switch(properties.size){
+        case 'small':
+            height = 24;
+            break;
+        case 'large':
+            height = 40;
+            break;
+        default:
+            height = 32;
+    }
+    return(/*#__PURE__*/ _jsx(Skeleton, {
+        methods: methods,
+        properties: {
+            style: {
+                ...{
+                    borderRadius: properties.shape === 'round' && height / 2
+                },
+                ...properties.style || {
+                }
+            },
+            width: properties.width || '100%',
+            height: height
+        }
+    }));
+};
+SkeletonButton.defaultProps = blockDefaultProps;
+export default SkeletonButton;

package/dist/blocks/SkeletonButton/index.js

@@ -0,0 +1,26 @@
+/*
+  Copyright 2020-2021 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.
+*/ export default {
+    import: {
+        block: 'blocks/SkeletonButton/SkeletonButton.js',
+        styles: [
+            'blocks/SkeletonButton/style.less'
+        ]
+    },
+    meta: {
+        category: 'display',
+        loading: false
+    }
+};

package/dist/blocks/SkeletonButton/schema.json

@@ -0,0 +1,41 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "style": {
+        "type": "object",
+        "description": "Css style object to apply to the skeleton.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "size": {
+        "type": "string",
+        "default": "medium",
+        "description": "Size of the skeleton.",
+        "enum": ["small", "medium", "large"]
+      },
+      "shape": {
+        "type": "string",
+        "default": "round",
+        "description": "Size of the skeleton.",
+        "enum": ["square", "round"]
+      },
+      "height": {
+        "type": ["number", "string"],
+        "description": "Height of the skeleton."
+      },
+      "width": {
+        "type": ["number", "string"],
+        "description": "Width of the skeleton."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {}
+  }
+}

package/dist/blocks/SkeletonButton/style.less

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2021 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 '../Skeleton/style.less';

package/dist/blocks/SkeletonInput/SkeletonInput.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+  Copyright 2020-2021 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';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import Skeleton from '../Skeleton/Skeleton.js';
+const SkeletonInput = ({ properties , methods  })=>{
+    let inputHeight;
+    switch(properties.size){
+        case 'small':
+            inputHeight = 24;
+            break;
+        case 'large':
+            inputHeight = 40;
+            break;
+        default:
+            inputHeight = 32;
+    }
+    return(/*#__PURE__*/ _jsxs("div", {
+        children: [
+            properties.label !== false && /*#__PURE__*/ _jsx(Skeleton, {
+                methods: methods,
+                properties: {
+                    width: properties.labelWidth || properties.width || '30%',
+                    height: properties.labelHeight || 20,
+                    style: {
+                        ...{
+                            marginBottom: 10
+                        },
+                        ...properties.labelStyle || {
+                        }
+                    }
+                }
+            }),
+            /*#__PURE__*/ _jsx(Skeleton, {
+                methods: methods,
+                properties: {
+                    width: properties.width || '100%',
+                    height: properties.inputHeight || inputHeight,
+                    style: properties.inputStyle || {
+                    }
+                }
+            })
+        ]
+    }));
+};
+SkeletonInput.defaultProps = blockDefaultProps;
+export default SkeletonInput;

package/dist/blocks/SkeletonInput/index.js

@@ -0,0 +1,26 @@
+/*
+  Copyright 2020-2021 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.
+*/ export default {
+    import: {
+        block: 'blocks/SkeletonInput/SkeletonInput.js',
+        styles: [
+            'blocks/SkeletonInput/style.less'
+        ]
+    },
+    meta: {
+        category: 'display',
+        loading: false
+    }
+};

package/dist/blocks/SkeletonInput/schema.json

@@ -0,0 +1,60 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "labelStyle": {
+        "type": "object",
+        "description": "Css style object to apply to the label skeleton.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "inputStyle": {
+        "type": "object",
+        "description": "Css style object to apply to the input skeleton.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "size": {
+        "type": "string",
+        "default": "medium",
+        "description": "Size of the skeleton.",
+        "enum": ["small", "medium", "large"]
+      },
+      "shape": {
+        "type": "string",
+        "default": "round",
+        "description": "Size of the skeleton.",
+        "enum": ["square", "round"]
+      },
+      "height": {
+        "type": ["number", "string"],
+        "description": "Height of the skeleton."
+      },
+      "width": {
+        "type": ["number", "string"],
+        "description": "Width of the skeleton."
+      },
+      "labelHeight": {
+        "type": ["number", "string"],
+        "description": "Height of the skeleton."
+      },
+      "labelWidth": {
+        "type": ["number", "string"],
+        "description": "Width of the skeleton."
+      },
+      "inputHeight": {
+        "type": ["number", "string"],
+        "description": "Height of the skeleton."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {}
+  }
+}

package/dist/blocks/SkeletonInput/style.less

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2021 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 '../Skeleton/style.less';

package/dist/blocks/SkeletonParagraph/SkeletonParagraph.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+  Copyright 2020-2021 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';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import Skeleton from '../Skeleton/Skeleton.js';
+const SkeletonParagraph = ({ properties , methods  })=>{
+    const lines = [
+        ...Array(properties.lines || 4).keys()
+    ];
+    return(/*#__PURE__*/ _jsx("div", {
+        style: {
+            width: properties.width || '100%'
+        },
+        children: lines.map((key)=>/*#__PURE__*/ _jsx(Skeleton, {
+                methods: methods,
+                properties: {
+                    ...{
+                        height: '1.25rem',
+                        width: key === lines.length - 1 && key !== 0 ? '40%' : '100%',
+                        style: {
+                            marginBottom: '1rem'
+                        }
+                    },
+                    ...properties.style || {
+                    }
+                }
+            }, key)
+        )
+    }));
+};
+SkeletonParagraph.defaultProps = blockDefaultProps;
+export default SkeletonParagraph;

package/dist/blocks/SkeletonParagraph/index.js

@@ -0,0 +1,26 @@
+/*
+  Copyright 2020-2021 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.
+*/ export default {
+    import: {
+        block: 'blocks/SkeletonParagraph/SkeletonParagraph.js',
+        styles: [
+            'blocks/SkeletonParagraph/style.less'
+        ]
+    },
+    meta: {
+        category: 'display',
+        loading: false
+    }
+};

package/dist/blocks/SkeletonParagraph/schema.json

@@ -0,0 +1,36 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "style": {
+        "type": "object",
+        "description": "Css style object to apply to the skeleton.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "size": {
+        "type": "string",
+        "default": "medium",
+        "description": "Size of the skeleton.",
+        "enum": ["small", "medium", "large"]
+      },
+      "lines": {
+        "type": "number",
+        "default": 4,
+        "description": "Number of paragraph lines of the skeleton."
+      },
+      "width": {
+        "type": ["number", "string"],
+        "description": "Width of the skeleton."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {}
+  }
+}

package/dist/blocks/SkeletonParagraph/style.less

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2021 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 '../Skeleton/style.less';

package/dist/blocks/Spinner/Spinner.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/*
+  Copyright 2020-2021 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';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import LogoSpinner from '../LogoSpinner/LogoSpinner.js';
+const Spinner = ({ properties , methods  })=>{
+    return(/*#__PURE__*/ _jsx("div", {
+        className: methods.makeCssClass({
+            height: properties.height || '100%',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            background: properties.shaded === true && '#f1f1f1'
+        }),
+        children: /*#__PURE__*/ _jsxs("div", {
+            style: {
+                width: properties.size || 50,
+                margin: 'auto',
+                height: properties.size || 50
+            },
+            children: [
+                /*#__PURE__*/ _jsx(LogoSpinner, {
+                    color: properties.color,
+                    barColor: properties.barColor || (properties.shaded === true ? '#f1f1f1' : '#fff')
+                }),
+                /*#__PURE__*/ _jsx("div", {
+                    className: methods.makeCssClass({
+                        textAlign: 'center',
+                        color: '#bfbfbf',
+                        fontSize: 12,
+                        paddingTop: 2,
+                        fontFamily: '-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"'
+                    }),
+                    children: "Lowdefy"
+                })
+            ]
+        })
+    }));
+};
+Spinner.defaultProps = blockDefaultProps;
+export default Spinner;

package/dist/blocks/Spinner/index.js

@@ -0,0 +1,26 @@
+/*
+  Copyright 2020-2021 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.
+*/ export default {
+    import: {
+        block: 'blocks/Spinner/Spinner.js',
+        styles: [
+            'blocks/Spinner/style.less'
+        ]
+    },
+    meta: {
+        category: 'display',
+        loading: false
+    }
+};

package/dist/blocks/Spinner/schema.json

@@ -0,0 +1,32 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "style": {
+        "type": "object",
+        "description": "Css style object to apply to the skeleton.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "size": {
+        "type": "string",
+        "default": "medium",
+        "description": "Size of the logo spinner.",
+        "enum": ["small", "medium", "large"]
+      },
+      "height": {
+        "type": ["string", "number"],
+        "default": "100%",
+        "description": "Height of the container."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {}
+  }
+}

package/dist/blocks/Spinner/style.less

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2021 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 '../LogoSpinner/style.less';

package/dist/index.js

@@ -0,0 +1,35 @@
+/*
+  Copyright 2020-2021 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 IconSpinner from './blocks/IconSpinner/IconSpinner.js';
+import Skeleton from './blocks/Skeleton/Skeleton.js';
+import SkeletonAvatar from './blocks/SkeletonAvatar/SkeletonAvatar.js';
+import SkeletonButton from './blocks/SkeletonButton/SkeletonButton.js';
+import SkeletonInput from './blocks/SkeletonInput/SkeletonInput.js';
+import SkeletonParagraph from './blocks/SkeletonParagraph/SkeletonParagraph.js';
+import Spinner from './blocks/Spinner/Spinner.js';
+export default {
+    blocks: {
+        IconSpinner,
+        Skeleton,
+        SkeletonAvatar,
+        SkeletonButton,
+        SkeletonInput,
+        SkeletonParagraph,
+        Spinner
+    },
+    import: {
+        styles: []
+    }
+};