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

package/dist/blocks/MonthSelector/schema.json

@@ -1,183 +0,0 @@
-{
-  "type": "object",
-  "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",
-        "description": "Format in which to format the date value, eg. \"MMMM YYYY\" will format a date value of 1999-12-31 as \"December 1999\". The format has to conform to moment.js formats."
-      },
-      "inputStyle": {
-        "type": "object",
-        "description": "Css style to applied to input.",
-        "docs": {
-          "displayType": "yaml"
-        }
-      },
-      "placeholder": {
-        "type": "string",
-        "default": "Select Month",
-        "description": "Placeholder text inside the block before user types input."
-      },
-      "showToday": {
-        "type": "boolean",
-        "default": true,
-        "description": "Shows a button to easily select the current date if true."
-      },
-      "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"
-        }
-      },
-      "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": "Month selector label title - supports html."
-      }
-    }
-  },
-  "events": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "onChange": {
-        "type": "array",
-        "description": "Trigger actions when selection is changed."
-      }
-    }
-  }
-}

package/dist/blocks/MonthSelector/style.less

@@ -1,18 +0,0 @@
-/*
-  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/MultipleSelector/MultipleSelector.js

@@ -1,146 +0,0 @@
-/*
-  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, { useState } from 'react';
-import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-import { get, type } from '@lowdefy/helpers';
-import { Select } from 'antd';
-import getUniqueValues from '../../getUniqueValues.js';
-import getValueIndex from '../../getValueIndex.js';
-import Label from '../Label/Label.js';
-const Option = Select.Option;
-const MultipleSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value: value1 ,  })=>{
-    const [fetchState, setFetch] = useState(false);
-    const uniqueValueOptions = getUniqueValues(properties.options || []);
-    return /*#__PURE__*/ React.createElement(Label, {
-        blockId: blockId,
-        components: {
-            Icon
-        },
-        properties: {
-            title: properties.title,
-            size: properties.size,
-            ...properties.label
-        },
-        required: required,
-        validation: validation,
-        content: {
-            content: ()=>/*#__PURE__*/ React.createElement("div", {
-                    className: methods.makeCssClass({
-                        width: '100%'
-                    })
-                }, /*#__PURE__*/ React.createElement("div", {
-                    id: `${blockId}_popup`
-                }), /*#__PURE__*/ React.createElement(Select, {
-                    id: `${blockId}_input`,
-                    allowClear: properties.allowClear !== false,
-                    autoFocus: properties.autoFocus,
-                    bordered: properties.bordered,
-                    className: methods.makeCssClass([
-                        {
-                            width: '100%'
-                        },
-                        properties.inputStyle
-                    ]),
-                    disabled: properties.disabled || loading,
-                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
-                    mode: "multiple",
-                    notFoundContent: fetchState ? 'Loading' : 'Not found',
-                    placeholder: get(properties, 'placeholder', {
-                        default: 'Select items'
-                    }),
-                    showArrow: get(properties, 'showArrow', {
-                        default: true
-                    }),
-                    size: properties.size,
-                    status: validation.status,
-                    value: getValueIndex(value1, uniqueValueOptions, true),
-                    suffixIcon: properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
-                        blockId: `${blockId}_suffixIcon`,
-                        events: events,
-                        properties: properties.suffixIcon
-                    }),
-                    clearIcon: properties.clearIcon && /*#__PURE__*/ React.createElement(Icon, {
-                        blockId: `${blockId}_clearIcon`,
-                        events: events,
-                        properties: properties.clearIcon
-                    }),
-                    menuItemSelectedIcon: properties.selectedIcon && /*#__PURE__*/ React.createElement(Icon, {
-                        blockId: `${blockId}_selectedIcon`,
-                        events: events,
-                        properties: properties.selectedIcon
-                    }),
-                    filterOption: (input, option)=>(option.filterstring || option.children.props.html || '').toLowerCase().indexOf(input.toLowerCase()) >= 0,
-                    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'
-                        });
-                    },
-                    onSearch: async (value)=>{
-                        setFetch(true);
-                        const result = await methods.triggerEvent({
-                            name: 'onSearch',
-                            event: {
-                                value
-                            }
-                        });
-                        if (!result.bounced) {
-                            setFetch(false);
-                        }
-                    }
-                }, uniqueValueOptions.map((opt, i)=>type.isPrimitive(opt) ? /*#__PURE__*/ React.createElement(Option, {
-                        className: methods.makeCssClass(properties.optionsStyle),
-                        id: `${blockId}_${i}`,
-                        key: i,
-                        value: `${i}`
-                    }, renderHtml({
-                        html: `${opt}`,
-                        methods
-                    })) : /*#__PURE__*/ React.createElement(Option, {
-                        className: methods.makeCssClass([
-                            properties.optionsStyle,
-                            opt.style
-                        ]),
-                        disabled: opt.disabled,
-                        filterstring: opt.filterString,
-                        id: `${blockId}_${i}`,
-                        key: i,
-                        value: `${i}`
-                    }, type.isNone(opt.label) ? renderHtml({
-                        html: `${opt.value}`,
-                        methods
-                    }) : renderHtml({
-                        html: opt.label,
-                        methods
-                    })))))
-        }
-    });
-};
-MultipleSelector.defaultProps = blockDefaultProps;
-MultipleSelector.meta = {
-    valueType: 'array',
-    category: 'input',
-    icons: [
-        ...Label.meta.icons
-    ],
-    styles: [
-        'blocks/MultipleSelector/style.less'
-    ]
-};
-export default MultipleSelector;

package/dist/blocks/MultipleSelector/schema.json

@@ -1,239 +0,0 @@
-{
-  "type": "object",
-  "properties": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "allowClear": {
-        "type": "boolean",
-        "default": true,
-        "description": "Allow the user to clear the selected value, sets the value to null."
-      },
-      "autoFocus": {
-        "type": "boolean",
-        "default": false,
-        "description": "Autofocus to the block on page load."
-      },
-      "bordered": {
-        "type": "boolean",
-        "default": true,
-        "description": "Whether or not the selector has a border style."
-      },
-      "clearIcon": {
-        "type": ["string", "object"],
-        "default": "AiOutlineCloseCircle",
-        "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 at far right position of the selector, shown when user is given option to clear input.",
-        "docs": {
-          "displayType": "icon"
-        }
-      },
-      "disabled": {
-        "type": "boolean",
-        "default": false,
-        "description": "Disable the block if true."
-      },
-      "inputStyle": {
-        "type": "object",
-        "description": "Css style to applied to input.",
-        "docs": {
-          "displayType": "yaml"
-        }
-      },
-      "optionsStyle": {
-        "type": "object",
-        "description": "Css style to applied to option elements.",
-        "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"
-            }
-          }
-        }
-      },
-      "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."
-                },
-                "filterString": {
-                  "type": "string",
-                  "description": "String to match against when filtering selector options during. If no filterString is provided the filter method matches against options.label."
-                },
-                "style": {
-                  "type": "object",
-                  "description": "Css style to applied to option.",
-                  "docs": {
-                    "displayType": "yaml"
-                  }
-                }
-              }
-            }
-          }
-        ]
-      },
-      "placeholder": {
-        "type": "string",
-        "default": "Select item",
-        "description": "Placeholder text inside the block before user selects input."
-      },
-      "selectedIcon": {
-        "type": ["string", "object"],
-        "default": "AiOutlineCheck",
-        "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 showing when a selection is made in the drop-down list.",
-        "docs": {
-          "displayType": "icon"
-        }
-      },
-      "showArrow": {
-        "type": "boolean",
-        "default": true,
-        "description": "Show the suffix icon at the drop-down position of the selector."
-      },
-      "size": {
-        "type": "string",
-        "enum": ["small", "default", "large"],
-        "default": "default",
-        "description": "Size of the block."
-      },
-      "suffixIcon": {
-        "type": ["string", "object"],
-        "default": "AiOutlineDown",
-        "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 at the drop-down position of the selector.",
-        "docs": {
-          "displayType": "icon"
-        }
-      },
-      "title": {
-        "type": "string",
-        "description": "Multiple selector label title - supports html."
-      }
-    }
-  },
-  "events": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "onChange": {
-        "type": "array",
-        "description": "Trigger actions when selection is changed."
-      },
-      "onSearch": {
-        "type": "array",
-        "description": "Trigger actions when input is changed. 'value' is passed to the _event operator to be used in actions such as search queries."
-      }
-    }
-  }
-}

package/dist/blocks/MultipleSelector/style.less

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

package/dist/blocks/Notification/Notification.js

@@ -1,77 +0,0 @@
-/*
-  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, { useEffect } from 'react';
-import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
-import { notification } from 'antd';
-import { type } from '@lowdefy/helpers';
-import Button from '../Button/Button.js';
-const NotificationBlock = ({ blockId , components: { Icon  } , events , methods , properties  })=>{
-    useEffect(()=>{
-        methods.registerMethod('open', (args = {})=>{
-            notification[args.status || properties.status || 'success']({
-                id: `${blockId}_notification`,
-                bottom: properties.bottom,
-                className: methods.makeCssClass(properties.notificationStyle),
-                description: renderHtml({
-                    html: args.description || properties.description,
-                    methods
-                }),
-                duration: type.isNone(args.duration) ? properties.duration : args.duration,
-                message: renderHtml({
-                    html: args.message || properties.message || blockId,
-                    methods
-                }),
-                onClick: ()=>methods.triggerEvent({
-                        name: 'onClick'
-                    }),
-                onClose: ()=>methods.triggerEvent({
-                        name: 'onClose'
-                    }),
-                placement: properties.placement,
-                top: properties.top,
-                icon: properties.icon && /*#__PURE__*/ React.createElement(Icon, {
-                    blockId: `${blockId}_icon`,
-                    events: events,
-                    properties: properties.icon
-                }),
-                btn: properties.button && /*#__PURE__*/ React.createElement(Button, {
-                    blockId: `${blockId}_button`,
-                    events: events,
-                    properties: properties.button,
-                    onClick: ()=>methods.triggerEvent({
-                            name: 'onClose'
-                        })
-                }),
-                closeIcon: properties.closeIcon && /*#__PURE__*/ React.createElement(Icon, {
-                    blockId: `${blockId}_closeIcon`,
-                    events: events,
-                    properties: properties.closeIcon
-                })
-            });
-        });
-    });
-    return /*#__PURE__*/ React.createElement("div", {
-        id: blockId
-    });
-};
-NotificationBlock.defaultProps = blockDefaultProps;
-NotificationBlock.meta = {
-    category: 'display',
-    icons: [],
-    styles: [
-        'blocks/Notification/style.less'
-    ]
-};
-export default NotificationBlock;