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

package/dist/blocks/DateRangeSelector/schema.json

@@ -1,221 +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-DD",
-        "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."
-      },
-      "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"
-            }
-          }
-        }
-      },
-      "placeholder": {
-        "type": "array",
-        "default": ["Start Date", "End Date"],
-        "description": "Placeholder text inside the block before user types input.",
-        "docs": {
-          "displayType": "manual",
-          "block": {
-            "id": "block_properties_placeholder",
-            "layout": { "_global": "settings_input_layout" },
-            "type": "Label",
-            "properties": {
-              "title": "placeholder",
-              "span": 8,
-              "align": "right",
-              "extra": "Placeholder text inside the block before user types input."
-            },
-            "blocks": [
-              {
-                "id": "block.properties.placeholder.0",
-                "layout": { "span": 12 },
-                "type": "TextInput",
-                "properties": {
-                  "size": "small",
-                  "label": {
-                    "disabled": true
-                  }
-                }
-              },
-              {
-                "id": "block.properties.placeholder.1",
-                "layout": { "span": 12 },
-                "type": "TextInput",
-                "properties": {
-                  "size": "small",
-                  "label": {
-                    "disabled": true
-                  }
-                }
-              }
-            ]
-          }
-        }
-      },
-      "separator": {
-        "type": "string",
-        "default": "~",
-        "description": "Separator symbol shown between start and end date inputs."
-      },
-      "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"
-        }
-      },
-      "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/DateRangeSelector/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/DateSelector/DateSelector.js

@@ -1,90 +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 from 'react';
-import moment from 'moment';
-import { type } from '@lowdefy/helpers';
-import { blockDefaultProps } from '@lowdefy/block-utils';
-import { DatePicker } from 'antd';
-import Label from '../Label/Label.js';
-import disabledDate from '../../disabledDate.js';
-const DateSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value ,  })=>{
-    return /*#__PURE__*/ React.createElement(Label, {
-        blockId: blockId,
-        components: {
-            Icon
-        },
-        events: events,
-        properties: {
-            title: properties.title,
-            size: properties.size,
-            ...properties.label
-        },
-        validation: validation,
-        required: required,
-        content: {
-            content: ()=>/*#__PURE__*/ React.createElement("div", {
-                    className: methods.makeCssClass({
-                        width: '100%'
-                    })
-                }, /*#__PURE__*/ React.createElement("div", {
-                    id: `${blockId}_popup`
-                }), /*#__PURE__*/ React.createElement(DatePicker, {
-                    id: `${blockId}_input`,
-                    allowClear: properties.allowClear !== false,
-                    autoFocus: properties.autoFocus,
-                    bordered: properties.bordered,
-                    className: methods.makeCssClass([
-                        {
-                            width: '100%'
-                        },
-                        properties.inputStyle
-                    ]),
-                    disabled: properties.disabled || loading,
-                    format: properties.format || 'YYYY-MM-DD',
-                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
-                    placeholder: properties.placeholder || 'Select Date',
-                    showToday: properties.showToday,
-                    size: properties.size,
-                    status: validation.status,
-                    suffixIcon: /*#__PURE__*/ React.createElement(Icon, {
-                        blockId: `${blockId}_suffixIcon`,
-                        events: events,
-                        properties: properties.suffixIcon || 'AiOutlineCalendar'
-                    }),
-                    disabledDate: disabledDate(properties.disabledDates),
-                    onChange: (newVal)=>{
-                        methods.setValue(!newVal ? null : moment.utc(newVal.add(newVal.utcOffset(), 'minutes')).startOf('day').toDate());
-                        methods.triggerEvent({
-                            name: 'onChange'
-                        });
-                    },
-                    value: type.isDate(value) ? moment.utc(value).startOf('day') : null
-                }))
-        }
-    });
-};
-DateSelector.defaultProps = blockDefaultProps;
-DateSelector.meta = {
-    valueType: 'date',
-    category: 'input',
-    icons: [
-        ...Label.meta.icons,
-        'AiOutlineCalendar'
-    ],
-    styles: [
-        'blocks/DateSelector/style.less'
-    ]
-};
-export default DateSelector;

package/dist/blocks/DateSelector/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"
-              }
-            }
-          }
-        }
-      },
-      "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"
-            }
-          }
-        }
-      },
-      "format": {
-        "type": "string",
-        "default": "YYYY-MM-DD",
-        "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."
-      },
-      "placeholder": {
-        "type": "string",
-        "default": "Select Date",
-        "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"
-        }
-      },
-      "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/DateSelector/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/DateTimeSelector/DateTimeSelector.js

@@ -1,98 +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 from 'react';
-import { DatePicker } from 'antd';
-import moment from 'moment';
-import { type } from '@lowdefy/helpers';
-import { blockDefaultProps } from '@lowdefy/block-utils';
-import Label from '../Label/Label.js';
-import disabledDate from '../../disabledDate.js';
-const DateTimeSelector = ({ blockId , components: { Icon  } , events , loading , methods , properties , required , validation , value ,  })=>{
-    const timeUnit = !type.isString(properties.timeFormat) ? 'minute' : properties.timeFormat === 'HH:mm:ss' ? 'second' : properties.timeFormat === 'HH' ? 'hour' : 'minute';
-    return /*#__PURE__*/ React.createElement(Label, {
-        blockId: blockId,
-        components: {
-            Icon
-        },
-        events: events,
-        properties: {
-            title: properties.title,
-            size: properties.size,
-            ...properties.label
-        },
-        validation: validation,
-        required: required,
-        content: {
-            content: ()=>/*#__PURE__*/ React.createElement("div", {
-                    className: methods.makeCssClass({
-                        width: '100%'
-                    })
-                }, /*#__PURE__*/ React.createElement("div", {
-                    id: `${blockId}_popup`
-                }), /*#__PURE__*/ React.createElement(DatePicker, {
-                    id: `${blockId}_input`,
-                    allowClear: properties.allowClear !== false,
-                    autoFocus: properties.autoFocus,
-                    bordered: properties.bordered,
-                    className: methods.makeCssClass([
-                        {
-                            width: '100%'
-                        },
-                        properties.inputStyle
-                    ]),
-                    disabled: properties.disabled || loading,
-                    disabledDate: disabledDate(properties.disabledDates),
-                    format: properties.format || 'YYYY-MM-DD HH:mm',
-                    getPopupContainer: ()=>document.getElementById(`${blockId}_popup`),
-                    placeholder: properties.placeholder || 'Select Date & Time',
-                    showNow: properties.showNow,
-                    showToday: properties.showToday,
-                    size: properties.size,
-                    status: validation.status,
-                    suffixIcon: /*#__PURE__*/ React.createElement(Icon, {
-                        blockId: `${blockId}_suffixIcon`,
-                        events: events,
-                        properties: properties.suffixIcon || 'AiOutlineCalendar'
-                    }),
-                    showTime: {
-                        format: properties.timeFormat || 'HH:mm',
-                        hourStep: properties.hourStep || 1,
-                        minuteStep: properties.minuteStep || 5,
-                        secondStep: properties.secondStep || 30
-                    },
-                    onChange: (newVal)=>{
-                        methods.setValue(!newVal ? null : moment.utc(newVal.add(properties.selectUTC ? newVal.utcOffset() : 0, 'minutes')).startOf(timeUnit).toDate());
-                        methods.triggerEvent({
-                            name: 'onChange'
-                        });
-                    },
-                    value: !type.isDate(value) ? null : properties.selectUTC ? moment.utc(value) : moment(value)
-                }))
-        }
-    });
-};
-DateTimeSelector.defaultProps = blockDefaultProps;
-DateTimeSelector.meta = {
-    valueType: 'date',
-    category: 'input',
-    icons: [
-        ...Label.meta.icons,
-        'AiOutlineCalendar'
-    ],
-    styles: [
-        'blocks/DateTimeSelector/style.less'
-    ]
-};
-export default DateTimeSelector;