The PR for the Products section is growing quite large, so I would like to merge this PR that contains a lot of the ground work before moving onto finalizing the rest of the domain. **Note** Since the PR contains changes to the core, that the dashboard depends on, the staging env will not work. To preview this PR, you will need to run it locally. ## `@medusajs/medusa` **What** - Adds missing query params to `GET /admin/products/:id/variants` - `options.values` has been added to the default relations of admin product endpoints. ## `medusa-react` **What** - Adds missing hook for `GET /admin/products/:id/variants` ## `@medusajs/dashboard` - Adds base implementation for `DataGrid` component (formerly `BulkEditor`) (WIP) - Adds `/products` overview page - Adds partial `/products/create` page for creating new products (WIP - need to go over design w/ Ludvig before continuing) - Adds `/products/:id` details page - Adds `/products/:id/gallery` page for inspecting a products images in fullscreen. - Adds `/products/:id/edit` page for editing the general information of a product - Adds `/products/:id/attributes` page for editing the attributes information of a product - Adds `/products/:id/sales-channels` page for editing which sales channels a product is available in - Fixes a bug in `DataTable` where a table with two fixed columns would not display correctly For the review its not important to test the DataGrid, as it is still WIP, and I need to go through some minor changes to the behaviour with Ludvig, as virtualizing it adds some constraints. ## `@medusajs/icons` **What** - Pulls latest icons from Figma ## TODO in next PR - [ ] Fix the typing of POST /admin/products/:id as it is currently not possible to delete any of the nullable fields once they have been added. Be aware of this when reviewing this PR. - [ ] Wrap up `/products/create` page - [ ] Add `/products/:id/media` page for managing media associated with the product. - [ ] Add `/products/id/options` for managing product options (need Ludvig to rethink this as the current API is very limited and we can implement the current design as is.) - [ ] Add `/products/:id/variants/:id` page for editing a variant. (Possibly concat all of these into one BulkEditor page?)
25 lines
660 B
TypeScript
25 lines
660 B
TypeScript
import { Input, Text } from "@medusajs/ui"
|
|
import { ComponentProps, ElementRef, forwardRef } from "react"
|
|
|
|
export const HandleInput = forwardRef<
|
|
ElementRef<typeof Input>,
|
|
ComponentProps<typeof Input>
|
|
>((props, ref) => {
|
|
return (
|
|
<div className="relative">
|
|
<div className="absolute inset-y-0 left-0 z-10 flex w-8 items-center justify-center border-r">
|
|
<Text
|
|
className="text-ui-fg-muted"
|
|
size="small"
|
|
leading="compact"
|
|
weight="plus"
|
|
>
|
|
/
|
|
</Text>
|
|
</div>
|
|
<Input ref={ref} {...props} className="pl-10" />
|
|
</div>
|
|
)
|
|
})
|
|
HandleInput.displayName = "HandleInput"
|