@akbarsafari00/bonyan-content-manager 5.52.1-fa.2

package/dist/admin/components/DragPreviews/ComponentDragPreview.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var styledComponents = require('styled-components');
+
+const ComponentDragPreview = ({ displayedValue })=>{
+    const isDesktop = strapiAdmin.useIsDesktop();
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+        background: "neutral0",
+        borderColor: "neutral200",
+        justifyContent: "space-between",
+        gap: 3,
+        padding: 3,
+        width: "30rem",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(ToggleButton, {
+                type: "button",
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                    gap: 6,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(DropdownIconWrapper, {
+                            alignItems: "center",
+                            justifyContent: "center",
+                            background: "neutral200",
+                            height: "3.2rem",
+                            width: "3.2rem",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(Icons.CaretDown, {})
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                            maxWidth: "15rem",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                textColor: "neutral700",
+                                ellipsis: true,
+                                children: displayedValue
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                gap: 2,
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                        withTooltip: false,
+                        label: "",
+                        variant: "ghost",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Trash, {})
+                    }),
+                    isDesktop && /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                        withTooltip: false,
+                        label: "",
+                        variant: "ghost",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Drag, {})
+                    })
+                ]
+            })
+        ]
+    });
+};
+const DropdownIconWrapper = styledComponents.styled(designSystem.Flex)`
+  border-radius: 50%;
+
+  svg {
+    height: 0.6rem;
+    width: 1.1rem;
+    > path {
+      fill: ${({ theme })=>theme.colors.neutral600};
+    }
+  }
+`;
+// TODO: we shouldn't have to reset a whole button
+const ToggleButton = styledComponents.styled.button`
+  border: none;
+  background: transparent;
+  display: block;
+  width: 100%;
+  text-align: unset;
+  padding: 0;
+`;
+
+exports.ComponentDragPreview = ComponentDragPreview;
+//# sourceMappingURL=ComponentDragPreview.js.map

package/dist/admin/components/DragPreviews/ComponentDragPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentDragPreview.js","sources":["../../../../admin/src/components/DragPreviews/ComponentDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\r\nimport { Flex, FlexComponent, IconButton, Typography } from '@strapi/design-system';\r\nimport { CaretDown, Drag, Trash } from '@strapi/icons';\r\nimport { styled } from 'styled-components';\r\n\r\ninterface ComponentDragPreviewProps {\r\n  displayedValue: string;\r\n}\r\n\r\nconst ComponentDragPreview = ({ displayedValue }: ComponentDragPreviewProps) => {\r\n  const isDesktop = useIsDesktop();\r\n  return (\r\n    <Flex\r\n      background=\"neutral0\"\r\n      borderColor=\"neutral200\"\r\n      justifyContent=\"space-between\"\r\n      gap={3}\r\n      padding={3}\r\n      width=\"30rem\"\r\n    >\r\n      <ToggleButton type=\"button\">\r\n        <Flex gap={6}>\r\n          <DropdownIconWrapper\r\n            alignItems=\"center\"\r\n            justifyContent=\"center\"\r\n            background=\"neutral200\"\r\n            height=\"3.2rem\"\r\n            width=\"3.2rem\"\r\n          >\r\n            <CaretDown />\r\n          </DropdownIconWrapper>\r\n\r\n          <Flex maxWidth=\"15rem\">\r\n            <Typography textColor=\"neutral700\" ellipsis>\r\n              {displayedValue}\r\n            </Typography>\r\n          </Flex>\r\n        </Flex>\r\n      </ToggleButton>\r\n\r\n      <Flex gap={2}>\r\n        <IconButton withTooltip={false} label=\"\" variant=\"ghost\">\r\n          <Trash />\r\n        </IconButton>\r\n\r\n        {isDesktop && (\r\n          <IconButton withTooltip={false} label=\"\" variant=\"ghost\">\r\n            <Drag />\r\n          </IconButton>\r\n        )}\r\n      </Flex>\r\n    </Flex>\r\n  );\r\n};\r\n\r\nconst DropdownIconWrapper = styled<FlexComponent>(Flex)`\r\n  border-radius: 50%;\r\n\r\n  svg {\r\n    height: 0.6rem;\r\n    width: 1.1rem;\r\n    > path {\r\n      fill: ${({ theme }) => theme.colors.neutral600};\r\n    }\r\n  }\r\n`;\r\n\r\n// TODO: we shouldn't have to reset a whole button\r\nconst ToggleButton = styled.button`\r\n  border: none;\r\n  background: transparent;\r\n  display: block;\r\n  width: 100%;\r\n  text-align: unset;\r\n  padding: 0;\r\n`;\r\n\r\nexport { ComponentDragPreview };\r\nexport type { ComponentDragPreviewProps };\r\n"],"names":["ComponentDragPreview","displayedValue","isDesktop","useIsDesktop","_jsxs","Flex","background","borderColor","justifyContent","gap","padding","width","_jsx","ToggleButton","type","DropdownIconWrapper","alignItems","height","CaretDown","maxWidth","Typography","textColor","ellipsis","IconButton","withTooltip","label","variant","Trash","Drag","styled","theme","colors","neutral600","button"],"mappings":";;;;;;;;AASA,MAAMA,oBAAAA,GAAuB,CAAC,EAAEC,cAAc,EAA6B,GAAA;AACzE,IAAA,MAAMC,SAAAA,GAAYC,wBAAAA,EAAAA;AAClB,IAAA,qBACEC,eAAA,CAACC,iBAAAA,EAAAA;QACCC,UAAAA,EAAW,UAAA;QACXC,WAAAA,EAAY,YAAA;QACZC,cAAAA,EAAe,eAAA;QACfC,GAAAA,EAAK,CAAA;QACLC,OAAAA,EAAS,CAAA;QACTC,KAAAA,EAAM,OAAA;;0BAENC,cAAA,CAACC,YAAAA,EAAAA;gBAAaC,IAAAA,EAAK,QAAA;AACjB,gBAAA,QAAA,gBAAAV,eAAA,CAACC,iBAAAA,EAAAA;oBAAKI,GAAAA,EAAK,CAAA;;sCACTG,cAAA,CAACG,mBAAAA,EAAAA;4BACCC,UAAAA,EAAW,QAAA;4BACXR,cAAAA,EAAe,QAAA;4BACfF,UAAAA,EAAW,YAAA;4BACXW,MAAAA,EAAO,QAAA;4BACPN,KAAAA,EAAM,QAAA;AAEN,4BAAA,QAAA,gBAAAC,cAAA,CAACM,eAAAA,EAAAA,EAAAA;;sCAGHN,cAAA,CAACP,iBAAAA,EAAAA;4BAAKc,QAAAA,EAAS,OAAA;AACb,4BAAA,QAAA,gBAAAP,cAAA,CAACQ,uBAAAA,EAAAA;gCAAWC,SAAAA,EAAU,YAAA;gCAAaC,QAAQ,EAAA,IAAA;AACxCrB,gCAAAA,QAAAA,EAAAA;;;;;;0BAMTG,eAAA,CAACC,iBAAAA,EAAAA;gBAAKI,GAAAA,EAAK,CAAA;;kCACTG,cAAA,CAACW,uBAAAA,EAAAA;wBAAWC,WAAAA,EAAa,KAAA;wBAAOC,KAAAA,EAAM,EAAA;wBAAGC,OAAAA,EAAQ,OAAA;AAC/C,wBAAA,QAAA,gBAAAd,cAAA,CAACe,WAAAA,EAAAA,EAAAA;;AAGFzB,oBAAAA,SAAAA,kBACCU,cAAA,CAACW,uBAAAA,EAAAA;wBAAWC,WAAAA,EAAa,KAAA;wBAAOC,KAAAA,EAAM,EAAA;wBAAGC,OAAAA,EAAQ,OAAA;AAC/C,wBAAA,QAAA,gBAAAd,cAAA,CAACgB,UAAAA,EAAAA,EAAAA;;;;;;AAMb;AAEA,MAAMb,mBAAAA,GAAsBc,uBAAAA,CAAsBxB,iBAAAA,CAAK,CAAC;;;;;;;YAO5C,EAAE,CAAC,EAAEyB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;AAGrD,CAAC;AAED;AACA,MAAMnB,YAAAA,GAAegB,uBAAAA,CAAOI,MAAM,CAAC;;;;;;;AAOnC,CAAC;;;;"}

package/dist/admin/components/DragPreviews/ComponentDragPreview.mjs

@@ -0,0 +1,83 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useIsDesktop } from '@strapi/admin/strapi-admin';
+import { Flex, Typography, IconButton } from '@strapi/design-system';
+import { CaretDown, Trash, Drag } from '@strapi/icons';
+import { styled } from 'styled-components';
+
+const ComponentDragPreview = ({ displayedValue })=>{
+    const isDesktop = useIsDesktop();
+    return /*#__PURE__*/ jsxs(Flex, {
+        background: "neutral0",
+        borderColor: "neutral200",
+        justifyContent: "space-between",
+        gap: 3,
+        padding: 3,
+        width: "30rem",
+        children: [
+            /*#__PURE__*/ jsx(ToggleButton, {
+                type: "button",
+                children: /*#__PURE__*/ jsxs(Flex, {
+                    gap: 6,
+                    children: [
+                        /*#__PURE__*/ jsx(DropdownIconWrapper, {
+                            alignItems: "center",
+                            justifyContent: "center",
+                            background: "neutral200",
+                            height: "3.2rem",
+                            width: "3.2rem",
+                            children: /*#__PURE__*/ jsx(CaretDown, {})
+                        }),
+                        /*#__PURE__*/ jsx(Flex, {
+                            maxWidth: "15rem",
+                            children: /*#__PURE__*/ jsx(Typography, {
+                                textColor: "neutral700",
+                                ellipsis: true,
+                                children: displayedValue
+                            })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxs(Flex, {
+                gap: 2,
+                children: [
+                    /*#__PURE__*/ jsx(IconButton, {
+                        withTooltip: false,
+                        label: "",
+                        variant: "ghost",
+                        children: /*#__PURE__*/ jsx(Trash, {})
+                    }),
+                    isDesktop && /*#__PURE__*/ jsx(IconButton, {
+                        withTooltip: false,
+                        label: "",
+                        variant: "ghost",
+                        children: /*#__PURE__*/ jsx(Drag, {})
+                    })
+                ]
+            })
+        ]
+    });
+};
+const DropdownIconWrapper = styled(Flex)`
+  border-radius: 50%;
+
+  svg {
+    height: 0.6rem;
+    width: 1.1rem;
+    > path {
+      fill: ${({ theme })=>theme.colors.neutral600};
+    }
+  }
+`;
+// TODO: we shouldn't have to reset a whole button
+const ToggleButton = styled.button`
+  border: none;
+  background: transparent;
+  display: block;
+  width: 100%;
+  text-align: unset;
+  padding: 0;
+`;
+
+export { ComponentDragPreview };
+//# sourceMappingURL=ComponentDragPreview.mjs.map

package/dist/admin/components/DragPreviews/ComponentDragPreview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentDragPreview.mjs","sources":["../../../../admin/src/components/DragPreviews/ComponentDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\r\nimport { Flex, FlexComponent, IconButton, Typography } from '@strapi/design-system';\r\nimport { CaretDown, Drag, Trash } from '@strapi/icons';\r\nimport { styled } from 'styled-components';\r\n\r\ninterface ComponentDragPreviewProps {\r\n  displayedValue: string;\r\n}\r\n\r\nconst ComponentDragPreview = ({ displayedValue }: ComponentDragPreviewProps) => {\r\n  const isDesktop = useIsDesktop();\r\n  return (\r\n    <Flex\r\n      background=\"neutral0\"\r\n      borderColor=\"neutral200\"\r\n      justifyContent=\"space-between\"\r\n      gap={3}\r\n      padding={3}\r\n      width=\"30rem\"\r\n    >\r\n      <ToggleButton type=\"button\">\r\n        <Flex gap={6}>\r\n          <DropdownIconWrapper\r\n            alignItems=\"center\"\r\n            justifyContent=\"center\"\r\n            background=\"neutral200\"\r\n            height=\"3.2rem\"\r\n            width=\"3.2rem\"\r\n          >\r\n            <CaretDown />\r\n          </DropdownIconWrapper>\r\n\r\n          <Flex maxWidth=\"15rem\">\r\n            <Typography textColor=\"neutral700\" ellipsis>\r\n              {displayedValue}\r\n            </Typography>\r\n          </Flex>\r\n        </Flex>\r\n      </ToggleButton>\r\n\r\n      <Flex gap={2}>\r\n        <IconButton withTooltip={false} label=\"\" variant=\"ghost\">\r\n          <Trash />\r\n        </IconButton>\r\n\r\n        {isDesktop && (\r\n          <IconButton withTooltip={false} label=\"\" variant=\"ghost\">\r\n            <Drag />\r\n          </IconButton>\r\n        )}\r\n      </Flex>\r\n    </Flex>\r\n  );\r\n};\r\n\r\nconst DropdownIconWrapper = styled<FlexComponent>(Flex)`\r\n  border-radius: 50%;\r\n\r\n  svg {\r\n    height: 0.6rem;\r\n    width: 1.1rem;\r\n    > path {\r\n      fill: ${({ theme }) => theme.colors.neutral600};\r\n    }\r\n  }\r\n`;\r\n\r\n// TODO: we shouldn't have to reset a whole button\r\nconst ToggleButton = styled.button`\r\n  border: none;\r\n  background: transparent;\r\n  display: block;\r\n  width: 100%;\r\n  text-align: unset;\r\n  padding: 0;\r\n`;\r\n\r\nexport { ComponentDragPreview };\r\nexport type { ComponentDragPreviewProps };\r\n"],"names":["ComponentDragPreview","displayedValue","isDesktop","useIsDesktop","_jsxs","Flex","background","borderColor","justifyContent","gap","padding","width","_jsx","ToggleButton","type","DropdownIconWrapper","alignItems","height","CaretDown","maxWidth","Typography","textColor","ellipsis","IconButton","withTooltip","label","variant","Trash","Drag","styled","theme","colors","neutral600","button"],"mappings":";;;;;;AASA,MAAMA,oBAAAA,GAAuB,CAAC,EAAEC,cAAc,EAA6B,GAAA;AACzE,IAAA,MAAMC,SAAAA,GAAYC,YAAAA,EAAAA;AAClB,IAAA,qBACEC,IAAA,CAACC,IAAAA,EAAAA;QACCC,UAAAA,EAAW,UAAA;QACXC,WAAAA,EAAY,YAAA;QACZC,cAAAA,EAAe,eAAA;QACfC,GAAAA,EAAK,CAAA;QACLC,OAAAA,EAAS,CAAA;QACTC,KAAAA,EAAM,OAAA;;0BAENC,GAAA,CAACC,YAAAA,EAAAA;gBAAaC,IAAAA,EAAK,QAAA;AACjB,gBAAA,QAAA,gBAAAV,IAAA,CAACC,IAAAA,EAAAA;oBAAKI,GAAAA,EAAK,CAAA;;sCACTG,GAAA,CAACG,mBAAAA,EAAAA;4BACCC,UAAAA,EAAW,QAAA;4BACXR,cAAAA,EAAe,QAAA;4BACfF,UAAAA,EAAW,YAAA;4BACXW,MAAAA,EAAO,QAAA;4BACPN,KAAAA,EAAM,QAAA;AAEN,4BAAA,QAAA,gBAAAC,GAAA,CAACM,SAAAA,EAAAA,EAAAA;;sCAGHN,GAAA,CAACP,IAAAA,EAAAA;4BAAKc,QAAAA,EAAS,OAAA;AACb,4BAAA,QAAA,gBAAAP,GAAA,CAACQ,UAAAA,EAAAA;gCAAWC,SAAAA,EAAU,YAAA;gCAAaC,QAAQ,EAAA,IAAA;AACxCrB,gCAAAA,QAAAA,EAAAA;;;;;;0BAMTG,IAAA,CAACC,IAAAA,EAAAA;gBAAKI,GAAAA,EAAK,CAAA;;kCACTG,GAAA,CAACW,UAAAA,EAAAA;wBAAWC,WAAAA,EAAa,KAAA;wBAAOC,KAAAA,EAAM,EAAA;wBAAGC,OAAAA,EAAQ,OAAA;AAC/C,wBAAA,QAAA,gBAAAd,GAAA,CAACe,KAAAA,EAAAA,EAAAA;;AAGFzB,oBAAAA,SAAAA,kBACCU,GAAA,CAACW,UAAAA,EAAAA;wBAAWC,WAAAA,EAAa,KAAA;wBAAOC,KAAAA,EAAM,EAAA;wBAAGC,OAAAA,EAAQ,OAAA;AAC/C,wBAAA,QAAA,gBAAAd,GAAA,CAACgB,IAAAA,EAAAA,EAAAA;;;;;;AAMb;AAEA,MAAMb,mBAAAA,GAAsBc,MAAAA,CAAsBxB,IAAAA,CAAK,CAAC;;;;;;;YAO5C,EAAE,CAAC,EAAEyB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAACC,UAAU,CAAC;;;AAGrD,CAAC;AAED;AACA,MAAMnB,YAAAA,GAAegB,MAAAA,CAAOI,MAAM,CAAC;;;;;;;AAOnC,CAAC;;;;"}

package/dist/admin/components/DragPreviews/RelationDragPreview.js

@@ -0,0 +1,75 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var Icons = require('@strapi/icons');
+var DocumentStatus = require('../../pages/EditView/components/DocumentStatus.js');
+var Relations = require('../../pages/EditView/components/FormInputs/Relations/Relations.js');
+
+const RelationDragPreview = ({ status, displayedValue, width })=>{
+    const isDesktop = strapiAdmin.useIsDesktop();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        style: {
+            width
+        },
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+            paddingTop: 2,
+            paddingBottom: 2,
+            paddingLeft: 2,
+            paddingRight: 4,
+            hasRadius: true,
+            borderWidth: 1,
+            background: "neutral0",
+            borderColor: "neutral200",
+            justifyContent: "space-between",
+            gap: 4,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsxs(Relations.FlexWrapper, {
+                    gap: 1,
+                    children: [
+                        isDesktop && /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                            withTooltip: false,
+                            label: "",
+                            variant: "ghost",
+                            children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Drag, {})
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                            width: "100%",
+                            minWidth: 0,
+                            justifyContent: "space-between",
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                    minWidth: 0,
+                                    paddingTop: 1,
+                                    paddingBottom: 1,
+                                    paddingRight: 4,
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(Relations.LinkEllipsis, {
+                                        href: "",
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            textColor: "primary600",
+                                            ellipsis: true,
+                                            children: displayedValue
+                                        })
+                                    })
+                                }),
+                                status ? /*#__PURE__*/ jsxRuntime.jsx(DocumentStatus.DocumentStatus, {
+                                    status: status
+                                }) : null
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(Relations.DisconnectButton, {
+                    type: "button",
+                    children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Cross, {
+                        width: "12px"
+                    })
+                })
+            ]
+        })
+    });
+};
+
+exports.RelationDragPreview = RelationDragPreview;
+//# sourceMappingURL=RelationDragPreview.js.map

package/dist/admin/components/DragPreviews/RelationDragPreview.js.map

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

package/dist/admin/components/DragPreviews/RelationDragPreview.mjs

@@ -0,0 +1,73 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useIsDesktop } from '@strapi/admin/strapi-admin';
+import { Box, Flex, IconButton, Typography } from '@strapi/design-system';
+import { Drag, Cross } from '@strapi/icons';
+import { DocumentStatus } from '../../pages/EditView/components/DocumentStatus.mjs';
+import { FlexWrapper, LinkEllipsis, DisconnectButton } from '../../pages/EditView/components/FormInputs/Relations/Relations.mjs';
+
+const RelationDragPreview = ({ status, displayedValue, width })=>{
+    const isDesktop = useIsDesktop();
+    return /*#__PURE__*/ jsx(Box, {
+        style: {
+            width
+        },
+        children: /*#__PURE__*/ jsxs(Flex, {
+            paddingTop: 2,
+            paddingBottom: 2,
+            paddingLeft: 2,
+            paddingRight: 4,
+            hasRadius: true,
+            borderWidth: 1,
+            background: "neutral0",
+            borderColor: "neutral200",
+            justifyContent: "space-between",
+            gap: 4,
+            children: [
+                /*#__PURE__*/ jsxs(FlexWrapper, {
+                    gap: 1,
+                    children: [
+                        isDesktop && /*#__PURE__*/ jsx(IconButton, {
+                            withTooltip: false,
+                            label: "",
+                            variant: "ghost",
+                            children: /*#__PURE__*/ jsx(Drag, {})
+                        }),
+                        /*#__PURE__*/ jsxs(Flex, {
+                            width: "100%",
+                            minWidth: 0,
+                            justifyContent: "space-between",
+                            children: [
+                                /*#__PURE__*/ jsx(Box, {
+                                    minWidth: 0,
+                                    paddingTop: 1,
+                                    paddingBottom: 1,
+                                    paddingRight: 4,
+                                    children: /*#__PURE__*/ jsx(LinkEllipsis, {
+                                        href: "",
+                                        children: /*#__PURE__*/ jsx(Typography, {
+                                            textColor: "primary600",
+                                            ellipsis: true,
+                                            children: displayedValue
+                                        })
+                                    })
+                                }),
+                                status ? /*#__PURE__*/ jsx(DocumentStatus, {
+                                    status: status
+                                }) : null
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(DisconnectButton, {
+                    type: "button",
+                    children: /*#__PURE__*/ jsx(Cross, {
+                        width: "12px"
+                    })
+                })
+            ]
+        })
+    });
+};
+
+export { RelationDragPreview };
+//# sourceMappingURL=RelationDragPreview.mjs.map

package/dist/admin/components/DragPreviews/RelationDragPreview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelationDragPreview.mjs","sources":["../../../../admin/src/components/DragPreviews/RelationDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\r\nimport { Box, Flex, IconButton, Typography } from '@strapi/design-system';\r\nimport { Cross, Drag } from '@strapi/icons';\r\n\r\nimport { DocumentStatus } from '../../pages/EditView/components/DocumentStatus';\r\nimport {\r\n  DisconnectButton,\r\n  LinkEllipsis,\r\n  FlexWrapper,\r\n} from '../../pages/EditView/components/FormInputs/Relations/Relations';\r\n\r\nimport type { Data } from '@strapi/types';\r\n\r\ninterface RelationDragPreviewProps {\r\n  status?: string;\r\n  displayedValue: string;\r\n  id: Data.ID;\r\n  index: number;\r\n  width: number;\r\n}\r\n\r\nconst RelationDragPreview = ({ status, displayedValue, width }: RelationDragPreviewProps) => {\r\n  const isDesktop = useIsDesktop();\r\n  return (\r\n    <Box style={{ width }}>\r\n      <Flex\r\n        paddingTop={2}\r\n        paddingBottom={2}\r\n        paddingLeft={2}\r\n        paddingRight={4}\r\n        hasRadius\r\n        borderWidth={1}\r\n        background=\"neutral0\"\r\n        borderColor=\"neutral200\"\r\n        justifyContent=\"space-between\"\r\n        gap={4}\r\n      >\r\n        <FlexWrapper gap={1}>\r\n          {isDesktop && (\r\n            <IconButton withTooltip={false} label=\"\" variant=\"ghost\">\r\n              <Drag />\r\n            </IconButton>\r\n          )}\r\n          <Flex width=\"100%\" minWidth={0} justifyContent=\"space-between\">\r\n            <Box minWidth={0} paddingTop={1} paddingBottom={1} paddingRight={4}>\r\n              <LinkEllipsis href=\"\">\r\n                <Typography textColor=\"primary600\" ellipsis>\r\n                  {displayedValue}\r\n                </Typography>\r\n              </LinkEllipsis>\r\n            </Box>\r\n            {status ? <DocumentStatus status={status} /> : null}\r\n          </Flex>\r\n        </FlexWrapper>\r\n        <DisconnectButton type=\"button\">\r\n          <Cross width=\"12px\" />\r\n        </DisconnectButton>\r\n      </Flex>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport { RelationDragPreview };\r\nexport type { RelationDragPreviewProps };\r\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;;;;"}

package/dist/admin/components/FieldTypeIcon.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var designSystem = require('@strapi/design-system');
+var Symbols = require('@strapi/icons/symbols');
+
+const iconByTypes = {
+    biginteger: /*#__PURE__*/ jsxRuntime.jsx(Symbols.NumberField, {}),
+    boolean: /*#__PURE__*/ jsxRuntime.jsx(Symbols.BooleanField, {}),
+    date: /*#__PURE__*/ jsxRuntime.jsx(Symbols.DateField, {}),
+    datetime: /*#__PURE__*/ jsxRuntime.jsx(Symbols.DateField, {}),
+    decimal: /*#__PURE__*/ jsxRuntime.jsx(Symbols.NumberField, {}),
+    email: /*#__PURE__*/ jsxRuntime.jsx(Symbols.EmailField, {}),
+    enumeration: /*#__PURE__*/ jsxRuntime.jsx(Symbols.EnumerationField, {}),
+    float: /*#__PURE__*/ jsxRuntime.jsx(Symbols.NumberField, {}),
+    integer: /*#__PURE__*/ jsxRuntime.jsx(Symbols.NumberField, {}),
+    media: /*#__PURE__*/ jsxRuntime.jsx(Symbols.MediaField, {}),
+    password: /*#__PURE__*/ jsxRuntime.jsx(Symbols.PasswordField, {}),
+    relation: /*#__PURE__*/ jsxRuntime.jsx(Symbols.RelationField, {}),
+    string: /*#__PURE__*/ jsxRuntime.jsx(Symbols.TextField, {}),
+    text: /*#__PURE__*/ jsxRuntime.jsx(Symbols.TextField, {}),
+    richtext: /*#__PURE__*/ jsxRuntime.jsx(Symbols.TextField, {}),
+    time: /*#__PURE__*/ jsxRuntime.jsx(Symbols.DateField, {}),
+    timestamp: /*#__PURE__*/ jsxRuntime.jsx(Symbols.DateField, {}),
+    json: /*#__PURE__*/ jsxRuntime.jsx(Symbols.JsonField, {}),
+    uid: /*#__PURE__*/ jsxRuntime.jsx(Symbols.UidField, {}),
+    component: /*#__PURE__*/ jsxRuntime.jsx(Symbols.ComponentField, {}),
+    dynamiczone: /*#__PURE__*/ jsxRuntime.jsx(Symbols.DynamicZoneField, {}),
+    blocks: /*#__PURE__*/ jsxRuntime.jsx(Symbols.BlocksField, {})
+};
+const FieldTypeIcon = ({ type, customFieldUid })=>{
+    const getCustomField = strapiAdmin.useStrapiApp('FieldTypeIcon', (state)=>state.customFields.get);
+    if (!type) {
+        return null;
+    }
+    let Compo = iconByTypes[type];
+    if (customFieldUid) {
+        const customField = getCustomField(customFieldUid);
+        const CustomFieldIcon = customField?.icon;
+        if (CustomFieldIcon) {
+            Compo = /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                marginRight: 3,
+                width: 7,
+                height: 6,
+                children: /*#__PURE__*/ jsxRuntime.jsx(CustomFieldIcon, {})
+            });
+        }
+    }
+    if (!iconByTypes[type]) {
+        return null;
+    }
+    return Compo;
+};
+
+exports.FieldTypeIcon = FieldTypeIcon;
+//# sourceMappingURL=FieldTypeIcon.js.map

package/dist/admin/components/FieldTypeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTypeIcon.js","sources":["../../../admin/src/components/FieldTypeIcon.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { useStrapiApp } from '@strapi/admin/strapi-admin';\r\nimport { Box } from '@strapi/design-system';\r\nimport {\r\n  BlocksField,\r\n  BooleanField,\r\n  ComponentField,\r\n  DateField,\r\n  DynamicZoneField,\r\n  EmailField,\r\n  EnumerationField,\r\n  JsonField,\r\n  MediaField,\r\n  NumberField,\r\n  PasswordField,\r\n  RelationField,\r\n  TextField,\r\n  UidField,\r\n} from '@strapi/icons/symbols';\r\n\r\nimport type { Schema } from '@strapi/types';\r\n\r\nconst iconByTypes: Record<Schema.Attribute.Kind, React.ReactElement> = {\r\n  biginteger: <NumberField />,\r\n  boolean: <BooleanField />,\r\n  date: <DateField />,\r\n  datetime: <DateField />,\r\n  decimal: <NumberField />,\r\n  email: <EmailField />,\r\n  enumeration: <EnumerationField />,\r\n  float: <NumberField />,\r\n  integer: <NumberField />,\r\n  media: <MediaField />,\r\n  password: <PasswordField />,\r\n  relation: <RelationField />,\r\n  string: <TextField />,\r\n  text: <TextField />,\r\n  richtext: <TextField />,\r\n  time: <DateField />,\r\n  timestamp: <DateField />,\r\n  json: <JsonField />,\r\n  uid: <UidField />,\r\n  component: <ComponentField />,\r\n  dynamiczone: <DynamicZoneField />,\r\n  blocks: <BlocksField />,\r\n};\r\n\r\ninterface FieldTypeIconProps {\r\n  type?: keyof typeof iconByTypes;\r\n  customFieldUid?: string;\r\n}\r\n\r\nconst FieldTypeIcon = ({ type, customFieldUid }: FieldTypeIconProps) => {\r\n  const getCustomField = useStrapiApp('FieldTypeIcon', (state) => state.customFields.get);\r\n\r\n  if (!type) {\r\n    return null;\r\n  }\r\n\r\n  let Compo = iconByTypes[type];\r\n\r\n  if (customFieldUid) {\r\n    const customField = getCustomField(customFieldUid);\r\n    const CustomFieldIcon = customField?.icon;\r\n\r\n    if (CustomFieldIcon) {\r\n      Compo = (\r\n        <Box marginRight={3} width={7} height={6}>\r\n          <CustomFieldIcon />\r\n        </Box>\r\n      );\r\n    }\r\n  }\r\n\r\n  if (!iconByTypes[type]) {\r\n    return null;\r\n  }\r\n\r\n  return Compo;\r\n};\r\n\r\nexport { FieldTypeIcon };\r\n"],"names":["iconByTypes","biginteger","_jsx","NumberField","boolean","BooleanField","date","DateField","datetime","decimal","email","EmailField","enumeration","EnumerationField","float","integer","media","MediaField","password","PasswordField","relation","RelationField","string","TextField","text","richtext","time","timestamp","json","JsonField","uid","UidField","component","ComponentField","dynamiczone","DynamicZoneField","blocks","BlocksField","FieldTypeIcon","type","customFieldUid","getCustomField","useStrapiApp","state","customFields","get","Compo","customField","CustomFieldIcon","icon","Box","marginRight","width","height"],"mappings":"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"}

package/dist/admin/components/FieldTypeIcon.mjs

@@ -0,0 +1,56 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { useStrapiApp } from '@strapi/admin/strapi-admin';
+import { Box } from '@strapi/design-system';
+import { BlocksField, DynamicZoneField, ComponentField, UidField, JsonField, DateField, TextField, RelationField, PasswordField, MediaField, NumberField, EnumerationField, EmailField, BooleanField } from '@strapi/icons/symbols';
+
+const iconByTypes = {
+    biginteger: /*#__PURE__*/ jsx(NumberField, {}),
+    boolean: /*#__PURE__*/ jsx(BooleanField, {}),
+    date: /*#__PURE__*/ jsx(DateField, {}),
+    datetime: /*#__PURE__*/ jsx(DateField, {}),
+    decimal: /*#__PURE__*/ jsx(NumberField, {}),
+    email: /*#__PURE__*/ jsx(EmailField, {}),
+    enumeration: /*#__PURE__*/ jsx(EnumerationField, {}),
+    float: /*#__PURE__*/ jsx(NumberField, {}),
+    integer: /*#__PURE__*/ jsx(NumberField, {}),
+    media: /*#__PURE__*/ jsx(MediaField, {}),
+    password: /*#__PURE__*/ jsx(PasswordField, {}),
+    relation: /*#__PURE__*/ jsx(RelationField, {}),
+    string: /*#__PURE__*/ jsx(TextField, {}),
+    text: /*#__PURE__*/ jsx(TextField, {}),
+    richtext: /*#__PURE__*/ jsx(TextField, {}),
+    time: /*#__PURE__*/ jsx(DateField, {}),
+    timestamp: /*#__PURE__*/ jsx(DateField, {}),
+    json: /*#__PURE__*/ jsx(JsonField, {}),
+    uid: /*#__PURE__*/ jsx(UidField, {}),
+    component: /*#__PURE__*/ jsx(ComponentField, {}),
+    dynamiczone: /*#__PURE__*/ jsx(DynamicZoneField, {}),
+    blocks: /*#__PURE__*/ jsx(BlocksField, {})
+};
+const FieldTypeIcon = ({ type, customFieldUid })=>{
+    const getCustomField = useStrapiApp('FieldTypeIcon', (state)=>state.customFields.get);
+    if (!type) {
+        return null;
+    }
+    let Compo = iconByTypes[type];
+    if (customFieldUid) {
+        const customField = getCustomField(customFieldUid);
+        const CustomFieldIcon = customField?.icon;
+        if (CustomFieldIcon) {
+            Compo = /*#__PURE__*/ jsx(Box, {
+                marginRight: 3,
+                width: 7,
+                height: 6,
+                children: /*#__PURE__*/ jsx(CustomFieldIcon, {})
+            });
+        }
+    }
+    if (!iconByTypes[type]) {
+        return null;
+    }
+    return Compo;
+};
+
+export { FieldTypeIcon };
+//# sourceMappingURL=FieldTypeIcon.mjs.map

package/dist/admin/components/FieldTypeIcon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldTypeIcon.mjs","sources":["../../../admin/src/components/FieldTypeIcon.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { useStrapiApp } from '@strapi/admin/strapi-admin';\r\nimport { Box } from '@strapi/design-system';\r\nimport {\r\n  BlocksField,\r\n  BooleanField,\r\n  ComponentField,\r\n  DateField,\r\n  DynamicZoneField,\r\n  EmailField,\r\n  EnumerationField,\r\n  JsonField,\r\n  MediaField,\r\n  NumberField,\r\n  PasswordField,\r\n  RelationField,\r\n  TextField,\r\n  UidField,\r\n} from '@strapi/icons/symbols';\r\n\r\nimport type { Schema } from '@strapi/types';\r\n\r\nconst iconByTypes: Record<Schema.Attribute.Kind, React.ReactElement> = {\r\n  biginteger: <NumberField />,\r\n  boolean: <BooleanField />,\r\n  date: <DateField />,\r\n  datetime: <DateField />,\r\n  decimal: <NumberField />,\r\n  email: <EmailField />,\r\n  enumeration: <EnumerationField />,\r\n  float: <NumberField />,\r\n  integer: <NumberField />,\r\n  media: <MediaField />,\r\n  password: <PasswordField />,\r\n  relation: <RelationField />,\r\n  string: <TextField />,\r\n  text: <TextField />,\r\n  richtext: <TextField />,\r\n  time: <DateField />,\r\n  timestamp: <DateField />,\r\n  json: <JsonField />,\r\n  uid: <UidField />,\r\n  component: <ComponentField />,\r\n  dynamiczone: <DynamicZoneField />,\r\n  blocks: <BlocksField />,\r\n};\r\n\r\ninterface FieldTypeIconProps {\r\n  type?: keyof typeof iconByTypes;\r\n  customFieldUid?: string;\r\n}\r\n\r\nconst FieldTypeIcon = ({ type, customFieldUid }: FieldTypeIconProps) => {\r\n  const getCustomField = useStrapiApp('FieldTypeIcon', (state) => state.customFields.get);\r\n\r\n  if (!type) {\r\n    return null;\r\n  }\r\n\r\n  let Compo = iconByTypes[type];\r\n\r\n  if (customFieldUid) {\r\n    const customField = getCustomField(customFieldUid);\r\n    const CustomFieldIcon = customField?.icon;\r\n\r\n    if (CustomFieldIcon) {\r\n      Compo = (\r\n        <Box marginRight={3} width={7} height={6}>\r\n          <CustomFieldIcon />\r\n        </Box>\r\n      );\r\n    }\r\n  }\r\n\r\n  if (!iconByTypes[type]) {\r\n    return null;\r\n  }\r\n\r\n  return Compo;\r\n};\r\n\r\nexport { FieldTypeIcon };\r\n"],"names":["iconByTypes","biginteger","_jsx","NumberField","boolean","BooleanField","date","DateField","datetime","decimal","email","EmailField","enumeration","EnumerationField","float","integer","media","MediaField","password","PasswordField","relation","RelationField","string","TextField","text","richtext","time","timestamp","json","JsonField","uid","UidField","component","ComponentField","dynamiczone","DynamicZoneField","blocks","BlocksField","FieldTypeIcon","type","customFieldUid","getCustomField","useStrapiApp","state","customFields","get","Compo","customField","CustomFieldIcon","icon","Box","marginRight","width","height"],"mappings":"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"}

package/dist/admin/components/InjectionZone.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var strapiAdmin = require('@strapi/admin/strapi-admin');
+var plugin = require('../constants/plugin.js');
+
+const INJECTION_ZONES = {
+    editView: {
+        informations: [],
+        'right-links': []
+    },
+    listView: {
+        actions: [],
+        deleteModalAdditionalInfos: [],
+        publishModalAdditionalInfos: [],
+        unpublishModalAdditionalInfos: []
+    },
+    preview: {
+        actions: []
+    }
+};
+/**
+ * You can't know what this component props will be because it's generic and used everywhere
+ * e.g. content-manager edit view, we just send the slug but we might not in the listView,
+ * therefore, people should type it themselves on the components they render.
+ */ const InjectionZone = ({ area, ...props })=>{
+    const components = useInjectionZone(area);
+    return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: components.map((component)=>/*#__PURE__*/ jsxRuntime.jsx(component.Component, {
+                ...props
+            }, component.name))
+    });
+};
+const useInjectionZone = (area)=>{
+    const getPlugin = strapiAdmin.useStrapiApp('useInjectionZone', (state)=>state.getPlugin);
+    const contentManagerPlugin = getPlugin(plugin.PLUGIN_ID);
+    const [page, position] = area.split('.');
+    return contentManagerPlugin.getInjectedComponents(page, position);
+};
+
+exports.INJECTION_ZONES = INJECTION_ZONES;
+exports.InjectionZone = InjectionZone;
+exports.useInjectionZone = useInjectionZone;
+//# sourceMappingURL=InjectionZone.js.map

package/dist/admin/components/InjectionZone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InjectionZone.js","sources":["../../../admin/src/components/InjectionZone.tsx"],"sourcesContent":["import { useStrapiApp, InjectionZoneComponent } from '@strapi/admin/strapi-admin';\r\n\r\nimport { PLUGIN_ID } from '../constants/plugin';\r\n\r\nconst INJECTION_ZONES = {\r\n  editView: { informations: [], 'right-links': [] },\r\n  listView: {\r\n    actions: [],\r\n    deleteModalAdditionalInfos: [],\r\n    publishModalAdditionalInfos: [],\r\n    unpublishModalAdditionalInfos: [],\r\n  },\r\n  preview: {\r\n    actions: [],\r\n  },\r\n} satisfies InjectionZones;\r\n\r\ninterface InjectionZones {\r\n  editView: {\r\n    informations: InjectionZoneComponent[];\r\n    'right-links': InjectionZoneComponent[];\r\n  };\r\n  listView: {\r\n    actions: InjectionZoneComponent[];\r\n    deleteModalAdditionalInfos: InjectionZoneComponent[];\r\n    publishModalAdditionalInfos: InjectionZoneComponent[];\r\n    unpublishModalAdditionalInfos: InjectionZoneComponent[];\r\n  };\r\n  preview: {\r\n    actions: InjectionZoneComponent[];\r\n  };\r\n}\r\n\r\ntype InjectionZoneArea =\r\n  | 'editView.informations'\r\n  | 'editView.right-links'\r\n  | 'listView.actions'\r\n  | 'listView.unpublishModalAdditionalInfos'\r\n  | 'listView.deleteModalAdditionalInfos'\r\n  | 'listView.publishModalAdditionalInfos'\r\n  | 'listView.deleteModalAdditionalInfos'\r\n  | 'preview.actions';\r\n\r\ntype InjectionZoneModule = InjectionZoneArea extends `${infer Word}.${string}` ? Word : never;\r\ntype InjectionZoneContainer = InjectionZoneArea extends `${string}.${infer Word}.${string}`\r\n  ? Word\r\n  : never;\r\ntype InjectionZoneBlock = InjectionZoneArea extends `${string}.${string}.${infer Word}`\r\n  ? Word\r\n  : never;\r\n\r\n/**\r\n * You can't know what this component props will be because it's generic and used everywhere\r\n * e.g. content-manager edit view, we just send the slug but we might not in the listView,\r\n * therefore, people should type it themselves on the components they render.\r\n */\r\nconst InjectionZone = ({ area, ...props }: { area: InjectionZoneArea; [key: string]: unknown }) => {\r\n  const components = useInjectionZone(area);\r\n\r\n  return (\r\n    <>\r\n      {components.map((component) => (\r\n        <component.Component key={component.name} {...props} />\r\n      ))}\r\n    </>\r\n  );\r\n};\r\n\r\nexport const useInjectionZone = (area: InjectionZoneArea) => {\r\n  const getPlugin = useStrapiApp('useInjectionZone', (state) => state.getPlugin);\r\n  const contentManagerPlugin = getPlugin(PLUGIN_ID);\r\n  const [page, position] = area.split('.') as [InjectionZoneContainer, InjectionZoneBlock];\r\n\r\n  return contentManagerPlugin.getInjectedComponents(page, position);\r\n};\r\n\r\nexport { InjectionZone, INJECTION_ZONES };\r\n\r\nexport type {\r\n  InjectionZoneArea,\r\n  InjectionZoneComponent,\r\n  InjectionZones,\r\n  InjectionZoneModule,\r\n  InjectionZoneContainer,\r\n  InjectionZoneBlock,\r\n};\r\n"],"names":["INJECTION_ZONES","editView","informations","listView","actions","deleteModalAdditionalInfos","publishModalAdditionalInfos","unpublishModalAdditionalInfos","preview","InjectionZone","area","props","components","useInjectionZone","_jsx","_Fragment","map","component","Component","name","getPlugin","useStrapiApp","state","contentManagerPlugin","PLUGIN_ID","page","position","split","getInjectedComponents"],"mappings":";;;;;;AAIA,MAAMA,eAAAA,GAAkB;IACtBC,QAAAA,EAAU;AAAEC,QAAAA,YAAAA,EAAc,EAAE;AAAE,QAAA,aAAA,EAAe;AAAG,KAAA;IAChDC,QAAAA,EAAU;AACRC,QAAAA,OAAAA,EAAS,EAAE;AACXC,QAAAA,0BAAAA,EAA4B,EAAE;AAC9BC,QAAAA,2BAAAA,EAA6B,EAAE;AAC/BC,QAAAA,6BAAAA,EAA+B;AACjC,KAAA;IACAC,OAAAA,EAAS;AACPJ,QAAAA,OAAAA,EAAS;AACX;AACF;AAoCA;;;;AAIC,UACKK,aAAAA,GAAgB,CAAC,EAAEC,IAAI,EAAE,GAAGC,KAAAA,EAA4D,GAAA;AAC5F,IAAA,MAAMC,aAAaC,gBAAAA,CAAiBH,IAAAA,CAAAA;IAEpC,qBACEI,cAAA,CAAAC,mBAAA,EAAA;AACGH,QAAAA,QAAAA,EAAAA,UAAAA,CAAWI,GAAG,CAAC,CAACC,SAAAA,iBACfH,cAAA,CAACG,UAAUC,SAAS,EAAA;AAAuB,gBAAA,GAAGP;AAApBM,aAAAA,EAAAA,SAAAA,CAAUE,IAAI,CAAA;;AAIhD;AAEO,MAAMN,mBAAmB,CAACH,IAAAA,GAAAA;AAC/B,IAAA,MAAMU,YAAYC,wBAAAA,CAAa,kBAAA,EAAoB,CAACC,KAAAA,GAAUA,MAAMF,SAAS,CAAA;AAC7E,IAAA,MAAMG,uBAAuBH,SAAAA,CAAUI,gBAAAA,CAAAA;AACvC,IAAA,MAAM,CAACC,IAAAA,EAAMC,QAAAA,CAAS,GAAGhB,IAAAA,CAAKiB,KAAK,CAAC,GAAA,CAAA;IAEpC,OAAOJ,oBAAAA,CAAqBK,qBAAqB,CAACH,IAAAA,EAAMC,QAAAA,CAAAA;AAC1D;;;;;;"}

package/dist/admin/components/InjectionZone.mjs

@@ -0,0 +1,40 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useStrapiApp } from '@strapi/admin/strapi-admin';
+import { PLUGIN_ID } from '../constants/plugin.mjs';
+
+const INJECTION_ZONES = {
+    editView: {
+        informations: [],
+        'right-links': []
+    },
+    listView: {
+        actions: [],
+        deleteModalAdditionalInfos: [],
+        publishModalAdditionalInfos: [],
+        unpublishModalAdditionalInfos: []
+    },
+    preview: {
+        actions: []
+    }
+};
+/**
+ * You can't know what this component props will be because it's generic and used everywhere
+ * e.g. content-manager edit view, we just send the slug but we might not in the listView,
+ * therefore, people should type it themselves on the components they render.
+ */ const InjectionZone = ({ area, ...props })=>{
+    const components = useInjectionZone(area);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: components.map((component)=>/*#__PURE__*/ jsx(component.Component, {
+                ...props
+            }, component.name))
+    });
+};
+const useInjectionZone = (area)=>{
+    const getPlugin = useStrapiApp('useInjectionZone', (state)=>state.getPlugin);
+    const contentManagerPlugin = getPlugin(PLUGIN_ID);
+    const [page, position] = area.split('.');
+    return contentManagerPlugin.getInjectedComponents(page, position);
+};
+
+export { INJECTION_ZONES, InjectionZone, useInjectionZone };
+//# sourceMappingURL=InjectionZone.mjs.map

package/dist/admin/components/InjectionZone.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InjectionZone.mjs","sources":["../../../admin/src/components/InjectionZone.tsx"],"sourcesContent":["import { useStrapiApp, InjectionZoneComponent } from '@strapi/admin/strapi-admin';\r\n\r\nimport { PLUGIN_ID } from '../constants/plugin';\r\n\r\nconst INJECTION_ZONES = {\r\n  editView: { informations: [], 'right-links': [] },\r\n  listView: {\r\n    actions: [],\r\n    deleteModalAdditionalInfos: [],\r\n    publishModalAdditionalInfos: [],\r\n    unpublishModalAdditionalInfos: [],\r\n  },\r\n  preview: {\r\n    actions: [],\r\n  },\r\n} satisfies InjectionZones;\r\n\r\ninterface InjectionZones {\r\n  editView: {\r\n    informations: InjectionZoneComponent[];\r\n    'right-links': InjectionZoneComponent[];\r\n  };\r\n  listView: {\r\n    actions: InjectionZoneComponent[];\r\n    deleteModalAdditionalInfos: InjectionZoneComponent[];\r\n    publishModalAdditionalInfos: InjectionZoneComponent[];\r\n    unpublishModalAdditionalInfos: InjectionZoneComponent[];\r\n  };\r\n  preview: {\r\n    actions: InjectionZoneComponent[];\r\n  };\r\n}\r\n\r\ntype InjectionZoneArea =\r\n  | 'editView.informations'\r\n  | 'editView.right-links'\r\n  | 'listView.actions'\r\n  | 'listView.unpublishModalAdditionalInfos'\r\n  | 'listView.deleteModalAdditionalInfos'\r\n  | 'listView.publishModalAdditionalInfos'\r\n  | 'listView.deleteModalAdditionalInfos'\r\n  | 'preview.actions';\r\n\r\ntype InjectionZoneModule = InjectionZoneArea extends `${infer Word}.${string}` ? Word : never;\r\ntype InjectionZoneContainer = InjectionZoneArea extends `${string}.${infer Word}.${string}`\r\n  ? Word\r\n  : never;\r\ntype InjectionZoneBlock = InjectionZoneArea extends `${string}.${string}.${infer Word}`\r\n  ? Word\r\n  : never;\r\n\r\n/**\r\n * You can't know what this component props will be because it's generic and used everywhere\r\n * e.g. content-manager edit view, we just send the slug but we might not in the listView,\r\n * therefore, people should type it themselves on the components they render.\r\n */\r\nconst InjectionZone = ({ area, ...props }: { area: InjectionZoneArea; [key: string]: unknown }) => {\r\n  const components = useInjectionZone(area);\r\n\r\n  return (\r\n    <>\r\n      {components.map((component) => (\r\n        <component.Component key={component.name} {...props} />\r\n      ))}\r\n    </>\r\n  );\r\n};\r\n\r\nexport const useInjectionZone = (area: InjectionZoneArea) => {\r\n  const getPlugin = useStrapiApp('useInjectionZone', (state) => state.getPlugin);\r\n  const contentManagerPlugin = getPlugin(PLUGIN_ID);\r\n  const [page, position] = area.split('.') as [InjectionZoneContainer, InjectionZoneBlock];\r\n\r\n  return contentManagerPlugin.getInjectedComponents(page, position);\r\n};\r\n\r\nexport { InjectionZone, INJECTION_ZONES };\r\n\r\nexport type {\r\n  InjectionZoneArea,\r\n  InjectionZoneComponent,\r\n  InjectionZones,\r\n  InjectionZoneModule,\r\n  InjectionZoneContainer,\r\n  InjectionZoneBlock,\r\n};\r\n"],"names":["INJECTION_ZONES","editView","informations","listView","actions","deleteModalAdditionalInfos","publishModalAdditionalInfos","unpublishModalAdditionalInfos","preview","InjectionZone","area","props","components","useInjectionZone","_jsx","_Fragment","map","component","Component","name","getPlugin","useStrapiApp","state","contentManagerPlugin","PLUGIN_ID","page","position","split","getInjectedComponents"],"mappings":";;;;AAIA,MAAMA,eAAAA,GAAkB;IACtBC,QAAAA,EAAU;AAAEC,QAAAA,YAAAA,EAAc,EAAE;AAAE,QAAA,aAAA,EAAe;AAAG,KAAA;IAChDC,QAAAA,EAAU;AACRC,QAAAA,OAAAA,EAAS,EAAE;AACXC,QAAAA,0BAAAA,EAA4B,EAAE;AAC9BC,QAAAA,2BAAAA,EAA6B,EAAE;AAC/BC,QAAAA,6BAAAA,EAA+B;AACjC,KAAA;IACAC,OAAAA,EAAS;AACPJ,QAAAA,OAAAA,EAAS;AACX;AACF;AAoCA;;;;AAIC,UACKK,aAAAA,GAAgB,CAAC,EAAEC,IAAI,EAAE,GAAGC,KAAAA,EAA4D,GAAA;AAC5F,IAAA,MAAMC,aAAaC,gBAAAA,CAAiBH,IAAAA,CAAAA;IAEpC,qBACEI,GAAA,CAAAC,QAAA,EAAA;AACGH,QAAAA,QAAAA,EAAAA,UAAAA,CAAWI,GAAG,CAAC,CAACC,SAAAA,iBACfH,GAAA,CAACG,UAAUC,SAAS,EAAA;AAAuB,gBAAA,GAAGP;AAApBM,aAAAA,EAAAA,SAAAA,CAAUE,IAAI,CAAA;;AAIhD;AAEO,MAAMN,mBAAmB,CAACH,IAAAA,GAAAA;AAC/B,IAAA,MAAMU,YAAYC,YAAAA,CAAa,kBAAA,EAAoB,CAACC,KAAAA,GAAUA,MAAMF,SAAS,CAAA;AAC7E,IAAA,MAAMG,uBAAuBH,SAAAA,CAAUI,SAAAA,CAAAA;AACvC,IAAA,MAAM,CAACC,IAAAA,EAAMC,QAAAA,CAAS,GAAGhB,IAAAA,CAAKiB,KAAK,CAAC,GAAA,CAAA;IAEpC,OAAOJ,oBAAAA,CAAqBK,qBAAqB,CAACH,IAAAA,EAAMC,QAAAA,CAAAA;AAC1D;;;;"}