diff --git a/packages/app-elements/src/ui/internals/RelationshipCheckboxWrapper.tsx b/packages/app-elements/src/ui/internals/RelationshipCheckboxWrapper.tsx deleted file mode 100644 index 71b6acd85..000000000 --- a/packages/app-elements/src/ui/internals/RelationshipCheckboxWrapper.tsx +++ /dev/null @@ -1,12 +0,0 @@ -export function RelationshipCheckboxWrapper({ - children, - ...rest -}: React.HTMLAttributes): JSX.Element { - return ( -
- {children} -
- ) -} - -RelationshipCheckboxWrapper.displayName = 'RelationshipCheckboxWrapper' diff --git a/packages/app-elements/src/ui/resources/RelationshipSelector/Checkbox.tsx b/packages/app-elements/src/ui/resources/RelationshipSelector/Checkbox.tsx index 5e3388aff..70f6ae7c6 100644 --- a/packages/app-elements/src/ui/resources/RelationshipSelector/Checkbox.tsx +++ b/packages/app-elements/src/ui/resources/RelationshipSelector/Checkbox.tsx @@ -25,17 +25,19 @@ export function Checkbox({ const isLoading = item.value === '' // is mock return ( - - ) : undefined - } - > - {item.label} - +
+ + ) : undefined + } + > + {item.label} + +
) } diff --git a/packages/app-elements/src/ui/resources/RelationshipSelector/FullList.tsx b/packages/app-elements/src/ui/resources/RelationshipSelector/FullList.tsx index 4f695f5eb..0ee519c85 100644 --- a/packages/app-elements/src/ui/resources/RelationshipSelector/FullList.tsx +++ b/packages/app-elements/src/ui/resources/RelationshipSelector/FullList.tsx @@ -4,7 +4,6 @@ import { SkeletonTemplate } from '#ui/atoms/SkeletonTemplate' import { Spacer } from '#ui/atoms/Spacer' import { Text } from '#ui/atoms/Text' import { SearchBar } from '#ui/composite/SearchBar' -import { RelationshipCheckboxWrapper } from '#ui/internals/RelationshipCheckboxWrapper' import { ResourceList } from '#ui/resources/ResourceList' import { type ListableResourceType } from '@commercelayer/sdk/lib/cjs/api' import { type QueryFilter } from '@commercelayer/sdk/lib/cjs/query' @@ -157,16 +156,14 @@ export function FullList({ fieldForValue }) return ( - - { - toggleValue(item.value) - }} - showIcon={showCheckboxIcon} - /> - + { + toggleValue(item.value) + }} + showIcon={showCheckboxIcon} + /> ) }} /> diff --git a/packages/app-elements/src/ui/resources/RelationshipSelector/index.tsx b/packages/app-elements/src/ui/resources/RelationshipSelector/index.tsx index 540588167..c1caf422d 100644 --- a/packages/app-elements/src/ui/resources/RelationshipSelector/index.tsx +++ b/packages/app-elements/src/ui/resources/RelationshipSelector/index.tsx @@ -5,7 +5,6 @@ import { Card } from '#ui/atoms/Card' import { SkeletonTemplate } from '#ui/atoms/SkeletonTemplate' import { Spacer } from '#ui/atoms/Spacer' import { Text } from '#ui/atoms/Text' -import { RelationshipCheckboxWrapper } from '#ui/internals/RelationshipCheckboxWrapper' import { type QueryParamsList } from '@commercelayer/sdk' import type { ListableResourceType } from '@commercelayer/sdk/lib/cjs/api' import { type QueryFilter } from '@commercelayer/sdk/lib/cjs/query' @@ -108,16 +107,15 @@ export function RelationshipSelector({ {list.map((item, idx) => { return ( - - { - toggleValue(item.value) - }} - showIcon={showCheckboxIcon} - /> - + { + toggleValue(item.value) + }} + showIcon={showCheckboxIcon} + /> ) })}