@soppiya/app-bridge 1.1.3 → 1.1.5

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

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

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

@@ -1,22 +1,24 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Radio } from "@soppiya/elementus";
-const BooleanMetaField = ({ entry, value, children, onChange })=>/*#__PURE__*/ jsxs("div", {
+import { BlockStack, InlineStack, Radio } from "@soppiya/elementus";
+const BooleanMetaField = ({ entry, value, children, onChange })=>/*#__PURE__*/ jsxs(InlineStack, {
+        justifyContent: "space-between",
         children: [
-            /*#__PURE__*/ jsxs("div", {
+            /*#__PURE__*/ jsxs(BlockStack, {
+                gapY: 60,
                 children: [
                     /*#__PURE__*/ jsx(Radio, {
                         label: "True",
                         name: "boolean",
                         checked: "true" === value,
-                        value: value,
-                        onChange: (e)=>onChange(e.target.value)
+                        labelPosition: "center",
+                        onChange: (e)=>onChange("true")
                     }),
                     /*#__PURE__*/ jsx(Radio, {
                         label: "False",
                         name: "boolean",
                         checked: "false" === value,
-                        value: value,
-                        onChange: (e)=>onChange(e.target.value)
+                        labelPosition: "center",
+                        onChange: (e)=>onChange("false")
                     })
                 ]
             }),

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

@@ -10,7 +10,6 @@ const DateAndTimeMetaField = ({ entry, value, children, onChange })=>{
     const transformValue = ()=>{
         if (!value) return "";
         const date = moment(Number(value)).format("YYYY-MM-DDThh:mm");
-        console.log(date);
         return date ? date : "";
     };
     return /*#__PURE__*/ jsxs(InlineStack, {

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

@@ -1,14 +1,15 @@
+export type MetaFieldData = {
+    metafield: string;
+    value: string[];
+};
 interface Props {
     title?: string;
     scope: string;
-    value?: {
-        metafield: string;
-        value: string[];
-    }[];
+    metafieldsData?: MetaFieldData[];
     onChange?: (value: {
         metafield: string;
         value: string[];
     }) => void;
 }
-declare const MetaData: ({ title, scope, value, onChange }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const MetaData: ({ title, scope, metafieldsData, onChange }: Props) => import("react/jsx-runtime").JSX.Element;
 export default MetaData;

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

@@ -1,21 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Loading } from "../../../shared/loading/index.js";
 import { BlockStack, Card, Text } from "@soppiya/elementus";
-import { isFunction } from "lodash";
 import { useGetMetaFields } from "../model/useGetMetaFields.js";
 import MetaDataItem from "./MetaDataItem.js";
-const MetaData_MetaData = ({ title = "Meta fields", scope = "product", value = [], onChange })=>{
+const MetaData_MetaData = ({ title = "Meta fields", scope = "product", metafieldsData = [], onChange })=>{
     const { metafields, loading } = useGetMetaFields([
         scope
     ]);
     const handleChange = (metaFieldID, value)=>{
-        isFunction(onChange) && onChange({
+        onChange?.({
             metafield: metaFieldID,
             value
         });
     };
     const getMetaFieldValue = (_id)=>{
-        const metaField = value.find((item)=>item.metafield === _id);
+        const metaField = metafieldsData.find((metafieldData)=>metafieldData.metafield === _id);
         return metaField?.value;
     };
     if (0 === metafields.length) return /*#__PURE__*/ jsxs(Card, {

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

@@ -23,7 +23,7 @@ const Product = ()=>{
         padding: 70,
         children: /*#__PURE__*/ jsx(MetaData, {
             scope: "product",
-            value: product,
+            metafieldsData: product,
             onChange: handleChange
         })
     });
@@ -44,7 +44,7 @@ const Article = ()=>{
         padding: 70,
         children: /*#__PURE__*/ jsx(MetaData, {
             scope: "article",
-            value: product,
+            metafieldsData: product,
             onChange: handleChange
         })
     });
@@ -65,13 +65,21 @@ const Variant = ()=>{
         padding: 70,
         children: /*#__PURE__*/ jsx(MetaData, {
             scope: "variant",
-            value: product,
+            metafieldsData: product,
             onChange: handleChange
         })
     });
 };
 const Blog = ()=>{
-    const [product, setProduct] = useState([]);
+    const [product, setProduct] = useState([
+        {
+            metafield: "6942410d5da4f9634de8a7a9",
+            value: [
+                "694287616791846093ad7887",
+                "6943a80e984d8813d65098b7"
+            ]
+        }
+    ]);
     const handleChange = (field)=>{
         setProduct((prev)=>{
             const exists = prev.find((f)=>f.metafield === field.metafield);
@@ -86,7 +94,7 @@ const Blog = ()=>{
         padding: 70,
         children: /*#__PURE__*/ jsx(MetaData, {
             scope: "blog",
-            value: product,
+            metafieldsData: product,
             onChange: handleChange
         })
     });
@@ -107,7 +115,7 @@ const Page = ()=>{
         padding: 70,
         children: /*#__PURE__*/ jsx(MetaData, {
             scope: "page",
-            value: product,
+            metafieldsData: product,
             onChange: handleChange
         })
     });
@@ -128,7 +136,7 @@ const Collection = ()=>{
         padding: 70,
         children: /*#__PURE__*/ jsx(MetaData, {
             scope: "collection",
-            value: product,
+            metafieldsData: product,
             onChange: handleChange
         })
     });

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

@@ -168,7 +168,7 @@ const MetaDataItem_MetaDataItem = ({ metaField, value = [], onChange })=>{
                     }),
                     activeMetaField && /*#__PURE__*/ jsx(Card, {
                         radius: 6,
-                        className: classnames('invisible absolute p-4! left-0 md:-left-5 top-0.5 md:w-[calc(100%+40px)]! z-20', {
+                        className: classnames('invisible absolute p-4! left-0 md:-left-5! top-0.5 md:w-[calc(100%+40px)]! z-20', {
                             visible: activeMetaField
                         }),
                         ref: metaFieldRef,
@@ -196,6 +196,7 @@ const MetaDataItem_MetaDataItem = ({ metaField, value = [], onChange })=>{
                                 ""
                             ] : value).map((v, key)=>/*#__PURE__*/ jsx(MetaFieldJSX, {
                                     entry: metaField.entry,
+                                    value: v,
                                     onChange: (v)=>handleChange(v, key),
                                     children: /*#__PURE__*/ jsx(InlineStack, {
                                         alignItems: "center",

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

@@ -38,7 +38,7 @@ const MetaFieldTypePopup = ({ isMultiple, name, type, children, onAdd, onClear }
                                     md: children ? 70 : 0
                                 }
                             },
-                            className: "border-b border-b-[#ebebeb] md:border-b-transparent pb-4 md:pb-0 ",
+                            className: "border-b border-b-[#ebebeb] md:border-b-transparent pb-4 md:pb-0",
                             children: children
                         }),
                         isMultiple && /*#__PURE__*/ jsx(BlockStack, {

package/dist/components/metafields-picker/ui/MetafieldsPicker.d.ts

@@ -0,0 +1,2 @@
+declare const MetafieldsPicker: () => import("react/jsx-runtime").JSX.Element;
+export default MetafieldsPicker;

package/dist/components/metafields-picker/ui/MetafieldsPicker.js

@@ -0,0 +1,7 @@
+import { jsx } from "react/jsx-runtime";
+import { Modal } from "@soppiya/elementus";
+const MetafieldsPicker = ()=>/*#__PURE__*/ jsx(Modal, {
+        open: true
+    });
+const ui_MetafieldsPicker = MetafieldsPicker;
+export { ui_MetafieldsPicker as default };

package/dist/components/metafields-picker/ui/MetafieldsPicker.stories.d.ts

@@ -0,0 +1,6 @@
+declare const meta: {
+    title: string;
+    component: () => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: () => void;

package/dist/components/metafields-picker/ui/MetafieldsPicker.stories.js

@@ -0,0 +1,8 @@
+import MetafieldsPicker from "./MetafieldsPicker.js";
+const meta = {
+    title: "Example/MetafieldsPicker",
+    component: MetafieldsPicker
+};
+const MetafieldsPicker_stories = meta;
+const Default = ()=>{};
+export { Default, MetafieldsPicker_stories as default };

package/dist/shared/graphql/graphql.d.ts

@@ -75,6 +75,7 @@ export type AddArticle = {
     meta_description?: InputMaybe<Scalars['String']['input']>;
     meta_tags?: InputMaybe<Array<InputMaybe<Scalars['String']['input']>>>;
     meta_title?: InputMaybe<Scalars['String']['input']>;
+    metafields?: InputMaybe<Array<InputMaybe<MetafieldInput>>>;
     status?: InputMaybe<ArticleStatus>;
     template?: InputMaybe<Scalars['String']['input']>;
     title: Scalars['String']['input'];

package/dist/styles.css

@@ -715,8 +715,8 @@
       top: calc(var(--spacing) * 0);
     }
 
-    .md\:-left-5 {
-      left: calc(var(--spacing) * -5);
+    .md\:-left-5\! {
+      left: calc(var(--spacing) * -5) !important;
     }
 
     .md\:mt-0 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soppiya/app-bridge",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "type": "module",
   "exports": {
     ".": {