@lowdefy/blocks-antd 5.5.1 → 6.0.0

package/dist/blocks/TagSelector/gallery.yaml

@@ -0,0 +1,70 @@
+# 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.
+
+- title: Basic String Options
+  blocks:
+    - id: basic_strings
+      type: TagSelector
+      properties:
+        title: Domain
+        options:
+          - Ethics
+          - Environment
+          - Governance
+          - Social
+          - Data Privacy
+
+- title: Label-Value Options
+  blocks:
+    - id: label_value
+      type: TagSelector
+      properties:
+        title: Status
+        options:
+          - label: Draft
+            value: draft
+          - label: In Review
+            value: in_review
+          - label: Published
+            value: published
+          - label: Archived
+            value: archived
+            disabled: true
+
+- title: Explicit Colors and Single Accent
+  blocks:
+    - id: explicit_colors
+      type: TagSelector
+      properties:
+        title: Priority
+        options:
+          - label: Low
+            value: low
+            color: '#59A14F'
+          - label: Medium
+            value: medium
+            color: '#EDC948'
+          - label: High
+            value: high
+            color: '#E15759'
+    - id: single_accent
+      type: TagSelector
+      properties:
+        title: Interest
+        colored: false
+        options:
+          - Design
+          - Engineering
+          - Product
+          - Research

package/dist/blocks/TagSelector/meta.js

@@ -0,0 +1,91 @@
+/*
+  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 LabelMeta from '../Label/meta.js';
+import label from '../../schemas/label.js';
+import { disabled, inputTitle, sizeSmallDefaultLarge } from '../../schemas/inputProperties.js';
+export default {
+    category: 'input',
+    valueType: 'any',
+    icons: [
+        ...LabelMeta.icons
+    ],
+    cssKeys: {
+        element: 'The TagSelector tag row.',
+        tag: 'Each tag pill.',
+        label: 'The TagSelector label.',
+        extra: 'The TagSelector extra content.',
+        feedback: 'The TagSelector validation feedback.'
+    },
+    events: {
+        onChange: {
+            description: 'Trigger actions when the selection is changed.',
+            event: {
+                value: 'The selected value.'
+            }
+        },
+        onTooltipClick: 'Trigger actions when the tooltip icon is clicked.'
+    },
+    properties: {
+        type: 'object',
+        additionalProperties: false,
+        properties: {
+            options: {
+                type: 'array',
+                description: 'Options to select from. Primitives, or { label, value, color, disabled } - an explicit color overrides the stable palette color.',
+                items: {
+                    type: [
+                        'string',
+                        'number',
+                        'boolean',
+                        'object'
+                    ],
+                    properties: {
+                        label: {
+                            type: 'string',
+                            description: 'Tag label. Defaults to the value.'
+                        },
+                        value: {
+                            description: 'Option value set as the selection when the tag is selected.',
+                            docs: {
+                                displayType: 'yaml'
+                            }
+                        },
+                        color: {
+                            type: 'string',
+                            description: 'Explicit tag color (hex or CSS color). Overrides the stable palette color.',
+                            docs: {
+                                displayType: 'color'
+                            }
+                        },
+                        disabled: {
+                            type: 'boolean',
+                            default: false,
+                            description: 'Disable this tag.'
+                        }
+                    }
+                }
+            },
+            colored: {
+                type: 'boolean',
+                default: true,
+                description: 'Give each option a stable color (hash of its value over a fixed palette). false = single primary accent.'
+            },
+            disabled,
+            size: sizeSmallDefaultLarge,
+            label,
+            title: inputTitle
+        }
+    }
+};

package/dist/blocks/TagSelector/tests/TagSelector.e2e.yaml

@@ -0,0 +1,93 @@
+# 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.
+
+id: tag_selector
+type: Box
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: tag_basic
+    type: TagSelector
+    properties:
+      label:
+        disabled: true
+      options:
+        - Ethics
+        - Environment
+        - Governance
+
+  # ============================================
+  # EVENT / SELECTION TESTS
+  # ============================================
+
+  - id: tag_change
+    type: TagSelector
+    properties:
+      label:
+        disabled: true
+      options:
+        - label: Option A
+          value: a
+        - label: Option B
+          value: b
+    events:
+      onChange:
+        - id: set_tag_result
+          type: SetState
+          params:
+            tag_result:
+              _event: value
+
+  - id: tag_change_display
+    type: Paragraph
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: tag_result
+              - null
+          then:
+            _json.stringify:
+              - _state: tag_result
+          else: ''
+
+  # ============================================
+  # DISABLED TESTS
+  # ============================================
+
+  - id: tag_disabled
+    type: TagSelector
+    properties:
+      label:
+        disabled: true
+      disabled: true
+      options:
+        - X
+        - Y
+
+  - id: tag_disabled_option
+    type: TagSelector
+    properties:
+      label:
+        disabled: true
+      options:
+        - label: Enabled
+          value: enabled
+        - label: Locked
+          value: locked
+          disabled: true