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

package/dist/blocks/CircleColorSelector/schema.json

@@ -1,156 +0,0 @@
-{
-  "type": "object",
-  "properties": {
-    "type": "object",
-    "properties": {
-      "circleSize": {
-        "type": "number",
-        "description": "Pixel value for circle size.",
-        "default": 28
-      },
-      "circleSpacing": {
-        "type": "number",
-        "description": "Pixel value for spacing between circles.",
-        "default": 14
-      },
-      "colors": {
-        "type": "array",
-        "description": "Colors to display.",
-        "default": [
-          "#f44336",
-          "#e91e63",
-          "#9c27b0",
-          "#673ab7",
-          "#3f51b5",
-          "#2196f3",
-          "#03a9f4",
-          "#00bcd4",
-          "#009688",
-          "#4caf50",
-          "#8bc34a",
-          "#cddc39",
-          "#ffeb3b",
-          "#ffc107",
-          "#ff9800",
-          "#ff5722",
-          "#795548",
-          "#607d8b"
-        ],
-        "items": {
-          "type": "string",
-          "docs": {
-            "displayType": "color"
-          }
-        }
-      },
-      "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"
-        }
-      },
-      "valueStyle": {
-        "type": "object",
-        "description": "Css style to applied to value text when is displayed.",
-        "docs": {
-          "displayType": "yaml"
-        }
-      },
-      "showValue": {
-        "type": "boolean",
-        "description": "Display the selector value next to the circle selector.",
-        "default": false
-      },
-      "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/CircleColorSelector/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/CompactColorSelector/CompactColorSelector.js

@@ -1,71 +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 CompactPicker from 'react-color/lib/Compact.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(CompactPicker, {
-                    id: `${blockId}_input`,
-                    className: methods.makeCssClass([
-                        {
-                            marginBottom: '0px !important'
-                        },
-                        properties.inputStyle, 
-                    ]),
-                    color: value || properties.defaultColor || '#000000',
-                    colors: properties.colors,
-                    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: {
-            width: 245,
-            height: 90
-        }
-    },
-    icons: [
-        ...Label.meta.icons
-    ],
-    styles: [
-        'blocks/CompactColorSelector/style.less'
-    ]
-};
-export default Selector;

package/dist/blocks/CompactColorSelector/schema.json

@@ -1,144 +0,0 @@
-{
-  "type": "object",
-  "properties": {
-    "type": "object",
-    "properties": {
-      "colors": {
-        "type": "array",
-        "description": "Colors to display.",
-        "default": [
-          "#4D4D4D",
-          "#999999",
-          "#FFFFFF",
-          "#F44E3B",
-          "#FE9200",
-          "#FCDC00",
-          "#DBDF00",
-          "#A4DD00",
-          "#68CCCA",
-          "#73D8FF",
-          "#AEA1FF",
-          "#FDA1FF",
-          "#333333",
-          "#808080",
-          "#cccccc",
-          "#D33115",
-          "#E27300",
-          "#FCC400",
-          "#B0BC00",
-          "#68BC00",
-          "#16A5A5",
-          "#009CE0",
-          "#7B64FF",
-          "#FA28FF",
-          "#000000",
-          "#666666",
-          "#B3B3B3",
-          "#9F0500",
-          "#C45100",
-          "#FB9E00",
-          "#808900",
-          "#194D33",
-          "#0C797D",
-          "#0062B1",
-          "#653294",
-          "#AB149E"
-        ],
-        "items": {
-          "type": "string",
-          "docs": {
-            "displayType": "color"
-          }
-        }
-      },
-      "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/CompactColorSelector/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/GithubColorSelector/GithubColorSelector.js

@@ -1,73 +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 GithubPicker from 'react-color/lib/Github.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(GithubPicker, {
-                    id: `${blockId}_input`,
-                    className: methods.makeCssClass([
-                        {
-                            marginBottom: '0px !important'
-                        },
-                        properties.inputStyle, 
-                    ]),
-                    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: {
-            width: 216,
-            height: 62
-        }
-    },
-    icons: [
-        ...Label.meta.icons
-    ],
-    styles: [
-        'blocks/GithubColorSelector/style.less'
-    ]
-};
-export default Selector;

package/dist/blocks/GithubColorSelector/schema.json

@@ -1,138 +0,0 @@
-{
-  "type": "object",
-  "properties": {
-    "type": "object",
-    "properties": {
-      "colors": {
-        "type": "array",
-        "description": "Colors to display.",
-        "default": [
-          "#B80000",
-          "#DB3E00",
-          "#FCCB00",
-          "#008B02",
-          "#006B76",
-          "#1273DE",
-          "#004DCF",
-          "#5300EB",
-          "#EB9694",
-          "#FAD0C3",
-          "#FEF3BD",
-          "#C1E1C5",
-          "#BEDADC",
-          "#C4DEF6",
-          "#BED3F3",
-          "#D4C4FB"
-        ],
-        "items": {
-          "type": "string",
-          "docs": {
-            "displayType": "color"
-          }
-        }
-      },
-      "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."
-      },
-      "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/GithubColorSelector/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';