{"version":3,"file":"RelationDragPreview.mjs","sources":["../../../../admin/src/components/DragPreviews/RelationDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\nimport { Box, Flex, IconButton, Typography } from '@strapi/design-system';\nimport { Cross, Drag } from '@strapi/icons';\n\nimport { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\nimport {\n  DisconnectButton,\n  LinkEllipsis,\n  FlexWrapper,\n} from '../../pages/EditView/components/FormInputs/Relations/Relations';\n\nimport type { Data } from '@strapi/types';\n\ninterface RelationDragPreviewProps {\n  status?: string;\n  displayedValue: string;\n  id: Data.ID;\n  index: number;\n  width: number;\n}\n\nconst RelationDragPreview = ({ status, displayedValue, width }: RelationDragPreviewProps) => {\n  const isDesktop = useIsDesktop();\n  return (\n    <Box style={{ width }}>\n      <Flex\n        paddingTop={2}\n        paddingBottom={2}\n        paddingLeft={2}\n        paddingRight={4}\n        hasRadius\n        borderWidth={1}\n        background=\"neutral0\"\n        borderColor=\"neutral200\"\n        justifyContent=\"space-between\"\n        gap={4}\n      >\n        <FlexWrapper gap={1}>\n          {isDesktop && (\n            <IconButton withTooltip={false} label=\"\" variant=\"ghost\">\n              <Drag />\n            </IconButton>\n          )}\n          <Flex width=\"100%\" minWidth={0} justifyContent=\"space-between\">\n            <Box minWidth={0} paddingTop={1} paddingBottom={1} paddingRight={4}>\n              <LinkEllipsis href=\"\">\n                <Typography textColor=\"primary600\" ellipsis>\n                  {displayedValue}\n                </Typography>\n              </LinkEllipsis>\n            </Box>\n            {status ? <DocumentStatus status={status} /> : null}\n          </Flex>\n        </FlexWrapper>\n        <DisconnectButton type=\"button\">\n          <Cross width=\"12px\" />\n        </DisconnectButton>\n      </Flex>\n    </Box>\n  );\n};\n\nexport { RelationDragPreview };\nexport type { RelationDragPreviewProps };\n"],"names":["RelationDragPreview","status","displayedValue","width","isDesktop","useIsDesktop","_jsx","Box","style","_jsxs","Flex","paddingTop","paddingBottom","paddingLeft","paddingRight","hasRadius","borderWidth","background","borderColor","justifyContent","gap","FlexWrapper","IconButton","withTooltip","label","variant","Drag","minWidth","LinkEllipsis","href","Typography","textColor","ellipsis","DocumentStatus","DisconnectButton","type","Cross"],"mappings":";;;;;;;AAqBA,MAAMA,mBAAAA,GAAsB,CAAC,EAAEC,MAAM,EAAEC,cAAc,EAAEC,KAAK,EAA4B,GAAA;AACtF,IAAA,MAAMC,SAAAA,GAAYC,YAAAA,EAAAA;AAClB,IAAA,qBACEC,GAAA,CAACC,GAAAA,EAAAA;QAAIC,KAAAA,EAAO;AAAEL,YAAAA;AAAM,SAAA;AAClB,QAAA,QAAA,gBAAAM,IAAA,CAACC,IAAAA,EAAAA;YACCC,UAAAA,EAAY,CAAA;YACZC,aAAAA,EAAe,CAAA;YACfC,WAAAA,EAAa,CAAA;YACbC,YAAAA,EAAc,CAAA;YACdC,SAAS,EAAA,IAAA;YACTC,WAAAA,EAAa,CAAA;YACbC,UAAAA,EAAW,UAAA;YACXC,WAAAA,EAAY,YAAA;YACZC,cAAAA,EAAe,eAAA;YACfC,GAAAA,EAAK,CAAA;;8BAELX,IAAA,CAACY,WAAAA,EAAAA;oBAAYD,GAAAA,EAAK,CAAA;;AACfhB,wBAAAA,SAAAA,kBACCE,GAAA,CAACgB,UAAAA,EAAAA;4BAAWC,WAAAA,EAAa,KAAA;4BAAOC,KAAAA,EAAM,EAAA;4BAAGC,OAAAA,EAAQ,OAAA;AAC/C,4BAAA,QAAA,gBAAAnB,GAAA,CAACoB,IAAAA,EAAAA,EAAAA;;sCAGLjB,IAAA,CAACC,IAAAA,EAAAA;4BAAKP,KAAAA,EAAM,MAAA;4BAAOwB,QAAAA,EAAU,CAAA;4BAAGR,cAAAA,EAAe,eAAA;;8CAC7Cb,GAAA,CAACC,GAAAA,EAAAA;oCAAIoB,QAAAA,EAAU,CAAA;oCAAGhB,UAAAA,EAAY,CAAA;oCAAGC,aAAAA,EAAe,CAAA;oCAAGE,YAAAA,EAAc,CAAA;AAC/D,oCAAA,QAAA,gBAAAR,GAAA,CAACsB,YAAAA,EAAAA;wCAAaC,IAAAA,EAAK,EAAA;AACjB,wCAAA,QAAA,gBAAAvB,GAAA,CAACwB,UAAAA,EAAAA;4CAAWC,SAAAA,EAAU,YAAA;4CAAaC,QAAQ,EAAA,IAAA;AACxC9B,4CAAAA,QAAAA,EAAAA;;;;AAIND,gCAAAA,MAAAA,iBAASK,GAAA,CAAC2B,cAAAA,EAAAA;oCAAehC,MAAAA,EAAQA;AAAa,iCAAA,CAAA,GAAA;;;;;8BAGnDK,GAAA,CAAC4B,gBAAAA,EAAAA;oBAAiBC,IAAAA,EAAK,QAAA;AACrB,oBAAA,QAAA,gBAAA7B,GAAA,CAAC8B,KAAAA,EAAAA;wBAAMjC,KAAAA,EAAM;;;;;;AAKvB;;;;"}