@lowdefy/blocks-color-selectors 4.0.0-alpha.7 → 4.0.0-alpha.8

package/dist/blocks/SliderColorSelector/SliderColorSelector.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
-  Copyright 2020-2021 Lowdefy, Inc
-
-  Licensed under the Apache License, Version 2.0 (the "License");
-  you may not use this file except in compliance with the License.
-  You may obtain a copy of the License at
-
-      http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
-*/ import React from 'react';
-import SliderPicker from 'react-color/lib/Slider.js';
-import { blockDefaultProps } from '@lowdefy/block-utils';
-import Label from '@lowdefy/blocks-antd/blocks/Label/Label.js';
-const Selector = ({ blockId , loading , methods , properties , required , validation , value  })=>{
-    return(/*#__PURE__*/ _jsx(Label, {
-        blockId: blockId,
-        loading: loading,
-        methods: methods,
-        properties: {
-            title: properties.title,
-            size: properties.size,
-            ...properties.label
-        },
-        required: required,
-        validation: validation,
-        content: {
-            content: ()=>/*#__PURE__*/ _jsx(SliderPicker, {
-                    id: `${blockId}_input`,
-                    className: methods.makeCssClass([
-                        {
-                            marginBottom: '0px !important'
-                        },
-                        properties.inputStyle, 
-                    ]),
-                    color: value || properties.defaultColor || '#000000',
-                    onChangeComplete: (color)=>{
-                        methods.setValue(color.hex ? color.hex : '#000000');
-                        methods.triggerEvent({
-                            name: 'onChange'
-                        });
-                    }
-                })
-        }
-    }));
-};
-Selector.defaultProps = blockDefaultProps;
-Selector.meta = {
-    valueType: 'string',
-    category: 'input',
-    loading: {
-        type: 'Skeleton',
-        properties: {
-            height: 44
-        }
-    },
-    icons: [
-        ...Label.meta.icons
-    ],
-    styles: [
-        'blocks/SliderColorSelector/style.less'
-    ]
-};
-export default Selector;

package/dist/blocks/SliderColorSelector/schema.json

@@ -1,96 +0,0 @@
-{
-  "type": "object",
-  "properties": {
-    "type": "object",
-    "properties": {
-      "defaultColor": {
-        "type": "string",
-        "default": "#000000",
-        "description": "Default color to display if input value is null.",
-        "docs": {
-          "displayType": "color"
-        }
-      },
-      "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."
-          },
-          "title": {
-            "type": "string",
-            "description": "Label title."
-          },
-          "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."
-      }
-    }
-  },
-  "events": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "onChange": {
-        "type": "array",
-        "description": "Trigger actions when color is picked."
-      }
-    }
-  }
-}

package/dist/blocks/SliderColorSelector/style.less

@@ -1,17 +0,0 @@
-/*
-  Copyright 2020-2021 Lowdefy, Inc
-
-  Licensed under the Apache License, Version 2.0 (the "License");
-  you may not use this file except in compliance with the License.
-  You may obtain a copy of the License at
-
-      http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
-*/
-
-@import '@lowdefy/blocks-antd/blocks/Label/style.less';

package/dist/blocks/SwatchesColorSelector/SwatchesColorSelector.js

@@ -1,72 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
-  Copyright 2020-2021 Lowdefy, Inc
-
-  Licensed under the Apache License, Version 2.0 (the "License");
-  you may not use this file except in compliance with the License.
-  You may obtain a copy of the License at
-
-      http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
-*/ import React from 'react';
-import SwatchesPicker from 'react-color/lib/Swatches.js';
-import { blockDefaultProps } from '@lowdefy/block-utils';
-import Label from '@lowdefy/blocks-antd/blocks/Label/Label.js';
-const Selector = ({ blockId , loading , methods , properties , required , validation , value  })=>{
-    return(/*#__PURE__*/ _jsx(Label, {
-        blockId: blockId,
-        loading: loading,
-        methods: methods,
-        properties: {
-            title: properties.title,
-            size: properties.size,
-            ...properties.label
-        },
-        required: required,
-        validation: validation,
-        content: {
-            content: ()=>/*#__PURE__*/ _jsx(SwatchesPicker, {
-                    id: `${blockId}_input`,
-                    className: methods.makeCssClass([
-                        {
-                            marginBottom: '0px !important'
-                        },
-                        properties.inputStyle, 
-                    ]),
-                    color: value || properties.defaultColor || '#000000',
-                    colors: properties.colors,
-                    width: properties.width || '100%',
-                    height: properties.height || '135px',
-                    onChangeComplete: (color)=>{
-                        methods.setValue(color.hex ? color.hex : '#000000');
-                        methods.triggerEvent({
-                            name: 'onChange'
-                        });
-                    }
-                })
-        }
-    }));
-};
-Selector.defaultProps = blockDefaultProps;
-Selector.meta = {
-    valueType: 'string',
-    category: 'input',
-    loading: {
-        type: 'Skeleton',
-        properties: {
-            height: 175
-        }
-    },
-    icons: [
-        ...Label.meta.icons
-    ],
-    styles: [
-        'blocks/SwatchesColorSelector/style.less'
-    ]
-};
-export default Selector;

package/dist/blocks/SwatchesColorSelector/schema.json

@@ -1,146 +0,0 @@
-{
-  "type": "object",
-  "properties": {
-    "type": "object",
-    "properties": {
-      "colors": {
-        "type": "array",
-        "description": "List of swatch colors options to display.",
-        "items": {
-          "type": "array",
-          "items": {
-            "type": "string",
-            "docs": {
-              "displayType": "color"
-            }
-          }
-        },
-        "default": [
-          ["#b71c1c", "#d32f2f", "#f44336", "#e57373", "#ffcdd2"],
-          ["#880e4f", "#c2185b", "#e91e63", "#f06292", "#f8bbd0"],
-          ["#4a148c", "#7b1fa2", "#9c27b0", "#ba68c8", "#e1bee7"],
-          ["#311b92", "#512da8", "#673ab7", "#9575cd", "#d1c4e9"],
-          ["#1a237e", "#303f9f", "#3f51b5", "#7986cb", "#c5cae9"],
-          ["#0d47a1", "#1976d2", "#2196f3", "#64b5f6", "#bbdefb"],
-          ["#01579b", "#0288d1", "#03a9f4", "#4fc3f7", "#b3e5fc"],
-          ["#006064", "#0097a7", "#00bcd4", "#4dd0e1", "#b2ebf2"],
-          ["#004d40", "#00796b", "#009688", "#4db6ac", "#b2dfdb"],
-          ["#194d33", "#388e3c", "#4caf50", "#81c784", "#c8e6c9"],
-          ["#33691e", "#689f38", "#8bc34a", "#aed581", "#dcedc8"],
-          ["#827717", "#afb42b", "#cddc39", "#dce775", "#f0f4c3"],
-          ["#f57f17", "#fbc02d", "#ffeb3b", "#fff176", "#fff9c4"],
-          ["#ff6f00", "#ffa000", "#ffc107", "#ffd54f", "#ffecb3"],
-          ["#e65100", "#f57c00", "#ff9800", "#ffb74d", "#ffe0b2"],
-          ["#bf360c", "#e64a19", "#ff5722", "#ff8a65", "#ffccbc"],
-          ["#3e2723", "#5d4037", "#795548", "#a1887f", "#d7ccc8"],
-          ["#263238", "#455a64", "#607d8b", "#90a4ae", "#cfd8dc"],
-          ["#000000", "#525252", "#969696", "#d9d9d9", "#ffffff"]
-        ]
-      },
-      "defaultColor": {
-        "type": "string",
-        "default": "#000000",
-        "description": "Default color to display if input value is null.",
-        "docs": {
-          "displayType": "color"
-        }
-      },
-      "height": {
-        "type": ["string", "number"],
-        "description": "Color selector height.",
-        "default": "135px",
-        "docs": {
-          "displayType": "string"
-        }
-      },
-      "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."
-          },
-          "title": {
-            "type": "string",
-            "description": "Label title."
-          },
-          "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."
-      },
-      "width": {
-        "type": ["string", "number"],
-        "description": "Color selector width.",
-        "default": "100%",
-        "docs": {
-          "displayType": "string"
-        }
-      }
-    }
-  },
-  "events": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "onChange": {
-        "type": "array",
-        "description": "Trigger actions when color is picked."
-      }
-    }
-  }
-}

package/dist/blocks/SwatchesColorSelector/style.less

@@ -1,17 +0,0 @@
-/*
-  Copyright 2020-2021 Lowdefy, Inc
-
-  Licensed under the Apache License, Version 2.0 (the "License");
-  you may not use this file except in compliance with the License.
-  You may obtain a copy of the License at
-
-      http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
-*/
-
-@import '@lowdefy/blocks-antd/blocks/Label/style.less';

package/dist/blocks/TwitterColorSelector/TwitterColorSelector.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/*
-  Copyright 2020-2021 Lowdefy, Inc
-
-  Licensed under the Apache License, Version 2.0 (the "License");
-  you may not use this file except in compliance with the License.
-  You may obtain a copy of the License at
-
-      http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
-*/ import React from 'react';
-import TwitterPicker from 'react-color/lib/Twitter.js';
-import { blockDefaultProps } from '@lowdefy/block-utils';
-import Label from '@lowdefy/blocks-antd/blocks/Label/Label.js';
-const Selector = ({ blockId , loading , methods , properties , required , validation , value  })=>{
-    return(/*#__PURE__*/ _jsx(Label, {
-        blockId: blockId,
-        loading: loading,
-        methods: methods,
-        properties: {
-            title: properties.title,
-            size: properties.size,
-            ...properties.label
-        },
-        required: required,
-        validation: validation,
-        content: {
-            content: ()=>/*#__PURE__*/ _jsx(TwitterPicker, {
-                    id: `${blockId}_input`,
-                    color: value || properties.defaultColor || '#000000',
-                    colors: properties.colors,
-                    triangle: properties.triangle || 'hide',
-                    width: properties.width || '100%',
-                    onChangeComplete: (color)=>{
-                        methods.setValue(color.hex ? color.hex : '#000000');
-                        methods.triggerEvent({
-                            name: 'onChange'
-                        });
-                    }
-                })
-        }
-    }));
-};
-Selector.defaultProps = blockDefaultProps;
-Selector.meta = {
-    valueType: 'string',
-    category: 'input',
-    loading: {
-        type: 'Skeleton',
-        properties: {
-            height: 96
-        }
-    },
-    icons: [
-        ...Label.meta.icons
-    ],
-    styles: [
-        'blocks/TwitterColorSelector/style.less'
-    ]
-};
-export default Selector;

package/dist/blocks/TwitterColorSelector/schema.json

@@ -1,125 +0,0 @@
-{
-  "type": "object",
-  "properties": {
-    "type": "object",
-    "properties": {
-      "colors": {
-        "type": "array",
-        "description": "Colors to display.",
-        "default": [
-          "#FF6900",
-          "#FCB900",
-          "#7BDCB5",
-          "#00D084",
-          "#8ED1FC",
-          "#0693E3",
-          "#ABB8C3",
-          "#EB144C",
-          "#F78DA7",
-          "#9900EF"
-        ],
-        "items": {
-          "type": "string",
-          "docs": {
-            "displayType": "color"
-          }
-        }
-      },
-      "defaultColor": {
-        "type": "string",
-        "default": "#000000",
-        "description": "Default color to display if input value is null.",
-        "docs": {
-          "displayType": "color"
-        }
-      },
-      "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."
-          },
-          "title": {
-            "type": "string",
-            "description": "Label title."
-          },
-          "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."
-      },
-      "triangle": {
-        "type": "string",
-        "enum": ["hide", "top-left", "top-right"],
-        "default": "hide",
-        "description": "Show triangle on color selector border."
-      },
-      "width": {
-        "type": ["string", "number"],
-        "description": "Color selector width.",
-        "default": "100%",
-        "docs": {
-          "displayType": "string"
-        }
-      }
-    }
-  },
-  "events": {
-    "type": "object",
-    "additionalProperties": false,
-    "properties": {
-      "onChange": {
-        "type": "array",
-        "description": "Trigger actions when color is picked."
-      }
-    }
-  }
-}

package/dist/blocks/TwitterColorSelector/style.less

@@ -1,17 +0,0 @@
-/*
-  Copyright 2020-2021 Lowdefy, Inc
-
-  Licensed under the Apache License, Version 2.0 (the "License");
-  you may not use this file except in compliance with the License.
-  You may obtain a copy of the License at
-
-      http://www.apache.org/licenses/LICENSE-2.0
-
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-  See the License for the specific language governing permissions and
-  limitations under the License.
-*/
-
-@import '@lowdefy/blocks-antd/blocks/Label/style.less';