@lowdefy/blocks-antd 5.5.1 → 6.0.0

package/dist/blocks/Divider/gallery.yaml

@@ -0,0 +1,375 @@
+# 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: Type
+  fullWidth: true
+  blocks:
+    - id: type_horizontal
+      type: Divider
+    - id: type_horizontal_titled
+      type: Divider
+      properties:
+        title: Horizontal Divider
+    - id: type_vertical_row
+      type: Box
+      layout:
+        gap: 0
+      blocks:
+        - id: type_vt_text_1
+          type: Paragraph
+          layout:
+            flex: 0 0 auto
+          properties:
+            content: Home
+        - id: type_vt_divider_1
+          type: Divider
+          layout:
+            flex: 0 0 auto
+          properties:
+            orientation: vertical
+        - id: type_vt_text_2
+          type: Paragraph
+          layout:
+            flex: 0 0 auto
+          properties:
+            content: Settings
+        - id: type_vt_divider_2
+          type: Divider
+          layout:
+            flex: 0 0 auto
+          properties:
+            orientation: vertical
+        - id: type_vt_text_3
+          type: Paragraph
+          layout:
+            flex: 0 0 auto
+          properties:
+            content: Profile
+
+- title: Title
+  fullWidth: true
+  blocks:
+    - id: title_plain_text
+      type: Divider
+      properties:
+        title: Section Title
+    - id: title_html_bold
+      type: Divider
+      properties:
+        title: '<b>Bold Section Header</b>'
+    - id: title_html_styled
+      type: Divider
+      properties:
+        title: '<span style="color: #1677ff; font-size: 16px">Highlighted Title</span>'
+
+- title: Title Placement
+  fullWidth: true
+  blocks:
+    - id: orient_start
+      type: Divider
+      properties:
+        title: Start
+        titlePlacement: start
+    - id: orient_center
+      type: Divider
+      properties:
+        title: Center (default)
+        titlePlacement: center
+    - id: orient_end
+      type: Divider
+      properties:
+        title: End
+        titlePlacement: end
+
+- title: Dashed
+  fullWidth: true
+  blocks:
+    - id: dashed_simple
+      type: Divider
+      properties:
+        dashed: true
+    - id: dashed_with_title
+      type: Divider
+      properties:
+        dashed: true
+        title: Dashed with Title
+    - id: dashed_left_title
+      type: Divider
+      properties:
+        dashed: true
+        title: Dashed Start
+        titlePlacement: start
+
+- title: Plain Style
+  fullWidth: true
+  blocks:
+    - id: plain_center
+      type: Divider
+      properties:
+        title: Plain Center
+        plain: true
+    - id: plain_left
+      type: Divider
+      properties:
+        title: Plain Start
+        plain: true
+        titlePlacement: start
+    - id: plain_dashed
+      type: Divider
+      properties:
+        title: Plain Dashed
+        plain: true
+        dashed: true
+
+- title: Style and CSS
+  fullWidth: true
+  blocks:
+    - id: css_tailwind_margin
+      type: Divider
+      class: my-8
+      properties:
+        title: Extra Margin via Tailwind
+    - id: css_inline_color
+      type: Divider
+      style:
+        .element:
+          borderColor: '#1677ff'
+    - id: css_inline_thick
+      type: Divider
+      style:
+        .element:
+          borderWidth: 3px
+    - id: css_inline_title_color
+      type: Divider
+      properties:
+        title: Styled Title
+      style:
+        .element:
+          color: '#722ed1'
+          borderColor: '#722ed1'
+
+- title: Theme Token Overrides
+  fullWidth: true
+  blocks:
+    - id: theme_text_padding
+      type: Divider
+      properties:
+        title: Wide Text Padding
+        theme:
+          textPaddingInline: '3em'
+    - id: theme_orientation_tight
+      type: Divider
+      properties:
+        title: Tight Orientation Margin
+        titlePlacement: start
+        theme:
+          orientationMargin: 0
+    - id: theme_orientation_wide
+      type: Divider
+      properties:
+        title: Wide Orientation Margin
+        titlePlacement: start
+        theme:
+          orientationMargin: 0.25
+    - id: theme_vertical_margin
+      type: Box
+      layout:
+        gap: 0
+      blocks:
+        - id: theme_vm_text_1
+          type: Paragraph
+          layout:
+            flex: 0 0 auto
+          properties:
+            content: Item A
+        - id: theme_vm_divider
+          type: Divider
+          layout:
+            flex: 0 0 auto
+          properties:
+            orientation: vertical
+            theme:
+              verticalMarginInline: 24
+        - id: theme_vm_text_2
+          type: Paragraph
+          layout:
+            flex: 0 0 auto
+          properties:
+            content: Item B
+
+- title: Divider in Settings Page
+  fullWidth: true
+  blocks:
+    - id: settings_card
+      type: Card
+      properties:
+        title: Account Settings
+        size: small
+      blocks:
+        - id: settings_profile_heading
+          type: Divider
+          properties:
+            title: Profile
+            titlePlacement: start
+            plain: true
+        - id: settings_name
+          type: TextInput
+          properties:
+            label:
+              title: Display Name
+            placeholder: Enter your name
+        - id: settings_email
+          type: TextInput
+          properties:
+            label:
+              title: Email Address
+            placeholder: you@company.com
+        - id: settings_notifications_heading
+          type: Divider
+          properties:
+            title: Notifications
+            titlePlacement: start
+            plain: true
+        - id: settings_notify_toggle
+          type: Switch
+          properties:
+            label:
+              title: Email Notifications
+        - id: settings_danger_heading
+          type: Divider
+          properties:
+            title: '<span style="color: #ff4d4f">Danger Zone</span>'
+            titlePlacement: start
+            plain: true
+            dashed: true
+          style:
+            .element:
+              borderColor: '#ff4d4f'
+        - id: settings_delete_row
+          type: Box
+          layout:
+            gap: 8
+            justify: flex-end
+          blocks:
+            - id: settings_delete_btn
+              type: Button
+              layout:
+                flex: 0 0 auto
+              properties:
+                title: Delete Account
+                color: danger
+                variant: outlined
+                icon: AiOutlineDelete
+              events:
+                onClick:
+                  - id: settings_delete_msg
+                    type: DisplayMessage
+                    params:
+                      content: Account deletion requested.
+                      status: warning
+
+- title: Divider in Article Layout
+  fullWidth: true
+  blocks:
+    - id: article_card
+      type: Card
+      blocks:
+        - id: article_title
+          type: Markdown
+          properties:
+            content: |
+              ## Building Config-Driven Applications
+              A practical guide to rapid development with declarative frameworks.
+        - id: article_meta_row
+          type: Box
+          layout:
+            gap: 0
+          blocks:
+            - id: article_author
+              type: Paragraph
+              layout:
+                flex: 0 0 auto
+              properties:
+                content: By Jane Smith
+            - id: article_meta_divider_1
+              type: Divider
+              layout:
+                flex: 0 0 auto
+              properties:
+                orientation: vertical
+            - id: article_date
+              type: Paragraph
+              layout:
+                flex: 0 0 auto
+              properties:
+                content: March 2026
+            - id: article_meta_divider_2
+              type: Divider
+              layout:
+                flex: 0 0 auto
+              properties:
+                orientation: vertical
+            - id: article_reading_time
+              type: Paragraph
+              layout:
+                flex: 0 0 auto
+              properties:
+                content: 5 min read
+        - id: article_intro_divider
+          type: Divider
+        - id: article_body
+          type: Markdown
+          properties:
+            content: |
+              Config-driven frameworks allow teams to ship features faster by reducing boilerplate.
+              Instead of writing repetitive UI code, developers describe what they want in YAML or JSON.
+        - id: article_section_divider
+          type: Divider
+          properties:
+            title: Key Takeaways
+            titlePlacement: start
+            plain: true
+        - id: article_takeaways
+          type: Markdown
+          properties:
+            content: |
+              - Declarative configs reduce development time by up to 60%
+              - Schema validation catches errors before deployment
+              - Teams can onboard new developers faster with standardized patterns
+        - id: article_footer_divider
+          type: Divider
+          properties:
+            dashed: true
+        - id: article_footer_row
+          type: Box
+          layout:
+            gap: 8
+            justify: flex-end
+          blocks:
+            - id: article_share_btn
+              type: Button
+              layout:
+                flex: 0 0 auto
+              properties:
+                title: Share Article
+                color: primary
+                variant: outlined
+                icon: AiOutlineShareAlt
+              events:
+                onClick:
+                  - id: article_share_msg
+                    type: DisplayMessage
+                    params:
+                      content: Link copied to clipboard!
+                      status: success

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

@@ -0,0 +1,107 @@
+# 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: divider
+type: Box
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: divider_basic
+    type: Divider
+
+  - id: divider_with_title
+    type: Divider
+    properties:
+      title: Section Title
+
+  # ============================================
+  # ORIENTATION TESTS (horizontal/vertical)
+  # ============================================
+
+  - id: divider_horizontal
+    type: Divider
+    properties:
+      orientation: horizontal
+
+  - id: divider_vertical_container
+    type: Box
+    properties:
+      style:
+        display: flex
+        alignItems: center
+        height: 50px
+    blocks:
+      - id: text_before
+        type: Span
+        properties:
+          content: Left
+
+      - id: divider_vertical
+        type: Divider
+        properties:
+          orientation: vertical
+
+      - id: text_after
+        type: Span
+        properties:
+          content: Right
+
+  # ============================================
+  # STYLE TESTS
+  # ============================================
+
+  - id: divider_dashed
+    type: Divider
+    properties:
+      dashed: true
+
+  - id: divider_plain
+    type: Divider
+    properties:
+      title: Plain Title
+      plain: true
+
+  # ============================================
+  # TITLE PLACEMENT TESTS (start/center/end)
+  # ============================================
+
+  - id: divider_start
+    type: Divider
+    properties:
+      title: Start Aligned
+      titlePlacement: start
+
+  - id: divider_center
+    type: Divider
+    properties:
+      title: Center Aligned
+      titlePlacement: center
+
+  - id: divider_end
+    type: Divider
+    properties:
+      title: End Aligned
+      titlePlacement: end
+
+  # ============================================
+  # HTML TITLE
+  # ============================================
+
+  - id: divider_html
+    type: Divider
+    properties:
+      title: '<strong>Bold</strong> Title'

package/dist/blocks/Divider/tests.yaml

@@ -0,0 +1,58 @@
+# 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: Divider
+- id: properties.title
+  type: Divider
+  properties:
+    title: Divider title
+- id: 'properties.dashed: true'
+  type: Divider
+  properties:
+    dashed: true
+- id: 'properties.titlePlacement: start'
+  type: Divider
+  properties:
+    title: Divider title
+    titlePlacement: start
+- id: 'properties.titlePlacement: end'
+  type: Divider
+  properties:
+    title: Divider title
+    titlePlacement: end
+- id: 'properties.titlePlacement: center'
+  type: Divider
+  properties:
+    title: Divider title
+    titlePlacement: center
+- id: 'properties.orientation: vertical'
+  type: Divider
+  properties:
+    title: Divider title
+    orientation: vertical
+- id: 'properties.orientation: horizontal'
+  type: Divider
+  properties:
+    title: Divider title
+    orientation: horizontal
+- id: 'properties.plain: true'
+  type: Divider
+  properties:
+    title: Divider title
+    plain: true
+- id: 'with html in title'
+  type: Divider
+  properties:
+    title: '<div style="background-color:yellow">Html Title</div>'