@soppiya/app-bridge 1.0.9 → 1.1.2

package/dist/components/articles-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as ArticlesPicker } from "./ui/ArticlesPicker";

package/dist/components/articles-picker/index.js

@@ -0,0 +1,2 @@
+import ArticlesPicker from "./ui/ArticlesPicker.js";
+export { ArticlesPicker };

package/dist/components/articles-picker/ui/ArticlesPicker.js

@@ -33,7 +33,7 @@ const ArticlesPicker = ({ title, initialIds = [], limit = 1 / 0, onClose, onOk }
     });
     return /*#__PURE__*/ jsx(Modal, {
         open: true,
-        title: title || "Artilces",
+        title: title || "Articles",
         bodyPadding: 0,
         buttons: ButtonJSX,
         onClose: onClose,

package/dist/components/blogs-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as BlogsPicker } from "./ui/BlogsPicker";

package/dist/components/blogs-picker/index.js

@@ -0,0 +1,2 @@
+import BlogsPicker from "./ui/BlogsPicker.js";
+export { BlogsPicker };

package/dist/components/blogs-picker/ui/BlogsPicker.js

@@ -22,7 +22,6 @@ const BlogsPicker = ({ title, initialIds = [], limit = 1 / 0, onClose, onOk })=>
     const handleOk = ()=>{
         if (lodash.isFunction(onOk)) onOk(selectedBlog);
     };
-    console.log(selectedBlog);
     const ButtonJSX = /*#__PURE__*/ jsx(InlineStack, {
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {

package/dist/components/collections-pciker/index.d.ts

@@ -0,0 +1 @@
+export { default as CollectionPicker } from "./ui/CollectionPicker";

package/dist/components/collections-pciker/index.js

@@ -0,0 +1,2 @@
+import CollectionPicker from "./ui/CollectionPicker.js";
+export { CollectionPicker };

package/dist/components/index.d.ts

@@ -1,4 +1,10 @@
+export * from "./articles-picker";
+export * from "./blogs-picker";
+export * from "./collections-pciker";
+export * from "./link-list-picker";
 export * from "./media";
+export * from "./meta-data";
+export * from "./pages-picker";
 export * from "./products-picker";
 export * from "./savebar";
 export * from "./variants-picker";

package/dist/components/index.js

@@ -1,4 +1,10 @@
+export * from "./articles-picker/index.js";
+export * from "./blogs-picker/index.js";
+export * from "./collections-pciker/index.js";
+export * from "./link-list-picker/index.js";
 export * from "./media/index.js";
+export * from "./meta-data/index.js";
+export * from "./pages-picker/index.js";
 export * from "./products-picker/index.js";
 export * from "./savebar/index.js";
 export * from "./variants-picker/index.js";

package/dist/components/link-list-picker/api/query.d.ts

@@ -0,0 +1,8 @@
+export declare const linkListQuery: import("@graphql-typed-document-node/core").TypedDocumentNode<import("../../../shared/graphql/graphql").LinklistsQuery, import("../../../shared/graphql/graphql").Exact<{
+    after?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
+    before?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
+    first?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
+    last?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
+    query?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["String"]["input"]>;
+    filterKeys?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").LinklistFilterKeys>;
+}>>;

package/dist/components/link-list-picker/api/query.js

@@ -0,0 +1,22 @@
+import { graphql } from "../../../shared/graphql/index.js";
+const linkListQuery = graphql(`query Linklists($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: LinklistFilterKeys) {
+  linklists(after: $after, before: $before, first: $first, last: $last, query: $query, filterKeys: $filterKeys) {
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    edges {
+      node {
+        _id
+        title
+        links {
+          url
+          _id
+        }
+      }
+    }
+  }
+}`);
+export { linkListQuery };

package/dist/components/link-list-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as LinkListPicker } from "./ui/LinkListPicker";

package/dist/components/link-list-picker/index.js

@@ -0,0 +1,2 @@
+import LinkListPicker from "./ui/LinkListPicker.js";
+export { LinkListPicker };

package/dist/components/link-list-picker/model/useLinkList.d.ts

@@ -0,0 +1,30 @@
+import { LinklistFilterKeys } from "../../../shared/graphql/graphql";
+type Props = {
+    skip?: boolean;
+    first?: number;
+    query?: string | null;
+    filterKeys?: LinklistFilterKeys;
+};
+export declare const useLinklist: (props?: Props) => {
+    linklists: {
+        __typename: "Linklist";
+        _id?: string | null;
+        title?: string | null;
+        links?: Array<{
+            __typename: "LinklistLayer1";
+            url?: string | null;
+            _id?: string | null;
+        } | null> | null;
+    }[] | undefined;
+    pageInfo: {
+        __typename: "PageInfo";
+        endCursor?: string | null;
+        hasNextPage?: boolean | null;
+        hasPreviousPage?: boolean | null;
+        startCursor?: string | null;
+    } | null | undefined;
+    isLoadingLinklist: boolean;
+    error: import("@apollo/client").ErrorLike | undefined;
+    fetchMoreLinklists: () => void;
+};
+export {};

package/dist/components/link-list-picker/model/useLinkList.js

@@ -0,0 +1,46 @@
+import { useQuery } from "@apollo/client/react";
+import { linkListQuery } from "../api/query.js";
+const useLinklist = (props = {})=>{
+    const { skip, first, query, filterKeys } = props;
+    const { data, loading: isLoadingLinklist, error, fetchMore } = useQuery(linkListQuery, {
+        skip,
+        variables: {
+            first,
+            query,
+            filterKeys
+        }
+    });
+    const linklists = data?.linklists?.edges?.map((edge)=>edge?.node).filter((node)=>null != node);
+    const pageInfo = data?.linklists?.pageInfo;
+    const fetchMoreLinklists = ()=>{
+        if (!pageInfo?.hasNextPage) return;
+        fetchMore({
+            variables: {
+                first,
+                query,
+                filterKeys,
+                after: pageInfo.endCursor
+            },
+            updateQuery (prev, { fetchMoreResult }) {
+                if (!fetchMoreResult.linklists?.edges || !prev.linklists?.edges) return prev;
+                return {
+                    linklists: {
+                        ...fetchMoreResult.linklists,
+                        edges: [
+                            ...prev.linklists.edges,
+                            ...fetchMoreResult.linklists.edges
+                        ]
+                    }
+                };
+            }
+        });
+    };
+    return {
+        linklists,
+        pageInfo,
+        isLoadingLinklist,
+        error,
+        fetchMoreLinklists
+    };
+};
+export { useLinklist };

package/dist/components/link-list-picker/ui/LinkListPicker.d.ts

@@ -0,0 +1,9 @@
+type Props = {
+    title?: string;
+    initialIds?: string[];
+    limit?: number;
+    onClose?: () => void;
+    onOk?: (linklist: string[]) => void;
+};
+declare const LinkListPicker: ({ title, initialIds, limit, onClose, onOk }: Props) => import("react/jsx-runtime").JSX.Element;
+export default LinkListPicker;

package/dist/components/link-list-picker/ui/LinkListPicker.js

@@ -0,0 +1,98 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { InfinityScroll } from "../../infinity-scroll/index.js";
+import { useFilterQuery } from "../../../shared/lib/index.js";
+import { BlockStack, Box, Button, Checkbox, InlineStack, Input, Modal, Spinner, Text } from "@soppiya/elementus";
+import lodash from "lodash";
+import { useState } from "react";
+import { useLinklist } from "../model/useLinkList.js";
+const LinkListPicker_LinkListPicker = ({ title, initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+    const [selectedLinklist, setSelectedLinklist] = useState(initialIds);
+    const { query, debounceQuery, onChangeQuery } = useFilterQuery();
+    const { linklists, isLoadingLinklist, fetchMoreLinklists, pageInfo } = useLinklist({
+        first: 20,
+        query: debounceQuery
+    });
+    const isSelected = limit === 1 / 0 ? true : 1 === limit ? 1 === selectedLinklist.length : selectedLinklist.length >= limit;
+    const handleSelectedLinklist = (linkListId)=>{
+        selectedLinklist.includes(linkListId) ? setSelectedLinklist((prev)=>prev.filter((id)=>id !== linkListId)) : setSelectedLinklist((prev)=>[
+                ...prev,
+                linkListId
+            ]);
+    };
+    const handleOk = ()=>{
+        if (lodash.isFunction(onOk)) onOk(selectedLinklist);
+    };
+    const ButtonJSX = /*#__PURE__*/ jsx(InlineStack, {
+        justifyContent: "end",
+        children: /*#__PURE__*/ jsx(Button, {
+            disabled: lodash.isEmpty(selectedLinklist) || !isSelected,
+            onClick: handleOk,
+            children: "Add"
+        })
+    });
+    return /*#__PURE__*/ jsx(Modal, {
+        open: true,
+        title: title || "Linklist",
+        bodyPadding: 0,
+        buttons: ButtonJSX,
+        onClose: onClose,
+        children: /*#__PURE__*/ jsxs(BlockStack, {
+            children: [
+                /*#__PURE__*/ jsx(Box, {
+                    className: "border-b border-b-[#ebebeb]! h",
+                    padding: 60,
+                    children: /*#__PURE__*/ jsx(Input, {
+                        size: "sm",
+                        type: "search",
+                        value: query ?? "",
+                        onChange: (event)=>onChangeQuery(event.target.value)
+                    })
+                }),
+                isLoadingLinklist ? /*#__PURE__*/ jsx(InlineStack, {
+                    justifyContent: "center",
+                    padding: 80,
+                    children: /*#__PURE__*/ jsx(Spinner, {
+                        size: "md"
+                    })
+                }) : /*#__PURE__*/ jsxs(BlockStack, {
+                    children: [
+                        linklists?.map((linklist)=>/*#__PURE__*/ jsxs(InlineStack, {
+                                stack: "full",
+                                className: "lg:cursor-pointer border-b border-b-[#ebebeb]!",
+                                gapX: 60,
+                                padding: 60,
+                                onClick: ()=>handleSelectedLinklist(String(linklist._id)),
+                                children: [
+                                    /*#__PURE__*/ jsx(InlineStack, {
+                                        alignItems: "center",
+                                        gapX: 60,
+                                        children: /*#__PURE__*/ jsx(Box, {
+                                            children: /*#__PURE__*/ jsx(Checkbox, {
+                                                checked: selectedLinklist.includes(String(linklist._id)),
+                                                onChange: ()=>{}
+                                            })
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(BlockStack, {
+                                        gapY: 30,
+                                        justifyContent: "center",
+                                        children: /*#__PURE__*/ jsx(Text, {
+                                            size: "sm",
+                                            color: "secondary",
+                                            truncate: "truncate-1",
+                                            children: linklist.title
+                                        })
+                                    })
+                                ]
+                            }, linklist._id)),
+                        pageInfo?.hasNextPage && /*#__PURE__*/ jsx(InfinityScroll, {
+                            onFetch: fetchMoreLinklists
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+const LinkListPicker = LinkListPicker_LinkListPicker;
+export { LinkListPicker as default };

package/dist/components/link-list-picker/ui/LinkListPicker.stories.d.ts

@@ -0,0 +1,14 @@
+declare const meta: {
+    title: string;
+    component: ({ title, initialIds, limit, onClose, onOk }: {
+        title?: string;
+        initialIds?: string[];
+        limit?: number;
+        onClose?: () => void;
+        onOk?: (linklist: string[]) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: {
+    args: {};
+};

package/dist/components/link-list-picker/ui/LinkListPicker.stories.js

@@ -0,0 +1,10 @@
+import LinkListPicker from "./LinkListPicker.js";
+const meta = {
+    title: "Example/LinkListPicker",
+    component: LinkListPicker
+};
+const LinkListPicker_stories = meta;
+const Default = {
+    args: {}
+};
+export { Default, LinkListPicker_stories as default };

package/dist/components/meta-data/index.d.ts

@@ -0,0 +1 @@
+export { default as MetaData } from "./ui/MetaData";

package/dist/components/meta-data/index.js

@@ -0,0 +1,2 @@
+import MetaData from "./ui/MetaData.js";
+export { MetaData };

package/dist/components/meta-data/ui/ArticleRefMetaField.js

@@ -6,7 +6,7 @@ const ArticleRefMetaField = ({ value, children })=>{
     const { articles, isLoadingArticles } = userArticles({
         skip: !value,
         filterKeys: {
-            cursors: value?.split(", ")
+            cursors: value?.split(",")
         }
     });
     if (isLoadingArticles) return /*#__PURE__*/ jsx(Loading, {});

package/dist/components/meta-data/ui/BlogRefMetaField.js

@@ -6,7 +6,7 @@ const BlogRefMetaField_BlogRefMetaField = ({ value, children })=>{
     const { blogs, isLoadingBlogs } = useBlogs({
         skip: !value,
         filterKeys: {
-            cursors: value?.split(", ")
+            cursors: value?.split(",")
         }
     });
     if (isLoadingBlogs) return /*#__PURE__*/ jsx(Loading, {});

package/dist/components/meta-data/ui/CollectionRefMetaField.js

@@ -5,7 +5,7 @@ import { Image, InlineStack, Text } from "@soppiya/elementus";
 const CollectionRefMetaField_CollectionRefMetaField = ({ value, children })=>{
     const { collections, isLoadingCollections } = useCollections({
         filterKeys: {
-            cursors: value?.split(", ")
+            cursors: value?.split(",")
         }
     });
     if (isLoadingCollections) return /*#__PURE__*/ jsx(Loading, {});

package/dist/components/meta-data/ui/ColorMetaField.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-const ColorMetaField = ({ entry, value, children, onChange })=>/*#__PURE__*/ jsxs("div", {
+import { InlineStack } from "@soppiya/elementus";
+const ColorMetaField = ({ entry, value, children, onChange })=>/*#__PURE__*/ jsxs(InlineStack, {
+        justifyContent: "space-between",
         children: [
-            /*#__PURE__*/ jsx("div", {
-                children: /*#__PURE__*/ jsx("div", {
-                    children: /*#__PURE__*/ jsx("input", {
-                        type: "color",
-                        value: value,
-                        onChange: (e)=>onChange(e.target.value)
-                    })
+            /*#__PURE__*/ jsx(InlineStack, {
+                children: /*#__PURE__*/ jsx("input", {
+                    type: "color",
+                    value: value,
+                    onChange: (e)=>onChange(e.target.value)
                 })
             }),
             "multiple" === entry && children

package/dist/components/meta-data/ui/MetaData.js

@@ -18,8 +18,29 @@ const MetaData_MetaData = ({ scope = "product", value = [], onChange })=>{
         const metaField = value.find((item)=>item.metafield === _id);
         return metaField?.value;
     };
-    if (0 === metafields.length) return /*#__PURE__*/ jsx("h1", {
-        children: " Not found"
+    if (0 === metafields.length) return /*#__PURE__*/ jsxs(Card, {
+        children: [
+            /*#__PURE__*/ jsx(BlockStack, {
+                padding: 70,
+                children: /*#__PURE__*/ jsx("div", {
+                    children: /*#__PURE__*/ jsx(Text, {
+                        size: "md",
+                        weight: "semibold",
+                        children: "Meta fields"
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(BlockStack, {
+                className: "border-t border-t-[#ebebeb]",
+                padding: 70,
+                children: /*#__PURE__*/ jsx(Text, {
+                    size: "md",
+                    weight: "medium",
+                    alignment: "center",
+                    children: "Empty"
+                })
+            })
+        ]
     });
     return /*#__PURE__*/ jsxs(Card, {
         children: [

package/dist/components/meta-data/ui/MetaDataItem.js

@@ -1,8 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, Button, Card, InlineStack, SoppiyaIcon, Text } from "@soppiya/elementus";
+import { Button, Card, InlineStack, SoppiyaIcon, Text } from "@soppiya/elementus";
 import ArticlesPicker from "../../articles-picker/ui/ArticlesPicker.js";
 import BlogsPicker from "../../blogs-picker/ui/BlogsPicker.js";
 import CollectionPicker from "../../collections-pciker/ui/CollectionPicker.js";
+import PagesPicker from "../../pages-picker/ui/PagesPicker.js";
 import { ProductsPicker } from "../../products-picker/index.js";
 import { VariantsPicker } from "../../variants-picker/index.js";
 import { useClickAway } from "@uidotdev/usehooks";
@@ -180,13 +181,14 @@ const MetaDataItem_MetaDataItem = ({ metaField, value = [], onChange })=>{
                             children: MetaFieldJSX && ("multiple" !== metaField.entry || isRefType ? /*#__PURE__*/ jsx(MetaFieldJSX, {
                                 value: isRefType ? value.join(",") : value[0],
                                 onChange: (v)=>handleChange(v),
-                                children: /*#__PURE__*/ jsx(Box, {
+                                children: /*#__PURE__*/ jsx(InlineStack, {
+                                    alignItems: "center",
                                     children: /*#__PURE__*/ jsx(Button, {
                                         color: "white",
                                         onClick: ()=>handleDeleteMetaField(0),
                                         children: /*#__PURE__*/ jsx(SoppiyaIcon, {
                                             icon: "minus.svg",
-                                            size: "md"
+                                            size: "xs"
                                         })
                                     })
                                 })
@@ -195,13 +197,14 @@ const MetaDataItem_MetaDataItem = ({ metaField, value = [], onChange })=>{
                             ] : value).map((v, key)=>/*#__PURE__*/ jsx(MetaFieldJSX, {
                                     entry: metaField.entry,
                                     onChange: (v)=>handleChange(v, key),
-                                    children: /*#__PURE__*/ jsx(Box, {
+                                    children: /*#__PURE__*/ jsx(InlineStack, {
+                                        alignItems: "center",
                                         children: /*#__PURE__*/ jsx(Button, {
                                             color: "white",
                                             onClick: ()=>handleDeleteMetaField(key),
                                             children: /*#__PURE__*/ jsx(SoppiyaIcon, {
                                                 icon: "minus.svg",
-                                                size: "md"
+                                                size: "sm"
                                             })
                                         })
                                     })
@@ -239,6 +242,12 @@ const MetaDataItem_MetaDataItem = ({ metaField, value = [], onChange })=>{
                 limit: "multiple" === metaField.entry ? 1 / 0 : 1,
                 onClose: ()=>setVisibleExplorer(""),
                 onOk: handleSelectExplorerItems
+            }),
+            "page" === visibleExplorer && /*#__PURE__*/ jsx(PagesPicker, {
+                initialIds: value,
+                limit: "multiple" === metaField.entry ? 1 / 0 : 1,
+                onClose: ()=>setVisibleExplorer(""),
+                onOk: handleSelectExplorerItems
             })
         ]
     });

package/dist/components/meta-data/ui/MetaDataTypePopup.js

@@ -7,6 +7,11 @@ const MetaFieldTypePopup = ({ isMultiple, name, type, children, onAdd, onClear }
     const textCapitalize = (value)=>value.split("_").map((w)=>w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
     return /*#__PURE__*/ jsx(react.Fragment, {
         children: /*#__PURE__*/ jsxs(InlineStack, {
+            flexDirection: {
+                xs: "col",
+                md: "row"
+            },
+            gap: 70,
             children: [
                 /*#__PURE__*/ jsxs(BlockStack, {
                     className: "w-[170px]!",
@@ -24,12 +29,22 @@ const MetaFieldTypePopup = ({ isMultiple, name, type, children, onAdd, onClear }
                     ]
                 }),
                 /*#__PURE__*/ jsxs(BlockStack, {
-                    className: "grow",
+                    className: "grow md:flex-col-reverse!",
                     children: [
+                        /*#__PURE__*/ jsx(BlockStack, {
+                            gap: 50,
+                            padding: {
+                                top: {
+                                    md: children ? 70 : 0
+                                }
+                            },
+                            className: "border-b border-b-[#ebebeb] md:border-b-transparent pb-4 md:pb-0 ",
+                            children: children
+                        }),
                         isMultiple && /*#__PURE__*/ jsx(BlockStack, {
                             children: /*#__PURE__*/ jsxs(InlineStack, {
                                 justifyContent: "space-between",
-                                className: "border-b border-b-[#ebebeb] pb-2",
+                                className: "md:border-b md:border-b-[#ebebeb] mt-4 md:mt-0 md:pb-3",
                                 children: [
                                     /*#__PURE__*/ jsx(Button, {
                                         color: "white",
@@ -44,13 +59,6 @@ const MetaFieldTypePopup = ({ isMultiple, name, type, children, onAdd, onClear }
                                     })
                                 ]
                             })
-                        }),
-                        /*#__PURE__*/ jsx(BlockStack, {
-                            gap: 50,
-                            padding: {
-                                top: 70
-                            },
-                            children: children
                         })
                     ]
                 })

package/dist/components/meta-data/ui/PageRefMetaField.d.ts

@@ -1,3 +1,3 @@
 import { MetaDataProps } from "./MetaDataItem";
-declare const PageRefMetaField: ({ value, children }: MetaDataProps) => import("react/jsx-runtime").JSX.Element;
+declare const PageRefMetaField: ({ value, children }: MetaDataProps) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[] | undefined;
 export default PageRefMetaField;

package/dist/components/meta-data/ui/PageRefMetaField.js

@@ -1,6 +1,37 @@
-import { jsx } from "react/jsx-runtime";
-const PageRefMetaField = ({ value, children })=>/*#__PURE__*/ jsx("h1", {
-        children: "Page ref"
+import { jsx, jsxs } from "react/jsx-runtime";
+import { usePages } from "../../pages-picker/model/usePages.js";
+import { Loading } from "../../../shared/loading/index.js";
+import { Image, InlineStack, Text } from "@soppiya/elementus";
+const PageRefMetaField_PageRefMetaField = ({ value, children })=>{
+    const { pages, isLoadingPages } = usePages({
+        skip: !value,
+        filterKeys: {
+            cursors: value?.split(",")
+        }
     });
-const ui_PageRefMetaField = PageRefMetaField;
-export { ui_PageRefMetaField as default };
+    if (isLoadingPages) return /*#__PURE__*/ jsx(Loading, {});
+    return pages?.map((page)=>/*#__PURE__*/ jsxs(InlineStack, {
+            justifyContent: "space-between",
+            children: [
+                /*#__PURE__*/ jsxs(InlineStack, {
+                    gapX: 70,
+                    alignItems: "center",
+                    children: [
+                        /*#__PURE__*/ jsx(Image, {
+                            size: "xs",
+                            url: page.image?.url ?? ""
+                        }),
+                        /*#__PURE__*/ jsx(Text, {
+                            size: "md",
+                            weight: "regular",
+                            color: "blue",
+                            children: page.title
+                        })
+                    ]
+                }),
+                children
+            ]
+        }, page._id));
+};
+const PageRefMetaField = PageRefMetaField_PageRefMetaField;
+export { PageRefMetaField as default };

package/dist/components/pages-picker/api/query.d.ts

@@ -0,0 +1,8 @@
+export declare const pagesQuery: import("@graphql-typed-document-node/core").TypedDocumentNode<import("../../../shared/graphql/graphql").PagesQuery, import("../../../shared/graphql/graphql").Exact<{
+    filterKeys?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").PageFilterKeys>;
+    after?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
+    before?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
+    first?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
+    last?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
+    query?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["String"]["input"]>;
+}>>;

package/dist/components/pages-picker/api/query.js

@@ -0,0 +1,22 @@
+import { graphql } from "../../../shared/graphql/index.js";
+const pagesQuery = graphql(`query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {
+  pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    edges {
+      node {
+        _id
+        title
+        image {
+          _id
+          url
+        }
+      }
+    }
+  }
+}`);
+export { pagesQuery };

package/dist/components/pages-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as PagesPicker } from "./ui/PagesPicker";

package/dist/components/pages-picker/index.js

@@ -0,0 +1,2 @@
+import PagesPicker from "./ui/PagesPicker.js";
+export { PagesPicker };