feat: Add product routes and components to v2 in admin-next (#6958)

packages/admin-next/dashboard/src/components/common/list/index.tsx

@@ -0,0 +1 @@
+export * from "./list"

packages/admin-next/dashboard/src/components/common/list/list.tsx

@@ -0,0 +1,54 @@
+import { Checkbox, Text } from "@medusajs/ui"
+
+export interface ListProps<T> {
+  options: { title: string; value: T }[]
+  value?: T[]
+  onChange?: (value: T[]) => void
+  compare?: (a: T, b: T) => boolean
+  disabled?: boolean
+}
+
+export const List = <T extends any>({
+  options,
+  onChange,
+  value,
+  compare,
+  disabled,
+}: ListProps<T>) => {
+  if (options.length === 0) {
+    return <div>No options</div>
+  }
+
+  return (
+    <div className="flex-row justify-center border divide-y rounded-lg">
+      {options.map((option) => {
+        return (
+          <div className="flex p-4 gap-x-4">
+            {onChange && value !== undefined && (
+              <Checkbox
+                disabled={disabled}
+                checked={value.some(
+                  (v) => compare?.(v, option.value) ?? v === option.value
+                )}
+                onCheckedChange={(checked) => {
+                  if (checked) {
+                    onChange([...value, option.value])
+                  } else {
+                    onChange(
+                      value.filter(
+                        (v) =>
+                          !(compare?.(v, option.value) ?? v === option.value)
+                      )
+                    )
+                  }
+                }}
+              />
+            )}
+
+            <Text key={option.title}>{option.title}</Text>
+          </div>
+        )
+      })}
+    </div>
+  )
+}