@soppiya/app-bridge 1.1.3 → 1.1.4
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default as MetaData } from "./ui/MetaData";
|
|
1
|
+
export { default as MetaData, type MetaFieldData } from "./ui/MetaData";
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
+
export type MetaFieldData = {
|
|
2
|
+
metafield: string;
|
|
3
|
+
value: string[];
|
|
4
|
+
};
|
|
1
5
|
interface Props {
|
|
2
6
|
title?: string;
|
|
3
7
|
scope: string;
|
|
4
|
-
|
|
5
|
-
metafield: string;
|
|
6
|
-
value: string[];
|
|
7
|
-
}[];
|
|
8
|
+
metafieldsData?: MetaFieldData[];
|
|
8
9
|
onChange?: (value: {
|
|
9
10
|
metafield: string;
|
|
10
11
|
value: string[];
|
|
11
12
|
}) => void;
|
|
12
13
|
}
|
|
13
|
-
declare const MetaData: ({ title, scope,
|
|
14
|
+
declare const MetaData: ({ title, scope, metafieldsData, onChange }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export default MetaData;
|
|
@@ -1,21 +1,20 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Loading } from "../../../shared/loading/index.js";
|
|
3
3
|
import { BlockStack, Card, Text } from "@soppiya/elementus";
|
|
4
|
-
import { isFunction } from "lodash";
|
|
5
4
|
import { useGetMetaFields } from "../model/useGetMetaFields.js";
|
|
6
5
|
import MetaDataItem from "./MetaDataItem.js";
|
|
7
|
-
const MetaData_MetaData = ({ title = "Meta fields", scope = "product",
|
|
6
|
+
const MetaData_MetaData = ({ title = "Meta fields", scope = "product", metafieldsData = [], onChange })=>{
|
|
8
7
|
const { metafields, loading } = useGetMetaFields([
|
|
9
8
|
scope
|
|
10
9
|
]);
|
|
11
10
|
const handleChange = (metaFieldID, value)=>{
|
|
12
|
-
|
|
11
|
+
onChange?.({
|
|
13
12
|
metafield: metaFieldID,
|
|
14
13
|
value
|
|
15
14
|
});
|
|
16
15
|
};
|
|
17
16
|
const getMetaFieldValue = (_id)=>{
|
|
18
|
-
const metaField =
|
|
17
|
+
const metaField = metafieldsData.find((metafieldData)=>metafieldData.metafield === _id);
|
|
19
18
|
return metaField?.value;
|
|
20
19
|
};
|
|
21
20
|
if (0 === metafields.length) return /*#__PURE__*/ jsxs(Card, {
|
|
@@ -23,7 +23,7 @@ const Product = ()=>{
|
|
|
23
23
|
padding: 70,
|
|
24
24
|
children: /*#__PURE__*/ jsx(MetaData, {
|
|
25
25
|
scope: "product",
|
|
26
|
-
|
|
26
|
+
metafieldsData: product,
|
|
27
27
|
onChange: handleChange
|
|
28
28
|
})
|
|
29
29
|
});
|
|
@@ -44,7 +44,7 @@ const Article = ()=>{
|
|
|
44
44
|
padding: 70,
|
|
45
45
|
children: /*#__PURE__*/ jsx(MetaData, {
|
|
46
46
|
scope: "article",
|
|
47
|
-
|
|
47
|
+
metafieldsData: product,
|
|
48
48
|
onChange: handleChange
|
|
49
49
|
})
|
|
50
50
|
});
|
|
@@ -65,13 +65,21 @@ const Variant = ()=>{
|
|
|
65
65
|
padding: 70,
|
|
66
66
|
children: /*#__PURE__*/ jsx(MetaData, {
|
|
67
67
|
scope: "variant",
|
|
68
|
-
|
|
68
|
+
metafieldsData: product,
|
|
69
69
|
onChange: handleChange
|
|
70
70
|
})
|
|
71
71
|
});
|
|
72
72
|
};
|
|
73
73
|
const Blog = ()=>{
|
|
74
|
-
const [product, setProduct] = useState([
|
|
74
|
+
const [product, setProduct] = useState([
|
|
75
|
+
{
|
|
76
|
+
metafield: "6942410d5da4f9634de8a7a9",
|
|
77
|
+
value: [
|
|
78
|
+
"694287616791846093ad7887",
|
|
79
|
+
"6943a80e984d8813d65098b7"
|
|
80
|
+
]
|
|
81
|
+
}
|
|
82
|
+
]);
|
|
75
83
|
const handleChange = (field)=>{
|
|
76
84
|
setProduct((prev)=>{
|
|
77
85
|
const exists = prev.find((f)=>f.metafield === field.metafield);
|
|
@@ -86,7 +94,7 @@ const Blog = ()=>{
|
|
|
86
94
|
padding: 70,
|
|
87
95
|
children: /*#__PURE__*/ jsx(MetaData, {
|
|
88
96
|
scope: "blog",
|
|
89
|
-
|
|
97
|
+
metafieldsData: product,
|
|
90
98
|
onChange: handleChange
|
|
91
99
|
})
|
|
92
100
|
});
|
|
@@ -107,7 +115,7 @@ const Page = ()=>{
|
|
|
107
115
|
padding: 70,
|
|
108
116
|
children: /*#__PURE__*/ jsx(MetaData, {
|
|
109
117
|
scope: "page",
|
|
110
|
-
|
|
118
|
+
metafieldsData: product,
|
|
111
119
|
onChange: handleChange
|
|
112
120
|
})
|
|
113
121
|
});
|
|
@@ -128,7 +136,7 @@ const Collection = ()=>{
|
|
|
128
136
|
padding: 70,
|
|
129
137
|
children: /*#__PURE__*/ jsx(MetaData, {
|
|
130
138
|
scope: "collection",
|
|
131
|
-
|
|
139
|
+
metafieldsData: product,
|
|
132
140
|
onChange: handleChange
|
|
133
141
|
})
|
|
134
142
|
});
|