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

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":";;;;;;;;;;;;AAYA,MAAMA,KAAAA,GAAQ,CAAC,EACbC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,KAAK,EACLC,IAAI,EACJC,QAAQ,EACRC,WAAW,EACXC,kBAAkB,EAClBC,IAAI,EACJC,KAAK,EACN,GAAA;IACC,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAMC,UAAAA,GACJR,IAAAA,KAAS,QAAA,GACL,CAAA,EAAGS,OAAOC,MAAM,CAACC,UAAU,CAAC,aAAa,EAAER,kBAAAA,CAAmB,SAAS,CAAC,GACxEE,KAAAA;AAEN,IAAA,MAAMO,QAAQN,aAAAA,CACZ;AAAEO,QAAAA,EAAAA,EAAIf,UAAUe,EAAE;AAAEC,QAAAA,cAAAA,EAAgBhB,UAAUgB;KAAe,EAC7D;QAAEC,QAAAA,EAAUZ,kBAAAA;AAAoB,QAAA,GAAGL,UAAUkB;AAAO,KAAA,CAAA;IAEtD,MAAMC,IAAAA,GAAOrB,cACTU,aAAAA,CACE;AAAEO,QAAAA,EAAAA,EAAIjB,YAAYiB,EAAE;AAAEC,QAAAA,cAAAA,EAAgBlB,YAAYkB;KAAe,EACjE;QAAEC,QAAAA,EAAUZ,kBAAAA;AAAoB,QAAA,GAAGP,YAAYoB;KAAO,CAAA,GAExD,EAAA;AAEJ,IAAA,IAAIZ,SAAS,MAAA,EAAQ;QACnB,qBACEc,eAAA,CAACC,mBAAMC,IAAI,EAAA;YAACH,IAAAA,EAAMA,IAAAA;YAAMjB,IAAAA,EAAMA,IAAAA;;AAC5B,8BAAAqB,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEV,oBAAAA,QAAAA,EAAAA;;8BACdS,cAAA,CAACE,mBAAAA,EAAAA;oBACCC,YAAAA,EAAYxB,IAAAA;oBACZyB,OAAAA,EAASpB,KAAAA;oBACTR,QAAAA,EAAUA,QAAAA;AACV6B,oBAAAA,QAAAA,EAAUpB,aAAAA,CAAc;wBACtBO,EAAAA,EAAI,yCAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA,CAAA;AACAa,oBAAAA,OAAAA,EAASrB,aAAAA,CAAc;wBACrBO,EAAAA,EAAI,wCAAA;wBACJC,cAAAA,EAAgB;AAClB,qBAAA,CAAA;AACAb,oBAAAA,QAAAA,EAAU,CAAC2B,CAAAA,GAAAA;wBACT3B,QAAAA,CAAS;4BAAE4B,MAAAA,EAAQ;AAAE7B,gCAAAA,IAAAA;gCAAMK,KAAAA,EAAOuB,CAAAA,CAAEC,MAAM,CAACJ;AAAQ;AAAE,yBAAA,CAAA;AACvD,oBAAA;;AAEF,8BAAAJ,cAAA,CAACF,mBAAMW,IAAI,EAAA,EAAA;;;AAGjB,IAAA;IAEA,MAAMC,oBAAAA,GAAuB7B,cACzBI,aAAAA,CACE;AAAEO,QAAAA,EAAAA,EAAIX,YAAYW,EAAE;AAAEC,QAAAA,cAAAA,EAAgBZ,YAAYY;KAAe,EACjE;AAAE,QAAA,GAAGZ,YAAYc;KAAO,CAAA,GAE1B,EAAA;IAEJ,MAAMgB,YAAAA,GAAejC,QAAQO,aAAAA,CAAc;QAAEO,EAAAA,EAAId,KAAAA;QAAOe,cAAAA,EAAgBf;KAAM,CAAA,GAAK,EAAA;IAEnF,qBACEmB,eAAA,CAACC,mBAAMC,IAAI,EAAA;QAACrB,KAAAA,EAAOiC,YAAAA;QAAchC,IAAAA,EAAMA,IAAAA;;AACrC,0BAAAqB,cAAA,CAACF,mBAAMG,KAAK,EAAA;AAAEV,gBAAAA,QAAAA,EAAAA;;0BACdS,cAAA,CAACY,sBAAAA,EAAAA;gBACCpC,QAAAA,EAAUA,QAAAA;gBACVI,QAAAA,EAAUA,QAAAA;gBACVC,WAAAA,EAAa6B,oBAAAA;gBACb3B,IAAAA,EAAMA,IAAAA;gBACNC,KAAAA,EAAOG;;AAET,0BAAAa,cAAA,CAACF,mBAAMe,KAAK,EAAA,EAAA;;;AAGlB;AAEAvC,KAAAA,CAAMwC,YAAY,GAAG;IACnBvC,WAAAA,EAAa,IAAA;IACbC,QAAAA,EAAU,KAAA;IACVE,KAAAA,EAAO,EAAA;IACPG,WAAAA,EAAa,IAAA;IACbG,KAAAA,EAAO;AACT,CAAA;AAEAV,KAAAA,CAAMyC,SAAS,GAAG;IAChBxC,WAAAA,EAAayC,0BAAAA,CAAUC,KAAK,CAAC;QAC3BzB,EAAAA,EAAIwB,0BAAAA,CAAUE,MAAM,CAACC,UAAU;QAC/B1B,cAAAA,EAAgBuB,0BAAAA,CAAUE,MAAM,CAACC,UAAU;AAC3CxB,QAAAA,MAAAA,EAAQqB,2BAAUI;AACpB,KAAA,CAAA;AACA5C,IAAAA,QAAAA,EAAUwC,2BAAUK,IAAI;AACxB3C,IAAAA,KAAAA,EAAOsC,2BAAUE,MAAM;IACvBzC,SAAAA,EAAWuC,0BAAAA,CAAUC,KAAK,CAAC;QACzBzB,EAAAA,EAAIwB,0BAAAA,CAAUE,MAAM,CAACC,UAAU;QAC/B1B,cAAAA,EAAgBuB,0BAAAA,CAAUE,MAAM,CAACC,UAAU;AAC3CxB,QAAAA,MAAAA,EAAQqB,2BAAUI;AACpB,KAAA,CAAA,CAAGD,UAAU;IACbxC,IAAAA,EAAMqC,0BAAAA,CAAUE,MAAM,CAACC,UAAU;IACjCvC,QAAAA,EAAUoC,0BAAAA,CAAUM,IAAI,CAACH,UAAU;IACnCtC,WAAAA,EAAamC,0BAAAA,CAAUC,KAAK,CAAC;QAC3BzB,EAAAA,EAAIwB,0BAAAA,CAAUE,MAAM,CAACC,UAAU;QAC/B1B,cAAAA,EAAgBuB,0BAAAA,CAAUE,MAAM,CAACC,UAAU;AAC3CxB,QAAAA,MAAAA,EAAQqB,2BAAUI;AACpB,KAAA,CAAA;IACAtC,kBAAAA,EAAoBkC,0BAAAA,CAAUE,MAAM,CAACC,UAAU;IAC/CpC,IAAAA,EAAMiC,0BAAAA,CAAUE,MAAM,CAACC,UAAU;IACjCnC,KAAAA,EAAOgC,0BAAAA,CAAUO,SAAS,CAAC;AAACP,QAAAA,0BAAAA,CAAUK,IAAI;AAAEL,QAAAA,0BAAAA,CAAUE;AAAO,KAAA;AAC/D,CAAA;;;;"}

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","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/Permissions/PermissionRow/CheckboxWrapper.js

@@ -0,0 +1,33 @@
+'use strict';
+
+var designSystem = require('@strapi/design-system');
+var styledComponents = require('styled-components');
+
+const activeCheckboxWrapperStyles = styledComponents.css`
+  background: ${(props)=>props.theme.colors.primary100};
+
+  #cog {
+    opacity: 1;
+  }
+`;
+const CheckboxWrapper = styledComponents.styled(designSystem.Box)`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  #cog {
+    opacity: 0;
+    path {
+      fill: ${(props)=>props.theme.colors.primary600};
+    }
+  }
+
+  /* Show active style both on hover and when the action is selected */
+  ${(props)=>props.isActive && activeCheckboxWrapperStyles}
+  &:hover {
+    ${activeCheckboxWrapperStyles}
+  }
+`;
+
+module.exports = CheckboxWrapper;
+//# sourceMappingURL=CheckboxWrapper.js.map

package/dist/admin/components/Permissions/PermissionRow/CheckboxWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWrapper.js","sources":["../../../../../admin/src/components/Permissions/PermissionRow/CheckboxWrapper.jsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled, css } from 'styled-components';\n\nconst activeCheckboxWrapperStyles = css`\n  background: ${(props) => props.theme.colors.primary100};\n\n  #cog {\n    opacity: 1;\n  }\n`;\n\nconst CheckboxWrapper = styled(Box)`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  #cog {\n    opacity: 0;\n    path {\n      fill: ${(props) => props.theme.colors.primary600};\n    }\n  }\n\n  /* Show active style both on hover and when the action is selected */\n  ${(props) => props.isActive && activeCheckboxWrapperStyles}\n  &:hover {\n    ${activeCheckboxWrapperStyles}\n  }\n`;\n\nexport default CheckboxWrapper;\n"],"names":["activeCheckboxWrapperStyles","css","props","theme","colors","primary100","CheckboxWrapper","styled","Box","primary600","isActive"],"mappings":";;;;;AAGA,MAAMA,2BAAAA,GAA8BC,oBAAG;cACzB,EAAE,CAACC,QAAUA,KAAAA,CAAMC,KAAK,CAACC,MAAM,CAACC,UAAU,CAAC;;;;;AAKzD,CAAC;AAED,MAAMC,eAAAA,GAAkBC,uBAAAA,CAAOC,gBAAAA,CAAI;;;;;;;;YAQvB,EAAE,CAACN,QAAUA,KAAAA,CAAMC,KAAK,CAACC,MAAM,CAACK,UAAU,CAAC;;;;;AAKrD,EAAA,EAAE,CAACP,KAAAA,GAAUA,KAAAA,CAAMQ,QAAQ,IAAIV,2BAAAA;;AAE7B,IAAA,EAAEA,2BAAAA;;AAEN;;;;"}

package/dist/admin/components/Permissions/PermissionRow/CheckboxWrapper.mjs

@@ -0,0 +1,31 @@
+import { Box } from '@strapi/design-system';
+import { styled, css } from 'styled-components';
+
+const activeCheckboxWrapperStyles = css`
+  background: ${(props)=>props.theme.colors.primary100};
+
+  #cog {
+    opacity: 1;
+  }
+`;
+const CheckboxWrapper = styled(Box)`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  #cog {
+    opacity: 0;
+    path {
+      fill: ${(props)=>props.theme.colors.primary600};
+    }
+  }
+
+  /* Show active style both on hover and when the action is selected */
+  ${(props)=>props.isActive && activeCheckboxWrapperStyles}
+  &:hover {
+    ${activeCheckboxWrapperStyles}
+  }
+`;
+
+export { CheckboxWrapper as default };
+//# sourceMappingURL=CheckboxWrapper.mjs.map

package/dist/admin/components/Permissions/PermissionRow/CheckboxWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxWrapper.mjs","sources":["../../../../../admin/src/components/Permissions/PermissionRow/CheckboxWrapper.jsx"],"sourcesContent":["import { Box } from '@strapi/design-system';\nimport { styled, css } from 'styled-components';\n\nconst activeCheckboxWrapperStyles = css`\n  background: ${(props) => props.theme.colors.primary100};\n\n  #cog {\n    opacity: 1;\n  }\n`;\n\nconst CheckboxWrapper = styled(Box)`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  #cog {\n    opacity: 0;\n    path {\n      fill: ${(props) => props.theme.colors.primary600};\n    }\n  }\n\n  /* Show active style both on hover and when the action is selected */\n  ${(props) => props.isActive && activeCheckboxWrapperStyles}\n  &:hover {\n    ${activeCheckboxWrapperStyles}\n  }\n`;\n\nexport default CheckboxWrapper;\n"],"names":["activeCheckboxWrapperStyles","css","props","theme","colors","primary100","CheckboxWrapper","styled","Box","primary600","isActive"],"mappings":";;;AAGA,MAAMA,2BAAAA,GAA8BC,GAAG;cACzB,EAAE,CAACC,QAAUA,KAAAA,CAAMC,KAAK,CAACC,MAAM,CAACC,UAAU,CAAC;;;;;AAKzD,CAAC;AAED,MAAMC,eAAAA,GAAkBC,MAAAA,CAAOC,GAAAA,CAAI;;;;;;;;YAQvB,EAAE,CAACN,QAAUA,KAAAA,CAAMC,KAAK,CAACC,MAAM,CAACK,UAAU,CAAC;;;;;AAKrD,EAAA,EAAE,CAACP,KAAAA,GAAUA,KAAAA,CAAMQ,QAAQ,IAAIV,2BAAAA;;AAE7B,IAAA,EAAEA,2BAAAA;;AAEN;;;;"}