@strapi/plugin-users-permissions 0.0.0-experimental.62ce06180fe9a772eaeb3d43d238b26644f39f7c → 0.0.0-experimental.6340da17068c3bed7fb006e7bcc554c71129e282

package/dist/admin/components/BoundRoute/index.mjs

@@ -0,0 +1,96 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Flex, Typography, Box } from '@strapi/design-system';
+import map from 'lodash/map';
+import tail from 'lodash/tail';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import { styled } from 'styled-components';
+import getMethodColor from './getMethodColor.mjs';
+
+const MethodBox = styled(Box)`
+  margin: -1px;
+  border-radius: ${({ theme })=>theme.spaces[1]} 0 0 ${({ theme })=>theme.spaces[1]};
+`;
+function BoundRoute({ route }) {
+    const { formatMessage } = useIntl();
+    const { method, handler: title, path } = route;
+    const formattedRoute = path ? tail(path.split('/')) : [];
+    const [controller = '', action = ''] = title ? title.split('.') : [];
+    const colors = getMethodColor(route.method);
+    return /*#__PURE__*/ jsxs(Flex, {
+        direction: "column",
+        alignItems: "stretch",
+        gap: 2,
+        children: [
+            /*#__PURE__*/ jsxs(Typography, {
+                variant: "delta",
+                tag: "h3",
+                children: [
+                    formatMessage({
+                        id: 'users-permissions.BoundRoute.title',
+                        defaultMessage: 'Bound route to'
+                    }),
+                    " ",
+                    /*#__PURE__*/ jsx("span", {
+                        children: controller
+                    }),
+                    /*#__PURE__*/ jsxs(Typography, {
+                        variant: "delta",
+                        textColor: "primary600",
+                        children: [
+                            ".",
+                            action
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Flex, {
+                hasRadius: true,
+                background: "neutral0",
+                borderColor: "neutral200",
+                gap: 0,
+                children: [
+                    /*#__PURE__*/ jsx(MethodBox, {
+                        background: colors.background,
+                        borderColor: colors.border,
+                        padding: 2,
+                        children: /*#__PURE__*/ jsx(Typography, {
+                            fontWeight: "bold",
+                            textColor: colors.text,
+                            children: method
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(Box, {
+                        paddingLeft: 2,
+                        paddingRight: 2,
+                        children: map(formattedRoute, (value)=>/*#__PURE__*/ jsxs(Typography, {
+                                textColor: value.includes(':') ? 'neutral600' : 'neutral900',
+                                children: [
+                                    "/",
+                                    value
+                                ]
+                            }, value))
+                    })
+                ]
+            })
+        ]
+    });
+}
+BoundRoute.defaultProps = {
+    route: {
+        handler: 'Nocontroller.error',
+        method: 'GET',
+        path: '/there-is-no-path'
+    }
+};
+BoundRoute.propTypes = {
+    route: PropTypes.shape({
+        handler: PropTypes.string,
+        method: PropTypes.string,
+        path: PropTypes.string
+    })
+};
+
+export { BoundRoute as default };
+//# sourceMappingURL=index.mjs.map

package/dist/admin/components/BoundRoute/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../admin/src/components/BoundRoute/index.jsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Box, Flex, Typography } from '@strapi/design-system';\nimport map from 'lodash/map';\nimport tail from 'lodash/tail';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\nimport { styled } from 'styled-components';\n\nimport getMethodColor from './getMethodColor';\n\nconst MethodBox = styled(Box)`\n  margin: -1px;\n  border-radius: ${({ theme }) => theme.spaces[1]} 0 0 ${({ theme }) => theme.spaces[1]};\n`;\n\nfunction BoundRoute({ route }) {\n  const { formatMessage } = useIntl();\n\n  const { method, handler: title, path } = route;\n  const formattedRoute = path ? tail(path.split('/')) : [];\n  const [controller = '', action = ''] = title ? title.split('.') : [];\n  const colors = getMethodColor(route.method);\n\n  return (\n    <Flex direction=\"column\" alignItems=\"stretch\" gap={2}>\n      <Typography variant=\"delta\" tag=\"h3\">\n        {formatMessage({\n          id: 'users-permissions.BoundRoute.title',\n          defaultMessage: 'Bound route to',\n        })}\n        &nbsp;\n        <span>{controller}</span>\n        <Typography variant=\"delta\" textColor=\"primary600\">\n          .{action}\n        </Typography>\n      </Typography>\n      <Flex hasRadius background=\"neutral0\" borderColor=\"neutral200\" gap={0}>\n        <MethodBox background={colors.background} borderColor={colors.border} padding={2}>\n          <Typography fontWeight=\"bold\" textColor={colors.text}>\n            {method}\n          </Typography>\n        </MethodBox>\n        <Box paddingLeft={2} paddingRight={2}>\n          {map(formattedRoute, (value) => (\n            <Typography key={value} textColor={value.includes(':') ? 'neutral600' : 'neutral900'}>\n              /{value}\n            </Typography>\n          ))}\n        </Box>\n      </Flex>\n    </Flex>\n  );\n}\n\nBoundRoute.defaultProps = {\n  route: {\n    handler: 'Nocontroller.error',\n    method: 'GET',\n    path: '/there-is-no-path',\n  },\n};\n\nBoundRoute.propTypes = {\n  route: PropTypes.shape({\n    handler: PropTypes.string,\n    method: PropTypes.string,\n    path: PropTypes.string,\n  }),\n};\n\nexport default BoundRoute;\n"],"names":["MethodBox","styled","Box","theme","spaces","BoundRoute","route","formatMessage","useIntl","method","handler","title","path","formattedRoute","tail","split","controller","action","colors","getMethodColor","_jsxs","Flex","direction","alignItems","gap","Typography","variant","tag","id","defaultMessage","_jsx","span","textColor","hasRadius","background","borderColor","border","padding","fontWeight","text","paddingLeft","paddingRight","map","value","includes","defaultProps","propTypes","PropTypes","shape","string"],"mappings":"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"}

package/dist/admin/components/FormModal/Input/index.js

@@ -0,0 +1,127 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var PropTypes = require('prop-types');
+var reactIntl = require('react-intl');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+
+const Input = ({ description, disabled, intlLabel, error, name, onChange, placeholder, providerToEditName, type, value })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const inputValue = name === 'noName' ? `${window.strapi.backendURL}/api/connect/${providerToEditName}/callback` : value;
+    const label = formatMessage({
+        id: intlLabel.id,
+        defaultMessage: intlLabel.defaultMessage
+    }, {
+        provider: providerToEditName,
+        ...intlLabel.values
+    });
+    const hint = description ? formatMessage({
+        id: description.id,
+        defaultMessage: description.defaultMessage
+    }, {
+        provider: providerToEditName,
+        ...description.values
+    }) : '';
+    if (type === 'bool') {
+        return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+            hint: hint,
+            name: name,
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                    children: label
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Toggle, {
+                    "aria-label": name,
+                    checked: value,
+                    disabled: disabled,
+                    offLabel: formatMessage({
+                        id: 'app.components.ToggleCheckbox.off-label',
+                        defaultMessage: 'Off'
+                    }),
+                    onLabel: formatMessage({
+                        id: 'app.components.ToggleCheckbox.on-label',
+                        defaultMessage: 'On'
+                    }),
+                    onChange: (e)=>{
+                        onChange({
+                            target: {
+                                name,
+                                value: e.target.checked
+                            }
+                        });
+                    }
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Hint, {})
+            ]
+        });
+    }
+    const formattedPlaceholder = placeholder ? formatMessage({
+        id: placeholder.id,
+        defaultMessage: placeholder.defaultMessage
+    }, {
+        ...placeholder.values
+    }) : '';
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Field.Root, {
+        error: errorMessage,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.TextInput, {
+                disabled: disabled,
+                onChange: onChange,
+                placeholder: formattedPlaceholder,
+                type: type,
+                value: inputValue
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Field.Error, {})
+        ]
+    });
+};
+Input.defaultProps = {
+    description: null,
+    disabled: false,
+    error: '',
+    placeholder: null,
+    value: ''
+};
+Input.propTypes = {
+    description: PropTypes__default.default.shape({
+        id: PropTypes__default.default.string.isRequired,
+        defaultMessage: PropTypes__default.default.string.isRequired,
+        values: PropTypes__default.default.object
+    }),
+    disabled: PropTypes__default.default.bool,
+    error: PropTypes__default.default.string,
+    intlLabel: PropTypes__default.default.shape({
+        id: PropTypes__default.default.string.isRequired,
+        defaultMessage: PropTypes__default.default.string.isRequired,
+        values: PropTypes__default.default.object
+    }).isRequired,
+    name: PropTypes__default.default.string.isRequired,
+    onChange: PropTypes__default.default.func.isRequired,
+    placeholder: PropTypes__default.default.shape({
+        id: PropTypes__default.default.string.isRequired,
+        defaultMessage: PropTypes__default.default.string.isRequired,
+        values: PropTypes__default.default.object
+    }),
+    providerToEditName: PropTypes__default.default.string.isRequired,
+    type: PropTypes__default.default.string.isRequired,
+    value: PropTypes__default.default.oneOfType([
+        PropTypes__default.default.bool,
+        PropTypes__default.default.string
+    ])
+};
+
+module.exports = Input;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/FormModal/Input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../admin/src/components/FormModal/Input/index.jsx"],"sourcesContent":["/**\n *\n * Input\n *\n */\n\nimport * as React from 'react';\n\nimport { TextInput, Toggle, Field } from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst Input = ({\n  description,\n  disabled,\n  intlLabel,\n  error,\n  name,\n  onChange,\n  placeholder,\n  providerToEditName,\n  type,\n  value,\n}) => {\n  const { formatMessage } = useIntl();\n  const inputValue =\n    name === 'noName'\n      ? `${window.strapi.backendURL}/api/connect/${providerToEditName}/callback`\n      : value;\n\n  const label = formatMessage(\n    { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n    { provider: providerToEditName, ...intlLabel.values }\n  );\n  const hint = description\n    ? formatMessage(\n        { id: description.id, defaultMessage: description.defaultMessage },\n        { provider: providerToEditName, ...description.values }\n      )\n    : '';\n\n  if (type === 'bool') {\n    return (\n      <Field.Root hint={hint} name={name}>\n        <Field.Label>{label}</Field.Label>\n        <Toggle\n          aria-label={name}\n          checked={value}\n          disabled={disabled}\n          offLabel={formatMessage({\n            id: 'app.components.ToggleCheckbox.off-label',\n            defaultMessage: 'Off',\n          })}\n          onLabel={formatMessage({\n            id: 'app.components.ToggleCheckbox.on-label',\n            defaultMessage: 'On',\n          })}\n          onChange={(e) => {\n            onChange({ target: { name, value: e.target.checked } });\n          }}\n        />\n        <Field.Hint />\n      </Field.Root>\n    );\n  }\n\n  const formattedPlaceholder = placeholder\n    ? formatMessage(\n        { id: placeholder.id, defaultMessage: placeholder.defaultMessage },\n        { ...placeholder.values }\n      )\n    : '';\n\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  return (\n    <Field.Root error={errorMessage} name={name}>\n      <Field.Label>{label}</Field.Label>\n      <TextInput\n        disabled={disabled}\n        onChange={onChange}\n        placeholder={formattedPlaceholder}\n        type={type}\n        value={inputValue}\n      />\n      <Field.Error />\n    </Field.Root>\n  );\n};\n\nInput.defaultProps = {\n  description: null,\n  disabled: false,\n  error: '',\n  placeholder: null,\n  value: '',\n};\n\nInput.propTypes = {\n  description: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }),\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n  intlLabel: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }).isRequired,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  placeholder: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }),\n  providerToEditName: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n};\n\nexport default Input;\n"],"names":["Input","description","disabled","intlLabel","error","name","onChange","placeholder","providerToEditName","type","value","formatMessage","useIntl","inputValue","window","strapi","backendURL","label","id","defaultMessage","provider","values","hint","_jsxs","Field","Root","_jsx","Label","Toggle","aria-label","checked","offLabel","onLabel","e","target","Hint","formattedPlaceholder","errorMessage","TextInput","Error","defaultProps","propTypes","PropTypes","shape","string","isRequired","object","bool","func","oneOfType"],"mappings":"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"}

package/dist/admin/components/FormModal/Input/index.mjs

@@ -0,0 +1,121 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Field, Toggle, TextInput } from '@strapi/design-system';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+
+const Input = ({ description, disabled, intlLabel, error, name, onChange, placeholder, providerToEditName, type, value })=>{
+    const { formatMessage } = useIntl();
+    const inputValue = name === 'noName' ? `${window.strapi.backendURL}/api/connect/${providerToEditName}/callback` : value;
+    const label = formatMessage({
+        id: intlLabel.id,
+        defaultMessage: intlLabel.defaultMessage
+    }, {
+        provider: providerToEditName,
+        ...intlLabel.values
+    });
+    const hint = description ? formatMessage({
+        id: description.id,
+        defaultMessage: description.defaultMessage
+    }, {
+        provider: providerToEditName,
+        ...description.values
+    }) : '';
+    if (type === 'bool') {
+        return /*#__PURE__*/ jsxs(Field.Root, {
+            hint: hint,
+            name: name,
+            children: [
+                /*#__PURE__*/ jsx(Field.Label, {
+                    children: label
+                }),
+                /*#__PURE__*/ jsx(Toggle, {
+                    "aria-label": name,
+                    checked: value,
+                    disabled: disabled,
+                    offLabel: formatMessage({
+                        id: 'app.components.ToggleCheckbox.off-label',
+                        defaultMessage: 'Off'
+                    }),
+                    onLabel: formatMessage({
+                        id: 'app.components.ToggleCheckbox.on-label',
+                        defaultMessage: 'On'
+                    }),
+                    onChange: (e)=>{
+                        onChange({
+                            target: {
+                                name,
+                                value: e.target.checked
+                            }
+                        });
+                    }
+                }),
+                /*#__PURE__*/ jsx(Field.Hint, {})
+            ]
+        });
+    }
+    const formattedPlaceholder = placeholder ? formatMessage({
+        id: placeholder.id,
+        defaultMessage: placeholder.defaultMessage
+    }, {
+        ...placeholder.values
+    }) : '';
+    const errorMessage = error ? formatMessage({
+        id: error,
+        defaultMessage: error
+    }) : '';
+    return /*#__PURE__*/ jsxs(Field.Root, {
+        error: errorMessage,
+        name: name,
+        children: [
+            /*#__PURE__*/ jsx(Field.Label, {
+                children: label
+            }),
+            /*#__PURE__*/ jsx(TextInput, {
+                disabled: disabled,
+                onChange: onChange,
+                placeholder: formattedPlaceholder,
+                type: type,
+                value: inputValue
+            }),
+            /*#__PURE__*/ jsx(Field.Error, {})
+        ]
+    });
+};
+Input.defaultProps = {
+    description: null,
+    disabled: false,
+    error: '',
+    placeholder: null,
+    value: ''
+};
+Input.propTypes = {
+    description: PropTypes.shape({
+        id: PropTypes.string.isRequired,
+        defaultMessage: PropTypes.string.isRequired,
+        values: PropTypes.object
+    }),
+    disabled: PropTypes.bool,
+    error: PropTypes.string,
+    intlLabel: PropTypes.shape({
+        id: PropTypes.string.isRequired,
+        defaultMessage: PropTypes.string.isRequired,
+        values: PropTypes.object
+    }).isRequired,
+    name: PropTypes.string.isRequired,
+    onChange: PropTypes.func.isRequired,
+    placeholder: PropTypes.shape({
+        id: PropTypes.string.isRequired,
+        defaultMessage: PropTypes.string.isRequired,
+        values: PropTypes.object
+    }),
+    providerToEditName: PropTypes.string.isRequired,
+    type: PropTypes.string.isRequired,
+    value: PropTypes.oneOfType([
+        PropTypes.bool,
+        PropTypes.string
+    ])
+};
+
+export { Input as default };
+//# sourceMappingURL=index.mjs.map

package/dist/admin/components/FormModal/Input/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../admin/src/components/FormModal/Input/index.jsx"],"sourcesContent":["/**\n *\n * Input\n *\n */\n\nimport * as React from 'react';\n\nimport { TextInput, Toggle, Field } from '@strapi/design-system';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nconst Input = ({\n  description,\n  disabled,\n  intlLabel,\n  error,\n  name,\n  onChange,\n  placeholder,\n  providerToEditName,\n  type,\n  value,\n}) => {\n  const { formatMessage } = useIntl();\n  const inputValue =\n    name === 'noName'\n      ? `${window.strapi.backendURL}/api/connect/${providerToEditName}/callback`\n      : value;\n\n  const label = formatMessage(\n    { id: intlLabel.id, defaultMessage: intlLabel.defaultMessage },\n    { provider: providerToEditName, ...intlLabel.values }\n  );\n  const hint = description\n    ? formatMessage(\n        { id: description.id, defaultMessage: description.defaultMessage },\n        { provider: providerToEditName, ...description.values }\n      )\n    : '';\n\n  if (type === 'bool') {\n    return (\n      <Field.Root hint={hint} name={name}>\n        <Field.Label>{label}</Field.Label>\n        <Toggle\n          aria-label={name}\n          checked={value}\n          disabled={disabled}\n          offLabel={formatMessage({\n            id: 'app.components.ToggleCheckbox.off-label',\n            defaultMessage: 'Off',\n          })}\n          onLabel={formatMessage({\n            id: 'app.components.ToggleCheckbox.on-label',\n            defaultMessage: 'On',\n          })}\n          onChange={(e) => {\n            onChange({ target: { name, value: e.target.checked } });\n          }}\n        />\n        <Field.Hint />\n      </Field.Root>\n    );\n  }\n\n  const formattedPlaceholder = placeholder\n    ? formatMessage(\n        { id: placeholder.id, defaultMessage: placeholder.defaultMessage },\n        { ...placeholder.values }\n      )\n    : '';\n\n  const errorMessage = error ? formatMessage({ id: error, defaultMessage: error }) : '';\n\n  return (\n    <Field.Root error={errorMessage} name={name}>\n      <Field.Label>{label}</Field.Label>\n      <TextInput\n        disabled={disabled}\n        onChange={onChange}\n        placeholder={formattedPlaceholder}\n        type={type}\n        value={inputValue}\n      />\n      <Field.Error />\n    </Field.Root>\n  );\n};\n\nInput.defaultProps = {\n  description: null,\n  disabled: false,\n  error: '',\n  placeholder: null,\n  value: '',\n};\n\nInput.propTypes = {\n  description: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }),\n  disabled: PropTypes.bool,\n  error: PropTypes.string,\n  intlLabel: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }).isRequired,\n  name: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  placeholder: PropTypes.shape({\n    id: PropTypes.string.isRequired,\n    defaultMessage: PropTypes.string.isRequired,\n    values: PropTypes.object,\n  }),\n  providerToEditName: PropTypes.string.isRequired,\n  type: PropTypes.string.isRequired,\n  value: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n};\n\nexport default Input;\n"],"names":["Input","description","disabled","intlLabel","error","name","onChange","placeholder","providerToEditName","type","value","formatMessage","useIntl","inputValue","window","strapi","backendURL","label","id","defaultMessage","provider","values","hint","_jsxs","Field","Root","_jsx","Label","Toggle","aria-label","checked","offLabel","onLabel","e","target","Hint","formattedPlaceholder","errorMessage","TextInput","Error","defaultProps","propTypes","PropTypes","shape","string","isRequired","object","bool","func","oneOfType"],"mappings":"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"}

package/dist/admin/components/FormModal/index.js

@@ -0,0 +1,114 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+require('react');
+var designSystem = require('@strapi/design-system');
+var formik = require('formik');
+var PropTypes = require('prop-types');
+var reactIntl = require('react-intl');
+var index = require('./Input/index.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
+
+const FormModal = ({ headerBreadcrumbs, initialData, isSubmiting, layout, isOpen, onSubmit, onToggle, providerToEditName })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Root, {
+        open: isOpen,
+        onOpenChange: onToggle,
+        children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Content, {
+            children: [
+                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Header, {
+                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Breadcrumbs, {
+                        label: headerBreadcrumbs.join(', '),
+                        children: headerBreadcrumbs.map((crumb, index, arr)=>/*#__PURE__*/ jsxRuntime.jsx(designSystem.Crumb, {
+                                isCurrent: index === arr.length - 1,
+                                children: crumb
+                            }, crumb))
+                    })
+                }),
+                /*#__PURE__*/ jsxRuntime.jsx(formik.Formik, {
+                    onSubmit: (values)=>onSubmit(values),
+                    initialValues: initialData,
+                    validationSchema: layout.schema,
+                    validateOnChange: false,
+                    children: ({ errors, handleChange, values })=>{
+                        return /*#__PURE__*/ jsxRuntime.jsxs(formik.Form, {
+                            children: [
+                                /*#__PURE__*/ jsxRuntime.jsx(designSystem.Modal.Body, {
+                                    children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        gap: 1,
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Root, {
+                                            gap: 5,
+                                            children: layout.form.map((row)=>{
+                                                return row.map((input)=>{
+                                                    return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Grid.Item, {
+                                                        col: input.size,
+                                                        xs: 12,
+                                                        direction: "column",
+                                                        alignItems: "stretch",
+                                                        children: /*#__PURE__*/ jsxRuntime.jsx(index, {
+                                                            ...input,
+                                                            error: errors[input.name],
+                                                            onChange: handleChange,
+                                                            value: values[input.name],
+                                                            providerToEditName: providerToEditName
+                                                        })
+                                                    }, input.name);
+                                                });
+                                            })
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Modal.Footer, {
+                                    children: [
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                            variant: "tertiary",
+                                            onClick: onToggle,
+                                            type: "button",
+                                            children: formatMessage({
+                                                id: 'app.components.Button.cancel',
+                                                defaultMessage: 'Cancel'
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                                            type: "submit",
+                                            loading: isSubmiting,
+                                            children: formatMessage({
+                                                id: 'global.save',
+                                                defaultMessage: 'Save'
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        });
+                    }
+                })
+            ]
+        })
+    });
+};
+FormModal.defaultProps = {
+    initialData: null,
+    providerToEditName: null
+};
+FormModal.propTypes = {
+    headerBreadcrumbs: PropTypes__default.default.arrayOf(PropTypes__default.default.string).isRequired,
+    initialData: PropTypes__default.default.object,
+    layout: PropTypes__default.default.shape({
+        form: PropTypes__default.default.arrayOf(PropTypes__default.default.array),
+        schema: PropTypes__default.default.object
+    }).isRequired,
+    isOpen: PropTypes__default.default.bool.isRequired,
+    isSubmiting: PropTypes__default.default.bool.isRequired,
+    onSubmit: PropTypes__default.default.func.isRequired,
+    onToggle: PropTypes__default.default.func.isRequired,
+    providerToEditName: PropTypes__default.default.string
+};
+
+module.exports = FormModal;
+//# sourceMappingURL=index.js.map

package/dist/admin/components/FormModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../admin/src/components/FormModal/index.jsx"],"sourcesContent":["/**\n *\n * FormModal\n *\n */\n\nimport * as React from 'react';\n\nimport { Button, Flex, Grid, Modal, Breadcrumbs, Crumb } from '@strapi/design-system';\nimport { Form, Formik } from 'formik';\nimport PropTypes from 'prop-types';\nimport { useIntl } from 'react-intl';\n\nimport Input from './Input';\n\nconst FormModal = ({\n  headerBreadcrumbs,\n  initialData,\n  isSubmiting,\n  layout,\n  isOpen,\n  onSubmit,\n  onToggle,\n  providerToEditName,\n}) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <Modal.Root open={isOpen} onOpenChange={onToggle}>\n      <Modal.Content>\n        <Modal.Header>\n          <Breadcrumbs label={headerBreadcrumbs.join(', ')}>\n            {headerBreadcrumbs.map((crumb, index, arr) => (\n              <Crumb isCurrent={index === arr.length - 1} key={crumb}>\n                {crumb}\n              </Crumb>\n            ))}\n          </Breadcrumbs>\n        </Modal.Header>\n        <Formik\n          onSubmit={(values) => onSubmit(values)}\n          initialValues={initialData}\n          validationSchema={layout.schema}\n          validateOnChange={false}\n        >\n          {({ errors, handleChange, values }) => {\n            return (\n              <Form>\n                <Modal.Body>\n                  <Flex direction=\"column\" alignItems=\"stretch\" gap={1}>\n                    <Grid.Root gap={5}>\n                      {layout.form.map((row) => {\n                        return row.map((input) => {\n                          return (\n                            <Grid.Item\n                              key={input.name}\n                              col={input.size}\n                              xs={12}\n                              direction=\"column\"\n                              alignItems=\"stretch\"\n                            >\n                              <Input\n                                {...input}\n                                error={errors[input.name]}\n                                onChange={handleChange}\n                                value={values[input.name]}\n                                providerToEditName={providerToEditName}\n                              />\n                            </Grid.Item>\n                          );\n                        });\n                      })}\n                    </Grid.Root>\n                  </Flex>\n                </Modal.Body>\n                <Modal.Footer>\n                  <Button variant=\"tertiary\" onClick={onToggle} type=\"button\">\n                    {formatMessage({\n                      id: 'app.components.Button.cancel',\n                      defaultMessage: 'Cancel',\n                    })}\n                  </Button>\n                  <Button type=\"submit\" loading={isSubmiting}>\n                    {formatMessage({ id: 'global.save', defaultMessage: 'Save' })}\n                  </Button>\n                </Modal.Footer>\n              </Form>\n            );\n          }}\n        </Formik>\n      </Modal.Content>\n    </Modal.Root>\n  );\n};\n\nFormModal.defaultProps = {\n  initialData: null,\n  providerToEditName: null,\n};\n\nFormModal.propTypes = {\n  headerBreadcrumbs: PropTypes.arrayOf(PropTypes.string).isRequired,\n  initialData: PropTypes.object,\n  layout: PropTypes.shape({\n    form: PropTypes.arrayOf(PropTypes.array),\n    schema: PropTypes.object,\n  }).isRequired,\n  isOpen: PropTypes.bool.isRequired,\n  isSubmiting: PropTypes.bool.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  onToggle: PropTypes.func.isRequired,\n  providerToEditName: PropTypes.string,\n};\n\nexport default FormModal;\n"],"names":["FormModal","headerBreadcrumbs","initialData","isSubmiting","layout","isOpen","onSubmit","onToggle","providerToEditName","formatMessage","useIntl","_jsx","Modal","Root","open","onOpenChange","_jsxs","Content","Header","Breadcrumbs","label","join","map","crumb","index","arr","Crumb","isCurrent","length","Formik","values","initialValues","validationSchema","schema","validateOnChange","errors","handleChange","Form","Body","Flex","direction","alignItems","gap","Grid","form","row","input","Item","col","size","xs","Input","error","name","onChange","value","Footer","Button","variant","onClick","type","id","defaultMessage","loading","defaultProps","propTypes","PropTypes","arrayOf","string","isRequired","object","shape","array","bool","func"],"mappings":"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"}

package/dist/admin/components/FormModal/index.mjs

@@ -0,0 +1,108 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import 'react';
+import { Modal, Breadcrumbs, Crumb, Flex, Grid, Button } from '@strapi/design-system';
+import { Formik, Form } from 'formik';
+import PropTypes from 'prop-types';
+import { useIntl } from 'react-intl';
+import Input from './Input/index.mjs';
+
+const FormModal = ({ headerBreadcrumbs, initialData, isSubmiting, layout, isOpen, onSubmit, onToggle, providerToEditName })=>{
+    const { formatMessage } = useIntl();
+    return /*#__PURE__*/ jsx(Modal.Root, {
+        open: isOpen,
+        onOpenChange: onToggle,
+        children: /*#__PURE__*/ jsxs(Modal.Content, {
+            children: [
+                /*#__PURE__*/ jsx(Modal.Header, {
+                    children: /*#__PURE__*/ jsx(Breadcrumbs, {
+                        label: headerBreadcrumbs.join(', '),
+                        children: headerBreadcrumbs.map((crumb, index, arr)=>/*#__PURE__*/ jsx(Crumb, {
+                                isCurrent: index === arr.length - 1,
+                                children: crumb
+                            }, crumb))
+                    })
+                }),
+                /*#__PURE__*/ jsx(Formik, {
+                    onSubmit: (values)=>onSubmit(values),
+                    initialValues: initialData,
+                    validationSchema: layout.schema,
+                    validateOnChange: false,
+                    children: ({ errors, handleChange, values })=>{
+                        return /*#__PURE__*/ jsxs(Form, {
+                            children: [
+                                /*#__PURE__*/ jsx(Modal.Body, {
+                                    children: /*#__PURE__*/ jsx(Flex, {
+                                        direction: "column",
+                                        alignItems: "stretch",
+                                        gap: 1,
+                                        children: /*#__PURE__*/ jsx(Grid.Root, {
+                                            gap: 5,
+                                            children: layout.form.map((row)=>{
+                                                return row.map((input)=>{
+                                                    return /*#__PURE__*/ jsx(Grid.Item, {
+                                                        col: input.size,
+                                                        xs: 12,
+                                                        direction: "column",
+                                                        alignItems: "stretch",
+                                                        children: /*#__PURE__*/ jsx(Input, {
+                                                            ...input,
+                                                            error: errors[input.name],
+                                                            onChange: handleChange,
+                                                            value: values[input.name],
+                                                            providerToEditName: providerToEditName
+                                                        })
+                                                    }, input.name);
+                                                });
+                                            })
+                                        })
+                                    })
+                                }),
+                                /*#__PURE__*/ jsxs(Modal.Footer, {
+                                    children: [
+                                        /*#__PURE__*/ jsx(Button, {
+                                            variant: "tertiary",
+                                            onClick: onToggle,
+                                            type: "button",
+                                            children: formatMessage({
+                                                id: 'app.components.Button.cancel',
+                                                defaultMessage: 'Cancel'
+                                            })
+                                        }),
+                                        /*#__PURE__*/ jsx(Button, {
+                                            type: "submit",
+                                            loading: isSubmiting,
+                                            children: formatMessage({
+                                                id: 'global.save',
+                                                defaultMessage: 'Save'
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        });
+                    }
+                })
+            ]
+        })
+    });
+};
+FormModal.defaultProps = {
+    initialData: null,
+    providerToEditName: null
+};
+FormModal.propTypes = {
+    headerBreadcrumbs: PropTypes.arrayOf(PropTypes.string).isRequired,
+    initialData: PropTypes.object,
+    layout: PropTypes.shape({
+        form: PropTypes.arrayOf(PropTypes.array),
+        schema: PropTypes.object
+    }).isRequired,
+    isOpen: PropTypes.bool.isRequired,
+    isSubmiting: PropTypes.bool.isRequired,
+    onSubmit: PropTypes.func.isRequired,
+    onToggle: PropTypes.func.isRequired,
+    providerToEditName: PropTypes.string
+};
+
+export { FormModal as default };
+//# sourceMappingURL=index.mjs.map