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

package/dist/blocks/DateTimeSelector/schema.json

@@ -0,0 +1,215 @@
+{
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "allowClear": {
+        "type": "boolean",
+        "default": true,
+        "description": "Allow the user to clear their input."
+      },
+      "autoFocus": {
+        "type": "boolean",
+        "default": false,
+        "description": "Autofocus to the block on page load."
+      },
+      "bordered": {
+        "type": "boolean",
+        "default": true,
+        "description": "Whether or not the input has a border style."
+      },
+      "disabled": {
+        "type": "boolean",
+        "default": false,
+        "description": "Disable the block if true."
+      },
+      "disabledDates": {
+        "type": "object",
+        "description": "Disable specific dates so that they can not be chosen.",
+        "properties": {
+          "min": {
+            "type": ["string", "object"],
+            "description": "Disable all dates less than the minimum date. Can be a date string or a _date object.",
+            "docs": {
+              "displayType": "date"
+            }
+          },
+          "max": {
+            "type": ["string", "object"],
+            "description": "Disable all dates greater than the maximum date. Can be a date string or a _date object.",
+            "docs": {
+              "displayType": "date"
+            }
+          },
+          "dates": {
+            "type": "array",
+            "description": "Array of specific dates to be disabled. Can be date strings or a _date objects.",
+            "items": {
+              "type": ["string", "object"],
+              "description": "Specific dates to be disabled.",
+              "docs": {
+                "displayType": "date"
+              }
+            }
+          },
+          "ranges": {
+            "type": "array",
+            "description": "Array of array pairs of start and end dates be disabled. Can be date strings or a _date objects.",
+            "items": {
+              "type": "array",
+              "description": "Specific date ranges to be disabled.",
+              "items": {
+                "type": ["string", "object"]
+              },
+              "docs": {
+                "displayType": "dateRange"
+              }
+            }
+          }
+        }
+      },
+      "format": {
+        "type": "string",
+        "default": "YYYY-MM-DD HH:mm",
+        "description": "Format in which to parse the date value, eg. \"DD MMMM YYYY\" will parse a date value of 1999-12-31 as \"31 December 1999\". The format has to conform to moment.js formats."
+      },
+      "hourStep": {
+        "type": "integer",
+        "default": 1,
+        "minimum": 1,
+        "description": "Hour intervals to show in the time selector."
+      },
+      "inputStyle": {
+        "type": "object",
+        "description": "Css style to applied to input.",
+        "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"
+            }
+          }
+        }
+      },
+      "minuteStep": {
+        "type": "integer",
+        "default": 5,
+        "minimum": 1,
+        "description": "Minute intervals to show in the time selector."
+      },
+      "placeholder": {
+        "type": "string",
+        "default": "Select Date & Time",
+        "description": "Placeholder text inside the block before user types input."
+      },
+      "secondStep": {
+        "type": "integer",
+        "default": 5,
+        "minimum": 1,
+        "description": "Minute intervals to show in the time selector."
+      },
+      "selectUTC": {
+        "type": "boolean",
+        "default": false,
+        "description": "Shows the user's selection as UTC time, not time-zone based."
+      },
+      "showToday": {
+        "type": "boolean",
+        "default": true,
+        "description": "Shows a button to easily select the current date if true."
+      },
+      "showNow": {
+        "type": "boolean",
+        "default": true,
+        "description": "Shows a 'Now' button to set current time."
+      },
+      "size": {
+        "type": "string",
+        "enum": ["small", "default", "large"],
+        "default": "default",
+        "description": "Size of the block."
+      },
+      "suffixIcon": {
+        "type": ["string", "object"],
+        "default": "AiOutlineCalendar",
+        "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 to customize icon on right-hand side of the date picker.",
+        "docs": {
+          "displayType": "icon"
+        }
+      },
+      "timeFormat": {
+        "type": "string",
+        "default": "HH:mm",
+        "description": "Time format to show in the time selector. HH:mm:ss will show hours, minutes and seconds, HH:mm only hours and minutes and HH only hours."
+      },
+      "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/DateTimeSelector/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/date-picker/style/index.less';
+@import '../Label/style.less';

package/dist/blocks/Descriptions/Descriptions.js

@@ -0,0 +1,83 @@
+/*
+  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 { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+import { Descriptions } from 'antd';
+import { type } from '@lowdefy/helpers';
+const DescriptionsBlock = ({ blockId , content , properties , methods  })=>{
+    let dataItem = properties.items || [];
+    if (type.isObject(dataItem)) {
+        dataItem = Object.keys(dataItem).map((key)=>({
+                value: dataItem[key],
+                key
+            }));
+    }
+    const { makeCssClass  } = methods;
+    return /*#__PURE__*/ React.createElement(Descriptions, {
+        id: blockId,
+        bordered: properties.bordered,
+        colon: properties.colon,
+        column: properties.column,
+        contentStyle: methods.makeCssClass(properties.contentStyle, true),
+        extra: content.extra && content.extra(),
+        labelStyle: methods.makeCssClass(properties.labelStyle, true),
+        layout: properties.layout,
+        size: properties.size,
+        title: renderHtml({
+            html: properties.title,
+            methods
+        })
+    }, dataItem.map((item1, i)=>{
+        let row = item1;
+        if (type.isPrimitive(item1)) {
+            row = {
+                value: item1,
+                key: item1.toString()
+            };
+        }
+        const itemOption = (properties.itemOptions || []).find((item)=>row.key === item.key) || {};
+        const value = type.isFunction(itemOption.transformValue) ? itemOption.transformValue(row.value, row, i) : row.value;
+        const label = type.isFunction(itemOption.transformLabel) ? itemOption.transformLabel(row.key || row.label, row, i) : row.key || row.label;
+        return /*#__PURE__*/ React.createElement(Descriptions.Item, {
+            key: i,
+            label: renderHtml({
+                html: label,
+                methods
+            }),
+            contentStyle: row.contentStyle,
+            labelStyle: row.labelStyle,
+            span: row.span || (type.isFunction(itemOption.span) ? itemOption.span(row, i) : itemOption.span),
+            className: `${makeCssClass([
+                {
+                    whiteSpace: 'pre-wrap'
+                },
+                type.isFunction(itemOption.style) ? itemOption.style(row, i) : itemOption.style,
+                row.style, 
+            ])}`
+        }, renderHtml({
+            html: value,
+            methods
+        }));
+    }));
+};
+DescriptionsBlock.defaultProps = blockDefaultProps;
+DescriptionsBlock.meta = {
+    category: 'container',
+    icons: [],
+    styles: [
+        'blocks/Descriptions/style.less'
+    ]
+};
+export default DescriptionsBlock;

package/dist/blocks/Descriptions/schema.json

@@ -0,0 +1,186 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "bordered": {
+        "type": "boolean",
+        "default": false,
+        "description": "Render items in a table."
+      },
+      "colon": {
+        "type": "boolean",
+        "default": true,
+        "description": "Include a colon in item labels."
+      },
+      "contentStyle": {
+        "type": "object",
+        "description": "Customize content style.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "column": {
+        "default": 3,
+        "oneOf": [
+          {
+            "type": "number",
+            "description": "The number of description items in a row."
+          },
+          {
+            "type": "object",
+            "properties": {
+              "xs": {
+                "type": "integer",
+                "description": "The number of description items in a row for 'xs' media size."
+              },
+              "sm": {
+                "type": "integer",
+                "description": "The number of description items in a row for 'sm' media size."
+              },
+              "md": {
+                "type": "integer",
+                "description": "The number of description items in a row for 'md' media size."
+              },
+              "lg": {
+                "type": "integer",
+                "description": "The number of description items in a row for 'lg' media size."
+              },
+              "xl": {
+                "type": "integer",
+                "description": "The number of description items in a row for 'xl' media size."
+              }
+            }
+          }
+        ]
+      },
+      "itemOptions": {
+        "type": "array",
+        "items": {
+          "type": "object",
+          "required": ["key"],
+          "properties": {
+            "key": {
+              "type": "string",
+              "description": "Item key to which these settings should apply."
+            },
+            "span": {
+              "type": ["number", "object"],
+              "description": "Item span for this key. Can also be a function that receives item and index.",
+              "docs": {
+                "displayType": "number"
+              }
+            },
+            "style": {
+              "type": "object",
+              "description": "Item css style for this key. Can also be a function that receives item and index.",
+              "docs": {
+                "displayType": "yaml"
+              }
+            },
+            "transformLabel": {
+              "type": "object",
+              "description": "Function to transform item key or label. Function receives arguments label, item and index.",
+              "docs": {
+                "displayType": "yaml"
+              }
+            },
+            "transformValue": {
+              "type": "object",
+              "description": "Function to transform item value. Function receives arguments value, item and index.",
+              "docs": {
+                "displayType": "yaml"
+              }
+            }
+          }
+        }
+      },
+      "items": {
+        "oneOf": [
+          {
+            "type": "array",
+            "description": "List of items to display",
+            "items": {
+              "type": "object",
+              "required": ["label"],
+              "properties": {
+                "contentStyle": {
+                  "type": "object",
+                  "description": "Customize content style.",
+                  "docs": {
+                    "displayType": "yaml"
+                  }
+                },
+                "labelStyle": {
+                  "type": "object",
+                  "description": "Customize label style.",
+                  "docs": {
+                    "displayType": "yaml"
+                  }
+                },
+                "label": {
+                  "type": "string",
+                  "description": "Item label - supports html."
+                },
+                "value": {
+                  "oneOf": [
+                    {
+                      "type": "string",
+                      "description": "Value of item - supports html."
+                    },
+                    {
+                      "type": "number",
+                      "description": "Value of item - supports html."
+                    }
+                  ]
+                },
+                "span": {
+                  "type": "integer",
+                  "description": "Number of columns for this item to span."
+                },
+                "style": {
+                  "type": "object",
+                  "description": "Css style object to applied to item.",
+                  "docs": {
+                    "displayType": "yaml"
+                  }
+                }
+              }
+            }
+          },
+          {
+            "type": "object",
+            "description": "Object of key value pairs to display",
+            "docs": {
+              "displayType": "yaml"
+            }
+          }
+        ]
+      },
+      "labelStyle": {
+        "type": "object",
+        "description": "Customize label style.",
+        "docs": {
+          "displayType": "yaml"
+        }
+      },
+      "layout": {
+        "type": "string",
+        "description": "Put values next to or below their labels.",
+        "enum": ["horizontal", "vertical"],
+        "default": "horizontal"
+      },
+      "size": {
+        "type": "string",
+        "description": "Size of the block.",
+        "enum": ["default", "small"],
+        "default": "default"
+      },
+      "title": {
+        "type": "string",
+        "description": "The title of the description block, placed at the top - supports html."
+      }
+    }
+  }
+}

package/dist/blocks/Descriptions/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/descriptions/style/index.less';

package/dist/blocks/Divider/Divider.js

@@ -0,0 +1,37 @@
+/*
+  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 { Divider } from 'antd';
+import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+const DividerBlock = ({ blockId , properties , methods  })=>/*#__PURE__*/ React.createElement(Divider, {
+        id: blockId,
+        dashed: properties.dashed,
+        orientation: properties.orientation,
+        plain: properties.plain,
+        style: properties.style,
+        type: properties.type
+    }, renderHtml({
+        html: properties.title,
+        methods
+    }));
+DividerBlock.defaultProps = blockDefaultProps;
+DividerBlock.meta = {
+    category: 'display',
+    icons: [],
+    styles: [
+        'blocks/Divider/style.less'
+    ]
+};
+export default DividerBlock;

package/dist/blocks/Divider/schema.json

@@ -0,0 +1,35 @@
+{
+  "type": "object",
+  "properties": {
+    "type": "object",
+    "additionalProperties": false,
+    "properties": {
+      "dashed": {
+        "type": "boolean",
+        "default": false,
+        "description": "Whether line is dashed."
+      },
+      "orientation": {
+        "type": "string",
+        "default": "center",
+        "enum": ["left", "right", "center"],
+        "description": "Position of title inside divider."
+      },
+      "title": {
+        "type": "string",
+        "description": "Divider title - supports html."
+      },
+      "type": {
+        "type": "string",
+        "default": "horizontal",
+        "enum": ["horizontal", "vertical"],
+        "description": "Direction type of divider"
+      },
+      "plain": {
+        "type": "boolean",
+        "default": false,
+        "description": "Show text as plain style."
+      }
+    }
+  }
+}

package/dist/blocks/Divider/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/divider/style/index.less';