@lowdefy/blocks-antd 4.0.0-alpha.29 → 4.0.0-alpha.30

package/dist/blocks/ButtonSelector/schema.json

@@ -0,0 +1,188 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "buttonStyle": {
+        "type": "string",
+        "enum": ["solid", "outline"],
+        "default": "solid",
+        "description": "Style of the selected option button."
+      },
+      "color": {
+        "type": "string",
+        "description": "Selected button color.",
+        "docs": {
+          "displayType": "color"
+        }
+      },
+      "disabled": {
+        "type": "boolean",
+        "default": false,
+        "description": "Disable the block if true."
+      },
+      "inputStyle": {
+        "type": "object",
+        "description": "Css style to applied to input.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "options": {
+        "default": [],
+        "oneOf": [
+          {
+            "type": "array",
+            "description": "Options can either be an array of primitive values, on an array of label, value pairs - supports html.",
+            "items": {
+              "type": "string"
+            }
+          },
+          {
+            "type": "array",
+            "description": "Options can either be an array of primitive values, on an array of label, value pairs.",
+            "items": {
+              "type": "number"
+            }
+          },
+          {
+            "type": "array",
+            "description": "Options can either be an array of primitive values, on an array of label, value pairs.",
+            "items": {
+              "type": "boolean"
+            }
+          },
+          {
+            "type": "array",
+            "description": "Options can either be an array of primitive values, on an array of label, value pairs.",
+            "items": {
+              "type": "object",
+              "required": ["value"],
+              "properties": {
+                "label": {
+                  "type": "string",
+                  "description": "Value label shown to user - supports html."
+                },
+                "value": {
+                  "description": "Value selected. Can be of any type.",
+                  "oneOf": [
+                    {
+                      "type": "string"
+                    },
+                    {
+                      "type": "number"
+                    },
+                    {
+                      "type": "boolean"
+                    },
+                    {
+                      "type": "object"
+                    },
+                    {
+                      "type": "array"
+                    }
+                  ],
+                  "docs": {
+                    "displayType": "yaml"
+                  }
+                },
+                "disabled": {
+                  "type": "boolean",
+                  "default": false,
+                  "description": "Disable the option if true."
+                },
+                "style": {
+                  "type": "object",
+                  "description": "Css style to applied to option.",
+                  "docs": {
+                    "displayType": "yaml"
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      "size": {
+        "type": "string",
+        "enum": ["small", "default", "large"],
+        "default": "default",
+        "description": "Size of the block."
+      },
+      "label": {
+        "type": "object",
+        "description": "Label properties.",
+        "additionalProperties": false,
+        "properties": {
+          "align": {
+            "type": "string",
+            "enum": ["left", "right"],
+            "default": "left",
+            "description": "Align label left or right when inline."
+          },
+          "colon": {
+            "type": "boolean",
+            "default": true,
+            "description": "Append label with colon."
+          },
+          "extra": {
+            "type": "string",
+            "description": "Extra text to display beneath the content - supports html."
+          },
+          "title": {
+            "type": "string",
+            "description": "Label title - supports html."
+          },
+          "span": {
+            "type": "number",
+            "description": "Label inline span."
+          },
+          "disabled": {
+            "type": "boolean",
+            "default": false,
+            "description": "Hide input label."
+          },
+          "hasFeedback": {
+            "type": "boolean",
+            "default": true,
+            "description": "Display feedback extra from validation, this does not disable validation."
+          },
+          "inline": {
+            "type": "boolean",
+            "default": false,
+            "description": "Render input and label inline."
+          },
+          "extraStyle": {
+            "type": "object",
+            "description": "Css style to applied to label extra.",
+            "docs": {
+              "displayType": "yaml"
+            }
+          },
+          "feedbackStyle": {
+            "type": "object",
+            "description": "Css style to applied to label feedback.",
+            "docs": {
+              "displayType": "yaml"
+            }
+          }
+        }
+      },
+      "title": {
+        "type": "string",
+        "description": "Title to describe the input component, if no title is specified the block id is displayed - supports html."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "onChange": {
+        "type": "array",
+        "description": "Trigger actions when selection is changed."
+      }
+    }
+  }
+}

package/dist/blocks/ButtonSelector/style.less

@@ -0,0 +1,18 @@
+/*
+  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.
+  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 'antd/lib/radio/style/index.less';
+@import '../Label/style.less';

package/dist/blocks/Card/Card.js

@@ -0,0 +1,50 @@
+/*
+  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.
+  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 { Card } from 'antd';
+import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+const CardBlock = ({ blockId , content , properties , methods , events  })=>/*#__PURE__*/ React.createElement(Card, {
+        id: blockId,
+        title: content.title ? content.title() : renderHtml({
+            html: properties.title,
+            methods
+        }),
+        headStyle: methods.makeCssClass(properties.headerStyle, true),
+        bodyStyle: methods.makeCssClass(properties.bodyStyle, true),
+        bordered: properties.bordered,
+        extra: content.extra && content.extra(),
+        hoverable: properties.hoverable,
+        size: properties.size,
+        type: properties.inner ? 'inner' : null,
+        onClick: ()=>methods.triggerEvent({
+                name: 'onClick'
+            }),
+        className: methods.makeCssClass([
+            {
+                outline: 'none',
+                cursor: events.onClick && 'pointer'
+            },
+            properties.style, 
+        ])
+    }, content.content && content.content());
+CardBlock.defaultProps = blockDefaultProps;
+CardBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Card/style.less'
+    ]
+};
+export default CardBlock;

package/dist/blocks/Card/schema.json

@@ -0,0 +1,58 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "bordered": {
+        "type": "boolean",
+        "default": true,
+        "description": "Toggles rendering of the border around the card."
+      },
+      "hoverable": {
+        "type": "boolean",
+        "default": false,
+        "description": "Lift up when hovering card."
+      },
+      "headerStyle": {
+        "type": "object",
+        "description": "Css style to applied to card header.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "bodyStyle": {
+        "type": "object",
+        "description": "Css style to applied to card body.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "inner": {
+        "type": "boolean",
+        "default": false,
+        "description": "Change the card style to inner."
+      },
+      "size": {
+        "type": "string",
+        "enum": ["default", "small"],
+        "default": "default",
+        "description": "Size of the card."
+      },
+      "title": {
+        "type": "string",
+        "description": "Title to show in the title area - supports html. Overwritten by blocks in the title content area."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "onClick": {
+        "type": "array",
+        "description": "Trigger actions when the Card is clicked."
+      }
+    }
+  }
+}

package/dist/blocks/Card/style.less

@@ -0,0 +1,17 @@
+/*
+  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.
+  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 'antd/lib/card/style/index.less';

package/dist/blocks/CheckboxSelector/CheckboxSelector.js

@@ -0,0 +1,97 @@
+/*
+  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.
+  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 { Checkbox, Space } from 'antd';
+import { type } from '@lowdefy/helpers';
+import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+import Label from '../Label/Label.js';
+import getValueIndex from '../../getValueIndex.js';
+import getUniqueValues from '../../getUniqueValues.js';
+const CheckboxSelector = ({ blockId , components , events , loading , properties , required , validation , value , methods ,  })=>{
+    const uniqueValueOptions = getUniqueValues(properties.options || []);
+    return /*#__PURE__*/ React.createElement(Label, {
+        blockId: blockId,
+        components: components,
+        events: events,
+        properties: {
+            title: properties.title,
+            size: properties.size,
+            ...properties.label
+        },
+        validation: validation,
+        required: required,
+        content: {
+            content: ()=>/*#__PURE__*/ React.createElement(Checkbox.Group, {
+                    id: `${blockId}_input`,
+                    className: methods.makeCssClass([
+                        properties.color && {
+                            '& > label > span.ant-checkbox-checked:not(.ant-checkbox-disabled) > span': {
+                                backgroundColor: `${properties.color} !important`,
+                                borderColor: `${properties.color} !important`
+                            }
+                        },
+                        properties.inputStyle, 
+                    ]),
+                    disabled: properties.disabled || loading,
+                    onChange: (newVal)=>{
+                        const val = [];
+                        newVal.forEach((nv)=>{
+                            val.push(type.isPrimitive(uniqueValueOptions[nv]) ? uniqueValueOptions[nv] : uniqueValueOptions[nv].value);
+                        });
+                        methods.setValue(val);
+                        methods.triggerEvent({
+                            name: 'onChange'
+                        });
+                    },
+                    value: getValueIndex(value, uniqueValueOptions, true)
+                }, /*#__PURE__*/ React.createElement(Space, {
+                    direction: properties.direction,
+                    wrap: type.isNone(properties.wrap) ? true : properties.wrap,
+                    align: type.isNone(properties.align) ? 'start' : properties.align
+                }, uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Checkbox, {
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`
+                    }, renderHtml({
+                        html: `${opt}`,
+                        methods
+                    })) : /*#__PURE__*/ React.createElement(Checkbox, {
+                        id: `${blockId}_${i}`,
+                        key: i,
+                        value: `${i}`,
+                        disabled: opt.disabled,
+                        className: methods.makeCssClass(opt.style)
+                    }, type.isNone(opt.label) ? renderHtml({
+                        html: `${opt.value}`,
+                        methods
+                    }) : renderHtml({
+                        html: opt.label,
+                        methods
+                    })))))
+        }
+    });
+};
+CheckboxSelector.defaultProps = blockDefaultProps;
+CheckboxSelector.meta = {
+    valueType: 'array',
+    category: 'input',
+    icons: [
+        ...Label.meta.icons
+    ],
+    styles: [
+        'blocks/CheckboxSelector/style.less'
+    ]
+};
+export default CheckboxSelector;

package/dist/blocks/CheckboxSelector/schema.json

@@ -0,0 +1,193 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "align": {
+        "type": "string",
+        "enum": ["start", "end", "center", "baseline"],
+        "default": "start",
+        "description": "Align options."
+      },
+      "color": {
+        "type": "string",
+        "description": "Selected checkbox color.",
+        "docs": {
+          "displayType": "color"
+        }
+      },
+      "disabled": {
+        "type": "boolean",
+        "default": false,
+        "description": "Disable the block if true."
+      },
+      "direction": {
+        "type": "string",
+        "enum": ["horizontal", "vertical"],
+        "default": "horizontal",
+        "description": "List options horizontally or vertical."
+      },
+      "wrap": {
+        "type": "boolean",
+        "default": true,
+        "description": "Specifies wrapping of options. Applies when 'direction' is 'horizontal'."
+      },
+      "inputStyle": {
+        "type": "object",
+        "description": "Css style to applied to input.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "options": {
+        "default": [],
+        "oneOf": [
+          {
+            "type": "array",
+            "description": "Options can either be an array of primitive values, on an array of label, value pairs - supports html.",
+            "items": {
+              "type": "string"
+            }
+          },
+          {
+            "type": "array",
+            "description": "Options can either be an array of primitive values, on an array of label, value pairs.",
+            "items": {
+              "type": "number"
+            }
+          },
+          {
+            "type": "array",
+            "description": "Options can either be an array of primitive values, on an array of label, value pairs.",
+            "items": {
+              "type": "boolean"
+            }
+          },
+          {
+            "type": "array",
+            "description": "Options can either be an array of primitive values, on an array of label, value pairs.",
+            "items": {
+              "type": "object",
+              "required": ["value"],
+              "properties": {
+                "label": {
+                  "type": "string",
+                  "description": "Value label shown to user."
+                },
+                "value": {
+                  "description": "Value selected. Can be of any type - supports html.",
+                  "oneOf": [
+                    {
+                      "type": "string"
+                    },
+                    {
+                      "type": "number"
+                    },
+                    {
+                      "type": "boolean"
+                    },
+                    {
+                      "type": "object"
+                    },
+                    {
+                      "type": "array"
+                    }
+                  ],
+                  "docs": {
+                    "displayType": "yaml"
+                  }
+                },
+                "disabled": {
+                  "type": "boolean",
+                  "default": false,
+                  "description": "Disable the option if true."
+                },
+                "style": {
+                  "type": "object",
+                  "description": "Css style to applied to option.",
+                  "docs": {
+                    "displayType": "yaml"
+                  }
+                }
+              }
+            }
+          }
+        ]
+      },
+      "label": {
+        "type": "object",
+        "description": "Label properties.",
+        "additionalProperties": false,
+        "properties": {
+          "align": {
+            "type": "string",
+            "enum": ["left", "right"],
+            "default": "left",
+            "description": "Align label left or right when inline."
+          },
+          "colon": {
+            "type": "boolean",
+            "default": true,
+            "description": "Append label with colon."
+          },
+          "extra": {
+            "type": "string",
+            "description": "Extra text to display beneath the content - supports html."
+          },
+          "title": {
+            "type": "string",
+            "description": "Label title - supports html."
+          },
+          "span": {
+            "type": "number",
+            "description": "Label inline span."
+          },
+          "disabled": {
+            "type": "boolean",
+            "default": false,
+            "description": "Hide input label."
+          },
+          "hasFeedback": {
+            "type": "boolean",
+            "default": true,
+            "description": "Display feedback extra from validation, this does not disable validation."
+          },
+          "inline": {
+            "type": "boolean",
+            "default": false,
+            "description": "Render input and label inline."
+          },
+          "extraStyle": {
+            "type": "object",
+            "description": "Css style to applied to label extra.",
+            "docs": {
+              "displayType": "yaml"
+            }
+          },
+          "feedbackStyle": {
+            "type": "object",
+            "description": "Css style to applied to label feedback.",
+            "docs": {
+              "displayType": "yaml"
+            }
+          }
+        }
+      },
+      "title": {
+        "type": "string",
+        "description": "Title to describe the input component, if no title is specified the block id is displayed - supports html."
+      }
+    }
+  },
+  "events": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "onChange": {
+        "type": "array",
+        "description": "Trigger actions when selection is changed."
+      }
+    }
+  }
+}

package/dist/blocks/CheckboxSelector/style.less

@@ -0,0 +1,19 @@
+/*
+  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.
+  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 'antd/lib/checkbox/style/index.less';
+@import 'antd/lib/space/style/index.less';
+@import '../Label/style.less';