@soppiya/app-bridge 1.2.7 → 1.2.9

package/dist/components/variants-picker/ui/VariantsPicker.d.ts

@@ -1,5 +1,6 @@
 type Props = {
     title?: string;
+    selectedVariantIds?: string[];
     initialIds?: string[];
     limit?: number;
     okButtonLoading?: boolean;
@@ -7,5 +8,5 @@ type Props = {
     onClose?: () => void;
     onOk?: (variants: string[]) => void;
 };
-declare const VariantsPicker: ({ title, initialIds, limit, okButtonLoading, buttonText, onClose, onOk }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const VariantsPicker: ({ title, selectedVariantIds, initialIds, limit, okButtonLoading, buttonText, onClose, onOk }: Props) => import("react/jsx-runtime").JSX.Element;
 export default VariantsPicker;

package/dist/components/variants-picker/ui/VariantsPicker.js

@@ -4,9 +4,9 @@ import { useFilterQuery } from "../../../shared/lib/index.js";
 import { Badge, BlockStack, Box, Button, Checkbox, Image, InlineStack, Input, Modal, Spinner, Text } from "@soppiya/elementus";
 import classnames from "classnames";
 import lodash from "lodash";
-import { useState } from "react";
+import { useMemo, useState } from "react";
 import { useVariants } from "../model/useVariants.js";
-const VariantsPicker = ({ title = "Variants", initialIds = [], limit = 1 / 0, okButtonLoading, buttonText = "Add", onClose, onOk })=>{
+const VariantsPicker = ({ title = "Variants", selectedVariantIds = [], initialIds = [], limit = 1 / 0, okButtonLoading, buttonText = "Add", onClose, onOk })=>{
     const [selectedVariant, setSelectedVariant] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { variants, pageInfo, isLoadingVariants, fetchMoreVariants } = useVariants({
@@ -26,6 +26,10 @@ const VariantsPicker = ({ title = "Variants", initialIds = [], limit = 1 / 0, ok
     const handleOk = ()=>{
         if (lodash.isFunction(onOk)) onOk(selectedVariant);
     };
+    const filteredVariants = useMemo(()=>variants?.filter((variant)=>!selectedVariantIds.includes(String(variant._id))), [
+        variants,
+        selectedVariantIds
+    ]);
     const buttonsJSX = /*#__PURE__*/ jsx(InlineStack, {
         gap: 50,
         justifyContent: "end",
@@ -61,7 +65,7 @@ const VariantsPicker = ({ title = "Variants", initialIds = [], limit = 1 / 0, ok
                     })
                 }) : /*#__PURE__*/ jsxs(BlockStack, {
                     children: [
-                        variants?.map((variant)=>/*#__PURE__*/ jsxs(InlineStack, {
+                        filteredVariants?.map((variant)=>/*#__PURE__*/ jsxs(InlineStack, {
                                 stack: "full",
                                 className: classnames('lg:cursor-pointer border-t border-t-[#ebebeb]!', {
                                     'bg-[#f1f1f1ab] cursor-default!': !selectedVariant.includes(variant._id) && isReached

package/dist/components/variants-picker/ui/VariantsPicker.stories.d.ts

@@ -1,7 +1,8 @@
 declare const meta: {
     title: string;
-    component: ({ title, initialIds, limit, okButtonLoading, buttonText, onClose, onOk }: {
+    component: ({ title, selectedVariantIds, initialIds, limit, okButtonLoading, buttonText, onClose, onOk }: {
         title?: string;
+        selectedVariantIds?: string[];
         initialIds?: string[];
         limit?: number;
         okButtonLoading?: boolean;

package/dist/hooks/useSoppiyaBridge.d.ts

@@ -1,3 +1,3 @@
 export declare const useSoppiyaBridge: () => {
-    navigate: (to: string) => void;
+    navigate: any;
 };

package/dist/hooks/useSoppiyaBridge.js

@@ -1,7 +1,5 @@
 const useSoppiyaBridge = ()=>{
-    const navigate = (to)=>{
-        window.initNavigation(to);
-    };
+    const navigate = window.navigate;
     return {
         navigate
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soppiya/app-bridge",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "type": "module",
   "exports": {
     ".": {
@@ -60,7 +60,7 @@
   },
   "dependencies": {
     "@apollo/client": "^4.0.7",
-    "@soppiya/elementus": "^1.2.4",
+    "@soppiya/elementus": "^1.4.2",
     "@uidotdev/usehooks": "^2.4.1",
     "classnames": "^2.5.1",
     "lodash": "^4.17.21",