@lowdefy/blocks-antd 4.7.2 → 5.0.0

package/dist/blocks/Tour/meta.js

@@ -0,0 +1,255 @@
+/*
+  Copyright 2020-2026 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.
+*/ export default {
+    category: 'display',
+    icons: [],
+    valueType: null,
+    cssKeys: {
+        element: 'The Tour element.',
+        mask: 'The Tour mask.'
+    },
+    events: {
+        onChange: {
+            description: 'Triggered when the current step changes.',
+            event: {
+                current: 'The index of the current step.'
+            }
+        },
+        onClose: {
+            description: 'Triggered when the tour is closed.',
+            event: {
+                current: 'The index of the step when closed.'
+            }
+        },
+        onFinish: 'Triggered when the tour is finished.'
+    },
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            animated: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether to enable animation.'
+            },
+            arrow: {
+                type: [
+                    'boolean',
+                    'object'
+                ],
+                default: true,
+                description: 'Whether to show the arrow.'
+            },
+            closable: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether the close button is visible.'
+            },
+            current: {
+                type: 'integer',
+                description: 'Current step index.'
+            },
+            disabledInteraction: {
+                type: 'boolean',
+                default: false,
+                description: 'Whether to disable interaction with the page while the tour is active.'
+            },
+            gap: {
+                type: 'object',
+                description: 'Gap offset between highlighted area and target element.',
+                additionalProperties: false,
+                properties: {
+                    x: {
+                        type: 'number',
+                        description: 'Horizontal gap offset.'
+                    },
+                    y: {
+                        type: 'number',
+                        description: 'Vertical gap offset.'
+                    }
+                }
+            },
+            keyboard: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether to enable keyboard navigation.'
+            },
+            mask: {
+                type: [
+                    'boolean',
+                    'object'
+                ],
+                default: true,
+                description: 'Whether to enable mask.'
+            },
+            open: {
+                type: 'boolean',
+                default: false,
+                description: 'Whether to show the tour.'
+            },
+            placement: {
+                type: 'string',
+                description: 'Position of the guide card relative to the target element.'
+            },
+            scrollIntoViewOptions: {
+                type: 'boolean',
+                default: true,
+                description: 'Whether to scroll the step target element into view.'
+            },
+            steps: {
+                type: 'array',
+                description: 'Tour steps. Each step has title, description, target (blockId string), placement, etc.',
+                items: {
+                    type: 'object',
+                    properties: {
+                        arrow: {
+                            type: [
+                                'boolean',
+                                'object'
+                            ],
+                            description: 'Whether to show the arrow for this step, or object with pointAtCenter.'
+                        },
+                        closable: {
+                            type: 'boolean',
+                            description: 'Whether the close button is visible for this step.'
+                        },
+                        cover: {
+                            type: 'string',
+                            description: 'Cover image URL for the step.'
+                        },
+                        description: {
+                            type: 'string',
+                            description: 'Description of the step.'
+                        },
+                        mask: {
+                            type: [
+                                'boolean',
+                                'object'
+                            ],
+                            description: 'Whether to enable mask for this step, or object with style and color properties.'
+                        },
+                        placement: {
+                            type: 'string',
+                            description: 'Position of the guide card relative to the target element.'
+                        },
+                        target: {
+                            type: 'string',
+                            description: 'The blockId of the target element for this step.'
+                        },
+                        title: {
+                            type: 'string',
+                            description: 'Title of the step.'
+                        },
+                        type: {
+                            type: 'string',
+                            enum: [
+                                'default',
+                                'primary'
+                            ],
+                            description: 'Type style for this step, overrides tour-level type.'
+                        }
+                    }
+                }
+            },
+            theme: {
+                type: 'object',
+                description: 'Antd design token overrides for this block. See <a href="https://ant.design/components/overview#design-token">antd design tokens</a>.',
+                docs: {
+                    displayType: 'yaml',
+                    link: 'https://ant.design/components/tour#design-token'
+                },
+                properties: {
+                    zIndexPopup: {
+                        type: 'number',
+                        default: 1070,
+                        description: 'Z-index of the tour popup.'
+                    },
+                    closeBtnSize: {
+                        type: 'number',
+                        description: 'Size of the close button. Calculated from fontSize and lineHeight.'
+                    },
+                    primaryPrevBtnBg: {
+                        type: 'string',
+                        default: 'rgba(255, 255, 255, 0.15)',
+                        description: 'Background color of the previous button in primary type tour.'
+                    },
+                    primaryNextBtnHoverBg: {
+                        type: 'string',
+                        description: 'Hover background color of the next button in primary type tour. Derived from colorBgTextHover.'
+                    },
+                    arrowOffsetHorizontal: {
+                        type: 'number',
+                        default: 12,
+                        description: 'Horizontal offset of the arrow.'
+                    },
+                    arrowOffsetVertical: {
+                        type: 'number',
+                        default: 8,
+                        description: 'Vertical offset of the arrow.'
+                    },
+                    colorPrimary: {
+                        type: 'string',
+                        description: 'Primary color override for the tour.'
+                    },
+                    colorBgContainer: {
+                        type: 'string',
+                        description: 'Background color of the tour card.'
+                    },
+                    colorText: {
+                        type: 'string',
+                        description: 'Text color in the tour card.'
+                    },
+                    colorTextDescription: {
+                        type: 'string',
+                        description: 'Description text color in the tour card.'
+                    },
+                    borderRadiusLG: {
+                        type: 'number',
+                        default: 8,
+                        description: 'Border radius of the tour card.'
+                    },
+                    fontSize: {
+                        type: 'number',
+                        default: 14,
+                        description: 'Font size for tour content.'
+                    },
+                    fontSizeLG: {
+                        type: 'number',
+                        default: 16,
+                        description: 'Font size for tour title.'
+                    },
+                    padding: {
+                        type: 'number',
+                        default: 16,
+                        description: 'Padding of the tour card content.'
+                    }
+                }
+            },
+            type: {
+                type: 'string',
+                enum: [
+                    'default',
+                    'primary'
+                ],
+                default: 'default',
+                description: 'Type of the tour.'
+            },
+            zIndex: {
+                type: 'integer',
+                description: 'Z-index of the tour.'
+            }
+        }
+    }
+};

package/dist/blocks/TreeSelector/TreeSelector.js

@@ -14,7 +14,8 @@
   limitations under the License.
 */ import React, { useState, useEffect } from 'react';
 import { Tree } from 'antd';
-import { blockDefaultProps, renderHtml } from '@lowdefy/block-utils';
+import { renderHtml, withBlockDefaults } from '@lowdefy/block-utils';
+import withTheme from '../withTheme.js';
 const transformData = (data, valueMap, prefix = '')=>{
     return data.map(({ children, disabled, disableCheckbox, label, value }, i)=>{
         const key = `${prefix}-${i}`;
@@ -44,7 +45,7 @@ const getValueKeys = (value, valueMap)=>{
     }
     return [];
 };
-const TreeSelector = ({ blockId, properties, content, methods, value })=>{
+const TreeSelector = ({ blockId, classNames = {}, properties, content, methods, styles = {}, value })=>{
     const treeData = properties.options;
     const valueMap = {};
     const transformedData = transformData(treeData, valueMap);
@@ -85,6 +86,7 @@ const TreeSelector = ({ blockId, properties, content, methods, value })=>{
     };
     return /*#__PURE__*/ React.createElement(Tree, {
         id: blockId,
+        className: classNames.element,
         checkable: properties.checkable,
         disabled: properties.disabled,
         defaultExpandAll: properties.defaultExpandAll,
@@ -92,6 +94,7 @@ const TreeSelector = ({ blockId, properties, content, methods, value })=>{
         selectable: properties.selectable,
         multiple: false,
         content: content.options && content.options(),
+        style: styles.element,
         treeData: transformedData,
         onSelect: onSelect,
         onExpand: onExpand,
@@ -103,13 +106,4 @@ const TreeSelector = ({ blockId, properties, content, methods, value })=>{
         expandedKeys: expandedKeys
     });
 };
-TreeSelector.defaultProps = blockDefaultProps;
-TreeSelector.meta = {
-    category: 'input',
-    valueType: 'array',
-    icons: [],
-    styles: [
-        'blocks/TreeSelector/style.less'
-    ]
-};
-export default TreeSelector;
+export default withTheme('TreeSelect', withBlockDefaults(TreeSelector));

package/dist/blocks/TreeSelector/{schema.js → meta.js}

@@ -13,7 +13,23 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */ export default {
-    type: 'object',
+    category: 'input',
+    icons: [],
+    valueType: 'array',
+    slots: {
+        options: 'Custom option content.'
+    },
+    cssKeys: {
+        element: 'The TreeSelector element.'
+    },
+    events: {
+        onChange: {
+            description: 'Trigger action when selection is changed.',
+            event: {
+                value: 'The selected value.'
+            }
+        }
+    },
     properties: {
         type: 'object',
         additionalProperties: false,
@@ -23,20 +39,6 @@
                 default: false,
                 description: 'Make nodes checkboxes.'
             },
-            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'
-                }
-            },
             disabled: {
                 type: 'boolean',
                 default: false,
@@ -168,16 +170,123 @@
                         }
                     }
                 ]
-            }
-        }
-    },
-    events: {
-        type: 'object',
-        additionalProperties: false,
-        properties: {
-            onChange: {
-                type: 'array',
-                description: 'Trigger action when selection is changed.'
+            },
+            theme: {
+                type: 'object',
+                description: 'Antd design token overrides for this block. See <a href="https://ant.design/components/overview#design-token">antd design tokens</a>.',
+                docs: {
+                    displayType: 'yaml',
+                    link: 'https://ant.design/components/tree-select#design-token'
+                },
+                properties: {
+                    nodeSelectedBg: {
+                        type: 'string',
+                        description: 'Background color of selected tree node.'
+                    },
+                    nodeHoverBg: {
+                        type: 'string',
+                        description: 'Background color of hovered tree node.'
+                    },
+                    titleHeight: {
+                        type: 'number',
+                        default: 24,
+                        description: 'Height of tree node title.'
+                    },
+                    directoryNodeSelectedBg: {
+                        type: 'string',
+                        description: 'Background color of selected directory node.'
+                    },
+                    directoryNodeSelectedColor: {
+                        type: 'string',
+                        description: 'Text color of selected directory node.'
+                    },
+                    clearBg: {
+                        type: 'string',
+                        description: 'Background color of clear button.'
+                    },
+                    selectorBg: {
+                        type: 'string',
+                        description: 'Background color of the selector.'
+                    },
+                    hoverBorderColor: {
+                        type: 'string',
+                        description: 'Border color when hovered.'
+                    },
+                    activeBorderColor: {
+                        type: 'string',
+                        description: 'Border color when active/focused.'
+                    },
+                    activeOutlineColor: {
+                        type: 'string',
+                        description: 'Outline color when active/focused.'
+                    },
+                    optionSelectedBg: {
+                        type: 'string',
+                        description: 'Background of selected option.'
+                    },
+                    optionSelectedColor: {
+                        type: 'string',
+                        description: 'Text color of selected option.'
+                    },
+                    optionSelectedFontWeight: {
+                        type: 'string',
+                        description: 'Font weight of selected option.'
+                    },
+                    optionActiveBg: {
+                        type: 'string',
+                        description: 'Background of active (hovered) option.'
+                    },
+                    optionFontSize: {
+                        type: 'number',
+                        default: 14,
+                        description: 'Font size of options.'
+                    },
+                    optionHeight: {
+                        type: 'number',
+                        default: 32,
+                        description: 'Height of each option.'
+                    },
+                    optionLineHeight: {
+                        type: 'string',
+                        description: 'Line height of options.'
+                    },
+                    optionPadding: {
+                        type: 'string',
+                        description: 'Padding of options.'
+                    },
+                    multipleSelectorBgDisabled: {
+                        type: 'string',
+                        description: 'Background when disabled in multiple mode.'
+                    },
+                    multipleItemBg: {
+                        type: 'string',
+                        description: 'Background of tag items in multiple mode.'
+                    },
+                    multipleItemBorderColor: {
+                        type: 'string',
+                        description: 'Border color of tag items.'
+                    },
+                    multipleItemHeight: {
+                        type: 'number',
+                        default: 24,
+                        description: 'Height of tag items.'
+                    },
+                    multipleItemHeightSM: {
+                        type: 'number',
+                        default: 16,
+                        description: 'Height of tag items (small).'
+                    },
+                    multipleItemHeightLG: {
+                        type: 'number',
+                        default: 32,
+                        description: 'Height of tag items (large).'
+                    },
+                    zIndexPopup: {
+                        type: 'number',
+                        default: 1050,
+                        description: 'z-index of the dropdown.'
+                    }
+                }
             }
         }
     }

package/dist/blocks/Watermark/Watermark.js

@@ -0,0 +1,34 @@
+/*
+  Copyright 2020-2026 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 { Watermark } from 'antd';
+import { withBlockDefaults } from '@lowdefy/block-utils';
+import withTheme from '../withTheme.js';
+const WatermarkBlock = ({ blockId, classNames = {}, content, properties, styles = {} })=>/*#__PURE__*/ React.createElement(Watermark, {
+        id: blockId,
+        className: classNames.element,
+        style: styles.element,
+        content: properties.text,
+        font: properties.font,
+        gap: properties.gap ?? undefined,
+        image: properties.image,
+        inherit: properties.inherit,
+        offset: properties.offset ?? undefined,
+        rotate: properties.rotate,
+        zIndex: properties.zIndex,
+        width: properties.width,
+        height: properties.height
+    }, content.content && content.content());
+export default withTheme('Watermark', withBlockDefaults(WatermarkBlock));

package/dist/blocks/Watermark/e2e.js

@@ -0,0 +1,23 @@
+/*
+  Copyright 2020-2026 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 { createBlockHelper } from '@lowdefy/e2e-utils';
+import { expect } from '@playwright/test';
+const locator = (page, blockId)=>page.locator(`#${blockId}`);
+export default createBlockHelper({
+    locator,
+    expect: {
+        hasWatermark: (page, blockId)=>expect(locator(page, blockId).locator('.ant-watermark')).toBeAttached()
+    }
+});

package/dist/blocks/Watermark/meta.js

@@ -0,0 +1,148 @@
+/*
+  Copyright 2020-2026 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.
+*/ export default {
+    category: 'container',
+    icons: [],
+    valueType: null,
+    slots: {
+        content: 'Child blocks with a watermark overlay.'
+    },
+    cssKeys: {
+        element: 'The Watermark element.'
+    },
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            font: {
+                type: 'object',
+                description: 'Font style configuration with color, fontSize, fontWeight, fontFamily, fontStyle, textAlign.',
+                properties: {
+                    color: {
+                        type: 'string',
+                        description: 'Font color of the watermark.'
+                    },
+                    fontFamily: {
+                        type: 'string',
+                        description: 'Font family of the watermark.'
+                    },
+                    fontSize: {
+                        type: 'number',
+                        description: 'Font size of the watermark.'
+                    },
+                    fontStyle: {
+                        type: 'string',
+                        description: 'Font style of the watermark.'
+                    },
+                    fontWeight: {
+                        type: [
+                            'string',
+                            'number'
+                        ],
+                        description: 'Font weight of the watermark.',
+                        docs: {
+                            displayType: 'yaml'
+                        }
+                    },
+                    textAlign: {
+                        type: 'string',
+                        enum: [
+                            'start',
+                            'end',
+                            'left',
+                            'right',
+                            'center'
+                        ],
+                        description: 'Text alignment of the watermark.'
+                    }
+                }
+            },
+            gap: {
+                type: 'array',
+                description: 'Gap between watermarks as [horizontal, vertical].',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            height: {
+                type: 'number',
+                description: 'Height of the watermark.'
+            },
+            image: {
+                type: 'string',
+                description: 'Image URL to use as watermark. If set, text content is ignored.'
+            },
+            inherit: {
+                type: 'boolean',
+                default: true,
+                description: 'Inherit watermark config from parent Watermark block.'
+            },
+            offset: {
+                type: 'array',
+                description: 'Offset of the watermark from the top-left as [x, y].',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            rotate: {
+                type: 'number',
+                default: -22,
+                description: 'Rotation angle of watermark in degrees.'
+            },
+            text: {
+                type: [
+                    'string',
+                    'array'
+                ],
+                description: 'Watermark text content. Maps to antd "content" prop.',
+                docs: {
+                    displayType: 'yaml'
+                }
+            },
+            theme: {
+                type: 'object',
+                description: 'Antd design token overrides for this block. See <a href="https://ant.design/components/overview#design-token">antd design tokens</a>.',
+                docs: {
+                    displayType: 'yaml',
+                    link: 'https://ant.design/components/watermark#design-token'
+                },
+                properties: {
+                    colorFill: {
+                        type: 'string',
+                        description: 'Default watermark text color when font.color is not set. Maps to the global colorFill token.'
+                    },
+                    fontSizeLG: {
+                        type: 'number',
+                        default: 16,
+                        description: 'Default watermark font size when font.fontSize is not set. Maps to the global fontSizeLG token.'
+                    },
+                    fontFamily: {
+                        type: 'string',
+                        default: 'sans-serif',
+                        description: 'Default font family used when font.fontFamily is not set.'
+                    }
+                }
+            },
+            width: {
+                type: 'number',
+                description: 'Width of the watermark.'
+            },
+            zIndex: {
+                type: 'integer',
+                description: 'Z-index of the watermark.'
+            }
+        }
+    }
+};