@soppiya/app-bridge 1.0.9 → 1.1.1
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/dist/components/articles-picker/index.d.ts +1 -0
- package/dist/components/articles-picker/index.js +2 -0
- package/dist/components/blogs-picker/index.d.ts +1 -0
- package/dist/components/blogs-picker/index.js +2 -0
- package/dist/components/collections-pciker/index.d.ts +1 -0
- package/dist/components/collections-pciker/index.js +2 -0
- package/dist/components/index.d.ts +5 -0
- package/dist/components/index.js +5 -0
- package/dist/components/meta-data/index.d.ts +1 -0
- package/dist/components/meta-data/index.js +2 -0
- package/dist/components/meta-data/ui/ArticleRefMetaField.js +1 -1
- package/dist/components/meta-data/ui/BlogRefMetaField.js +1 -1
- package/dist/components/meta-data/ui/CollectionRefMetaField.js +1 -1
- package/dist/components/meta-data/ui/ColorMetaField.js +8 -8
- package/dist/components/meta-data/ui/MetaData.js +23 -2
- package/dist/components/meta-data/ui/MetaDataItem.js +14 -5
- package/dist/components/meta-data/ui/MetaDataTypePopup.js +17 -9
- package/dist/components/meta-data/ui/PageRefMetaField.d.ts +1 -1
- package/dist/components/meta-data/ui/PageRefMetaField.js +36 -5
- package/dist/components/pages-picker/api/query.d.ts +8 -0
- package/dist/components/pages-picker/api/query.js +22 -0
- package/dist/components/pages-picker/index.d.ts +1 -0
- package/dist/components/pages-picker/index.js +2 -0
- package/dist/components/pages-picker/model/usePages.d.ts +30 -0
- package/dist/components/pages-picker/model/usePages.js +46 -0
- package/dist/components/pages-picker/ui/PagesPicker.d.ts +9 -0
- package/dist/components/pages-picker/ui/PagesPicker.js +104 -0
- package/dist/components/pages-picker/ui/PagesPicker.stories.d.ts +17 -0
- package/dist/components/pages-picker/ui/PagesPicker.stories.js +13 -0
- package/dist/shared/graphql/gql.d.ts +5 -0
- package/dist/shared/graphql/gql.js +2 -1
- package/dist/shared/graphql/graphql.d.ts +34 -0
- package/dist/shared/graphql/graphql.js +325 -1
- package/dist/styles.css +35 -2
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as ArticlesPicker } from "./ui/ArticlesPicker";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BlogsPicker } from "./ui/BlogsPicker";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as CollectionPicker } from "./ui/CollectionPicker";
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
+
export * from "./articles-picker";
|
|
2
|
+
export * from "./blogs-picker";
|
|
3
|
+
export * from "./collections-pciker";
|
|
1
4
|
export * from "./media";
|
|
5
|
+
export * from "./meta-data";
|
|
6
|
+
export * from "./pages-picker";
|
|
2
7
|
export * from "./products-picker";
|
|
3
8
|
export * from "./savebar";
|
|
4
9
|
export * from "./variants-picker";
|
package/dist/components/index.js
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
|
+
export * from "./articles-picker/index.js";
|
|
2
|
+
export * from "./blogs-picker/index.js";
|
|
3
|
+
export * from "./collections-pciker/index.js";
|
|
1
4
|
export * from "./media/index.js";
|
|
5
|
+
export * from "./meta-data/index.js";
|
|
6
|
+
export * from "./pages-picker/index.js";
|
|
2
7
|
export * from "./products-picker/index.js";
|
|
3
8
|
export * from "./savebar/index.js";
|
|
4
9
|
export * from "./variants-picker/index.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as MetaData } from "./ui/MetaData";
|
|
@@ -6,7 +6,7 @@ const ArticleRefMetaField = ({ value, children })=>{
|
|
|
6
6
|
const { articles, isLoadingArticles } = userArticles({
|
|
7
7
|
skip: !value,
|
|
8
8
|
filterKeys: {
|
|
9
|
-
cursors: value?.split(",
|
|
9
|
+
cursors: value?.split(",")
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
if (isLoadingArticles) return /*#__PURE__*/ jsx(Loading, {});
|
|
@@ -6,7 +6,7 @@ const BlogRefMetaField_BlogRefMetaField = ({ value, children })=>{
|
|
|
6
6
|
const { blogs, isLoadingBlogs } = useBlogs({
|
|
7
7
|
skip: !value,
|
|
8
8
|
filterKeys: {
|
|
9
|
-
cursors: value?.split(",
|
|
9
|
+
cursors: value?.split(",")
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
if (isLoadingBlogs) return /*#__PURE__*/ jsx(Loading, {});
|
|
@@ -5,7 +5,7 @@ import { Image, InlineStack, Text } from "@soppiya/elementus";
|
|
|
5
5
|
const CollectionRefMetaField_CollectionRefMetaField = ({ value, children })=>{
|
|
6
6
|
const { collections, isLoadingCollections } = useCollections({
|
|
7
7
|
filterKeys: {
|
|
8
|
-
cursors: value?.split(",
|
|
8
|
+
cursors: value?.split(",")
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
if (isLoadingCollections) return /*#__PURE__*/ jsx(Loading, {});
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
|
|
2
|
+
import { InlineStack } from "@soppiya/elementus";
|
|
3
|
+
const ColorMetaField = ({ entry, value, children, onChange })=>/*#__PURE__*/ jsxs(InlineStack, {
|
|
4
|
+
justifyContent: "space-between",
|
|
3
5
|
children: [
|
|
4
|
-
/*#__PURE__*/ jsx(
|
|
5
|
-
children: /*#__PURE__*/ jsx("
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
onChange: (e)=>onChange(e.target.value)
|
|
10
|
-
})
|
|
6
|
+
/*#__PURE__*/ jsx(InlineStack, {
|
|
7
|
+
children: /*#__PURE__*/ jsx("input", {
|
|
8
|
+
type: "color",
|
|
9
|
+
value: value,
|
|
10
|
+
onChange: (e)=>onChange(e.target.value)
|
|
11
11
|
})
|
|
12
12
|
}),
|
|
13
13
|
"multiple" === entry && children
|
|
@@ -18,8 +18,29 @@ const MetaData_MetaData = ({ scope = "product", value = [], onChange })=>{
|
|
|
18
18
|
const metaField = value.find((item)=>item.metafield === _id);
|
|
19
19
|
return metaField?.value;
|
|
20
20
|
};
|
|
21
|
-
if (0 === metafields.length) return /*#__PURE__*/
|
|
22
|
-
children:
|
|
21
|
+
if (0 === metafields.length) return /*#__PURE__*/ jsxs(Card, {
|
|
22
|
+
children: [
|
|
23
|
+
/*#__PURE__*/ jsx(BlockStack, {
|
|
24
|
+
padding: 70,
|
|
25
|
+
children: /*#__PURE__*/ jsx("div", {
|
|
26
|
+
children: /*#__PURE__*/ jsx(Text, {
|
|
27
|
+
size: "md",
|
|
28
|
+
weight: "semibold",
|
|
29
|
+
children: "Meta fields"
|
|
30
|
+
})
|
|
31
|
+
})
|
|
32
|
+
}),
|
|
33
|
+
/*#__PURE__*/ jsx(BlockStack, {
|
|
34
|
+
className: "border-t border-t-[#ebebeb]",
|
|
35
|
+
padding: 70,
|
|
36
|
+
children: /*#__PURE__*/ jsx(Text, {
|
|
37
|
+
size: "md",
|
|
38
|
+
weight: "medium",
|
|
39
|
+
alignment: "center",
|
|
40
|
+
children: "Empty"
|
|
41
|
+
})
|
|
42
|
+
})
|
|
43
|
+
]
|
|
23
44
|
});
|
|
24
45
|
return /*#__PURE__*/ jsxs(Card, {
|
|
25
46
|
children: [
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { Button, Card, InlineStack, SoppiyaIcon, Text } from "@soppiya/elementus";
|
|
3
3
|
import ArticlesPicker from "../../articles-picker/ui/ArticlesPicker.js";
|
|
4
4
|
import BlogsPicker from "../../blogs-picker/ui/BlogsPicker.js";
|
|
5
5
|
import CollectionPicker from "../../collections-pciker/ui/CollectionPicker.js";
|
|
6
|
+
import PagesPicker from "../../pages-picker/ui/PagesPicker.js";
|
|
6
7
|
import { ProductsPicker } from "../../products-picker/index.js";
|
|
7
8
|
import { VariantsPicker } from "../../variants-picker/index.js";
|
|
8
9
|
import { useClickAway } from "@uidotdev/usehooks";
|
|
@@ -180,13 +181,14 @@ const MetaDataItem_MetaDataItem = ({ metaField, value = [], onChange })=>{
|
|
|
180
181
|
children: MetaFieldJSX && ("multiple" !== metaField.entry || isRefType ? /*#__PURE__*/ jsx(MetaFieldJSX, {
|
|
181
182
|
value: isRefType ? value.join(",") : value[0],
|
|
182
183
|
onChange: (v)=>handleChange(v),
|
|
183
|
-
children: /*#__PURE__*/ jsx(
|
|
184
|
+
children: /*#__PURE__*/ jsx(InlineStack, {
|
|
185
|
+
alignItems: "center",
|
|
184
186
|
children: /*#__PURE__*/ jsx(Button, {
|
|
185
187
|
color: "white",
|
|
186
188
|
onClick: ()=>handleDeleteMetaField(0),
|
|
187
189
|
children: /*#__PURE__*/ jsx(SoppiyaIcon, {
|
|
188
190
|
icon: "minus.svg",
|
|
189
|
-
size: "
|
|
191
|
+
size: "xs"
|
|
190
192
|
})
|
|
191
193
|
})
|
|
192
194
|
})
|
|
@@ -195,13 +197,14 @@ const MetaDataItem_MetaDataItem = ({ metaField, value = [], onChange })=>{
|
|
|
195
197
|
] : value).map((v, key)=>/*#__PURE__*/ jsx(MetaFieldJSX, {
|
|
196
198
|
entry: metaField.entry,
|
|
197
199
|
onChange: (v)=>handleChange(v, key),
|
|
198
|
-
children: /*#__PURE__*/ jsx(
|
|
200
|
+
children: /*#__PURE__*/ jsx(InlineStack, {
|
|
201
|
+
alignItems: "center",
|
|
199
202
|
children: /*#__PURE__*/ jsx(Button, {
|
|
200
203
|
color: "white",
|
|
201
204
|
onClick: ()=>handleDeleteMetaField(key),
|
|
202
205
|
children: /*#__PURE__*/ jsx(SoppiyaIcon, {
|
|
203
206
|
icon: "minus.svg",
|
|
204
|
-
size: "
|
|
207
|
+
size: "sm"
|
|
205
208
|
})
|
|
206
209
|
})
|
|
207
210
|
})
|
|
@@ -239,6 +242,12 @@ const MetaDataItem_MetaDataItem = ({ metaField, value = [], onChange })=>{
|
|
|
239
242
|
limit: "multiple" === metaField.entry ? 1 / 0 : 1,
|
|
240
243
|
onClose: ()=>setVisibleExplorer(""),
|
|
241
244
|
onOk: handleSelectExplorerItems
|
|
245
|
+
}),
|
|
246
|
+
"page" === visibleExplorer && /*#__PURE__*/ jsx(PagesPicker, {
|
|
247
|
+
initialIds: value,
|
|
248
|
+
limit: "multiple" === metaField.entry ? 1 / 0 : 1,
|
|
249
|
+
onClose: ()=>setVisibleExplorer(""),
|
|
250
|
+
onOk: handleSelectExplorerItems
|
|
242
251
|
})
|
|
243
252
|
]
|
|
244
253
|
});
|
|
@@ -7,6 +7,11 @@ const MetaFieldTypePopup = ({ isMultiple, name, type, children, onAdd, onClear }
|
|
|
7
7
|
const textCapitalize = (value)=>value.split("_").map((w)=>w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
|
|
8
8
|
return /*#__PURE__*/ jsx(react.Fragment, {
|
|
9
9
|
children: /*#__PURE__*/ jsxs(InlineStack, {
|
|
10
|
+
flexDirection: {
|
|
11
|
+
xs: "col",
|
|
12
|
+
md: "row"
|
|
13
|
+
},
|
|
14
|
+
gap: 70,
|
|
10
15
|
children: [
|
|
11
16
|
/*#__PURE__*/ jsxs(BlockStack, {
|
|
12
17
|
className: "w-[170px]!",
|
|
@@ -24,12 +29,22 @@ const MetaFieldTypePopup = ({ isMultiple, name, type, children, onAdd, onClear }
|
|
|
24
29
|
]
|
|
25
30
|
}),
|
|
26
31
|
/*#__PURE__*/ jsxs(BlockStack, {
|
|
27
|
-
className: "grow",
|
|
32
|
+
className: "grow md:flex-col-reverse!",
|
|
28
33
|
children: [
|
|
34
|
+
/*#__PURE__*/ jsx(BlockStack, {
|
|
35
|
+
gap: 50,
|
|
36
|
+
padding: {
|
|
37
|
+
top: {
|
|
38
|
+
md: children ? 70 : 0
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
className: "border-b border-b-[#ebebeb] md:border-b-transparent pb-4 md:pb-0 ",
|
|
42
|
+
children: children
|
|
43
|
+
}),
|
|
29
44
|
isMultiple && /*#__PURE__*/ jsx(BlockStack, {
|
|
30
45
|
children: /*#__PURE__*/ jsxs(InlineStack, {
|
|
31
46
|
justifyContent: "space-between",
|
|
32
|
-
className: "border-b border-b-[#ebebeb] pb-
|
|
47
|
+
className: "md:border-b md:border-b-[#ebebeb] mt-4 md:mt-0 md:pb-3",
|
|
33
48
|
children: [
|
|
34
49
|
/*#__PURE__*/ jsx(Button, {
|
|
35
50
|
color: "white",
|
|
@@ -44,13 +59,6 @@ const MetaFieldTypePopup = ({ isMultiple, name, type, children, onAdd, onClear }
|
|
|
44
59
|
})
|
|
45
60
|
]
|
|
46
61
|
})
|
|
47
|
-
}),
|
|
48
|
-
/*#__PURE__*/ jsx(BlockStack, {
|
|
49
|
-
gap: 50,
|
|
50
|
-
padding: {
|
|
51
|
-
top: 70
|
|
52
|
-
},
|
|
53
|
-
children: children
|
|
54
62
|
})
|
|
55
63
|
]
|
|
56
64
|
})
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { MetaDataProps } from "./MetaDataItem";
|
|
2
|
-
declare const PageRefMetaField: ({ value, children }: MetaDataProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const PageRefMetaField: ({ value, children }: MetaDataProps) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[] | undefined;
|
|
3
3
|
export default PageRefMetaField;
|
|
@@ -1,6 +1,37 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { usePages } from "../../pages-picker/model/usePages.js";
|
|
3
|
+
import { Loading } from "../../../shared/loading/index.js";
|
|
4
|
+
import { Image, InlineStack, Text } from "@soppiya/elementus";
|
|
5
|
+
const PageRefMetaField_PageRefMetaField = ({ value, children })=>{
|
|
6
|
+
const { pages, isLoadingPages } = usePages({
|
|
7
|
+
skip: !value,
|
|
8
|
+
filterKeys: {
|
|
9
|
+
cursors: value?.split(",")
|
|
10
|
+
}
|
|
4
11
|
});
|
|
5
|
-
|
|
6
|
-
|
|
12
|
+
if (isLoadingPages) return /*#__PURE__*/ jsx(Loading, {});
|
|
13
|
+
return pages?.map((page)=>/*#__PURE__*/ jsxs(InlineStack, {
|
|
14
|
+
justifyContent: "space-between",
|
|
15
|
+
children: [
|
|
16
|
+
/*#__PURE__*/ jsxs(InlineStack, {
|
|
17
|
+
gapX: 70,
|
|
18
|
+
alignItems: "center",
|
|
19
|
+
children: [
|
|
20
|
+
/*#__PURE__*/ jsx(Image, {
|
|
21
|
+
size: "xs",
|
|
22
|
+
url: page.image?.url ?? ""
|
|
23
|
+
}),
|
|
24
|
+
/*#__PURE__*/ jsx(Text, {
|
|
25
|
+
size: "md",
|
|
26
|
+
weight: "regular",
|
|
27
|
+
color: "blue",
|
|
28
|
+
children: page.title
|
|
29
|
+
})
|
|
30
|
+
]
|
|
31
|
+
}),
|
|
32
|
+
children
|
|
33
|
+
]
|
|
34
|
+
}, page._id));
|
|
35
|
+
};
|
|
36
|
+
const PageRefMetaField = PageRefMetaField_PageRefMetaField;
|
|
37
|
+
export { PageRefMetaField as default };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare const pagesQuery: import("@graphql-typed-document-node/core").TypedDocumentNode<import("../../../shared/graphql/graphql").PagesQuery, import("../../../shared/graphql/graphql").Exact<{
|
|
2
|
+
filterKeys?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").PageFilterKeys>;
|
|
3
|
+
after?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
|
|
4
|
+
before?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
|
|
5
|
+
first?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
|
|
6
|
+
last?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
|
|
7
|
+
query?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["String"]["input"]>;
|
|
8
|
+
}>>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { graphql } from "../../../shared/graphql/index.js";
|
|
2
|
+
const pagesQuery = graphql(`query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {
|
|
3
|
+
pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {
|
|
4
|
+
pageInfo {
|
|
5
|
+
endCursor
|
|
6
|
+
hasNextPage
|
|
7
|
+
hasPreviousPage
|
|
8
|
+
startCursor
|
|
9
|
+
}
|
|
10
|
+
edges {
|
|
11
|
+
node {
|
|
12
|
+
_id
|
|
13
|
+
title
|
|
14
|
+
image {
|
|
15
|
+
_id
|
|
16
|
+
url
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}`);
|
|
22
|
+
export { pagesQuery };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as PagesPicker } from "./ui/PagesPicker";
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { PageFilterKeys } from "../../../shared/graphql/graphql";
|
|
2
|
+
type Props = {
|
|
3
|
+
skip?: boolean;
|
|
4
|
+
first?: number;
|
|
5
|
+
query?: string | null;
|
|
6
|
+
filterKeys?: PageFilterKeys;
|
|
7
|
+
};
|
|
8
|
+
export declare const usePages: (props?: Props) => {
|
|
9
|
+
pages: {
|
|
10
|
+
__typename: "Page";
|
|
11
|
+
_id?: string | null;
|
|
12
|
+
title?: string | null;
|
|
13
|
+
image?: {
|
|
14
|
+
__typename: "Media";
|
|
15
|
+
_id?: string | null;
|
|
16
|
+
url?: string | null;
|
|
17
|
+
} | null;
|
|
18
|
+
}[] | undefined;
|
|
19
|
+
isLoadingPages: boolean;
|
|
20
|
+
error: import("@apollo/client").ErrorLike | undefined;
|
|
21
|
+
fetchMorePages: () => void;
|
|
22
|
+
pageInfo: {
|
|
23
|
+
__typename: "PageInfo";
|
|
24
|
+
endCursor?: string | null;
|
|
25
|
+
hasNextPage?: boolean | null;
|
|
26
|
+
hasPreviousPage?: boolean | null;
|
|
27
|
+
startCursor?: string | null;
|
|
28
|
+
} | null | undefined;
|
|
29
|
+
};
|
|
30
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { useQuery } from "@apollo/client/react";
|
|
2
|
+
import { pagesQuery } from "../api/query.js";
|
|
3
|
+
const usePages = (props = {})=>{
|
|
4
|
+
const { skip, first, query, filterKeys } = props;
|
|
5
|
+
const { data, loading: isLoadingPages, error, fetchMore } = useQuery(pagesQuery, {
|
|
6
|
+
skip,
|
|
7
|
+
variables: {
|
|
8
|
+
first,
|
|
9
|
+
query,
|
|
10
|
+
filterKeys
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
const pages = data?.pages?.edges?.map((edge)=>edge?.node).filter((node)=>null != node);
|
|
14
|
+
const pageInfo = data?.pages?.pageInfo;
|
|
15
|
+
const fetchMorePages = ()=>{
|
|
16
|
+
if (!pageInfo?.hasNextPage) return;
|
|
17
|
+
fetchMore({
|
|
18
|
+
variables: {
|
|
19
|
+
first,
|
|
20
|
+
query,
|
|
21
|
+
filterKeys,
|
|
22
|
+
after: pageInfo.endCursor
|
|
23
|
+
},
|
|
24
|
+
updateQuery (prev, { fetchMoreResult }) {
|
|
25
|
+
if (!fetchMoreResult.pages?.edges || !prev.pages?.edges) return prev;
|
|
26
|
+
return {
|
|
27
|
+
pages: {
|
|
28
|
+
...fetchMoreResult.pages,
|
|
29
|
+
edges: {
|
|
30
|
+
...prev.pages.edges,
|
|
31
|
+
...fetchMoreResult.pages.edges
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
};
|
|
38
|
+
return {
|
|
39
|
+
pages,
|
|
40
|
+
isLoadingPages,
|
|
41
|
+
error,
|
|
42
|
+
fetchMorePages,
|
|
43
|
+
pageInfo
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
export { usePages };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
type Props = {
|
|
2
|
+
title?: string;
|
|
3
|
+
initialIds?: string[];
|
|
4
|
+
limit?: number;
|
|
5
|
+
onClose?: () => void;
|
|
6
|
+
onOk?: (pages: string[]) => void;
|
|
7
|
+
};
|
|
8
|
+
declare const PagesPicker: ({ title, initialIds, limit, onClose, onOk }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default PagesPicker;
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { InfinityScroll } from "../../infinity-scroll/index.js";
|
|
3
|
+
import { useFilterQuery } from "../../../shared/lib/index.js";
|
|
4
|
+
import { BlockStack, Box, Button, Checkbox, Image, InlineStack, Input, Modal, Spinner, Text } from "@soppiya/elementus";
|
|
5
|
+
import lodash from "lodash";
|
|
6
|
+
import { useState } from "react";
|
|
7
|
+
import { usePages } from "../model/usePages.js";
|
|
8
|
+
const PagesPicker = ({ title, initialIds = [], limit = 1 / 0, onClose, onOk })=>{
|
|
9
|
+
const [selectedPage, setSelectedPage] = useState(initialIds);
|
|
10
|
+
const { query, debounceQuery, onChangeQuery } = useFilterQuery();
|
|
11
|
+
const { pages, fetchMorePages, isLoadingPages, pageInfo } = usePages({
|
|
12
|
+
first: 20,
|
|
13
|
+
query: debounceQuery
|
|
14
|
+
});
|
|
15
|
+
const handleSelectedPage = (pageId)=>{
|
|
16
|
+
selectedPage.includes(pageId) ? setSelectedPage((prev)=>prev.filter((id)=>pageId !== id)) : setSelectedPage((prev)=>[
|
|
17
|
+
...prev,
|
|
18
|
+
pageId
|
|
19
|
+
]);
|
|
20
|
+
};
|
|
21
|
+
const handleOk = ()=>{
|
|
22
|
+
if (lodash.isFunction(onOk)) onOk(selectedPage);
|
|
23
|
+
};
|
|
24
|
+
const ButtonJSX = /*#__PURE__*/ jsx(InlineStack, {
|
|
25
|
+
justifyContent: "end",
|
|
26
|
+
children: /*#__PURE__*/ jsx(Button, {
|
|
27
|
+
onClick: handleOk,
|
|
28
|
+
children: "Add"
|
|
29
|
+
})
|
|
30
|
+
});
|
|
31
|
+
return /*#__PURE__*/ jsx(Modal, {
|
|
32
|
+
open: true,
|
|
33
|
+
title: title || "Pages",
|
|
34
|
+
buttons: ButtonJSX,
|
|
35
|
+
bodyPadding: 0,
|
|
36
|
+
onClose: onClose,
|
|
37
|
+
children: /*#__PURE__*/ jsxs(BlockStack, {
|
|
38
|
+
children: [
|
|
39
|
+
/*#__PURE__*/ jsx(Box, {
|
|
40
|
+
className: "border-b border-b-[#ebebeb]! h",
|
|
41
|
+
padding: 60,
|
|
42
|
+
children: /*#__PURE__*/ jsx(Input, {
|
|
43
|
+
size: "sm",
|
|
44
|
+
type: "search",
|
|
45
|
+
value: query ?? "",
|
|
46
|
+
onChange: (event)=>onChangeQuery(event.target.value)
|
|
47
|
+
})
|
|
48
|
+
}),
|
|
49
|
+
isLoadingPages ? /*#__PURE__*/ jsx(InlineStack, {
|
|
50
|
+
justifyContent: "center",
|
|
51
|
+
padding: 80,
|
|
52
|
+
children: /*#__PURE__*/ jsx(Spinner, {
|
|
53
|
+
size: "md"
|
|
54
|
+
})
|
|
55
|
+
}) : /*#__PURE__*/ jsxs(BlockStack, {
|
|
56
|
+
children: [
|
|
57
|
+
pages?.map((product)=>/*#__PURE__*/ jsxs(InlineStack, {
|
|
58
|
+
stack: "full",
|
|
59
|
+
className: "lg:cursor-pointer border-b border-b-[#ebebeb]!",
|
|
60
|
+
gapX: 60,
|
|
61
|
+
padding: 60,
|
|
62
|
+
onClick: ()=>handleSelectedPage(String(product._id)),
|
|
63
|
+
children: [
|
|
64
|
+
/*#__PURE__*/ jsxs(InlineStack, {
|
|
65
|
+
alignItems: "center",
|
|
66
|
+
gapX: 60,
|
|
67
|
+
children: [
|
|
68
|
+
/*#__PURE__*/ jsx(Box, {
|
|
69
|
+
children: /*#__PURE__*/ jsx(Checkbox, {
|
|
70
|
+
checked: selectedPage.includes(String(product._id)),
|
|
71
|
+
onChange: ()=>{}
|
|
72
|
+
})
|
|
73
|
+
}),
|
|
74
|
+
/*#__PURE__*/ jsx(Box, {
|
|
75
|
+
children: /*#__PURE__*/ jsx(Image, {
|
|
76
|
+
size: "xs",
|
|
77
|
+
url: String(product.image?.url)
|
|
78
|
+
})
|
|
79
|
+
})
|
|
80
|
+
]
|
|
81
|
+
}),
|
|
82
|
+
/*#__PURE__*/ jsx(BlockStack, {
|
|
83
|
+
gapY: 30,
|
|
84
|
+
justifyContent: "center",
|
|
85
|
+
children: /*#__PURE__*/ jsx(Text, {
|
|
86
|
+
size: "sm",
|
|
87
|
+
color: "secondary",
|
|
88
|
+
truncate: "truncate-1",
|
|
89
|
+
children: product.title
|
|
90
|
+
})
|
|
91
|
+
})
|
|
92
|
+
]
|
|
93
|
+
}, product._id)),
|
|
94
|
+
pageInfo?.hasNextPage && /*#__PURE__*/ jsx(InfinityScroll, {
|
|
95
|
+
onFetch: fetchMorePages
|
|
96
|
+
})
|
|
97
|
+
]
|
|
98
|
+
})
|
|
99
|
+
]
|
|
100
|
+
})
|
|
101
|
+
});
|
|
102
|
+
};
|
|
103
|
+
const ui_PagesPicker = PagesPicker;
|
|
104
|
+
export { ui_PagesPicker as default };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
declare const meta: {
|
|
2
|
+
title: string;
|
|
3
|
+
component: ({ title, initialIds, limit, onClose, onOk }: {
|
|
4
|
+
title?: string;
|
|
5
|
+
initialIds?: string[];
|
|
6
|
+
limit?: number;
|
|
7
|
+
onClose?: () => void;
|
|
8
|
+
onOk?: (pages: string[]) => void;
|
|
9
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
export declare const Default: {
|
|
13
|
+
args: {
|
|
14
|
+
primary: boolean;
|
|
15
|
+
label: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import PagesPicker from "./PagesPicker.js";
|
|
2
|
+
const meta = {
|
|
3
|
+
title: "Example/PagesPicker",
|
|
4
|
+
component: PagesPicker
|
|
5
|
+
};
|
|
6
|
+
const PagesPicker_stories = meta;
|
|
7
|
+
const Default = {
|
|
8
|
+
args: {
|
|
9
|
+
primary: true,
|
|
10
|
+
label: "Button"
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
export { Default, PagesPicker_stories as default };
|
|
@@ -21,6 +21,7 @@ type Documents = {
|
|
|
21
21
|
"\n mutation AddMedias($input: [Upload!]!) {\n addMedias(input: $input) {\n _id\n file_name\n url\n size\n }\n }\n": typeof types.AddMediasDocument;
|
|
22
22
|
"\n mutation DeleteMedias($cursors: [ID!]!) {\n deleteMedias(cursors: $cursors) {\n message\n }\n }\n": typeof types.DeleteMediasDocument;
|
|
23
23
|
"query Metafields($filterKeys: MetafieldFilterKeys, $first: Int) {\n metafields(filterKeys: $filterKeys, first: $first) {\n edges {\n node {\n _id\n entry\n name\n type\n }\n }\n }\n}": typeof types.MetafieldsDocument;
|
|
24
|
+
"query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n edges {\n node {\n _id\n title\n image {\n _id\n url\n }\n }\n }\n }\n}": typeof types.PagesDocument;
|
|
24
25
|
"\n query Products($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: ProductFilterKeys) {\n products(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n edges {\n node {\n _id\n title\n image {\n _id\n url\n }\n }\n }\n }\n }\n": typeof types.ProductsDocument;
|
|
25
26
|
"\n query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: VariantFilterKeys) {\n variants(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n edges {\n node {\n _id\n option1\n option2\n option3\n image {\n _id\n url\n }\n product {\n _id\n title\n }\n }\n }\n }\n }\n": typeof types.VariantsDocument;
|
|
26
27
|
};
|
|
@@ -74,6 +75,10 @@ export declare function graphql(source: "\n mutation DeleteMedias($cursors: [ID
|
|
|
74
75
|
* The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
|
|
75
76
|
*/
|
|
76
77
|
export declare function graphql(source: "query Metafields($filterKeys: MetafieldFilterKeys, $first: Int) {\n metafields(filterKeys: $filterKeys, first: $first) {\n edges {\n node {\n _id\n entry\n name\n type\n }\n }\n }\n}"): (typeof documents)["query Metafields($filterKeys: MetafieldFilterKeys, $first: Int) {\n metafields(filterKeys: $filterKeys, first: $first) {\n edges {\n node {\n _id\n entry\n name\n type\n }\n }\n }\n}"];
|
|
78
|
+
/**
|
|
79
|
+
* The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
|
|
80
|
+
*/
|
|
81
|
+
export declare function graphql(source: "query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n edges {\n node {\n _id\n title\n image {\n _id\n url\n }\n }\n }\n }\n}"): (typeof documents)["query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n edges {\n node {\n _id\n title\n image {\n _id\n url\n }\n }\n }\n }\n}"];
|
|
77
82
|
/**
|
|
78
83
|
* The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
|
|
79
84
|
*/
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AddMediasDocument, ArticlesDocument, BlogsDocument, CollectionsDocument, DeleteMediasDocument, MediaUsageDocument, MediasDocument, MetafieldsDocument, ProductsDocument, StoragePlanDocument, VariantsDocument } from "./graphql.js";
|
|
1
|
+
import { AddMediasDocument, ArticlesDocument, BlogsDocument, CollectionsDocument, DeleteMediasDocument, MediaUsageDocument, MediasDocument, MetafieldsDocument, PagesDocument, ProductsDocument, StoragePlanDocument, VariantsDocument } from "./graphql.js";
|
|
2
2
|
const documents = {
|
|
3
3
|
"query Articles($filterKeys: ArticleFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n articles(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n edges {\n node {\n _id\n title\n image {\n _id\n url\n }\n }\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n}": ArticlesDocument,
|
|
4
4
|
"query Blogs($filterKeys: BlogFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n blogs(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n edges {\n node {\n _id\n title\n image {\n _id\n url\n }\n }\n }\n }\n}": BlogsDocument,
|
|
@@ -9,6 +9,7 @@ const documents = {
|
|
|
9
9
|
"\n mutation AddMedias($input: [Upload!]!) {\n addMedias(input: $input) {\n _id\n file_name\n url\n size\n }\n }\n": AddMediasDocument,
|
|
10
10
|
"\n mutation DeleteMedias($cursors: [ID!]!) {\n deleteMedias(cursors: $cursors) {\n message\n }\n }\n": DeleteMediasDocument,
|
|
11
11
|
"query Metafields($filterKeys: MetafieldFilterKeys, $first: Int) {\n metafields(filterKeys: $filterKeys, first: $first) {\n edges {\n node {\n _id\n entry\n name\n type\n }\n }\n }\n}": MetafieldsDocument,
|
|
12
|
+
"query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n edges {\n node {\n _id\n title\n image {\n _id\n url\n }\n }\n }\n }\n}": PagesDocument,
|
|
12
13
|
"\n query Products($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: ProductFilterKeys) {\n products(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n edges {\n node {\n _id\n title\n image {\n _id\n url\n }\n }\n }\n }\n }\n": ProductsDocument,
|
|
13
14
|
"\n query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: VariantFilterKeys) {\n variants(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n edges {\n node {\n _id\n option1\n option2\n option3\n image {\n _id\n url\n }\n product {\n _id\n title\n }\n }\n }\n }\n }\n": VariantsDocument
|
|
14
15
|
};
|
|
@@ -6702,6 +6702,39 @@ export type MetafieldsQuery = {
|
|
|
6702
6702
|
} | null> | null;
|
|
6703
6703
|
} | null;
|
|
6704
6704
|
};
|
|
6705
|
+
export type PagesQueryVariables = Exact<{
|
|
6706
|
+
filterKeys?: InputMaybe<PageFilterKeys>;
|
|
6707
|
+
after?: InputMaybe<Scalars['ID']['input']>;
|
|
6708
|
+
before?: InputMaybe<Scalars['ID']['input']>;
|
|
6709
|
+
first?: InputMaybe<Scalars['Int']['input']>;
|
|
6710
|
+
last?: InputMaybe<Scalars['Int']['input']>;
|
|
6711
|
+
query?: InputMaybe<Scalars['String']['input']>;
|
|
6712
|
+
}>;
|
|
6713
|
+
export type PagesQuery = {
|
|
6714
|
+
pages?: {
|
|
6715
|
+
__typename: 'PageConnection';
|
|
6716
|
+
pageInfo?: {
|
|
6717
|
+
__typename: 'PageInfo';
|
|
6718
|
+
endCursor?: string | null;
|
|
6719
|
+
hasNextPage?: boolean | null;
|
|
6720
|
+
hasPreviousPage?: boolean | null;
|
|
6721
|
+
startCursor?: string | null;
|
|
6722
|
+
} | null;
|
|
6723
|
+
edges?: Array<{
|
|
6724
|
+
__typename: 'PageEdge';
|
|
6725
|
+
node?: {
|
|
6726
|
+
__typename: 'Page';
|
|
6727
|
+
_id?: string | null;
|
|
6728
|
+
title?: string | null;
|
|
6729
|
+
image?: {
|
|
6730
|
+
__typename: 'Media';
|
|
6731
|
+
_id?: string | null;
|
|
6732
|
+
url?: string | null;
|
|
6733
|
+
} | null;
|
|
6734
|
+
} | null;
|
|
6735
|
+
} | null> | null;
|
|
6736
|
+
} | null;
|
|
6737
|
+
};
|
|
6705
6738
|
export type ProductsQueryVariables = Exact<{
|
|
6706
6739
|
after?: InputMaybe<Scalars['ID']['input']>;
|
|
6707
6740
|
before?: InputMaybe<Scalars['ID']['input']>;
|
|
@@ -6784,5 +6817,6 @@ export declare const MediaUsageDocument: DocumentNode<MediaUsageQuery, MediaUsag
|
|
|
6784
6817
|
export declare const AddMediasDocument: DocumentNode<AddMediasMutation, AddMediasMutationVariables>;
|
|
6785
6818
|
export declare const DeleteMediasDocument: DocumentNode<DeleteMediasMutation, DeleteMediasMutationVariables>;
|
|
6786
6819
|
export declare const MetafieldsDocument: DocumentNode<MetafieldsQuery, MetafieldsQueryVariables>;
|
|
6820
|
+
export declare const PagesDocument: DocumentNode<PagesQuery, PagesQueryVariables>;
|
|
6787
6821
|
export declare const ProductsDocument: DocumentNode<ProductsQuery, ProductsQueryVariables>;
|
|
6788
6822
|
export declare const VariantsDocument: DocumentNode<VariantsQuery, VariantsQueryVariables>;
|
|
@@ -2672,6 +2672,330 @@ const MetafieldsDocument = {
|
|
|
2672
2672
|
}
|
|
2673
2673
|
]
|
|
2674
2674
|
};
|
|
2675
|
+
const PagesDocument = {
|
|
2676
|
+
kind: "Document",
|
|
2677
|
+
definitions: [
|
|
2678
|
+
{
|
|
2679
|
+
kind: "OperationDefinition",
|
|
2680
|
+
operation: "query",
|
|
2681
|
+
name: {
|
|
2682
|
+
kind: "Name",
|
|
2683
|
+
value: "Pages"
|
|
2684
|
+
},
|
|
2685
|
+
variableDefinitions: [
|
|
2686
|
+
{
|
|
2687
|
+
kind: "VariableDefinition",
|
|
2688
|
+
variable: {
|
|
2689
|
+
kind: "Variable",
|
|
2690
|
+
name: {
|
|
2691
|
+
kind: "Name",
|
|
2692
|
+
value: "filterKeys"
|
|
2693
|
+
}
|
|
2694
|
+
},
|
|
2695
|
+
type: {
|
|
2696
|
+
kind: "NamedType",
|
|
2697
|
+
name: {
|
|
2698
|
+
kind: "Name",
|
|
2699
|
+
value: "PageFilterKeys"
|
|
2700
|
+
}
|
|
2701
|
+
}
|
|
2702
|
+
},
|
|
2703
|
+
{
|
|
2704
|
+
kind: "VariableDefinition",
|
|
2705
|
+
variable: {
|
|
2706
|
+
kind: "Variable",
|
|
2707
|
+
name: {
|
|
2708
|
+
kind: "Name",
|
|
2709
|
+
value: "after"
|
|
2710
|
+
}
|
|
2711
|
+
},
|
|
2712
|
+
type: {
|
|
2713
|
+
kind: "NamedType",
|
|
2714
|
+
name: {
|
|
2715
|
+
kind: "Name",
|
|
2716
|
+
value: "ID"
|
|
2717
|
+
}
|
|
2718
|
+
}
|
|
2719
|
+
},
|
|
2720
|
+
{
|
|
2721
|
+
kind: "VariableDefinition",
|
|
2722
|
+
variable: {
|
|
2723
|
+
kind: "Variable",
|
|
2724
|
+
name: {
|
|
2725
|
+
kind: "Name",
|
|
2726
|
+
value: "before"
|
|
2727
|
+
}
|
|
2728
|
+
},
|
|
2729
|
+
type: {
|
|
2730
|
+
kind: "NamedType",
|
|
2731
|
+
name: {
|
|
2732
|
+
kind: "Name",
|
|
2733
|
+
value: "ID"
|
|
2734
|
+
}
|
|
2735
|
+
}
|
|
2736
|
+
},
|
|
2737
|
+
{
|
|
2738
|
+
kind: "VariableDefinition",
|
|
2739
|
+
variable: {
|
|
2740
|
+
kind: "Variable",
|
|
2741
|
+
name: {
|
|
2742
|
+
kind: "Name",
|
|
2743
|
+
value: "first"
|
|
2744
|
+
}
|
|
2745
|
+
},
|
|
2746
|
+
type: {
|
|
2747
|
+
kind: "NamedType",
|
|
2748
|
+
name: {
|
|
2749
|
+
kind: "Name",
|
|
2750
|
+
value: "Int"
|
|
2751
|
+
}
|
|
2752
|
+
}
|
|
2753
|
+
},
|
|
2754
|
+
{
|
|
2755
|
+
kind: "VariableDefinition",
|
|
2756
|
+
variable: {
|
|
2757
|
+
kind: "Variable",
|
|
2758
|
+
name: {
|
|
2759
|
+
kind: "Name",
|
|
2760
|
+
value: "last"
|
|
2761
|
+
}
|
|
2762
|
+
},
|
|
2763
|
+
type: {
|
|
2764
|
+
kind: "NamedType",
|
|
2765
|
+
name: {
|
|
2766
|
+
kind: "Name",
|
|
2767
|
+
value: "Int"
|
|
2768
|
+
}
|
|
2769
|
+
}
|
|
2770
|
+
},
|
|
2771
|
+
{
|
|
2772
|
+
kind: "VariableDefinition",
|
|
2773
|
+
variable: {
|
|
2774
|
+
kind: "Variable",
|
|
2775
|
+
name: {
|
|
2776
|
+
kind: "Name",
|
|
2777
|
+
value: "query"
|
|
2778
|
+
}
|
|
2779
|
+
},
|
|
2780
|
+
type: {
|
|
2781
|
+
kind: "NamedType",
|
|
2782
|
+
name: {
|
|
2783
|
+
kind: "Name",
|
|
2784
|
+
value: "String"
|
|
2785
|
+
}
|
|
2786
|
+
}
|
|
2787
|
+
}
|
|
2788
|
+
],
|
|
2789
|
+
selectionSet: {
|
|
2790
|
+
kind: "SelectionSet",
|
|
2791
|
+
selections: [
|
|
2792
|
+
{
|
|
2793
|
+
kind: "Field",
|
|
2794
|
+
name: {
|
|
2795
|
+
kind: "Name",
|
|
2796
|
+
value: "pages"
|
|
2797
|
+
},
|
|
2798
|
+
arguments: [
|
|
2799
|
+
{
|
|
2800
|
+
kind: "Argument",
|
|
2801
|
+
name: {
|
|
2802
|
+
kind: "Name",
|
|
2803
|
+
value: "filterKeys"
|
|
2804
|
+
},
|
|
2805
|
+
value: {
|
|
2806
|
+
kind: "Variable",
|
|
2807
|
+
name: {
|
|
2808
|
+
kind: "Name",
|
|
2809
|
+
value: "filterKeys"
|
|
2810
|
+
}
|
|
2811
|
+
}
|
|
2812
|
+
},
|
|
2813
|
+
{
|
|
2814
|
+
kind: "Argument",
|
|
2815
|
+
name: {
|
|
2816
|
+
kind: "Name",
|
|
2817
|
+
value: "after"
|
|
2818
|
+
},
|
|
2819
|
+
value: {
|
|
2820
|
+
kind: "Variable",
|
|
2821
|
+
name: {
|
|
2822
|
+
kind: "Name",
|
|
2823
|
+
value: "after"
|
|
2824
|
+
}
|
|
2825
|
+
}
|
|
2826
|
+
},
|
|
2827
|
+
{
|
|
2828
|
+
kind: "Argument",
|
|
2829
|
+
name: {
|
|
2830
|
+
kind: "Name",
|
|
2831
|
+
value: "before"
|
|
2832
|
+
},
|
|
2833
|
+
value: {
|
|
2834
|
+
kind: "Variable",
|
|
2835
|
+
name: {
|
|
2836
|
+
kind: "Name",
|
|
2837
|
+
value: "before"
|
|
2838
|
+
}
|
|
2839
|
+
}
|
|
2840
|
+
},
|
|
2841
|
+
{
|
|
2842
|
+
kind: "Argument",
|
|
2843
|
+
name: {
|
|
2844
|
+
kind: "Name",
|
|
2845
|
+
value: "first"
|
|
2846
|
+
},
|
|
2847
|
+
value: {
|
|
2848
|
+
kind: "Variable",
|
|
2849
|
+
name: {
|
|
2850
|
+
kind: "Name",
|
|
2851
|
+
value: "first"
|
|
2852
|
+
}
|
|
2853
|
+
}
|
|
2854
|
+
},
|
|
2855
|
+
{
|
|
2856
|
+
kind: "Argument",
|
|
2857
|
+
name: {
|
|
2858
|
+
kind: "Name",
|
|
2859
|
+
value: "last"
|
|
2860
|
+
},
|
|
2861
|
+
value: {
|
|
2862
|
+
kind: "Variable",
|
|
2863
|
+
name: {
|
|
2864
|
+
kind: "Name",
|
|
2865
|
+
value: "last"
|
|
2866
|
+
}
|
|
2867
|
+
}
|
|
2868
|
+
},
|
|
2869
|
+
{
|
|
2870
|
+
kind: "Argument",
|
|
2871
|
+
name: {
|
|
2872
|
+
kind: "Name",
|
|
2873
|
+
value: "query"
|
|
2874
|
+
},
|
|
2875
|
+
value: {
|
|
2876
|
+
kind: "Variable",
|
|
2877
|
+
name: {
|
|
2878
|
+
kind: "Name",
|
|
2879
|
+
value: "query"
|
|
2880
|
+
}
|
|
2881
|
+
}
|
|
2882
|
+
}
|
|
2883
|
+
],
|
|
2884
|
+
selectionSet: {
|
|
2885
|
+
kind: "SelectionSet",
|
|
2886
|
+
selections: [
|
|
2887
|
+
{
|
|
2888
|
+
kind: "Field",
|
|
2889
|
+
name: {
|
|
2890
|
+
kind: "Name",
|
|
2891
|
+
value: "pageInfo"
|
|
2892
|
+
},
|
|
2893
|
+
selectionSet: {
|
|
2894
|
+
kind: "SelectionSet",
|
|
2895
|
+
selections: [
|
|
2896
|
+
{
|
|
2897
|
+
kind: "Field",
|
|
2898
|
+
name: {
|
|
2899
|
+
kind: "Name",
|
|
2900
|
+
value: "endCursor"
|
|
2901
|
+
}
|
|
2902
|
+
},
|
|
2903
|
+
{
|
|
2904
|
+
kind: "Field",
|
|
2905
|
+
name: {
|
|
2906
|
+
kind: "Name",
|
|
2907
|
+
value: "hasNextPage"
|
|
2908
|
+
}
|
|
2909
|
+
},
|
|
2910
|
+
{
|
|
2911
|
+
kind: "Field",
|
|
2912
|
+
name: {
|
|
2913
|
+
kind: "Name",
|
|
2914
|
+
value: "hasPreviousPage"
|
|
2915
|
+
}
|
|
2916
|
+
},
|
|
2917
|
+
{
|
|
2918
|
+
kind: "Field",
|
|
2919
|
+
name: {
|
|
2920
|
+
kind: "Name",
|
|
2921
|
+
value: "startCursor"
|
|
2922
|
+
}
|
|
2923
|
+
}
|
|
2924
|
+
]
|
|
2925
|
+
}
|
|
2926
|
+
},
|
|
2927
|
+
{
|
|
2928
|
+
kind: "Field",
|
|
2929
|
+
name: {
|
|
2930
|
+
kind: "Name",
|
|
2931
|
+
value: "edges"
|
|
2932
|
+
},
|
|
2933
|
+
selectionSet: {
|
|
2934
|
+
kind: "SelectionSet",
|
|
2935
|
+
selections: [
|
|
2936
|
+
{
|
|
2937
|
+
kind: "Field",
|
|
2938
|
+
name: {
|
|
2939
|
+
kind: "Name",
|
|
2940
|
+
value: "node"
|
|
2941
|
+
},
|
|
2942
|
+
selectionSet: {
|
|
2943
|
+
kind: "SelectionSet",
|
|
2944
|
+
selections: [
|
|
2945
|
+
{
|
|
2946
|
+
kind: "Field",
|
|
2947
|
+
name: {
|
|
2948
|
+
kind: "Name",
|
|
2949
|
+
value: "_id"
|
|
2950
|
+
}
|
|
2951
|
+
},
|
|
2952
|
+
{
|
|
2953
|
+
kind: "Field",
|
|
2954
|
+
name: {
|
|
2955
|
+
kind: "Name",
|
|
2956
|
+
value: "title"
|
|
2957
|
+
}
|
|
2958
|
+
},
|
|
2959
|
+
{
|
|
2960
|
+
kind: "Field",
|
|
2961
|
+
name: {
|
|
2962
|
+
kind: "Name",
|
|
2963
|
+
value: "image"
|
|
2964
|
+
},
|
|
2965
|
+
selectionSet: {
|
|
2966
|
+
kind: "SelectionSet",
|
|
2967
|
+
selections: [
|
|
2968
|
+
{
|
|
2969
|
+
kind: "Field",
|
|
2970
|
+
name: {
|
|
2971
|
+
kind: "Name",
|
|
2972
|
+
value: "_id"
|
|
2973
|
+
}
|
|
2974
|
+
},
|
|
2975
|
+
{
|
|
2976
|
+
kind: "Field",
|
|
2977
|
+
name: {
|
|
2978
|
+
kind: "Name",
|
|
2979
|
+
value: "url"
|
|
2980
|
+
}
|
|
2981
|
+
}
|
|
2982
|
+
]
|
|
2983
|
+
}
|
|
2984
|
+
}
|
|
2985
|
+
]
|
|
2986
|
+
}
|
|
2987
|
+
}
|
|
2988
|
+
]
|
|
2989
|
+
}
|
|
2990
|
+
}
|
|
2991
|
+
]
|
|
2992
|
+
}
|
|
2993
|
+
}
|
|
2994
|
+
]
|
|
2995
|
+
}
|
|
2996
|
+
}
|
|
2997
|
+
]
|
|
2998
|
+
};
|
|
2675
2999
|
const ProductsDocument = {
|
|
2676
3000
|
kind: "Document",
|
|
2677
3001
|
definitions: [
|
|
@@ -3360,4 +3684,4 @@ const VariantsDocument = {
|
|
|
3360
3684
|
}
|
|
3361
3685
|
]
|
|
3362
3686
|
};
|
|
3363
|
-
export { graphql_AccountEmailIntent as AccountEmailIntent, graphql_AccountEmailUpdateActionIntent as AccountEmailUpdateActionIntent, AddMediasDocument, graphql_graphql_AppSortKeys as AppSortKeys, graphql_ArticleCommentPermission as ArticleCommentPermission, graphql_ArticleSortKeys as ArticleSortKeys, graphql_ArticleStatus as ArticleStatus, ArticlesDocument, graphql_BlogSortKeys as BlogSortKeys, BlogsDocument, graphql_CartDiscountScope as CartDiscountScope, graphql_CartDiscountSource as CartDiscountSource, graphql_CartDiscountStatus as CartDiscountStatus, graphql_CartDiscountType as CartDiscountType, graphql_CartLineItemSource as CartLineItemSource, graphql_CartSortkeys as CartSortkeys, graphql_CartStatus as CartStatus, graphql_CheckoutAutoFulfillment as CheckoutAutoFulfillment, graphql_CheckoutContactMethod as CheckoutContactMethod, graphql_CheckoutExcludeRequiredOptional as CheckoutExcludeRequiredOptional, graphql_CheckoutNameRequirement as CheckoutNameRequirement, graphql_CollectionProductSortkey as CollectionProductSortkey, graphql_CollectionSortKey as CollectionSortKey, CollectionsDocument, graphql_CustomerAddressSortkeys as CustomerAddressSortkeys, graphql_CustomerSegmentCombine as CustomerSegmentCombine, graphql_CustomerSegmentConditionField as CustomerSegmentConditionField, graphql_CustomerSegmentConditionOperator as CustomerSegmentConditionOperator, graphql_CustomerSegmentSortkeys as CustomerSegmentSortkeys, graphql_CustomerSortkeys as CustomerSortkeys, graphql_DefaultThemeTemplateType as DefaultThemeTemplateType, DeleteMediasDocument, graphql_DeliveryProfileSortKeys as DeliveryProfileSortKeys, graphql_DeliveryZoneRateConditionType as DeliveryZoneRateConditionType, graphql_DeliveryZoneSortKeys as DeliveryZoneSortKeys, graphql_DiscountAooMinimumPurchaseType as DiscountAooMinimumPurchaseType, graphql_DiscountAooType as DiscountAooType, graphql_DiscountAopApplication as DiscountAopApplication, graphql_DiscountAopMinimunPurchaseType as DiscountAopMinimunPurchaseType, graphql_DiscountAopType as DiscountAopType, graphql_DiscountApplication as DiscountApplication, graphql_DiscountBxgyApplication as DiscountBxgyApplication, graphql_DiscountBxgyMinimunPurchaseType as DiscountBxgyMinimunPurchaseType, graphql_DiscountBxgyOfferApplication as DiscountBxgyOfferApplication, graphql_DiscountBxgyType as DiscountBxgyType, graphql_DiscountFsMinimunPurchaseType as DiscountFsMinimunPurchaseType, graphql_DiscountFsType as DiscountFsType, graphql_DiscountSortKeys as DiscountSortKeys, graphql_DiscountType as DiscountType, graphql_DomainRecordType as DomainRecordType, graphql_DomainSortkeys as DomainSortkeys, graphql_EditThemeTemplateType as EditThemeTemplateType, graphql_InventorySortKeys as InventorySortKeys, graphql_LinklistSortKeys as LinklistSortKeys, graphql_LinklistType as LinklistType, graphql_LocationSortKeys as LocationSortKeys, graphql_LogActions as LogActions, graphql_LogResources as LogResources, graphql_LogSortKeys as LogSortKeys, graphql_LoginMethod as LoginMethod, graphql_MarketSortKeys as MarketSortKeys, graphql_MarketVariantSortKeys as MarketVariantSortKeys, graphql_MediaSortKeys as MediaSortKeys, graphql_MediaType as MediaType, MediaUsageDocument, MediasDocument, graphql_MetafieldEntryType as MetafieldEntryType, graphql_MetafieldScope as MetafieldScope, graphql_MetafieldSortKeys as MetafieldSortKeys, graphql_MetafieldType as MetafieldType, MetafieldsDocument, graphql_MetaobjectEntrySortKeys as MetaobjectEntrySortKeys, graphql_MetaobjectFieldType as MetaobjectFieldType, graphql_MetaobjectSortKeys as MetaobjectSortKeys, graphql_PageSortKeys as PageSortKeys, graphql_PageStatus as PageStatus, graphql_PayStoreInvoiceStatus as PayStoreInvoiceStatus, graphql_PaymentChargeType as PaymentChargeType, graphql_PaymentSortKeys as PaymentSortKeys, graphql_PaymentType as PaymentType, graphql_PickupProfileReadyIn as PickupProfileReadyIn, graphql_PickupProfileSortKeys as PickupProfileSortKeys, graphql_PresetSortKeys as PresetSortKeys, graphql_PresetType as PresetType, graphql_ProductSortKeys as ProductSortKeys, graphql_ProductStatus as ProductStatus, ProductsDocument, graphql_PurchaseSortKeys as PurchaseSortKeys, graphql_PurchaseStatus as PurchaseStatus, graphql_RedirectSortKeys as RedirectSortKeys, graphql_ShippingProfileSortKeys as ShippingProfileSortKeys, graphql_ShippingZoneRateConditionType as ShippingZoneRateConditionType, graphql_ShippingZoneSortKeys as ShippingZoneSortKeys, graphql_StaffAppPermission as StaffAppPermission, graphql_StaffSortKeys as StaffSortKeys, StoragePlanDocument, graphql_StoreInvoiceBeneficiary as StoreInvoiceBeneficiary, graphql_StoreInvoicePaymentStatus as StoreInvoicePaymentStatus, graphql_StoreInvoiceRefundStatus as StoreInvoiceRefundStatus, graphql_StoreInvoiceSortKeys as StoreInvoiceSortKeys, graphql_StoreLengthUnit as StoreLengthUnit, graphql_StoreSortkeys as StoreSortkeys, graphql_StoreWeightUnit as StoreWeightUnit, graphql_SupplierSortKeys as SupplierSortKeys, graphql_TaxOverrideLevel as TaxOverrideLevel, graphql_TaxOverrideType as TaxOverrideType, graphql_TaxSortKeys as TaxSortKeys, graphql_graphql_ThemeSortKeys as ThemeSortKeys, graphql_TransferSortKeys as TransferSortKeys, graphql_TransferStatus as TransferStatus, graphql_UserDeviceSortKeys as UserDeviceSortKeys, graphql_UserPasskeySortKeys as UserPasskeySortKeys, graphql_UserSessionSortKeys as UserSessionSortKeys, graphql_VariantSortKeys as VariantSortKeys, graphql_VariantStatus as VariantStatus, VariantsDocument, graphql_WhoamiType as WhoamiType, graphql_AppSortKeys as _AppSortKeys, graphql_CategorySortKeys as _CategorySortKeys, graphql_ContinentSortKeys as _ContinentSortKeys, graphql_CountrySortKeys as _CountrySortKeys, graphql_CurrencySortKeys as _CurrencySortKeys, graphql_HscodeSortKeys as _HscodeSortKeys, graphql_LanguageSortKeys as _LanguageSortKeys, graphql_PackageSortKeys as _PackageSortKeys, graphql_PaymentGatewaySortKeys as _PaymentGatewaySortKeys, graphql_PaymentProviderSortKeys as _PaymentProviderSortKeys, graphql_PhoneSortKeys as _PhoneSortKeys, graphql_RegionSortKeys as _RegionSortKeys, graphql_SoppiyaPaymentSortKeys as _SoppiyaPaymentSortKeys, graphql_ThemeSortKeys as _ThemeSortKeys, graphql_ThemeVersionSortKeys as _ThemeVersionSortKeys, graphql_TimezoneSortKeys as _TimezoneSortKeys };
|
|
3687
|
+
export { graphql_AccountEmailIntent as AccountEmailIntent, graphql_AccountEmailUpdateActionIntent as AccountEmailUpdateActionIntent, AddMediasDocument, graphql_graphql_AppSortKeys as AppSortKeys, graphql_ArticleCommentPermission as ArticleCommentPermission, graphql_ArticleSortKeys as ArticleSortKeys, graphql_ArticleStatus as ArticleStatus, ArticlesDocument, graphql_BlogSortKeys as BlogSortKeys, BlogsDocument, graphql_CartDiscountScope as CartDiscountScope, graphql_CartDiscountSource as CartDiscountSource, graphql_CartDiscountStatus as CartDiscountStatus, graphql_CartDiscountType as CartDiscountType, graphql_CartLineItemSource as CartLineItemSource, graphql_CartSortkeys as CartSortkeys, graphql_CartStatus as CartStatus, graphql_CheckoutAutoFulfillment as CheckoutAutoFulfillment, graphql_CheckoutContactMethod as CheckoutContactMethod, graphql_CheckoutExcludeRequiredOptional as CheckoutExcludeRequiredOptional, graphql_CheckoutNameRequirement as CheckoutNameRequirement, graphql_CollectionProductSortkey as CollectionProductSortkey, graphql_CollectionSortKey as CollectionSortKey, CollectionsDocument, graphql_CustomerAddressSortkeys as CustomerAddressSortkeys, graphql_CustomerSegmentCombine as CustomerSegmentCombine, graphql_CustomerSegmentConditionField as CustomerSegmentConditionField, graphql_CustomerSegmentConditionOperator as CustomerSegmentConditionOperator, graphql_CustomerSegmentSortkeys as CustomerSegmentSortkeys, graphql_CustomerSortkeys as CustomerSortkeys, graphql_DefaultThemeTemplateType as DefaultThemeTemplateType, DeleteMediasDocument, graphql_DeliveryProfileSortKeys as DeliveryProfileSortKeys, graphql_DeliveryZoneRateConditionType as DeliveryZoneRateConditionType, graphql_DeliveryZoneSortKeys as DeliveryZoneSortKeys, graphql_DiscountAooMinimumPurchaseType as DiscountAooMinimumPurchaseType, graphql_DiscountAooType as DiscountAooType, graphql_DiscountAopApplication as DiscountAopApplication, graphql_DiscountAopMinimunPurchaseType as DiscountAopMinimunPurchaseType, graphql_DiscountAopType as DiscountAopType, graphql_DiscountApplication as DiscountApplication, graphql_DiscountBxgyApplication as DiscountBxgyApplication, graphql_DiscountBxgyMinimunPurchaseType as DiscountBxgyMinimunPurchaseType, graphql_DiscountBxgyOfferApplication as DiscountBxgyOfferApplication, graphql_DiscountBxgyType as DiscountBxgyType, graphql_DiscountFsMinimunPurchaseType as DiscountFsMinimunPurchaseType, graphql_DiscountFsType as DiscountFsType, graphql_DiscountSortKeys as DiscountSortKeys, graphql_DiscountType as DiscountType, graphql_DomainRecordType as DomainRecordType, graphql_DomainSortkeys as DomainSortkeys, graphql_EditThemeTemplateType as EditThemeTemplateType, graphql_InventorySortKeys as InventorySortKeys, graphql_LinklistSortKeys as LinklistSortKeys, graphql_LinklistType as LinklistType, graphql_LocationSortKeys as LocationSortKeys, graphql_LogActions as LogActions, graphql_LogResources as LogResources, graphql_LogSortKeys as LogSortKeys, graphql_LoginMethod as LoginMethod, graphql_MarketSortKeys as MarketSortKeys, graphql_MarketVariantSortKeys as MarketVariantSortKeys, graphql_MediaSortKeys as MediaSortKeys, graphql_MediaType as MediaType, MediaUsageDocument, MediasDocument, graphql_MetafieldEntryType as MetafieldEntryType, graphql_MetafieldScope as MetafieldScope, graphql_MetafieldSortKeys as MetafieldSortKeys, graphql_MetafieldType as MetafieldType, MetafieldsDocument, graphql_MetaobjectEntrySortKeys as MetaobjectEntrySortKeys, graphql_MetaobjectFieldType as MetaobjectFieldType, graphql_MetaobjectSortKeys as MetaobjectSortKeys, graphql_PageSortKeys as PageSortKeys, graphql_PageStatus as PageStatus, PagesDocument, graphql_PayStoreInvoiceStatus as PayStoreInvoiceStatus, graphql_PaymentChargeType as PaymentChargeType, graphql_PaymentSortKeys as PaymentSortKeys, graphql_PaymentType as PaymentType, graphql_PickupProfileReadyIn as PickupProfileReadyIn, graphql_PickupProfileSortKeys as PickupProfileSortKeys, graphql_PresetSortKeys as PresetSortKeys, graphql_PresetType as PresetType, graphql_ProductSortKeys as ProductSortKeys, graphql_ProductStatus as ProductStatus, ProductsDocument, graphql_PurchaseSortKeys as PurchaseSortKeys, graphql_PurchaseStatus as PurchaseStatus, graphql_RedirectSortKeys as RedirectSortKeys, graphql_ShippingProfileSortKeys as ShippingProfileSortKeys, graphql_ShippingZoneRateConditionType as ShippingZoneRateConditionType, graphql_ShippingZoneSortKeys as ShippingZoneSortKeys, graphql_StaffAppPermission as StaffAppPermission, graphql_StaffSortKeys as StaffSortKeys, StoragePlanDocument, graphql_StoreInvoiceBeneficiary as StoreInvoiceBeneficiary, graphql_StoreInvoicePaymentStatus as StoreInvoicePaymentStatus, graphql_StoreInvoiceRefundStatus as StoreInvoiceRefundStatus, graphql_StoreInvoiceSortKeys as StoreInvoiceSortKeys, graphql_StoreLengthUnit as StoreLengthUnit, graphql_StoreSortkeys as StoreSortkeys, graphql_StoreWeightUnit as StoreWeightUnit, graphql_SupplierSortKeys as SupplierSortKeys, graphql_TaxOverrideLevel as TaxOverrideLevel, graphql_TaxOverrideType as TaxOverrideType, graphql_TaxSortKeys as TaxSortKeys, graphql_graphql_ThemeSortKeys as ThemeSortKeys, graphql_TransferSortKeys as TransferSortKeys, graphql_TransferStatus as TransferStatus, graphql_UserDeviceSortKeys as UserDeviceSortKeys, graphql_UserPasskeySortKeys as UserPasskeySortKeys, graphql_UserSessionSortKeys as UserSessionSortKeys, graphql_VariantSortKeys as VariantSortKeys, graphql_VariantStatus as VariantStatus, VariantsDocument, graphql_WhoamiType as WhoamiType, graphql_AppSortKeys as _AppSortKeys, graphql_CategorySortKeys as _CategorySortKeys, graphql_ContinentSortKeys as _ContinentSortKeys, graphql_CountrySortKeys as _CountrySortKeys, graphql_CurrencySortKeys as _CurrencySortKeys, graphql_HscodeSortKeys as _HscodeSortKeys, graphql_LanguageSortKeys as _LanguageSortKeys, graphql_PackageSortKeys as _PackageSortKeys, graphql_PaymentGatewaySortKeys as _PaymentGatewaySortKeys, graphql_PaymentProviderSortKeys as _PaymentProviderSortKeys, graphql_PhoneSortKeys as _PhoneSortKeys, graphql_RegionSortKeys as _RegionSortKeys, graphql_SoppiyaPaymentSortKeys as _SoppiyaPaymentSortKeys, graphql_ThemeSortKeys as _ThemeSortKeys, graphql_ThemeVersionSortKeys as _ThemeVersionSortKeys, graphql_TimezoneSortKeys as _TimezoneSortKeys };
|
package/dist/styles.css
CHANGED
|
@@ -375,6 +375,10 @@
|
|
|
375
375
|
margin-inline: auto;
|
|
376
376
|
}
|
|
377
377
|
|
|
378
|
+
.mt-4 {
|
|
379
|
+
margin-top: calc(var(--spacing) * 4);
|
|
380
|
+
}
|
|
381
|
+
|
|
378
382
|
.mt-\[10px\] {
|
|
379
383
|
margin-top: 10px;
|
|
380
384
|
}
|
|
@@ -631,8 +635,8 @@
|
|
|
631
635
|
padding-block: calc(var(--spacing) * 1.5);
|
|
632
636
|
}
|
|
633
637
|
|
|
634
|
-
.pb-
|
|
635
|
-
padding-bottom: calc(var(--spacing) *
|
|
638
|
+
.pb-4 {
|
|
639
|
+
padding-bottom: calc(var(--spacing) * 4);
|
|
636
640
|
}
|
|
637
641
|
|
|
638
642
|
.underline {
|
|
@@ -707,6 +711,10 @@
|
|
|
707
711
|
left: calc(var(--spacing) * -5);
|
|
708
712
|
}
|
|
709
713
|
|
|
714
|
+
.md\:mt-0 {
|
|
715
|
+
margin-top: calc(var(--spacing) * 0);
|
|
716
|
+
}
|
|
717
|
+
|
|
710
718
|
.md\:h-\[100px\] {
|
|
711
719
|
height: 100px;
|
|
712
720
|
}
|
|
@@ -758,6 +766,31 @@
|
|
|
758
766
|
.md\:grid-cols-\[repeat\(auto-fill\,minmax\(117px\,1fr\)\)\] {
|
|
759
767
|
grid-template-columns: repeat(auto-fill, minmax(117px, 1fr));
|
|
760
768
|
}
|
|
769
|
+
|
|
770
|
+
.md\:flex-col-reverse\! {
|
|
771
|
+
flex-direction: column-reverse !important;
|
|
772
|
+
}
|
|
773
|
+
|
|
774
|
+
.md\:border-b {
|
|
775
|
+
border-bottom-style: var(--tw-border-style);
|
|
776
|
+
border-bottom-width: 1px;
|
|
777
|
+
}
|
|
778
|
+
|
|
779
|
+
.md\:border-b-\[\#ebebeb\] {
|
|
780
|
+
border-bottom-color: #ebebeb;
|
|
781
|
+
}
|
|
782
|
+
|
|
783
|
+
.md\:border-b-transparent {
|
|
784
|
+
border-bottom-color: #0000;
|
|
785
|
+
}
|
|
786
|
+
|
|
787
|
+
.md\:pb-0 {
|
|
788
|
+
padding-bottom: calc(var(--spacing) * 0);
|
|
789
|
+
}
|
|
790
|
+
|
|
791
|
+
.md\:pb-3 {
|
|
792
|
+
padding-bottom: calc(var(--spacing) * 3);
|
|
793
|
+
}
|
|
761
794
|
}
|
|
762
795
|
|
|
763
796
|
@media (width >= 64rem) {
|