@uipath/apollo-wind 0.9.0 → 0.10.0-pr257.2a4b17b

package/dist/examples/data-management-example.cjs

@@ -27,6 +27,7 @@ __webpack_require__.d(__webpack_exports__, {
     DataManagementExample: ()=>DataManagementExample
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const compiler_runtime_namespaceObject = require("react/compiler-runtime");
 const external_react_namespaceObject = require("react");
 const external_lucide_react_namespaceObject = require("lucide-react");
 const badge_cjs_namespaceObject = require("../components/ui/badge.cjs");
@@ -254,326 +255,523 @@ const columns = [
     }
 ];
 function DataManagementExample() {
-    const [activeTab, setActiveTab] = external_react_namespaceObject.useState('all');
-    const [categoryFilter, setCategoryFilter] = external_react_namespaceObject.useState('all');
+    const $ = (0, compiler_runtime_namespaceObject.c)(48);
+    const [activeTab, setActiveTab] = external_react_namespaceObject.useState("all");
+    const [categoryFilter, setCategoryFilter] = external_react_namespaceObject.useState("all");
     const [isCreateDialogOpen, setIsCreateDialogOpen] = external_react_namespaceObject.useState(false);
-    const filteredProducts = external_react_namespaceObject.useMemo(()=>{
-        let filtered = products;
-        if ('all' !== activeTab) filtered = filtered.filter((p)=>p.status === activeTab);
-        if ('all' !== categoryFilter) filtered = filtered.filter((p)=>p.category === categoryFilter);
-        return filtered;
-    }, [
-        activeTab,
-        categoryFilter
-    ]);
-    const categories = [
-        ...new Set(products.map((p)=>p.category))
-    ];
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-        minH: "screen",
-        className: "bg-background",
-        children: [
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("header", {
-                className: "border-b",
-                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                    h: 14,
-                    justify: "between",
-                    align: "center",
-                    className: "container mx-auto px-4",
+    let filtered;
+    if ($[0] !== activeTab || $[1] !== categoryFilter) {
+        filtered = products;
+        if ("all" !== activeTab) {
+            let t0;
+            if ($[3] !== activeTab) {
+                t0 = (p)=>p.status === activeTab;
+                $[3] = activeTab;
+                $[4] = t0;
+            } else t0 = $[4];
+            filtered = products.filter(t0);
+        }
+        if ("all" !== categoryFilter) {
+            let t0;
+            if ($[5] !== categoryFilter) {
+                t0 = (p_0)=>p_0.category === categoryFilter;
+                $[5] = categoryFilter;
+                $[6] = t0;
+            } else t0 = $[6];
+            filtered = filtered.filter(t0);
+        }
+        $[0] = activeTab;
+        $[1] = categoryFilter;
+        $[2] = filtered;
+    } else filtered = $[2];
+    const filteredProducts = filtered;
+    let t0;
+    if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+        t0 = [
+            ...new Set(products.map(_temp))
+        ];
+        $[7] = t0;
+    } else t0 = $[7];
+    const categories = t0;
+    let t1;
+    if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
+            gap: 0,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
+                className: "text-lg font-semibold",
+                children: "Products"
+            })
+        });
+        $[8] = t1;
+    } else t1 = $[8];
+    let t2;
+    if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
+            variant: "outline",
+            size: "sm",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Upload, {
+                    className: "mr-2 h-4 w-4"
+                }),
+                "Import"
+            ]
+        });
+        $[9] = t2;
+    } else t2 = $[9];
+    let t3;
+    if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
+            variant: "outline",
+            size: "sm",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Download, {
+                    className: "mr-2 h-4 w-4"
+                }),
+                "Export"
+            ]
+        });
+        $[10] = t3;
+    } else t3 = $[10];
+    let t4;
+    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+        t4 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_cjs_namespaceObject.DialogTrigger, {
+            asChild: true,
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
+                size: "sm",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
+                        className: "mr-2 h-4 w-4"
+                    }),
+                    "Add Product"
+                ]
+            })
+        });
+        $[11] = t4;
+    } else t4 = $[11];
+    let t5;
+    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+        t5 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dialog_cjs_namespaceObject.DialogHeader, {
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_cjs_namespaceObject.DialogTitle, {
+                    children: "Add New Product"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_cjs_namespaceObject.DialogDescription, {
+                    children: "Enter the details for the new product."
+                })
+            ]
+        });
+        $[12] = t5;
+    } else t5 = $[12];
+    let t6;
+    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+        t6 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
+                    htmlFor: "productName",
+                    children: "Product name"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
+                    id: "productName",
+                    placeholder: "Enter product name"
+                })
+            ]
+        });
+        $[13] = t6;
+    } else t6 = $[13];
+    let t7;
+    if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+        t7 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+            gap: 2,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
+                    htmlFor: "sku",
+                    children: "SKU"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
+                    id: "sku",
+                    placeholder: "XX-000"
+                })
+            ]
+        });
+        $[14] = t7;
+    } else t7 = $[14];
+    let t8;
+    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+        t8 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Grid, {
+            cols: 2,
+            gap: 4,
+            children: [
+                t7,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+                    gap: 2,
                     children: [
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(index_cjs_namespaceObject.Column, {
-                            gap: 0,
-                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("h1", {
-                                className: "text-lg font-semibold",
-                                children: "Products"
-                            })
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
+                            htmlFor: "price",
+                            children: "Price"
                         }),
-                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                            gap: 2,
-                            align: "center",
-                            children: [
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
-                                    variant: "outline",
-                                    size: "sm",
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Upload, {
-                                            className: "mr-2 h-4 w-4"
-                                        }),
-                                        "Import"
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
-                                    variant: "outline",
-                                    size: "sm",
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Download, {
-                                            className: "mr-2 h-4 w-4"
-                                        }),
-                                        "Export"
-                                    ]
-                                }),
-                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dialog_cjs_namespaceObject.Dialog, {
-                                    open: isCreateDialogOpen,
-                                    onOpenChange: setIsCreateDialogOpen,
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_cjs_namespaceObject.DialogTrigger, {
-                                            asChild: true,
-                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(button_cjs_namespaceObject.Button, {
-                                                size: "sm",
-                                                children: [
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Plus, {
-                                                        className: "mr-2 h-4 w-4"
-                                                    }),
-                                                    "Add Product"
-                                                ]
-                                            })
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dialog_cjs_namespaceObject.DialogContent, {
-                                            children: [
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dialog_cjs_namespaceObject.DialogHeader, {
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_cjs_namespaceObject.DialogTitle, {
-                                                            children: "Add New Product"
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(dialog_cjs_namespaceObject.DialogDescription, {
-                                                            children: "Enter the details for the new product."
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                                    gap: 4,
-                                                    className: "py-4",
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                                            gap: 2,
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
-                                                                    htmlFor: "productName",
-                                                                    children: "Product name"
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
-                                                                    id: "productName",
-                                                                    placeholder: "Enter product name"
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Grid, {
-                                                            cols: 2,
-                                                            gap: 4,
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                                                    gap: 2,
-                                                                    children: [
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
-                                                                            htmlFor: "sku",
-                                                                            children: "SKU"
-                                                                        }),
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
-                                                                            id: "sku",
-                                                                            placeholder: "XX-000"
-                                                                        })
-                                                                    ]
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                                                    gap: 2,
-                                                                    children: [
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
-                                                                            htmlFor: "price",
-                                                                            children: "Price"
-                                                                        }),
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
-                                                                            id: "price",
-                                                                            type: "number",
-                                                                            placeholder: "0.00"
-                                                                        })
-                                                                    ]
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                                            gap: 2,
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
-                                                                    htmlFor: "category",
-                                                                    children: "Category"
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.Select, {
-                                                                    children: [
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectTrigger, {
-                                                                            id: "category",
-                                                                            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {
-                                                                                placeholder: "Select category"
-                                                                            })
-                                                                        }),
-                                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectContent, {
-                                                                            children: categories.map((cat)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
-                                                                                    value: cat,
-                                                                                    children: cat
-                                                                                }, cat))
-                                                                        })
-                                                                    ]
-                                                                })
-                                                            ]
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
-                                                            gap: 2,
-                                                            children: [
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
-                                                                    htmlFor: "stock",
-                                                                    children: "Initial stock"
-                                                                }),
-                                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
-                                                                    id: "stock",
-                                                                    type: "number",
-                                                                    placeholder: "0"
-                                                                })
-                                                            ]
-                                                        })
-                                                    ]
-                                                }),
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dialog_cjs_namespaceObject.DialogFooter, {
-                                                    children: [
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                                            variant: "outline",
-                                                            onClick: ()=>setIsCreateDialogOpen(false),
-                                                            children: "Cancel"
-                                                        }),
-                                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                                            onClick: ()=>setIsCreateDialogOpen(false),
-                                                            children: "Create product"
-                                                        })
-                                                    ]
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            ]
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
+                            id: "price",
+                            type: "number",
+                            placeholder: "0.00"
                         })
                     ]
                 })
-            }),
-            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("main", {
-                className: "container mx-auto p-4 md:p-6",
+            ]
+        });
+        $[15] = t8;
+    } else t8 = $[15];
+    let t9;
+    if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+        t9 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
+            htmlFor: "category",
+            children: "Category"
+        });
+        $[16] = t9;
+    } else t9 = $[16];
+    let t10;
+    if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+        t10 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectTrigger, {
+            id: "category",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {
+                placeholder: "Select category"
+            })
+        });
+        $[17] = t10;
+    } else t10 = $[17];
+    let t11;
+    if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+        t11 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+            gap: 2,
+            children: [
+                t9,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.Select, {
+                    children: [
+                        t10,
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectContent, {
+                            children: categories.map(_temp2)
+                        })
+                    ]
+                })
+            ]
+        });
+        $[18] = t11;
+    } else t11 = $[18];
+    let t12;
+    if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+        t12 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+            gap: 4,
+            className: "py-4",
+            children: [
+                t6,
+                t8,
+                t11,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+                    gap: 2,
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(label_cjs_namespaceObject.Label, {
+                            htmlFor: "stock",
+                            children: "Initial stock"
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_cjs_namespaceObject.Input, {
+                            id: "stock",
+                            type: "number",
+                            placeholder: "0"
+                        })
+                    ]
+                })
+            ]
+        });
+        $[19] = t12;
+    } else t12 = $[19];
+    let t13;
+    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+        t13 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+            variant: "outline",
+            onClick: ()=>setIsCreateDialogOpen(false),
+            children: "Cancel"
+        });
+        $[20] = t13;
+    } else t13 = $[20];
+    let t14;
+    if ($[21] === Symbol.for("react.memo_cache_sentinel")) {
+        t14 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dialog_cjs_namespaceObject.DialogContent, {
+            children: [
+                t5,
+                t12,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dialog_cjs_namespaceObject.DialogFooter, {
+                    children: [
+                        t13,
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+                            onClick: ()=>setIsCreateDialogOpen(false),
+                            children: "Create product"
+                        })
+                    ]
+                })
+            ]
+        });
+        $[21] = t14;
+    } else t14 = $[21];
+    let t15;
+    if ($[22] !== isCreateDialogOpen) {
+        t15 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("header", {
+            className: "border-b",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+                h: 14,
+                justify: "between",
+                align: "center",
+                className: "container mx-auto px-4",
                 children: [
+                    t1,
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                        gap: 4,
-                        justify: "between",
+                        gap: 2,
                         align: "center",
-                        className: "mb-4 flex-col sm:flex-row sm:items-center",
                         children: [
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.Tabs, {
-                                value: activeTab,
-                                onValueChange: setActiveTab,
-                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsList, {
-                                    children: [
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsTrigger, {
-                                            value: "all",
-                                            children: [
-                                                "All",
-                                                ' ',
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
-                                                    variant: "secondary",
-                                                    className: "ml-2",
-                                                    children: products.length
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsTrigger, {
-                                            value: "active",
-                                            children: [
-                                                "Active",
-                                                ' ',
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
-                                                    variant: "secondary",
-                                                    className: "ml-2",
-                                                    children: products.filter((p)=>'active' === p.status).length
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsTrigger, {
-                                            value: "draft",
-                                            children: [
-                                                "Draft",
-                                                ' ',
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
-                                                    variant: "secondary",
-                                                    className: "ml-2",
-                                                    children: products.filter((p)=>'draft' === p.status).length
-                                                })
-                                            ]
-                                        }),
-                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsTrigger, {
-                                            value: "archived",
-                                            children: [
-                                                "Archived",
-                                                ' ',
-                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
-                                                    variant: "secondary",
-                                                    className: "ml-2",
-                                                    children: products.filter((p)=>'archived' === p.status).length
-                                                })
-                                            ]
-                                        })
-                                    ]
-                                })
-                            }),
-                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
-                                gap: 2,
-                                align: "center",
+                            t2,
+                            t3,
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(dialog_cjs_namespaceObject.Dialog, {
+                                open: isCreateDialogOpen,
+                                onOpenChange: setIsCreateDialogOpen,
                                 children: [
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.Select, {
-                                        value: categoryFilter,
-                                        onValueChange: setCategoryFilter,
-                                        children: [
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.SelectTrigger, {
-                                                className: "w-[150px]",
-                                                children: [
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Filter, {
-                                                        className: "mr-2 h-4 w-4"
-                                                    }),
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {
-                                                        placeholder: "Category"
-                                                    })
-                                                ]
-                                            }),
-                                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.SelectContent, {
-                                                children: [
-                                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
-                                                        value: "all",
-                                                        children: "All categories"
-                                                    }),
-                                                    categories.map((cat)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
-                                                            value: cat,
-                                                            children: cat
-                                                        }, cat))
-                                                ]
-                                            })
-                                        ]
-                                    }),
-                                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
-                                        variant: "outline",
-                                        size: "icon",
-                                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.RefreshCw, {
-                                            className: "h-4 w-4"
-                                        })
-                                    })
+                                    t4,
+                                    t14
                                 ]
                             })
                         ]
-                    }),
-                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(data_table_cjs_namespaceObject.DataTable, {
-                        columns: columns,
-                        data: filteredProducts,
-                        searchKey: "name",
-                        searchPlaceholder: "Search products...",
-                        resizable: true,
-                        compact: true
                     })
                 ]
             })
-        ]
-    });
+        });
+        $[22] = isCreateDialogOpen;
+        $[23] = t15;
+    } else t15 = $[23];
+    let t16;
+    if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
+        t16 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsTrigger, {
+            value: "all",
+            children: [
+                "All",
+                " ",
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
+                    variant: "secondary",
+                    className: "ml-2",
+                    children: products.length
+                })
+            ]
+        });
+        $[24] = t16;
+    } else t16 = $[24];
+    let t17;
+    if ($[25] === Symbol.for("react.memo_cache_sentinel")) {
+        t17 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsTrigger, {
+            value: "active",
+            children: [
+                "Active",
+                " ",
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
+                    variant: "secondary",
+                    className: "ml-2",
+                    children: products.filter(_temp3).length
+                })
+            ]
+        });
+        $[25] = t17;
+    } else t17 = $[25];
+    let t18;
+    if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+        t18 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsTrigger, {
+            value: "draft",
+            children: [
+                "Draft",
+                " ",
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
+                    variant: "secondary",
+                    className: "ml-2",
+                    children: products.filter(_temp4).length
+                })
+            ]
+        });
+        $[26] = t18;
+    } else t18 = $[26];
+    let t19;
+    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+        t19 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsList, {
+            children: [
+                t16,
+                t17,
+                t18,
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(tabs_cjs_namespaceObject.TabsTrigger, {
+                    value: "archived",
+                    children: [
+                        "Archived",
+                        " ",
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(badge_cjs_namespaceObject.Badge, {
+                            variant: "secondary",
+                            className: "ml-2",
+                            children: products.filter(_temp5).length
+                        })
+                    ]
+                })
+            ]
+        });
+        $[27] = t19;
+    } else t19 = $[27];
+    let t20;
+    if ($[28] !== activeTab) {
+        t20 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(tabs_cjs_namespaceObject.Tabs, {
+            value: activeTab,
+            onValueChange: setActiveTab,
+            children: t19
+        });
+        $[28] = activeTab;
+        $[29] = t20;
+    } else t20 = $[29];
+    let t21;
+    if ($[30] === Symbol.for("react.memo_cache_sentinel")) {
+        t21 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.SelectTrigger, {
+            className: "w-[150px]",
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.Filter, {
+                    className: "mr-2 h-4 w-4"
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectValue, {
+                    placeholder: "Category"
+                })
+            ]
+        });
+        $[30] = t21;
+    } else t21 = $[30];
+    let t22;
+    if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+        t22 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.SelectContent, {
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
+                    value: "all",
+                    children: "All categories"
+                }),
+                categories.map(_temp6)
+            ]
+        });
+        $[31] = t22;
+    } else t22 = $[31];
+    let t23;
+    if ($[32] !== categoryFilter) {
+        t23 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(select_cjs_namespaceObject.Select, {
+            value: categoryFilter,
+            onValueChange: setCategoryFilter,
+            children: [
+                t21,
+                t22
+            ]
+        });
+        $[32] = categoryFilter;
+        $[33] = t23;
+    } else t23 = $[33];
+    let t24;
+    if ($[34] === Symbol.for("react.memo_cache_sentinel")) {
+        t24 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(button_cjs_namespaceObject.Button, {
+            variant: "outline",
+            size: "icon",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.RefreshCw, {
+                className: "h-4 w-4"
+            })
+        });
+        $[34] = t24;
+    } else t24 = $[34];
+    let t25;
+    if ($[35] !== t23) {
+        t25 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+            gap: 2,
+            align: "center",
+            children: [
+                t23,
+                t24
+            ]
+        });
+        $[35] = t23;
+        $[36] = t25;
+    } else t25 = $[36];
+    let t26;
+    if ($[37] !== t20 || $[38] !== t25) {
+        t26 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Row, {
+            gap: 4,
+            justify: "between",
+            align: "center",
+            className: "mb-4 flex-col sm:flex-row sm:items-center",
+            children: [
+                t20,
+                t25
+            ]
+        });
+        $[37] = t20;
+        $[38] = t25;
+        $[39] = t26;
+    } else t26 = $[39];
+    let t27;
+    if ($[40] !== filteredProducts) {
+        t27 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(data_table_cjs_namespaceObject.DataTable, {
+            columns: columns,
+            data: filteredProducts,
+            searchKey: "name",
+            searchPlaceholder: "Search products...",
+            resizable: true,
+            compact: true
+        });
+        $[40] = filteredProducts;
+        $[41] = t27;
+    } else t27 = $[41];
+    let t28;
+    if ($[42] !== t26 || $[43] !== t27) {
+        t28 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("main", {
+            className: "container mx-auto p-4 md:p-6",
+            children: [
+                t26,
+                t27
+            ]
+        });
+        $[42] = t26;
+        $[43] = t27;
+        $[44] = t28;
+    } else t28 = $[44];
+    let t29;
+    if ($[45] !== t15 || $[46] !== t28) {
+        t29 = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {
+            minH: "screen",
+            className: "bg-background",
+            children: [
+                t15,
+                t28
+            ]
+        });
+        $[45] = t15;
+        $[46] = t28;
+        $[47] = t29;
+    } else t29 = $[47];
+    return t29;
+}
+function _temp6(cat_0) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
+        value: cat_0,
+        children: cat_0
+    }, cat_0);
+}
+function _temp5(p_4) {
+    return "archived" === p_4.status;
+}
+function _temp4(p_3) {
+    return "draft" === p_3.status;
+}
+function _temp3(p_2) {
+    return "active" === p_2.status;
+}
+function _temp2(cat) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(select_cjs_namespaceObject.SelectItem, {
+        value: cat,
+        children: cat
+    }, cat);
+}
+function _temp(p_1) {
+    return p_1.category;
 }
 exports.DataManagementExample = __webpack_exports__.DataManagementExample;
 for(var __webpack_i__ in __webpack_exports__)if (-1 === [