@lowdefy/blocks-antd 5.6.0 → 6.0.0

package/dist/blocks/Pagination/tests.yaml

@@ -0,0 +1,80 @@
+# 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: default
+  type: Pagination
+- id: properties.total
+  type: Pagination
+  properties:
+    total: 500
+- id: 'properties.size: small'
+  type: Pagination
+  properties:
+    size: small
+- id: 'properties.size: default'
+  type: Pagination
+  properties:
+    size: default
+- id: 'properties.simple: true'
+  type: Pagination
+  properties:
+    simple: true
+- id: 'properties.showTotal: true'
+  type: Pagination
+  properties:
+    showTotal: true
+- id: "properties.showTotal: 'This is the total'"
+  type: Pagination
+  properties:
+    showTotal: 'This is the total'
+# - id: 'properties.showTotal: _function'
+#   type: Pagination
+#   properties:
+#     showTotal:
+#       _function:
+#         __string.concat:
+#           - ''
+#           - __args: 0.range.0
+#           - '-'
+#           - __args: 0.range.1
+#           - ' of '
+#           - __args: 0.total
+#           - '+'
+- id: 'properties.showSizeChanger: false'
+  type: Pagination
+  properties:
+    showSizeChanger: false
+- id: 'properties.showQuickJumper: true'
+  type: Pagination
+  properties:
+    showQuickJumper: true
+- id: 'properties.pageSizeOptions: [100, 200, 500]'
+  type: Pagination
+  properties:
+    pageSizeOptions: [100, 200, 500]
+    total: 6000
+- id: 'properties.hideOnSinglePage: true, total: 1'
+  type: Pagination
+  properties:
+    hideOnSinglePage: true
+    total: 1
+- id: 'properties.hideOnSinglePage: true, total: 100'
+  type: Pagination
+  properties:
+    hideOnSinglePage: true
+    total: 100
+- id: 'properties.disabled: true'
+  type: Pagination
+  properties:
+    disabled: true

package/dist/blocks/Paragraph/gallery.yaml

@@ -0,0 +1,458 @@
+# 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 Content
+  blocks:
+    - id: basic_plain
+      type: Paragraph
+      properties:
+        content: Lowdefy is a config-driven web framework. Build internal tools, client portals, and web apps with YAML or JSON.
+    - id: basic_html
+      type: Paragraph
+      properties:
+        content: 'This paragraph supports <b>bold</b>, <i>italic</i>, and <a href="https://lowdefy.com">links</a> via HTML.'
+    - id: basic_long
+      type: Paragraph
+      properties:
+        content: A longer paragraph showing how body text renders at its default size. Lowdefy makes it easy to build internal tools, client portals, and web applications using YAML or JSON configuration files. No need to learn complex frontend frameworks or manage build tooling.
+
+- title: Types
+  blocks:
+    - id: type_default
+      type: Paragraph
+      properties:
+        content: Default paragraph text with the standard color.
+    - id: type_secondary
+      type: Paragraph
+      properties:
+        content: Secondary paragraph text with a muted appearance.
+        type: secondary
+    - id: type_success
+      type: Paragraph
+      properties:
+        content: Success paragraph indicating a positive outcome.
+        type: success
+    - id: type_warning
+      type: Paragraph
+      properties:
+        content: Warning paragraph to alert the user about something.
+        type: warning
+    - id: type_danger
+      type: Paragraph
+      properties:
+        content: Danger paragraph highlighting a critical issue.
+        type: danger
+
+- title: Text Decorations
+  blocks:
+    - id: deco_strong
+      type: Paragraph
+      properties:
+        content: Strong (bold) paragraph text for emphasis.
+        strong: true
+    - id: deco_italic
+      type: Paragraph
+      properties:
+        content: Italic paragraph text often used for citations or side notes.
+        italic: true
+    - id: deco_underline
+      type: Paragraph
+      properties:
+        content: Underlined paragraph text to draw attention.
+        underline: true
+    - id: deco_delete
+      type: Paragraph
+      properties:
+        content: Deleted (strikethrough) text indicating removed content.
+        delete: true
+    - id: deco_mark
+      type: Paragraph
+      properties:
+        content: Marked (highlighted) text to call out key information.
+        mark: true
+
+- title: Combined Decorations
+  blocks:
+    - id: combined_strong_italic
+      type: Paragraph
+      properties:
+        content: Bold and italic text for maximum emphasis.
+        strong: true
+        italic: true
+    - id: combined_underline_mark
+      type: Paragraph
+      properties:
+        content: Underlined and highlighted to draw strong attention.
+        underline: true
+        mark: true
+    - id: combined_warning_italic
+      type: Paragraph
+      properties:
+        content: This feature is deprecated and will be removed in a future version.
+        type: warning
+        italic: true
+        underline: true
+    - id: combined_danger_strong
+      type: Paragraph
+      properties:
+        content: Critical security vulnerability detected.
+        type: danger
+        strong: true
+
+- title: Disabled
+  blocks:
+    - id: disabled_default
+      type: Paragraph
+      properties:
+        content: Disabled paragraph text appears faded.
+        disabled: true
+    - id: disabled_long
+      type: Paragraph
+      properties:
+        content: This section is currently unavailable. The content will be accessible once the feature has been enabled by your administrator.
+        disabled: true
+    - id: disabled_strong
+      type: Paragraph
+      properties:
+        content: Disabled bold text still shows the faded style.
+        disabled: true
+        strong: true
+
+- title: Code Style
+  blocks:
+    - id: code_inline
+      type: Paragraph
+      properties:
+        content: 'const app = lowdefy.init({ config })'
+        code: true
+    - id: code_command
+      type: Paragraph
+      properties:
+        content: npx lowdefy@latest dev
+        code: true
+    - id: code_json
+      type: Paragraph
+      properties:
+        content: '{ "type": "TextInput", "properties": { "label": "Name" } }'
+        code: true
+
+- title: Copyable
+  blocks:
+    - id: copyable_simple
+      type: Paragraph
+      properties:
+        content: Click the copy icon to copy this text.
+        copyable: true
+    - id: copyable_custom_text
+      type: Paragraph
+      properties:
+        content: Copy this paragraph (custom text is copied instead)
+        copyable:
+          text: This is the custom text that gets copied to clipboard instead of the visible content.
+    - id: copyable_tooltips
+      type: Paragraph
+      properties:
+        content: Hover the copy icon to see custom tooltips
+        copyable:
+          tooltips:
+            - Click to copy text
+            - Text copied!
+    - id: copyable_icons
+      type: Paragraph
+      properties:
+        content: Two-state copy icons that change after clicking
+        copyable:
+          icon:
+            - AiOutlineCopy
+            - AiOutlineCheck
+    - id: copyable_code
+      type: Paragraph
+      properties:
+        content: npm install lowdefy
+        code: true
+        copyable: true
+
+- title: Copyable with onCopy Event
+  blocks:
+    - id: copyable_event
+      type: Paragraph
+      properties:
+        content: Copy this text and a message will appear.
+        copyable: true
+      events:
+        onCopy:
+          - id: copyable_event_msg
+            type: DisplayMessage
+            params:
+              content: Text copied to clipboard!
+              status: success
+    - id: copyable_event_custom
+      type: Paragraph
+      properties:
+        content: API Key shown here (actual key copied)
+        copyable:
+          text: sk-abc123def456
+          tooltips:
+            - Copy API key
+            - API key copied!
+      events:
+        onCopy:
+          - id: copyable_event_custom_msg
+            type: DisplayMessage
+            params:
+              content: API key copied to clipboard.
+              status: info
+    - id: copyable_event_set_state
+      type: Paragraph
+      properties:
+        content: Copy this and state will track it.
+        copyable: true
+      events:
+        onCopy:
+          - id: copyable_event_set
+            type: SetState
+            params:
+              lastCopied: Copied text tracked via onCopy event.
+
+- title: Ellipsis
+  blocks:
+    - id: ellipsis_single
+      type: Paragraph
+      properties:
+        content: This is a very long paragraph that will be truncated when it exceeds the width of its container. The overflow text is replaced with an ellipsis to indicate there is more content available beyond what is currently visible.
+        ellipsis: true
+    - id: ellipsis_rows_2
+      type: Paragraph
+      properties:
+        content: This paragraph demonstrates multi-line ellipsis with two rows. It contains enough text to span several lines, and after reaching the specified row limit, the remaining content will be hidden behind an ellipsis. Users can click the expand button to reveal the full text. This is useful for previews of long-form content.
+        ellipsis:
+          rows: 2
+          expandable: true
+    - id: ellipsis_rows_3_suffix
+      type: Paragraph
+      properties:
+        content: Three-line ellipsis with a custom suffix. Lowdefy makes it easy to build internal tools, client portals, and web applications using YAML or JSON configuration files. No need to learn complex frontend frameworks, manage build tooling, or write boilerplate code. Just define your UI in config and Lowdefy takes care of the rest.
+        ellipsis:
+          rows: 3
+          expandable: true
+          suffix: ' /Read More'
+
+- title: Ellipsis with onExpand Event
+  blocks:
+    - id: ellipsis_event
+      type: Paragraph
+      properties:
+        content: Click expand to trigger an event. Lowdefy makes it easy to build internal tools, client portals, and web applications using YAML or JSON configuration files. No need to learn complex frontend frameworks, manage build tooling, or write boilerplate code.
+        ellipsis:
+          rows: 2
+          expandable: true
+      events:
+        onExpand:
+          - id: ellipsis_event_msg
+            type: DisplayMessage
+            params:
+              content: Content expanded!
+              status: info
+    - id: ellipsis_event_set_state
+      type: Paragraph
+      properties:
+        content: Expanding this paragraph will update state. This is useful for tracking which sections the user has read or interacted with. You can use the ellipsis state to drive conditional logic elsewhere in the app.
+        ellipsis:
+          rows: 2
+          expandable: true
+      events:
+        onExpand:
+          - id: ellipsis_event_set
+            type: SetState
+            params:
+              sectionExpanded: true
+          - id: ellipsis_event_set_msg
+            type: DisplayMessage
+            params:
+              content: State updated - sectionExpanded is now true.
+              status: success
+    - id: ellipsis_event_suffix
+      type: Paragraph
+      properties:
+        content: Expandable paragraph with a suffix and event. Lowdefy apps are defined in YAML with blocks, operators, actions, and connections. The framework handles rendering, state management, and server-side logic so you can focus on building features.
+        ellipsis:
+          rows: 1
+          expandable: true
+          suffix: ' [...]'
+      events:
+        onExpand:
+          - id: ellipsis_event_suffix_msg
+            type: DisplayMessage
+            params:
+              content: Full text revealed.
+              status: info
+
+- title: Style and CSS
+  blocks:
+    - id: css_tailwind_bg
+      type: Paragraph
+      class: bg-bg-layout p-3 rounded-lg
+      properties:
+        content: Paragraph styled with Tailwind classes for background, padding, and border radius.
+    - id: css_tailwind_border
+      type: Paragraph
+      class: border-l-4 border-blue-500 pl-3
+      properties:
+        content: Paragraph with a left border accent using Tailwind utility classes.
+        type: secondary
+        italic: true
+    - id: css_inline_spacing
+      type: Paragraph
+      properties:
+        content: PARAGRAPH WITH WIDE LETTER SPACING
+      style:
+        .element:
+          letterSpacing: 3px
+          textTransform: uppercase
+          fontSize: 12px
+    - id: css_inline_line_height
+      type: Paragraph
+      properties:
+        content: This paragraph has increased line height for better readability. When you have dense text content, increasing the line height makes it easier for users to follow lines of text across the page.
+      style:
+        .element:
+          lineHeight: 2.0
+    - id: css_inline_blockquote
+      type: Paragraph
+      properties:
+        content: A blockquote-style paragraph using inline styles with a left border and padding.
+        italic: true
+      style:
+        .element:
+          borderLeft: 3px solid #1677ff
+          paddingLeft: 12px
+
+- title: Theme Token Overrides
+  blocks:
+    - id: theme_bold_weight
+      type: Paragraph
+      properties:
+        content: Custom heavy font weight for strong text (fontWeightStrong 900).
+        strong: true
+        theme:
+          fontWeightStrong: 900
+    - id: theme_custom_colors
+      type: Paragraph
+      properties:
+        content: Custom teal success color applied via theme tokens.
+        type: success
+        theme:
+          colorSuccess: '#13c2c2'
+    - id: theme_warning_color
+      type: Paragraph
+      properties:
+        content: Custom orange warning color via theme override.
+        type: warning
+        theme:
+          colorWarning: '#fa541c'
+    - id: theme_code_font
+      type: Paragraph
+      properties:
+        content: 'console.log("custom monospace font")'
+        code: true
+        theme:
+          fontFamilyCode: '"JetBrains Mono", "Fira Code", monospace'
+
+- title: Paragraph in Article Page
+  blocks:
+    - id: article_card
+      type: Card
+      properties:
+        title: Getting Started with Lowdefy
+        size: small
+      blocks:
+        - id: article_intro
+          type: Paragraph
+          properties:
+            content: Lowdefy is a config-driven web framework that lets you build internal tools, client portals, and web apps using YAML. No frontend expertise required.
+        - id: article_highlight
+          type: Paragraph
+          properties:
+            content: Over 50 pre-built blocks are available out of the box, including form inputs, charts, tables, and layout components.
+            mark: true
+            strong: true
+        - id: article_code_label
+          type: Paragraph
+          properties:
+            content: Install the CLI to get started.
+            type: secondary
+        - id: article_code_snippet
+          type: Paragraph
+          properties:
+            content: npx lowdefy@latest dev
+            code: true
+            copyable: true
+          events:
+            onCopy:
+              - id: article_copy_msg
+                type: DisplayMessage
+                params:
+                  content: Command copied! Paste it into your terminal.
+                  status: success
+        - id: article_note
+          type: Paragraph
+          properties:
+            content: 'Note: Lowdefy requires Node.js 18 or later. Check your version with node /version.'
+            type: warning
+            italic: true
+
+- title: Paragraph in Status Dashboard
+  blocks:
+    - id: status_card
+      type: Card
+      properties:
+        title: System Status
+        size: small
+      blocks:
+        - id: status_ok
+          type: Paragraph
+          properties:
+            content: All services are operational. Last checked 2 minutes ago.
+            type: success
+            strong: true
+        - id: status_degraded
+          type: Paragraph
+          properties:
+            content: API response times are elevated. The team is investigating the root cause.
+            type: warning
+        - id: status_outage
+          type: Paragraph
+          properties:
+            content: Database cluster is unreachable. Automatic failover has been triggered.
+            type: danger
+            strong: true
+        - id: status_detail
+          type: Paragraph
+          properties:
+            content: For real-time updates, subscribe to the status page or contact support. Incident reports are published within 30 minutes of detection. Historical uptime data is available in the admin dashboard.
+            ellipsis:
+              rows: 2
+              expandable: true
+          events:
+            onExpand:
+              - id: status_expand_msg
+                type: DisplayMessage
+                params:
+                  content: Showing full status details.
+                  status: info
+        - id: status_disabled
+          type: Paragraph
+          properties:
+            content: Maintenance window scheduled for Sunday 02:00-04:00 UTC.
+            disabled: true

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

@@ -0,0 +1,153 @@
+# 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: paragraph
+type: Box
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: para_basic
+    type: Paragraph
+    properties:
+      content: This is a basic paragraph.
+
+  - id: para_html
+    type: Paragraph
+    properties:
+      content: '<strong>Bold</strong> and <em>italic</em> text.'
+
+  # ============================================
+  # STYLE TESTS
+  # ============================================
+
+  - id: para_code
+    type: Paragraph
+    properties:
+      content: Code paragraph
+      code: true
+
+  - id: para_italic
+    type: Paragraph
+    properties:
+      content: Italic paragraph
+      italic: true
+
+  - id: para_strong
+    type: Paragraph
+    properties:
+      content: Strong paragraph
+      strong: true
+
+  - id: para_underline
+    type: Paragraph
+    properties:
+      content: Underline paragraph
+      underline: true
+
+  - id: para_delete
+    type: Paragraph
+    properties:
+      content: Delete paragraph
+      delete: true
+
+  - id: para_mark
+    type: Paragraph
+    properties:
+      content: Marked paragraph
+      mark: true
+
+  - id: para_disabled
+    type: Paragraph
+    properties:
+      content: Disabled paragraph
+      disabled: true
+
+  # ============================================
+  # TYPE TESTS
+  # ============================================
+
+  - id: para_secondary
+    type: Paragraph
+    properties:
+      content: Secondary paragraph
+      type: secondary
+
+  - id: para_success
+    type: Paragraph
+    properties:
+      content: Success paragraph
+      type: success
+
+  - id: para_warning
+    type: Paragraph
+    properties:
+      content: Warning paragraph
+      type: warning
+
+  - id: para_danger
+    type: Paragraph
+    properties:
+      content: Danger paragraph
+      type: danger
+
+  # ============================================
+  # COPYABLE TESTS
+  # ============================================
+
+  - id: para_copyable
+    type: Paragraph
+    properties:
+      content: Copy this paragraph
+      copyable: true
+
+  - id: para_copyable_event
+    type: Paragraph
+    properties:
+      content: Copy me
+      copyable:
+        text: Custom copy text
+    events:
+      onCopy:
+        - id: set_oncopy
+          type: SetState
+          params:
+            para_oncopy_fired: true
+
+  - id: oncopy_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: para_oncopy_fired
+              - true
+          then: Copy fired
+          else: ''
+
+  # ============================================
+  # ELLIPSIS TESTS
+  # ============================================
+
+  - id: para_ellipsis
+    type: Paragraph
+    properties:
+      content: This is a very long paragraph that should be truncated with ellipsis when it exceeds a certain number of rows. The content continues to demonstrate the ellipsis functionality.
+      ellipsis:
+        rows: 2
+      style:
+        width: 300px