@graphcommerce/docs 7.1.0-canary.53 → 7.1.0-canary.55
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/hygraph/property-picker.md +45 -0
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
# Hygraph Dynamic Rows
|
|
2
|
+
|
|
3
|
+
As you might have learned, Dynamic Rows enable the addition of rows across
|
|
4
|
+
multiple pages through rule-based relationships, rather than manually adding a
|
|
5
|
+
row to each page. These rules hinge on shared attributes among the pages, with a
|
|
6
|
+
category being a typical example of such an attribute. To enable the Dynamic Row
|
|
7
|
+
UI Extension, follow the installation instructions as below.
|
|
8
|
+
|
|
9
|
+
> Installation
|
|
10
|
+
>
|
|
11
|
+
> [Click here to install the Dynamic Row UI Extension](https://app.hygraph.com/apps/dynamic-row-property-picker/new)
|
|
12
|
+
|
|
13
|
+
<img width="1792" alt="image" src="https://github.com/graphcommerce-org/graphcommerce/assets/49681263/3226eedb-e58c-4d3f-9516-14ff6ed56f24">
|
|
14
|
+
|
|
15
|
+
## Enabling the Application
|
|
16
|
+
|
|
17
|
+
Once you click the link and authorize the application, you'll be taken to the
|
|
18
|
+
app's configuration page. On this page, you can switch the application on or off
|
|
19
|
+
as needed.
|
|
20
|
+
|
|
21
|
+
<img width="1792" alt="image" src="https://github.com/graphcommerce-org/graphcommerce/assets/49681263/ec9b55f6-14f6-466e-8a31-0b893ffe1297">
|
|
22
|
+
|
|
23
|
+
## Enabling the field
|
|
24
|
+
|
|
25
|
+
Now to enable the field, go to your Hygraph schema. Under components you should
|
|
26
|
+
have a `Text` and `Number` component. Each of these have a field with api ID
|
|
27
|
+
`property`. You will have to delete this field in both components. This will
|
|
28
|
+
result in current field data being lost, so in case you are migrating to the
|
|
29
|
+
extended UI, make sure to have a copy of those fields somewhere else.
|
|
30
|
+
|
|
31
|
+
> Note
|
|
32
|
+
>
|
|
33
|
+
> Make sure you migrated your schema to Graphcommerce 7.0 with
|
|
34
|
+
> [our Hygraph-CLI.](./cli.md)
|
|
35
|
+
|
|
36
|
+
Replace the existing fields with the new `Property picker` field in the right sidebar
|
|
37
|
+
(it should be under `Slug` and above `Rich text`). While adding the
|
|
38
|
+
`Property picker` field make sure that you make it `required`.
|
|
39
|
+
|
|
40
|
+
<img width="1792" alt="image" src="https://github.com/graphcommerce-org/graphcommerce/assets/49681263/9206f86d-477c-4eaf-bec6-1648874bee5e">
|
|
41
|
+
|
|
42
|
+
## Start building with your new Dynamic Rows UI!
|
|
43
|
+
|
|
44
|
+
If you have any questions about the feature, please reach out to us in our Slack
|
|
45
|
+
channel.
|
package/package.json
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
"name": "@graphcommerce/docs",
|
|
3
3
|
"homepage": "https://www.graphcommerce.org/docs",
|
|
4
4
|
"repository": "github:graphcommerce-org/graphcommerce/docs",
|
|
5
|
-
"version": "7.1.0-canary.
|
|
5
|
+
"version": "7.1.0-canary.55",
|
|
6
6
|
"sideEffects": true,
|
|
7
7
|
"peerDependencies": {
|
|
8
|
-
"@graphcommerce/prettier-config-pwa": "^7.1.0-canary.
|
|
8
|
+
"@graphcommerce/prettier-config-pwa": "^7.1.0-canary.55"
|
|
9
9
|
},
|
|
10
10
|
"prettier": "@graphcommerce/prettier-config-pwa"
|
|
11
11
|
}
|