asyavee/medusa-store
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix(dashboard,types,js-sdk): Cleanup settings/store (#8336)

Browse Source 
**What**
- Cleans up Store domain of all TS errors
- Adds layout component to Store domain
- Adds currencies types and js-sdk methods
- Fixes a bug that caused Table rows to render incorrectly when takings up more then the viewport height.
This commit is contained in:
Kasper Fabricius Kristensen
2024-07-29 21:44:40 +02:00
committed by GitHub
parent 24c105f288
commit 1d773c536f
19 changed files with 229 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/admin-next/dashboard/src/components/table/data-table/data-table-root/data-table-root.tsx
View File

@@ -132,7 +132,7 @@ export const DataTableRoot = <TData,>({
})}
>
{!noResults ? (
<Table className="w-full">
<Table className="relative w-full">
<Table.Header className="border-t-0">
{table.getHeaderGroups().map((headerGroup) => {
return (
@@ -170,7 +170,7 @@ export const DataTableRoot = <TData,>({
: undefined,
}}
className={clx({
"bg-ui-bg-base sticky inset-y-0 left-0 after:absolute after:inset-y-0 after:right-0 after:h-full after:w-px after:bg-transparent after:content-['']":
"bg-ui-bg-base sticky left-0 after:absolute after:inset-y-0 after:right-0 after:h-full after:w-px after:bg-transparent after:content-['']":
isStickyHeader,
"left-[68px]":
isStickyHeader && hasSelect && !isSelectHeader,
@@ -203,13 +203,6 @@ export const DataTableRoot = <TData,>({
return (
<Table.Row
key={row.id}
onKeyDown={(e) => {
console.log("e.key", e.key, e.target)
if (e.key === "x") {
row.toggleSelected()
}
}}
data-selected={row.getIsSelected()}
className={clx(
"transition-fg group/row group relative [&_td:last-of-type]:w-[1%] [&_td:last-of-type]:whitespace-nowrap",
@@ -247,7 +240,7 @@ export const DataTableRoot = <TData,>({
? row.depth * 14 + 24
: undefined
const hasLeftOfsset =
const hasLeftOffset =
isStickyCell && hasSelect && !isSelectCell
const Inner = flexRender(
@@ -263,11 +256,11 @@ export const DataTableRoot = <TData,>({
key={cell.id}
className={clx({
"!pl-0 !pr-0": shouldRenderAsLink,
"bg-ui-bg-base group-data-[selected=true]/row:bg-ui-bg-highlight group-data-[selected=true]/row:group-hover/row:bg-ui-bg-highlight-hover group-hover/row:bg-ui-bg-base-hover transition-fg group-has-[[data-row-link]:focus-visible]:bg-ui-bg-base-hover sticky inset-y-0 left-0 after:absolute after:inset-y-0 after:right-0 after:h-full after:w-px after:bg-transparent after:content-['']":
"bg-ui-bg-base group-data-[selected=true]/row:bg-ui-bg-highlight group-data-[selected=true]/row:group-hover/row:bg-ui-bg-highlight-hover group-hover/row:bg-ui-bg-base-hover transition-fg group-has-[[data-row-link]:focus-visible]:bg-ui-bg-base-hover sticky left-0 after:absolute after:inset-y-0 after:right-0 after:h-full after:w-px after:bg-transparent after:content-['']":
isStickyCell,
"bg-ui-bg-subtle group-hover/row:bg-ui-bg-subtle-hover":
isOdd && isStickyCell,
"bottom-0 left-[68px] top-0": hasLeftOfsset,
"left-[68px]": hasLeftOffset,
"after:bg-ui-border-base":
showStickyBorder && isStickyCell && !isSelectCell,
"!bg-ui-bg-disabled !hover:bg-ui-bg-disabled":
@@ -290,7 +283,7 @@ export const DataTableRoot = <TData,>({
className={clx(
"flex size-full items-center pr-6",
{
"pl-6": isTabableLink && !hasLeftOfsset,
"pl-6": isTabableLink && !hasLeftOffset,
}
)}
>