@lowdefy/blocks-diff 5.6.0 → 6.0.0

package/dist/blocks/DiffGit/gallery.yaml

@@ -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.
+
+- title: Unified YAML patch
+  fullWidth: true
+  blocks:
+    - id: diff_git_order
+      type: DiffGit
+      properties:
+        title: Order patch
+        before:
+          order:
+            status: pending
+            total: 10
+            notes:
+              - draft
+        after:
+          order:
+            status: paid
+            total: 15
+            notes:
+              - draft
+              - sent

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

@@ -0,0 +1,29 @@
+# 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: diff-git
+type: Box
+
+blocks:
+  - id: diff_git
+    type: DiffGit
+    properties:
+      before:
+        order:
+          status: pending
+          total: 10
+      after:
+        order:
+          status: paid
+          total: 15

package/dist/blocks/DiffList/gallery.yaml

@@ -0,0 +1,187 @@
+# 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: Profile change
+  fullWidth: true
+  blocks:
+    - id: diff_list_profile
+      type: DiffList
+      properties:
+        title: Profile updated
+        before:
+          name: Sarah Johnson
+          email: sarah@example.com
+          role: member
+          newsletterOptIn: true
+          lastLoginAt: '2026-01-15T09:24:00Z'
+          address:
+            street: 221B Baker Street
+            city: London
+            country: UK
+        after:
+          name: Sarah Johnson
+          email: sarah.johnson@example.com
+          role: admin
+          newsletterOptIn: false
+          lastLoginAt: '2026-04-17T14:05:00Z'
+          address:
+            street: 221B Baker Street
+            city: London
+            country: United Kingdom
+        labels:
+          name: Full name
+          email: Email address
+          role: Role
+          newsletterOptIn: Newsletter
+          lastLoginAt: Last login
+          address: Mailing address
+          'address.street': Street
+          'address.city': City
+          'address.country': Country
+        format:
+          lastLoginAt:
+            type: datetime
+            pattern: MMM D, YYYY HH:mm
+          newsletterOptIn:
+            type: boolean
+          role:
+            type: enum
+            map:
+              member: { label: Member, color: default }
+              admin: { label: Administrator, color: gold }
+
+- title: Order update
+  fullWidth: true
+  blocks:
+    - id: diff_list_order
+      type: DiffList
+      properties:
+        title: Order #A-10422
+        before:
+          status: pending
+          subtotal: 129.5
+          tax: 10.36
+          total: 139.86
+          items:
+            - Notebook (A5)
+            - Pen (blue)
+          internal:
+            createdBy: sys
+            traceId: abc-123
+        after:
+          status: paid
+          subtotal: 129.5
+          tax: 10.36
+          total: 139.86
+          items:
+            - Notebook (A5)
+            - Pen (blue)
+            - Sticky notes
+          internal:
+            createdBy: sys
+            traceId: abc-999
+        hide:
+          - 'internal.*'
+        labels:
+          status: Status
+          subtotal: Subtotal
+          tax: Tax
+          total: Total
+          items: Line items
+        format:
+          subtotal: { type: currency, currency: USD }
+          tax: { type: currency, currency: USD }
+          total: { type: currency, currency: USD }
+          status:
+            type: enum
+            map:
+              pending: { label: Pending, color: warning }
+              paid: { label: Paid, color: success }
+              cancelled: { label: Cancelled, color: error }
+
+- title: Inventory with unchanged
+  fullWidth: true
+  blocks:
+    - id: diff_list_inventory
+      type: DiffList
+      properties:
+        title: Inventory snapshot
+        showUnchanged: true
+        before:
+          sku: WID-001
+          name: Widget A
+          quantity: 120
+          reorderPoint: 40
+          active: true
+        after:
+          sku: WID-001
+          name: Widget A
+          quantity: 38
+          reorderPoint: 40
+          active: true
+        labels:
+          sku: SKU
+          name: Product
+          quantity: Quantity on hand
+          reorderPoint: Reorder point
+          active: Active
+        format:
+          active: { type: boolean }
+
+- title: Empty state
+  fullWidth: true
+  blocks:
+    - id: diff_list_empty
+      type: DiffList
+      properties:
+        title: Settings saved
+        emptyText: No changes since last save.
+        before:
+          theme: dark
+          language: en
+        after:
+          theme: dark
+          language: en
+
+- title: Orders array — per-item sub-grouping
+  fullWidth: true
+  blocks:
+    - id: diff_list_orders_array
+      type: DiffList
+      properties:
+        title: Orders updated
+        before:
+          orders:
+            - id: ord_1
+              total: 10
+              name: Notebook
+            - id: ord_2
+              total: 5
+              name: Pen
+        after:
+          orders:
+            - id: ord_1
+              total: 20
+              name: Notebook
+            - id: ord_2
+              total: 5
+              name: Pen
+            - id: ord_3
+              total: 99
+              name: Stapler
+        labels:
+          orders: Orders
+          'orders.0.total': Total
+        format:
+          'orders.*.total': { type: currency, currency: USD }

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

@@ -0,0 +1,176 @@
+# 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: diff-list
+type: Box
+
+blocks:
+  - id: diff_list_empty
+    type: DiffList
+    properties:
+      title: No changes
+      emptyText: Nothing to show here.
+      before:
+        theme: dark
+      after:
+        theme: dark
+
+  - id: diff_list_basic
+    type: DiffList
+    properties:
+      title: Profile
+      before:
+        name: Sarah
+        role: member
+      after:
+        name: Sarah
+        role: admin
+
+  - id: diff_list_labels
+    type: DiffList
+    properties:
+      before:
+        email: a@example.com
+      after:
+        email: b@example.com
+      labels:
+        email: Email address
+
+  - id: diff_list_hide
+    type: DiffList
+    properties:
+      before:
+        email: a@example.com
+        internal:
+          traceId: x
+      after:
+        email: b@example.com
+        internal:
+          traceId: y
+      hide:
+        - 'internal.*'
+
+  - id: diff_list_boolean
+    type: DiffList
+    properties:
+      before:
+        active: false
+      after:
+        active: true
+      format:
+        active:
+          type: boolean
+          yes: Enabled
+          no: Disabled
+
+  - id: diff_list_enum
+    type: DiffList
+    properties:
+      before:
+        status: pending
+      after:
+        status: paid
+      format:
+        status:
+          type: enum
+          map:
+            pending: { label: Pending, color: warning }
+            paid: { label: Paid, color: success }
+
+  - id: diff_list_add_remove
+    type: DiffList
+    properties:
+      before:
+        name: Sarah
+        phone: '555-1234'
+      after:
+        name: Sarah
+        email: sarah@example.com
+
+  - id: diff_list_grouped
+    type: DiffList
+    properties:
+      before:
+        profile:
+          name: Sarah
+        address:
+          city: London
+      after:
+        profile:
+          name: Sarah Johnson
+        address:
+          city: Paris
+
+  - id: diff_list_unchanged
+    type: DiffList
+    properties:
+      showUnchanged: true
+      before:
+        name: Sarah
+        role: member
+      after:
+        name: Sarah
+        role: admin
+
+  - id: diff_list_orders_array
+    type: DiffList
+    properties:
+      before:
+        orders:
+          - id: ord_1
+            total: 10
+            name: Notebook
+          - id: ord_2
+            total: 5
+            name: Pen
+      after:
+        orders:
+          - id: ord_1
+            total: 20
+            name: Notebook
+          - id: ord_2
+            total: 5
+            name: Pen
+          - id: ord_3
+            total: 99
+            name: Stapler
+
+  - id: diff_list_deep_path
+    type: DiffList
+    properties:
+      before:
+        settings:
+          display:
+            theme:
+              mode: dark
+      after:
+        settings:
+          display:
+            theme:
+              mode: light
+
+  - id: diff_list_max_depth
+    type: DiffList
+    properties:
+      maxDepth: 3
+      before:
+        settings:
+          display:
+            theme:
+              mode: dark
+      after:
+        settings:
+          display:
+            theme:
+              mode: light

package/dist/blocks/DiffSideBySide/gallery.yaml

@@ -0,0 +1,33 @@
+# 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: Before / after columns
+  fullWidth: true
+  blocks:
+    - id: diff_side_by_side_profile
+      type: DiffSideBySide
+      properties:
+        title: Profile updated
+        before:
+          name: Sarah Johnson
+          email: sarah@example.com
+          role: member
+        after:
+          name: Sarah M. Johnson
+          email: sarah.j@example.com
+          role: admin
+        labels:
+          name: Full name
+          email: Email address
+          role: Role

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

@@ -0,0 +1,27 @@
+# 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: diff-side-by-side
+type: Box
+
+blocks:
+  - id: diff_side_by_side
+    type: DiffSideBySide
+    properties:
+      before:
+        name: Sarah
+        role: member
+      after:
+        name: Sarah Johnson
+        role: admin

package/dist/blocks/DiffTimeline/gallery.yaml

@@ -0,0 +1,62 @@
+# 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: Audit trail timeline
+  fullWidth: true
+  blocks:
+    - id: diff_timeline_order
+      type: DiffTimeline
+      properties:
+        title: Order #A-10422
+        before:
+          status: pending
+          subtotal: 129.5
+          tax: 10.36
+          total: 139.86
+          items:
+            - Notebook (A5)
+            - Pen (blue)
+          internal:
+            createdBy: sys
+            traceId: abc-123
+        after:
+          status: paid
+          subtotal: 129.5
+          tax: 10.36
+          total: 139.86
+          items:
+            - Notebook (A5)
+            - Pen (blue)
+            - Sticky notes
+          internal:
+            createdBy: sys
+            traceId: abc-999
+        hide:
+          - 'internal.*'
+        labels:
+          status: Status
+          subtotal: Subtotal
+          tax: Tax
+          total: Total
+          items: Line items
+        format:
+          subtotal: { type: currency, currency: USD }
+          tax: { type: currency, currency: USD }
+          total: { type: currency, currency: USD }
+          status:
+            type: enum
+            map:
+              pending: { label: Pending, color: warning }
+              paid: { label: Paid, color: success }
+              cancelled: { label: Cancelled, color: error }

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

@@ -0,0 +1,29 @@
+# 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: diff-timeline
+type: Box
+
+blocks:
+  - id: diff_timeline
+    type: DiffTimeline
+    properties:
+      before:
+        a: 1
+        b: 2
+        c: 3
+      after:
+        a: 10
+        b: 2
+        d: 4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-diff",
-  "version": "5.6.0",
+  "version": "6.0.0",
   "license": "Apache-2.0",
   "description": "Lowdefy diff blocks — list, side-by-side, timeline, and git-diff views for before/after object comparisons.",
   "homepage": "https://lowdefy.com",
@@ -40,13 +40,13 @@
   ],
   "dependencies": {
     "@ant-design/icons": "6.1.0",
-    "@lowdefy/block-utils": "5.6.0",
-    "@lowdefy/helpers": "5.6.0",
-    "dayjs": "1.11.19",
+    "@lowdefy/block-utils": "6.0.0",
+    "@lowdefy/helpers": "6.0.0",
+    "dayjs": "1.11.20",
     "diff": "5.2.2",
-    "microdiff": "1.4.0",
+    "microdiff": "1.5.0",
     "pluralize": "8.0.0",
-    "yaml": "2.3.4"
+    "yaml": "2.9.0"
   },
   "peerDependencies": {
     "antd": ">=6",
@@ -54,11 +54,11 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@lowdefy/block-dev-e2e": "5.6.0",
-    "@lowdefy/e2e-utils": "5.6.0",
-    "@playwright/test": "1.50.1",
-    "@swc/cli": "0.8.0",
-    "@swc/core": "1.15.18",
+    "@lowdefy/block-dev-e2e": "6.0.0",
+    "@lowdefy/e2e-utils": "6.0.0",
+    "@playwright/test": "1.59.1",
+    "@swc/cli": "0.8.1",
+    "@swc/core": "1.15.32",
     "copyfiles": "2.4.1"
   },
   "publishConfig": {
@@ -67,7 +67,7 @@
   "scripts": {
     "build": "swc src --out-dir dist --config-file ../../../../.swcrc --cli-config-file ../../../../.swc-cli.json && pnpm copyfiles",
     "clean": "rm -rf dist",
-    "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.yaml\" -e \"./src/**/*.snap\"",
+    "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.snap\"",
     "e2e": "playwright test --config e2e/playwright.config.js",
     "e2e:ui": "playwright test --config e2e/playwright.config.js --ui"
   }