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

package/dist/admin/components/ConfigurationForm/Form.mjs

@@ -0,0 +1,262 @@
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { Form, Layouts, InputRenderer, useForm, BackButton } from '@strapi/admin/strapi-admin';
+import { Main, Flex, Typography, Grid, Divider, Button } from '@strapi/design-system';
+import { generateNKeysBetween } from 'fractional-indexing';
+import pipe from 'lodash/fp/pipe';
+import { useIntl } from 'react-intl';
+import { ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD } from '../../constants/attributes.mjs';
+import { capitalise } from '../../utils/strings.mjs';
+import { getTranslation } from '../../utils/translations.mjs';
+import { Fields, TEMP_FIELD_NAME } from './Fields.mjs';
+
+const ConfigurationForm = ({ attributes, fieldSizes, layout: editLayout, onSubmit })=>{
+    const { components, settings, layout, metadatas } = editLayout;
+    const { formatMessage } = useIntl();
+    const initialValues = React.useMemo(()=>{
+        const transformations = pipe(flattenPanels, replaceMainFieldWithNameOnly, extractMetadata, addTmpSpaceToLayout, addTmpKeysToLayout);
+        return {
+            layout: transformations(layout),
+            settings: {
+                ...settings,
+                relationOpenMode: settings.relationOpenMode ?? 'modal'
+            }
+        };
+    }, [
+        layout,
+        settings
+    ]);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx(Main, {
+            children: /*#__PURE__*/ jsxs(Form, {
+                initialValues: initialValues,
+                onSubmit: onSubmit,
+                method: "PUT",
+                children: [
+                    /*#__PURE__*/ jsx(Header, {
+                        name: settings.displayName ?? ''
+                    }),
+                    /*#__PURE__*/ jsx(Layouts.Content, {
+                        children: /*#__PURE__*/ jsxs(Flex, {
+                            alignItems: "stretch",
+                            background: "neutral0",
+                            direction: "column",
+                            gap: 6,
+                            hasRadius: true,
+                            shadow: "tableShadow",
+                            paddingTop: 6,
+                            paddingBottom: 6,
+                            paddingLeft: 7,
+                            paddingRight: 7,
+                            children: [
+                                /*#__PURE__*/ jsx(Typography, {
+                                    variant: "delta",
+                                    tag: "h2",
+                                    children: formatMessage({
+                                        id: getTranslation('containers.SettingPage.settings'),
+                                        defaultMessage: 'Settings'
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxs(Grid.Root, {
+                                    gap: 4,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                            col: 6,
+                                            xs: 12,
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            children: /*#__PURE__*/ jsx(InputRenderer, {
+                                                type: "enumeration",
+                                                label: formatMessage({
+                                                    id: getTranslation('containers.SettingPage.editSettings.entry.title'),
+                                                    defaultMessage: 'Entry title'
+                                                }),
+                                                hint: formatMessage({
+                                                    id: getTranslation('containers.SettingPage.editSettings.entry.title.description'),
+                                                    defaultMessage: 'Set the display field of your entry'
+                                                }),
+                                                name: "settings.mainField",
+                                                options: Object.entries(attributes).reduce((acc, [key, attribute])=>{
+                                                    if (!attribute) {
+                                                        return acc;
+                                                    }
+                                                    /**
+                       * Create the list of attributes from the schema as to which can
+                       * be our `mainField` and dictate the display name of the schema
+                       * we're editing.
+                       */ if (!ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD.includes(attribute.type)) {
+                                                        acc.push({
+                                                            label: key,
+                                                            value: key
+                                                        });
+                                                    }
+                                                    return acc;
+                                                }, [])
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(Grid.Item, {
+                                            col: 6,
+                                            xs: 12,
+                                            direction: "column",
+                                            alignItems: "stretch",
+                                            children: /*#__PURE__*/ jsx(InputRenderer, {
+                                                type: "enumeration",
+                                                label: formatMessage({
+                                                    id: getTranslation('containers.SettingPage.editSettings.relationOpenMode'),
+                                                    defaultMessage: 'Relation open behavior'
+                                                }),
+                                                hint: formatMessage({
+                                                    id: getTranslation('containers.SettingPage.editSettings.relationOpenMode.description'),
+                                                    defaultMessage: 'Choose how relation entries open when clicked'
+                                                }),
+                                                name: "settings.relationOpenMode",
+                                                options: [
+                                                    {
+                                                        label: formatMessage({
+                                                            id: getTranslation('containers.SettingPage.editSettings.relationOpenMode.modal'),
+                                                            defaultMessage: 'Modal (default)'
+                                                        }),
+                                                        value: 'modal'
+                                                    },
+                                                    {
+                                                        label: formatMessage({
+                                                            id: getTranslation('containers.SettingPage.editSettings.relationOpenMode.page'),
+                                                            defaultMessage: 'Navigate to page'
+                                                        }),
+                                                        value: 'page'
+                                                    },
+                                                    {
+                                                        label: formatMessage({
+                                                            id: getTranslation('containers.SettingPage.editSettings.relationOpenMode.newTab'),
+                                                            defaultMessage: 'Open in new tab'
+                                                        }),
+                                                        value: 'newTab'
+                                                    }
+                                                ]
+                                            })
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsx(Divider, {}),
+                                /*#__PURE__*/ jsxs(Flex, {
+                                    direction: "column",
+                                    alignItems: "stretch",
+                                    gap: 2,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Typography, {
+                                            variant: "delta",
+                                            tag: "h3",
+                                            children: formatMessage({
+                                                id: getTranslation('containers.SettingPage.view'),
+                                                defaultMessage: 'View'
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(Fields, {
+                                            attributes: attributes,
+                                            components: components,
+                                            fieldSizes: fieldSizes,
+                                            metadatas: metadatas
+                                        })
+                                    ]
+                                })
+                            ]
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+/**
+ * @internal
+ * @description Panels don't exist in the layout, so we flatten by one.
+ */ const flattenPanels = (layout)=>layout.flat(1);
+/**
+ * @internal
+ * @description We don't need the mainField object in the layout, we only need the name.
+ */ const replaceMainFieldWithNameOnly = (layout)=>layout.map((row)=>row.map((field)=>({
+                ...field,
+                mainField: field.mainField?.name
+            })));
+/**
+ * @internal
+ * @description We extract the metadata values from the field layout, because these are editable by the user.
+ */ const extractMetadata = (layout)=>{
+    return layout.map((row)=>row.map(({ label, disabled, hint, placeholder, size, name, mainField })=>({
+                label,
+                editable: !disabled,
+                description: hint,
+                mainField,
+                placeholder,
+                size,
+                name,
+                __temp_key__: ''
+            })));
+};
+/**
+ * @internal
+ * @description Each row of the layout has a max size of 12 (based on bootstrap grid system)
+ * So in order to offer a better drop zone we add the _TEMP_ div to complete the remaining substract (12 - existing)
+ */ const addTmpSpaceToLayout = (layout)=>layout.map((row)=>{
+        const totalSpaceTaken = row.reduce((acc, field)=>acc + field.size, 0);
+        if (totalSpaceTaken < 12) {
+            return [
+                ...row,
+                {
+                    name: TEMP_FIELD_NAME,
+                    size: 12 - totalSpaceTaken,
+                    __temp_key__: ''
+                }
+            ];
+        }
+        return row;
+    });
+/**
+ * @internal
+ * @description At this point of the transformations we have Field[][], but each row for the form should have a __temp_key__
+ * applied. This means we need to change it so `Field` is nested under the children property.
+ */ const addTmpKeysToLayout = (layout)=>{
+    const keys = generateNKeysBetween(undefined, undefined, layout.length);
+    return layout.map((row, rowIndex)=>{
+        const fieldKeys = generateNKeysBetween(undefined, undefined, row.length);
+        return {
+            __temp_key__: keys[rowIndex],
+            children: row.map((field, fieldIndex)=>{
+                return {
+                    ...field,
+                    __temp_key__: fieldKeys[fieldIndex]
+                };
+            })
+        };
+    });
+};
+const Header = ({ name })=>{
+    const { formatMessage } = useIntl();
+    const modified = useForm('Header', (state)=>state.modified);
+    const isSubmitting = useForm('Header', (state)=>state.isSubmitting);
+    return /*#__PURE__*/ jsx(Layouts.Header, {
+        title: formatMessage({
+            id: getTranslation('components.SettingsViewWrapper.pluginHeader.title'),
+            defaultMessage: `Configure the view - {name}`
+        }, {
+            name: capitalise(name)
+        }),
+        subtitle: formatMessage({
+            id: getTranslation('components.SettingsViewWrapper.pluginHeader.description.edit-settings'),
+            defaultMessage: 'Customize how the edit view will look like.'
+        }),
+        navigationAction: /*#__PURE__*/ jsx(BackButton, {}),
+        primaryAction: /*#__PURE__*/ jsx(Button, {
+            disabled: !modified,
+            loading: isSubmitting,
+            type: "submit",
+            children: formatMessage({
+                id: 'global.save',
+                defaultMessage: 'Save'
+            })
+        })
+    });
+};
+
+export { ConfigurationForm };
+//# sourceMappingURL=Form.mjs.map

package/dist/admin/components/ConfigurationForm/Form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.mjs","sources":["../../../../admin/src/components/ConfigurationForm/Form.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport {\r\n  Form,\r\n  FormProps,\r\n  useForm,\r\n  InputRenderer,\r\n  BackButton,\r\n  Layouts,\r\n} from '@strapi/admin/strapi-admin';\r\nimport { Button, Divider, Flex, Grid, Main, Typography } from '@strapi/design-system';\r\nimport { generateNKeysBetween } from 'fractional-indexing';\r\nimport pipe from 'lodash/fp/pipe';\r\nimport { useIntl } from 'react-intl';\r\n\r\nimport { ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD } from '../../constants/attributes';\r\nimport { capitalise } from '../../utils/strings';\r\nimport { getTranslation } from '../../utils/translations';\r\n\r\nimport { Fields, FieldsProps, TEMP_FIELD_NAME } from './Fields';\r\n\r\nimport type { EditFieldLayout, EditLayout } from '../../hooks/useDocumentLayout';\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * ConfigurationForm\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface ConfigurationFormProps extends Pick<FieldsProps, 'attributes' | 'fieldSizes'> {\r\n  layout: EditLayout;\r\n  onSubmit: FormProps<ConfigurationFormData>['onSubmit'];\r\n}\r\n\r\n/**\r\n * Every key in EditFieldLayout is turned to optional never and then we overwrite the ones we are using.\r\n */\r\n\r\ntype EditFieldSpacerLayout = {\r\n  [key in keyof Omit<EditFieldLayout, 'name' | 'size'>]?: never;\r\n} & {\r\n  description?: never;\r\n  editable?: never;\r\n  name: '_TEMP_';\r\n  size: number;\r\n  __temp_key__: string;\r\n};\r\n\r\ninterface ConfigurationFormData extends Pick<EditLayout, 'settings'> {\r\n  layout: Array<{\r\n    __temp_key__: string;\r\n    children: Array<\r\n      | (Pick<EditFieldLayout, 'label' | 'size' | 'name' | 'placeholder' | 'mainField'> & {\r\n          description: EditFieldLayout['hint'];\r\n          editable: EditFieldLayout['disabled'];\r\n          __temp_key__: string;\r\n        })\r\n      | EditFieldSpacerLayout\r\n    >;\r\n  }>;\r\n}\r\n\r\nconst ConfigurationForm = ({\r\n  attributes,\r\n  fieldSizes,\r\n  layout: editLayout,\r\n  onSubmit,\r\n}: ConfigurationFormProps) => {\r\n  const { components, settings, layout, metadatas } = editLayout;\r\n\r\n  const { formatMessage } = useIntl();\r\n\r\n  const initialValues: ConfigurationFormData = React.useMemo(() => {\r\n    const transformations = pipe(\r\n      flattenPanels,\r\n      replaceMainFieldWithNameOnly,\r\n      extractMetadata,\r\n      addTmpSpaceToLayout,\r\n      addTmpKeysToLayout\r\n    );\r\n\r\n    return {\r\n      layout: transformations(layout),\r\n      settings: {\r\n        ...settings,\r\n        relationOpenMode: settings.relationOpenMode ?? 'modal',\r\n      },\r\n    };\r\n  }, [layout, settings]);\r\n\r\n  return (\r\n    <>\r\n      <Main>\r\n        <Form initialValues={initialValues} onSubmit={onSubmit} method=\"PUT\">\r\n          <Header name={settings.displayName ?? ''} />\r\n          <Layouts.Content>\r\n            <Flex\r\n              alignItems=\"stretch\"\r\n              background=\"neutral0\"\r\n              direction=\"column\"\r\n              gap={6}\r\n              hasRadius\r\n              shadow=\"tableShadow\"\r\n              paddingTop={6}\r\n              paddingBottom={6}\r\n              paddingLeft={7}\r\n              paddingRight={7}\r\n            >\r\n              <Typography variant=\"delta\" tag=\"h2\">\r\n                {formatMessage({\r\n                  id: getTranslation('containers.SettingPage.settings'),\r\n                  defaultMessage: 'Settings',\r\n                })}\r\n              </Typography>\r\n              <Grid.Root gap={4}>\r\n                <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\r\n                  <InputRenderer\r\n                    type=\"enumeration\"\r\n                    label={formatMessage({\r\n                      id: getTranslation('containers.SettingPage.editSettings.entry.title'),\r\n                      defaultMessage: 'Entry title',\r\n                    })}\r\n                    hint={formatMessage({\r\n                      id: getTranslation(\r\n                        'containers.SettingPage.editSettings.entry.title.description'\r\n                      ),\r\n                      defaultMessage: 'Set the display field of your entry',\r\n                    })}\r\n                    name=\"settings.mainField\"\r\n                    options={Object.entries(attributes).reduce<\r\n                      Array<{ label: string; value: string }>\r\n                    >((acc, [key, attribute]) => {\r\n                      if (!attribute) {\r\n                        return acc;\r\n                      }\r\n\r\n                      /**\r\n                       * Create the list of attributes from the schema as to which can\r\n                       * be our `mainField` and dictate the display name of the schema\r\n                       * we're editing.\r\n                       */\r\n                      if (!ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD.includes(attribute.type)) {\r\n                        acc.push({\r\n                          label: key,\r\n                          value: key,\r\n                        });\r\n                      }\r\n\r\n                      return acc;\r\n                    }, [])}\r\n                  />\r\n                </Grid.Item>\r\n                <Grid.Item col={6} xs={12} direction=\"column\" alignItems=\"stretch\">\r\n                  <InputRenderer\r\n                    type=\"enumeration\"\r\n                    label={formatMessage({\r\n                      id: getTranslation('containers.SettingPage.editSettings.relationOpenMode'),\r\n                      defaultMessage: 'Relation open behavior',\r\n                    })}\r\n                    hint={formatMessage({\r\n                      id: getTranslation(\r\n                        'containers.SettingPage.editSettings.relationOpenMode.description'\r\n                      ),\r\n                      defaultMessage: 'Choose how relation entries open when clicked',\r\n                    })}\r\n                    name=\"settings.relationOpenMode\"\r\n                    options={[\r\n                      {\r\n                        label: formatMessage({\r\n                          id: getTranslation(\r\n                            'containers.SettingPage.editSettings.relationOpenMode.modal'\r\n                          ),\r\n                          defaultMessage: 'Modal (default)',\r\n                        }),\r\n                        value: 'modal',\r\n                      },\r\n                      {\r\n                        label: formatMessage({\r\n                          id: getTranslation(\r\n                            'containers.SettingPage.editSettings.relationOpenMode.page'\r\n                          ),\r\n                          defaultMessage: 'Navigate to page',\r\n                        }),\r\n                        value: 'page',\r\n                      },\r\n                      {\r\n                        label: formatMessage({\r\n                          id: getTranslation(\r\n                            'containers.SettingPage.editSettings.relationOpenMode.newTab'\r\n                          ),\r\n                          defaultMessage: 'Open in new tab',\r\n                        }),\r\n                        value: 'newTab',\r\n                      },\r\n                    ]}\r\n                  />\r\n                </Grid.Item>\r\n              </Grid.Root>\r\n              <Divider />\r\n              <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\r\n                <Typography variant=\"delta\" tag=\"h3\">\r\n                  {formatMessage({\r\n                    id: getTranslation('containers.SettingPage.view'),\r\n                    defaultMessage: 'View',\r\n                  })}\r\n                </Typography>\r\n                <Fields\r\n                  attributes={attributes}\r\n                  components={components}\r\n                  fieldSizes={fieldSizes}\r\n                  metadatas={metadatas}\r\n                />\r\n              </Flex>\r\n            </Flex>\r\n          </Layouts.Content>\r\n        </Form>\r\n      </Main>\r\n    </>\r\n  );\r\n};\r\n\r\n/**\r\n * @internal\r\n * @description Panels don't exist in the layout, so we flatten by one.\r\n */\r\nconst flattenPanels = (layout: EditLayout['layout']): EditLayout['layout'][number] =>\r\n  layout.flat(1);\r\n\r\n/**\r\n * @internal\r\n * @description We don't need the mainField object in the layout, we only need the name.\r\n */\r\nconst replaceMainFieldWithNameOnly = (layout: EditLayout['layout'][number]) =>\r\n  layout.map((row) =>\r\n    row.map((field) => ({\r\n      ...field,\r\n      mainField: field.mainField?.name,\r\n    }))\r\n  );\r\n\r\n/**\r\n * @internal\r\n * @description We extract the metadata values from the field layout, because these are editable by the user.\r\n */\r\nconst extractMetadata = (\r\n  layout: EditLayout['layout'][number]\r\n): Array<Exclude<ConfigurationFormData['layout'], { name: '_TEMP_' }>[number]['children']> => {\r\n  return layout.map((row) =>\r\n    row.map(({ label, disabled, hint, placeholder, size, name, mainField }) => ({\r\n      label,\r\n      editable: !disabled,\r\n      description: hint,\r\n      mainField,\r\n      placeholder,\r\n      size,\r\n      name,\r\n      __temp_key__: '',\r\n    }))\r\n  );\r\n};\r\n\r\n/**\r\n * @internal\r\n * @description Each row of the layout has a max size of 12 (based on bootstrap grid system)\r\n * So in order to offer a better drop zone we add the _TEMP_ div to complete the remaining substract (12 - existing)\r\n */\r\nconst addTmpSpaceToLayout = (\r\n  layout: ReturnType<typeof extractMetadata>\r\n): Array<ConfigurationFormData['layout'][number]['children']> =>\r\n  layout.map((row) => {\r\n    const totalSpaceTaken = row.reduce((acc, field) => acc + field.size, 0);\r\n\r\n    if (totalSpaceTaken < 12) {\r\n      return [\r\n        ...row,\r\n        {\r\n          name: TEMP_FIELD_NAME,\r\n          size: 12 - totalSpaceTaken,\r\n          __temp_key__: '',\r\n        } satisfies EditFieldSpacerLayout,\r\n      ];\r\n    }\r\n\r\n    return row;\r\n  });\r\n\r\n/**\r\n * @internal\r\n * @description At this point of the transformations we have Field[][], but each row for the form should have a __temp_key__\r\n * applied. This means we need to change it so `Field` is nested under the children property.\r\n */\r\nconst addTmpKeysToLayout = (\r\n  layout: ReturnType<typeof addTmpSpaceToLayout>\r\n): ConfigurationFormData['layout'] => {\r\n  const keys = generateNKeysBetween(undefined, undefined, layout.length);\r\n\r\n  return layout.map((row, rowIndex) => {\r\n    const fieldKeys = generateNKeysBetween(undefined, undefined, row.length);\r\n\r\n    return {\r\n      __temp_key__: keys[rowIndex],\r\n      children: row.map((field, fieldIndex) => {\r\n        return {\r\n          ...field,\r\n          __temp_key__: fieldKeys[fieldIndex],\r\n        };\r\n      }),\r\n    };\r\n  });\r\n};\r\n\r\n/* -------------------------------------------------------------------------------------------------\r\n * Header\r\n * -----------------------------------------------------------------------------------------------*/\r\n\r\ninterface HeaderProps {\r\n  name: string;\r\n}\r\n\r\nconst Header = ({ name }: HeaderProps) => {\r\n  const { formatMessage } = useIntl();\r\n  const modified = useForm('Header', (state) => state.modified);\r\n  const isSubmitting = useForm('Header', (state) => state.isSubmitting);\r\n\r\n  return (\r\n    <Layouts.Header\r\n      title={formatMessage(\r\n        {\r\n          id: getTranslation('components.SettingsViewWrapper.pluginHeader.title'),\r\n          defaultMessage: `Configure the view - {name}`,\r\n        },\r\n        { name: capitalise(name) }\r\n      )}\r\n      subtitle={formatMessage({\r\n        id: getTranslation('components.SettingsViewWrapper.pluginHeader.description.edit-settings'),\r\n        defaultMessage: 'Customize how the edit view will look like.',\r\n      })}\r\n      navigationAction={<BackButton />}\r\n      primaryAction={\r\n        <Button disabled={!modified} loading={isSubmitting} type=\"submit\">\r\n          {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\r\n        </Button>\r\n      }\r\n    />\r\n  );\r\n};\r\n\r\nexport { ConfigurationForm };\r\nexport type { ConfigurationFormProps, ConfigurationFormData, EditFieldSpacerLayout };\r\n"],"names":["ConfigurationForm","attributes","fieldSizes","layout","editLayout","onSubmit","components","settings","metadatas","formatMessage","useIntl","initialValues","React","useMemo","transformations","pipe","flattenPanels","replaceMainFieldWithNameOnly","extractMetadata","addTmpSpaceToLayout","addTmpKeysToLayout","relationOpenMode","_jsx","_Fragment","Main","_jsxs","Form","method","Header","name","displayName","Layouts","Content","Flex","alignItems","background","direction","gap","hasRadius","shadow","paddingTop","paddingBottom","paddingLeft","paddingRight","Typography","variant","tag","id","getTranslation","defaultMessage","Grid","Root","Item","col","xs","InputRenderer","type","label","hint","options","Object","entries","reduce","acc","key","attribute","ATTRIBUTE_TYPES_THAT_CANNOT_BE_MAIN_FIELD","includes","push","value","Divider","Fields","flat","map","row","field","mainField","disabled","placeholder","size","editable","description","__temp_key__","totalSpaceTaken","TEMP_FIELD_NAME","keys","generateNKeysBetween","undefined","length","rowIndex","fieldKeys","children","fieldIndex","modified","useForm","state","isSubmitting","title","capitalise","subtitle","navigationAction","BackButton","primaryAction","Button","loading"],"mappings":"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"}

package/dist/admin/components/DragLayer.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var reactDnd = require('react-dnd');
+
+function getStyle(initialOffset, currentOffset, mouseOffset) {
+    if (!initialOffset || !currentOffset || !mouseOffset) {
+        return {
+            display: 'none'
+        };
+    }
+    const { x, y } = mouseOffset;
+    return {
+        transform: `translate(${x}px, ${y}px)`
+    };
+}
+const DragLayer = ({ renderItem })=>{
+    const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = reactDnd.useDragLayer((monitor)=>({
+            item: monitor.getItem(),
+            itemType: monitor.getItemType(),
+            initialOffset: monitor.getInitialSourceClientOffset(),
+            currentOffset: monitor.getSourceClientOffset(),
+            isDragging: monitor.isDragging(),
+            mouseOffset: monitor.getClientOffset()
+        }));
+    if (!isDragging) {
+        return null;
+    }
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+        height: "100%",
+        left: 0,
+        position: "fixed",
+        pointerEvents: "none",
+        top: 0,
+        zIndex: 100,
+        width: "100%",
+        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+            style: getStyle(initialOffset, currentOffset, mouseOffset),
+            children: renderItem({
+                type: itemType,
+                item
+            })
+        })
+    });
+};
+
+exports.DragLayer = DragLayer;
+//# sourceMappingURL=DragLayer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragLayer.js","sources":["../../../admin/src/components/DragLayer.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Box } from '@strapi/design-system';\r\nimport { DragLayerMonitor, XYCoord, useDragLayer } from 'react-dnd';\r\n\r\nfunction getStyle(\r\n  initialOffset: XYCoord | null,\r\n  currentOffset: XYCoord | null,\r\n  mouseOffset: XYCoord | null\r\n) {\r\n  if (!initialOffset || !currentOffset || !mouseOffset) {\r\n    return { display: 'none' };\r\n  }\r\n\r\n  const { x, y } = mouseOffset;\r\n\r\n  return {\r\n    transform: `translate(${x}px, ${y}px)`,\r\n  };\r\n}\r\n\r\nexport interface DragLayerProps {\r\n  renderItem: (item: {\r\n    /**\r\n     * TODO: it'd be great if we could make this a union where the type infers the item.\r\n     */\r\n    item: unknown;\r\n    type: ReturnType<DragLayerMonitor['getItemType']>;\r\n  }) => React.ReactNode;\r\n}\r\n\r\nconst DragLayer = ({ renderItem }: DragLayerProps) => {\r\n  const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = useDragLayer(\r\n    (monitor) => ({\r\n      item: monitor.getItem(),\r\n      itemType: monitor.getItemType(),\r\n      initialOffset: monitor.getInitialSourceClientOffset(),\r\n      currentOffset: monitor.getSourceClientOffset(),\r\n      isDragging: monitor.isDragging(),\r\n      mouseOffset: monitor.getClientOffset(),\r\n    })\r\n  );\r\n\r\n  if (!isDragging) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      height=\"100%\"\r\n      left={0}\r\n      position=\"fixed\"\r\n      pointerEvents=\"none\"\r\n      top={0}\r\n      zIndex={100}\r\n      width=\"100%\"\r\n    >\r\n      <Box style={getStyle(initialOffset, currentOffset, mouseOffset)}>\r\n        {renderItem({ type: itemType, item })}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport { DragLayer };\r\n"],"names":["getStyle","initialOffset","currentOffset","mouseOffset","display","x","y","transform","DragLayer","renderItem","itemType","isDragging","item","useDragLayer","monitor","getItem","getItemType","getInitialSourceClientOffset","getSourceClientOffset","getClientOffset","_jsx","Box","height","left","position","pointerEvents","top","zIndex","width","style","type"],"mappings":";;;;;;;AAKA,SAASA,QAAAA,CACPC,aAA6B,EAC7BC,aAA6B,EAC7BC,WAA2B,EAAA;AAE3B,IAAA,IAAI,CAACF,aAAAA,IAAiB,CAACC,aAAAA,IAAiB,CAACC,WAAAA,EAAa;QACpD,OAAO;YAAEC,OAAAA,EAAS;AAAO,SAAA;AAC3B,IAAA;AAEA,IAAA,MAAM,EAAEC,CAAC,EAAEC,CAAC,EAAE,GAAGH,WAAAA;IAEjB,OAAO;QACLI,SAAAA,EAAW,CAAC,UAAU,EAAEF,CAAAA,CAAE,IAAI,EAAEC,CAAAA,CAAE,GAAG;AACvC,KAAA;AACF;AAYA,MAAME,SAAAA,GAAY,CAAC,EAAEC,UAAU,EAAkB,GAAA;AAC/C,IAAA,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEX,aAAa,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGU,qBAAAA,CAChF,CAACC,WAAa;AACZF,YAAAA,IAAAA,EAAME,QAAQC,OAAO,EAAA;AACrBL,YAAAA,QAAAA,EAAUI,QAAQE,WAAW,EAAA;AAC7Bf,YAAAA,aAAAA,EAAea,QAAQG,4BAA4B,EAAA;AACnDf,YAAAA,aAAAA,EAAeY,QAAQI,qBAAqB,EAAA;AAC5CP,YAAAA,UAAAA,EAAYG,QAAQH,UAAU,EAAA;AAC9BR,YAAAA,WAAAA,EAAaW,QAAQK,eAAe;SACtC,CAAA,CAAA;AAGF,IAAA,IAAI,CAACR,UAAAA,EAAY;QACf,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACES,cAAA,CAACC,gBAAAA,EAAAA;QACCC,MAAAA,EAAO,MAAA;QACPC,IAAAA,EAAM,CAAA;QACNC,QAAAA,EAAS,OAAA;QACTC,aAAAA,EAAc,MAAA;QACdC,GAAAA,EAAK,CAAA;QACLC,MAAAA,EAAQ,GAAA;QACRC,KAAAA,EAAM,MAAA;AAEN,QAAA,QAAA,gBAAAR,cAAA,CAACC,gBAAAA,EAAAA;YAAIQ,KAAAA,EAAO7B,QAAAA,CAASC,eAAeC,aAAAA,EAAeC,WAAAA,CAAAA;sBAChDM,UAAAA,CAAW;gBAAEqB,IAAAA,EAAMpB,QAAAA;AAAUE,gBAAAA;AAAK,aAAA;;;AAI3C;;;;"}

package/dist/admin/components/DragLayer.mjs

@@ -0,0 +1,48 @@
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { Box } from '@strapi/design-system';
+import { useDragLayer } from 'react-dnd';
+
+function getStyle(initialOffset, currentOffset, mouseOffset) {
+    if (!initialOffset || !currentOffset || !mouseOffset) {
+        return {
+            display: 'none'
+        };
+    }
+    const { x, y } = mouseOffset;
+    return {
+        transform: `translate(${x}px, ${y}px)`
+    };
+}
+const DragLayer = ({ renderItem })=>{
+    const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = useDragLayer((monitor)=>({
+            item: monitor.getItem(),
+            itemType: monitor.getItemType(),
+            initialOffset: monitor.getInitialSourceClientOffset(),
+            currentOffset: monitor.getSourceClientOffset(),
+            isDragging: monitor.isDragging(),
+            mouseOffset: monitor.getClientOffset()
+        }));
+    if (!isDragging) {
+        return null;
+    }
+    return /*#__PURE__*/ jsx(Box, {
+        height: "100%",
+        left: 0,
+        position: "fixed",
+        pointerEvents: "none",
+        top: 0,
+        zIndex: 100,
+        width: "100%",
+        children: /*#__PURE__*/ jsx(Box, {
+            style: getStyle(initialOffset, currentOffset, mouseOffset),
+            children: renderItem({
+                type: itemType,
+                item
+            })
+        })
+    });
+};
+
+export { DragLayer };
+//# sourceMappingURL=DragLayer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DragLayer.mjs","sources":["../../../admin/src/components/DragLayer.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Box } from '@strapi/design-system';\r\nimport { DragLayerMonitor, XYCoord, useDragLayer } from 'react-dnd';\r\n\r\nfunction getStyle(\r\n  initialOffset: XYCoord | null,\r\n  currentOffset: XYCoord | null,\r\n  mouseOffset: XYCoord | null\r\n) {\r\n  if (!initialOffset || !currentOffset || !mouseOffset) {\r\n    return { display: 'none' };\r\n  }\r\n\r\n  const { x, y } = mouseOffset;\r\n\r\n  return {\r\n    transform: `translate(${x}px, ${y}px)`,\r\n  };\r\n}\r\n\r\nexport interface DragLayerProps {\r\n  renderItem: (item: {\r\n    /**\r\n     * TODO: it'd be great if we could make this a union where the type infers the item.\r\n     */\r\n    item: unknown;\r\n    type: ReturnType<DragLayerMonitor['getItemType']>;\r\n  }) => React.ReactNode;\r\n}\r\n\r\nconst DragLayer = ({ renderItem }: DragLayerProps) => {\r\n  const { itemType, isDragging, item, initialOffset, currentOffset, mouseOffset } = useDragLayer(\r\n    (monitor) => ({\r\n      item: monitor.getItem(),\r\n      itemType: monitor.getItemType(),\r\n      initialOffset: monitor.getInitialSourceClientOffset(),\r\n      currentOffset: monitor.getSourceClientOffset(),\r\n      isDragging: monitor.isDragging(),\r\n      mouseOffset: monitor.getClientOffset(),\r\n    })\r\n  );\r\n\r\n  if (!isDragging) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n    <Box\r\n      height=\"100%\"\r\n      left={0}\r\n      position=\"fixed\"\r\n      pointerEvents=\"none\"\r\n      top={0}\r\n      zIndex={100}\r\n      width=\"100%\"\r\n    >\r\n      <Box style={getStyle(initialOffset, currentOffset, mouseOffset)}>\r\n        {renderItem({ type: itemType, item })}\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport { DragLayer };\r\n"],"names":["getStyle","initialOffset","currentOffset","mouseOffset","display","x","y","transform","DragLayer","renderItem","itemType","isDragging","item","useDragLayer","monitor","getItem","getItemType","getInitialSourceClientOffset","getSourceClientOffset","getClientOffset","_jsx","Box","height","left","position","pointerEvents","top","zIndex","width","style","type"],"mappings":";;;;;AAKA,SAASA,QAAAA,CACPC,aAA6B,EAC7BC,aAA6B,EAC7BC,WAA2B,EAAA;AAE3B,IAAA,IAAI,CAACF,aAAAA,IAAiB,CAACC,aAAAA,IAAiB,CAACC,WAAAA,EAAa;QACpD,OAAO;YAAEC,OAAAA,EAAS;AAAO,SAAA;AAC3B,IAAA;AAEA,IAAA,MAAM,EAAEC,CAAC,EAAEC,CAAC,EAAE,GAAGH,WAAAA;IAEjB,OAAO;QACLI,SAAAA,EAAW,CAAC,UAAU,EAAEF,CAAAA,CAAE,IAAI,EAAEC,CAAAA,CAAE,GAAG;AACvC,KAAA;AACF;AAYA,MAAME,SAAAA,GAAY,CAAC,EAAEC,UAAU,EAAkB,GAAA;AAC/C,IAAA,MAAM,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,EAAEX,aAAa,EAAEC,aAAa,EAAEC,WAAW,EAAE,GAAGU,YAAAA,CAChF,CAACC,WAAa;AACZF,YAAAA,IAAAA,EAAME,QAAQC,OAAO,EAAA;AACrBL,YAAAA,QAAAA,EAAUI,QAAQE,WAAW,EAAA;AAC7Bf,YAAAA,aAAAA,EAAea,QAAQG,4BAA4B,EAAA;AACnDf,YAAAA,aAAAA,EAAeY,QAAQI,qBAAqB,EAAA;AAC5CP,YAAAA,UAAAA,EAAYG,QAAQH,UAAU,EAAA;AAC9BR,YAAAA,WAAAA,EAAaW,QAAQK,eAAe;SACtC,CAAA,CAAA;AAGF,IAAA,IAAI,CAACR,UAAAA,EAAY;QACf,OAAO,IAAA;AACT,IAAA;AAEA,IAAA,qBACES,GAAA,CAACC,GAAAA,EAAAA;QACCC,MAAAA,EAAO,MAAA;QACPC,IAAAA,EAAM,CAAA;QACNC,QAAAA,EAAS,OAAA;QACTC,aAAAA,EAAc,MAAA;QACdC,GAAAA,EAAK,CAAA;QACLC,MAAAA,EAAQ,GAAA;QACRC,KAAAA,EAAM,MAAA;AAEN,QAAA,QAAA,gBAAAR,GAAA,CAACC,GAAAA,EAAAA;YAAIQ,KAAAA,EAAO7B,QAAAA,CAASC,eAAeC,aAAAA,EAAeC,WAAAA,CAAAA;sBAChDM,UAAAA,CAAW;gBAAEqB,IAAAA,EAAMpB,QAAAA;AAAUE,gBAAAA;AAAK,aAAA;;;AAI3C;;;;"}

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

@@ -0,0 +1,84 @@
+'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 CardDragPreview = ({ label, isSibling = false })=>{
+    const isDesktop = strapiAdmin.useIsDesktop();
+    return /*#__PURE__*/ jsxRuntime.jsxs(FieldContainer, {
+        background: isSibling ? 'neutral100' : 'primary100',
+        display: "inline-flex",
+        gap: 3,
+        hasRadius: true,
+        justifyContent: "space-between",
+        $isSibling: isSibling,
+        "max-height": `3.2rem`,
+        maxWidth: "min-content",
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                gap: 3,
+                children: [
+                    isDesktop && /*#__PURE__*/ jsxRuntime.jsx(DragButton, {
+                        alignItems: "center",
+                        cursor: "all-scroll",
+                        padding: 3,
+                        children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Drag, {})
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                        textColor: isSibling ? undefined : 'primary600',
+                        fontWeight: "bold",
+                        ellipsis: true,
+                        maxWidth: "7.2rem",
+                        children: label
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Flex, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(ActionBox, {
+                        alignItems: "center",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Pencil, {})
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(ActionBox, {
+                        alignItems: "center",
+                        children: /*#__PURE__*/ jsxRuntime.jsx(Icons.Cross, {})
+                    })
+                ]
+            })
+        ]
+    });
+};
+const ActionBox = styledComponents.styled(designSystem.Flex)`
+  height: ${({ theme })=>theme.spaces[7]};
+
+  &:last-child {
+    padding: 0 ${({ theme })=>theme.spaces[3]};
+  }
+`;
+const DragButton = styledComponents.styled(ActionBox)`
+  border-right: 1px solid ${({ theme })=>theme.colors.primary200};
+
+  svg {
+    width: 1.2rem;
+    height: 1.2rem;
+  }
+`;
+const FieldContainer = styledComponents.styled(designSystem.Flex)`
+  border: 1px solid
+    ${({ theme, $isSibling })=>$isSibling ? theme.colors.neutral150 : theme.colors.primary200};
+
+  svg {
+    width: 1rem;
+    height: 1rem;
+
+    path {
+      fill: ${({ theme, $isSibling })=>$isSibling ? undefined : theme.colors.primary600};
+    }
+  }
+`;
+
+exports.CardDragPreview = CardDragPreview;
+//# sourceMappingURL=CardDragPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardDragPreview.js","sources":["../../../../admin/src/components/DragPreviews/CardDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\r\nimport { Flex, FlexComponent, Typography } from '@strapi/design-system';\r\nimport { Cross, Drag, Pencil } from '@strapi/icons';\r\nimport { styled } from 'styled-components';\r\n\r\ninterface CardDragPreviewProps {\r\n  label: string;\r\n  isSibling?: boolean;\r\n}\r\n\r\nconst CardDragPreview = ({ label, isSibling = false }: CardDragPreviewProps) => {\r\n  const isDesktop = useIsDesktop();\r\n  return (\r\n    <FieldContainer\r\n      background={isSibling ? 'neutral100' : 'primary100'}\r\n      display=\"inline-flex\"\r\n      gap={3}\r\n      hasRadius\r\n      justifyContent=\"space-between\"\r\n      $isSibling={isSibling}\r\n      max-height={`3.2rem`}\r\n      maxWidth=\"min-content\"\r\n    >\r\n      <Flex gap={3}>\r\n        {isDesktop && (\r\n          <DragButton alignItems=\"center\" cursor=\"all-scroll\" padding={3}>\r\n            <Drag />\r\n          </DragButton>\r\n        )}\r\n\r\n        <Typography\r\n          textColor={isSibling ? undefined : 'primary600'}\r\n          fontWeight=\"bold\"\r\n          ellipsis\r\n          maxWidth=\"7.2rem\"\r\n        >\r\n          {label}\r\n        </Typography>\r\n      </Flex>\r\n\r\n      <Flex>\r\n        <ActionBox alignItems=\"center\">\r\n          <Pencil />\r\n        </ActionBox>\r\n\r\n        <ActionBox alignItems=\"center\">\r\n          <Cross />\r\n        </ActionBox>\r\n      </Flex>\r\n    </FieldContainer>\r\n  );\r\n};\r\n\r\nconst ActionBox = styled<FlexComponent>(Flex)`\r\n  height: ${({ theme }) => theme.spaces[7]};\r\n\r\n  &:last-child {\r\n    padding: 0 ${({ theme }) => theme.spaces[3]};\r\n  }\r\n`;\r\n\r\nconst DragButton = styled(ActionBox)`\r\n  border-right: 1px solid ${({ theme }) => theme.colors.primary200};\r\n\r\n  svg {\r\n    width: 1.2rem;\r\n    height: 1.2rem;\r\n  }\r\n`;\r\n\r\nconst FieldContainer = styled<FlexComponent>(Flex)<{ $isSibling: boolean }>`\r\n  border: 1px solid\r\n    ${({ theme, $isSibling }) => ($isSibling ? theme.colors.neutral150 : theme.colors.primary200)};\r\n\r\n  svg {\r\n    width: 1rem;\r\n    height: 1rem;\r\n\r\n    path {\r\n      fill: ${({ theme, $isSibling }) => ($isSibling ? undefined : theme.colors.primary600)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport { CardDragPreview };\r\nexport type { CardDragPreviewProps };\r\n"],"names":["CardDragPreview","label","isSibling","isDesktop","useIsDesktop","_jsxs","FieldContainer","background","display","gap","hasRadius","justifyContent","$isSibling","max-height","maxWidth","Flex","_jsx","DragButton","alignItems","cursor","padding","Drag","Typography","textColor","undefined","fontWeight","ellipsis","ActionBox","Pencil","Cross","styled","theme","spaces","colors","primary200","neutral150","primary600"],"mappings":";;;;;;;;AAUA,MAAMA,kBAAkB,CAAC,EAAEC,KAAK,EAAEC,SAAAA,GAAY,KAAK,EAAwB,GAAA;AACzE,IAAA,MAAMC,SAAAA,GAAYC,wBAAAA,EAAAA;AAClB,IAAA,qBACEC,eAAA,CAACC,cAAAA,EAAAA;AACCC,QAAAA,UAAAA,EAAYL,YAAY,YAAA,GAAe,YAAA;QACvCM,OAAAA,EAAQ,aAAA;QACRC,GAAAA,EAAK,CAAA;QACLC,SAAS,EAAA,IAAA;QACTC,cAAAA,EAAe,eAAA;QACfC,UAAAA,EAAYV,SAAAA;QACZW,YAAAA,EAAY,CAAC,MAAM,CAAC;QACpBC,QAAAA,EAAS,aAAA;;0BAETT,eAAA,CAACU,iBAAAA,EAAAA;gBAAKN,GAAAA,EAAK,CAAA;;AACRN,oBAAAA,SAAAA,kBACCa,cAAA,CAACC,UAAAA,EAAAA;wBAAWC,UAAAA,EAAW,QAAA;wBAASC,MAAAA,EAAO,YAAA;wBAAaC,OAAAA,EAAS,CAAA;AAC3D,wBAAA,QAAA,gBAAAJ,cAAA,CAACK,UAAAA,EAAAA,EAAAA;;kCAILL,cAAA,CAACM,uBAAAA,EAAAA;AACCC,wBAAAA,SAAAA,EAAWrB,YAAYsB,SAAAA,GAAY,YAAA;wBACnCC,UAAAA,EAAW,MAAA;wBACXC,QAAQ,EAAA,IAAA;wBACRZ,QAAAA,EAAS,QAAA;AAERb,wBAAAA,QAAAA,EAAAA;;;;0BAILI,eAAA,CAACU,iBAAAA,EAAAA;;kCACCC,cAAA,CAACW,SAAAA,EAAAA;wBAAUT,UAAAA,EAAW,QAAA;AACpB,wBAAA,QAAA,gBAAAF,cAAA,CAACY,YAAAA,EAAAA,EAAAA;;kCAGHZ,cAAA,CAACW,SAAAA,EAAAA;wBAAUT,UAAAA,EAAW,QAAA;AACpB,wBAAA,QAAA,gBAAAF,cAAA,CAACa,WAAAA,EAAAA,EAAAA;;;;;;AAKX;AAEA,MAAMF,SAAAA,GAAYG,uBAAAA,CAAsBf,iBAAAA,CAAK,CAAC;UACpC,EAAE,CAAC,EAAEgB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;;eAG5B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;AAEhD,CAAC;AAED,MAAMf,UAAAA,GAAaa,uBAAAA,CAAOH,SAAAA,CAAU,CAAC;0BACX,EAAE,CAAC,EAAEI,KAAK,EAAE,GAAKA,KAAAA,CAAME,MAAM,CAACC,UAAU,CAAC;;;;;;AAMnE,CAAC;AAED,MAAM5B,cAAAA,GAAiBwB,uBAAAA,CAAsBf,iBAAAA,CAA8B,CAAC;;AAExE,IAAA,EAAE,CAAC,EAAEgB,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAamB,KAAAA,CAAME,MAAM,CAACE,UAAU,GAAGJ,MAAME,MAAM,CAACC,UAAU,CAAE;;;;;;;AAOtF,YAAA,EAAE,CAAC,EAAEH,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAaY,SAAAA,GAAYO,KAAAA,CAAME,MAAM,CAACG,UAAU,CAAE;;;AAG5F,CAAC;;;;"}

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

@@ -0,0 +1,82 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useIsDesktop } from '@strapi/admin/strapi-admin';
+import { Flex, Typography } from '@strapi/design-system';
+import { Drag, Pencil, Cross } from '@strapi/icons';
+import { styled } from 'styled-components';
+
+const CardDragPreview = ({ label, isSibling = false })=>{
+    const isDesktop = useIsDesktop();
+    return /*#__PURE__*/ jsxs(FieldContainer, {
+        background: isSibling ? 'neutral100' : 'primary100',
+        display: "inline-flex",
+        gap: 3,
+        hasRadius: true,
+        justifyContent: "space-between",
+        $isSibling: isSibling,
+        "max-height": `3.2rem`,
+        maxWidth: "min-content",
+        children: [
+            /*#__PURE__*/ jsxs(Flex, {
+                gap: 3,
+                children: [
+                    isDesktop && /*#__PURE__*/ jsx(DragButton, {
+                        alignItems: "center",
+                        cursor: "all-scroll",
+                        padding: 3,
+                        children: /*#__PURE__*/ jsx(Drag, {})
+                    }),
+                    /*#__PURE__*/ jsx(Typography, {
+                        textColor: isSibling ? undefined : 'primary600',
+                        fontWeight: "bold",
+                        ellipsis: true,
+                        maxWidth: "7.2rem",
+                        children: label
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Flex, {
+                children: [
+                    /*#__PURE__*/ jsx(ActionBox, {
+                        alignItems: "center",
+                        children: /*#__PURE__*/ jsx(Pencil, {})
+                    }),
+                    /*#__PURE__*/ jsx(ActionBox, {
+                        alignItems: "center",
+                        children: /*#__PURE__*/ jsx(Cross, {})
+                    })
+                ]
+            })
+        ]
+    });
+};
+const ActionBox = styled(Flex)`
+  height: ${({ theme })=>theme.spaces[7]};
+
+  &:last-child {
+    padding: 0 ${({ theme })=>theme.spaces[3]};
+  }
+`;
+const DragButton = styled(ActionBox)`
+  border-right: 1px solid ${({ theme })=>theme.colors.primary200};
+
+  svg {
+    width: 1.2rem;
+    height: 1.2rem;
+  }
+`;
+const FieldContainer = styled(Flex)`
+  border: 1px solid
+    ${({ theme, $isSibling })=>$isSibling ? theme.colors.neutral150 : theme.colors.primary200};
+
+  svg {
+    width: 1rem;
+    height: 1rem;
+
+    path {
+      fill: ${({ theme, $isSibling })=>$isSibling ? undefined : theme.colors.primary600};
+    }
+  }
+`;
+
+export { CardDragPreview };
+//# sourceMappingURL=CardDragPreview.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CardDragPreview.mjs","sources":["../../../../admin/src/components/DragPreviews/CardDragPreview.tsx"],"sourcesContent":["import { useIsDesktop } from '@strapi/admin/strapi-admin';\r\nimport { Flex, FlexComponent, Typography } from '@strapi/design-system';\r\nimport { Cross, Drag, Pencil } from '@strapi/icons';\r\nimport { styled } from 'styled-components';\r\n\r\ninterface CardDragPreviewProps {\r\n  label: string;\r\n  isSibling?: boolean;\r\n}\r\n\r\nconst CardDragPreview = ({ label, isSibling = false }: CardDragPreviewProps) => {\r\n  const isDesktop = useIsDesktop();\r\n  return (\r\n    <FieldContainer\r\n      background={isSibling ? 'neutral100' : 'primary100'}\r\n      display=\"inline-flex\"\r\n      gap={3}\r\n      hasRadius\r\n      justifyContent=\"space-between\"\r\n      $isSibling={isSibling}\r\n      max-height={`3.2rem`}\r\n      maxWidth=\"min-content\"\r\n    >\r\n      <Flex gap={3}>\r\n        {isDesktop && (\r\n          <DragButton alignItems=\"center\" cursor=\"all-scroll\" padding={3}>\r\n            <Drag />\r\n          </DragButton>\r\n        )}\r\n\r\n        <Typography\r\n          textColor={isSibling ? undefined : 'primary600'}\r\n          fontWeight=\"bold\"\r\n          ellipsis\r\n          maxWidth=\"7.2rem\"\r\n        >\r\n          {label}\r\n        </Typography>\r\n      </Flex>\r\n\r\n      <Flex>\r\n        <ActionBox alignItems=\"center\">\r\n          <Pencil />\r\n        </ActionBox>\r\n\r\n        <ActionBox alignItems=\"center\">\r\n          <Cross />\r\n        </ActionBox>\r\n      </Flex>\r\n    </FieldContainer>\r\n  );\r\n};\r\n\r\nconst ActionBox = styled<FlexComponent>(Flex)`\r\n  height: ${({ theme }) => theme.spaces[7]};\r\n\r\n  &:last-child {\r\n    padding: 0 ${({ theme }) => theme.spaces[3]};\r\n  }\r\n`;\r\n\r\nconst DragButton = styled(ActionBox)`\r\n  border-right: 1px solid ${({ theme }) => theme.colors.primary200};\r\n\r\n  svg {\r\n    width: 1.2rem;\r\n    height: 1.2rem;\r\n  }\r\n`;\r\n\r\nconst FieldContainer = styled<FlexComponent>(Flex)<{ $isSibling: boolean }>`\r\n  border: 1px solid\r\n    ${({ theme, $isSibling }) => ($isSibling ? theme.colors.neutral150 : theme.colors.primary200)};\r\n\r\n  svg {\r\n    width: 1rem;\r\n    height: 1rem;\r\n\r\n    path {\r\n      fill: ${({ theme, $isSibling }) => ($isSibling ? undefined : theme.colors.primary600)};\r\n    }\r\n  }\r\n`;\r\n\r\nexport { CardDragPreview };\r\nexport type { CardDragPreviewProps };\r\n"],"names":["CardDragPreview","label","isSibling","isDesktop","useIsDesktop","_jsxs","FieldContainer","background","display","gap","hasRadius","justifyContent","$isSibling","max-height","maxWidth","Flex","_jsx","DragButton","alignItems","cursor","padding","Drag","Typography","textColor","undefined","fontWeight","ellipsis","ActionBox","Pencil","Cross","styled","theme","spaces","colors","primary200","neutral150","primary600"],"mappings":";;;;;;AAUA,MAAMA,kBAAkB,CAAC,EAAEC,KAAK,EAAEC,SAAAA,GAAY,KAAK,EAAwB,GAAA;AACzE,IAAA,MAAMC,SAAAA,GAAYC,YAAAA,EAAAA;AAClB,IAAA,qBACEC,IAAA,CAACC,cAAAA,EAAAA;AACCC,QAAAA,UAAAA,EAAYL,YAAY,YAAA,GAAe,YAAA;QACvCM,OAAAA,EAAQ,aAAA;QACRC,GAAAA,EAAK,CAAA;QACLC,SAAS,EAAA,IAAA;QACTC,cAAAA,EAAe,eAAA;QACfC,UAAAA,EAAYV,SAAAA;QACZW,YAAAA,EAAY,CAAC,MAAM,CAAC;QACpBC,QAAAA,EAAS,aAAA;;0BAETT,IAAA,CAACU,IAAAA,EAAAA;gBAAKN,GAAAA,EAAK,CAAA;;AACRN,oBAAAA,SAAAA,kBACCa,GAAA,CAACC,UAAAA,EAAAA;wBAAWC,UAAAA,EAAW,QAAA;wBAASC,MAAAA,EAAO,YAAA;wBAAaC,OAAAA,EAAS,CAAA;AAC3D,wBAAA,QAAA,gBAAAJ,GAAA,CAACK,IAAAA,EAAAA,EAAAA;;kCAILL,GAAA,CAACM,UAAAA,EAAAA;AACCC,wBAAAA,SAAAA,EAAWrB,YAAYsB,SAAAA,GAAY,YAAA;wBACnCC,UAAAA,EAAW,MAAA;wBACXC,QAAQ,EAAA,IAAA;wBACRZ,QAAAA,EAAS,QAAA;AAERb,wBAAAA,QAAAA,EAAAA;;;;0BAILI,IAAA,CAACU,IAAAA,EAAAA;;kCACCC,GAAA,CAACW,SAAAA,EAAAA;wBAAUT,UAAAA,EAAW,QAAA;AACpB,wBAAA,QAAA,gBAAAF,GAAA,CAACY,MAAAA,EAAAA,EAAAA;;kCAGHZ,GAAA,CAACW,SAAAA,EAAAA;wBAAUT,UAAAA,EAAW,QAAA;AACpB,wBAAA,QAAA,gBAAAF,GAAA,CAACa,KAAAA,EAAAA,EAAAA;;;;;;AAKX;AAEA,MAAMF,SAAAA,GAAYG,MAAAA,CAAsBf,IAAAA,CAAK,CAAC;UACpC,EAAE,CAAC,EAAEgB,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;;eAG5B,EAAE,CAAC,EAAED,KAAK,EAAE,GAAKA,KAAAA,CAAMC,MAAM,CAAC,CAAA,CAAE,CAAC;;AAEhD,CAAC;AAED,MAAMf,UAAAA,GAAaa,MAAAA,CAAOH,SAAAA,CAAU,CAAC;0BACX,EAAE,CAAC,EAAEI,KAAK,EAAE,GAAKA,KAAAA,CAAME,MAAM,CAACC,UAAU,CAAC;;;;;;AAMnE,CAAC;AAED,MAAM5B,cAAAA,GAAiBwB,MAAAA,CAAsBf,IAAAA,CAA8B,CAAC;;AAExE,IAAA,EAAE,CAAC,EAAEgB,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAamB,KAAAA,CAAME,MAAM,CAACE,UAAU,GAAGJ,MAAME,MAAM,CAACC,UAAU,CAAE;;;;;;;AAOtF,YAAA,EAAE,CAAC,EAAEH,KAAK,EAAEnB,UAAU,EAAE,GAAMA,UAAAA,GAAaY,SAAAA,GAAYO,KAAAA,CAAME,MAAM,CAACG,UAAU,CAAE;;;AAG5F,CAAC;;;;"}