@strapi/admin 4.11.0-exp.9xg4-3qfm-9w8f.1 → 4.11.0

package/build/{webhook-list-page.0861d3e9.chunk.js → webhook-list-page.abf5747c.chunk.js}

@@ -1,4 +1,4 @@
-"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[4121],{32393:function(R,E,t){t.r(E),t.d(E,{default:function(){return ce}});var e=t(32735),s=t(24989),c=t(83983),h=t(53038),f=t(67879),p=t(20108),T=t(94638),D=t(96709),S=t(27649),i=t(82055),P=t(99223),m=t(49372),I=t(41415),q=t(17e3),U=t(72850),_=t(56755),ee=t(73269),te=t(33827),K=t(94547),r=t(19786),V=t(82884),ne=t(3685),ae=t(35658),k=t(87933),b=t(74512),F=t(8471);const j=F.ZP.div`
+"use strict";(self.webpackChunk_strapi_admin=self.webpackChunk_strapi_admin||[]).push([[4121],{32393:function(R,E,t){t.r(E),t.d(E,{default:function(){return ce}});var e=t(32735),s=t(69262),c=t(83983),h=t(53038),f=t(67879),p=t(20108),T=t(94638),D=t(96709),S=t(27649),i=t(82055),P=t(99223),m=t(49372),I=t(41415),q=t(17e3),U=t(72850),_=t(56755),ee=t(73269),te=t(33827),K=t(94547),r=t(19786),V=t(82884),ne=t(3685),ae=t(35658),k=t(87933),b=t(74512),F=t(8471);const j=F.ZP.div`
   background: ${({theme:o})=>o.colors.danger500};
   border: none;
   border-radius: 16px;

package/ee/admin/pages/SettingsPage/pages/Webhooks/EditView/components/EventTable/EventTableEE.js

@@ -0,0 +1,23 @@
+import React from 'react';
+
+import EventTable from '../../../../../../../../../admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/Events';
+
+// const events = {
+//   'review-workflows': ['workflows.updateEntryStage'],
+// };
+
+// TODO: extend this to support review workflow events once the BE logic is ready
+// const getHeaders = () => {
+//   return [{ id: 'review-workflows.updateEntryStage', defaultMessage: 'Stage Change' }];
+// };
+
+export function EventTableEE() {
+  return (
+    <EventTable.Root>
+      <EventTable.Headers />
+      <EventTable.Body />
+      {/* <EventTable.Headers getHeaders={getHeaders} />
+        <EventTable.Body providedEvents={events} /> */}
+    </EventTable.Root>
+  );
+}

package/ee/admin/pages/SettingsPage/pages/Webhooks/EditView/components/EventTable/index.js

@@ -0,0 +1,3 @@
+import { EventTableEE } from './EventTableEE';
+
+export default EventTableEE;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/admin",
-  "version": "4.11.0-exp.9xg4-3qfm-9w8f.1",
+  "version": "4.11.0",
   "description": "Strapi Admin",
   "repository": {
     "type": "git",
@@ -48,15 +48,15 @@
     "@casl/ability": "^5.4.3",
     "@fingerprintjs/fingerprintjs": "3.4.1",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.10",
-    "@strapi/babel-plugin-switch-ee-ce": "4.11.0-exp.9xg4-3qfm-9w8f.1",
-    "@strapi/data-transfer": "4.11.0-exp.9xg4-3qfm-9w8f.1",
-    "@strapi/design-system": "1.7.10",
-    "@strapi/helper-plugin": "4.11.0-exp.9xg4-3qfm-9w8f.1",
-    "@strapi/icons": "1.7.10",
-    "@strapi/permissions": "4.11.0-exp.9xg4-3qfm-9w8f.1",
-    "@strapi/provider-audit-logs-local": "4.11.0-exp.9xg4-3qfm-9w8f.1",
-    "@strapi/typescript-utils": "4.11.0-exp.9xg4-3qfm-9w8f.1",
-    "@strapi/utils": "4.11.0-exp.9xg4-3qfm-9w8f.1",
+    "@strapi/babel-plugin-switch-ee-ce": "4.11.0",
+    "@strapi/data-transfer": "4.11.0",
+    "@strapi/design-system": "1.8.0",
+    "@strapi/helper-plugin": "4.11.0",
+    "@strapi/icons": "1.8.0",
+    "@strapi/permissions": "4.11.0",
+    "@strapi/provider-audit-logs-local": "4.11.0",
+    "@strapi/typescript-utils": "4.11.0",
+    "@strapi/utils": "4.11.0",
     "axios": "1.4.0",
     "babel-loader": "^9.1.2",
     "babel-plugin-styled-components": "2.1.1",
@@ -67,7 +67,7 @@
     "chokidar": "^3.5.1",
     "codemirror5": "npm:codemirror@^5.65.11",
     "cross-env": "^7.0.3",
-    "css-loader": "^6.7.3",
+    "css-loader": "^6.8.1",
     "date-fns": "2.30.0",
     "dotenv": "8.5.1",
     "esbuild-loader": "^2.21.0",
@@ -130,7 +130,7 @@
     "sift": "16.0.1",
     "style-loader": "3.3.1",
     "styled-components": "5.3.3",
-    "typescript": "5.0.4",
+    "typescript": "5.1.3",
     "webpack": "^5.82.0",
     "webpack-cli": "^5.1.0",
     "webpack-dev-server": "^4.15.0",
@@ -163,5 +163,5 @@
       }
     }
   },
-  "gitHead": "54c4fa25b2706612f85aaf103f54c071c281f23b"
+  "gitHead": "0de06a008d1dfbe67ebfee3562cc8ca0603d2255"
 }

package/admin/src/content-manager/components/DynamicTable/ConfirmDialogDeleteAll/index.js

@@ -1,73 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useIntl } from 'react-intl';
-import { Dialog, DialogBody, DialogFooter, Flex, Typography, Button } from '@strapi/design-system';
-import { ExclamationMarkCircle, Trash } from '@strapi/icons';
-import InjectionZoneList from '../../InjectionZoneList';
-import { getTrad } from '../../../utils';
-
-const ConfirmDialogDeleteAll = ({ isConfirmButtonLoading, isOpen, onToggleDialog, onConfirm }) => {
-  const { formatMessage } = useIntl();
-
-  return (
-    <Dialog
-      onClose={onToggleDialog}
-      title={formatMessage({
-        id: 'app.components.ConfirmDialog.title',
-        defaultMessage: 'Confirmation',
-      })}
-      labelledBy="confirmation"
-      describedBy="confirm-description"
-      isOpen={isOpen}
-    >
-      <DialogBody icon={<ExclamationMarkCircle />}>
-        <Flex direction="column" alignItems="stretch" gap={2}>
-          <Flex justifyContent="center">
-            <Typography id="confirm-description">
-              {formatMessage({
-                id: getTrad('popUpWarning.bodyMessage.contentType.delete.all'),
-                defaultMessage: 'Are you sure you want to delete these entries?',
-              })}
-            </Typography>
-          </Flex>
-          <Flex>
-            <InjectionZoneList area="contentManager.listView.deleteModalAdditionalInfos" />
-          </Flex>
-        </Flex>
-      </DialogBody>
-      <DialogFooter
-        startAction={
-          <Button onClick={onToggleDialog} variant="tertiary">
-            {formatMessage({
-              id: 'app.components.Button.cancel',
-              defaultMessage: 'Cancel',
-            })}
-          </Button>
-        }
-        endAction={
-          <Button
-            onClick={onConfirm}
-            variant="danger-light"
-            startIcon={<Trash />}
-            id="confirm-delete"
-            loading={isConfirmButtonLoading}
-          >
-            {formatMessage({
-              id: 'app.components.Button.confirm',
-              defaultMessage: 'Confirm',
-            })}
-          </Button>
-        }
-      />
-    </Dialog>
-  );
-};
-
-ConfirmDialogDeleteAll.propTypes = {
-  isConfirmButtonLoading: PropTypes.bool.isRequired,
-  isOpen: PropTypes.bool.isRequired,
-  onConfirm: PropTypes.func.isRequired,
-  onToggleDialog: PropTypes.func.isRequired,
-};
-
-export default ConfirmDialogDeleteAll;

package/admin/src/content-manager/components/DynamicZone/utils/connect.js

@@ -1,12 +0,0 @@
-import React from 'react';
-
-function connect(WrappedComponent, select) {
-  return (props) => {
-    // eslint-disable-next-line react/prop-types
-    const selectors = select(props.name);
-
-    return <WrappedComponent {...props} {...selectors} />;
-  };
-}
-
-export default connect;

package/admin/src/content-manager/components/DynamicZone/utils/select.js

@@ -1,53 +0,0 @@
-import { useMemo } from 'react';
-import get from 'lodash/get';
-import { useCMEditViewDataManager } from '@strapi/helper-plugin';
-
-function useSelect(name) {
-  const {
-    addComponentToDynamicZone,
-    createActionAllowedFields,
-    isCreatingEntry,
-    formErrors,
-    modifiedData,
-    moveComponentField,
-    removeComponentFromDynamicZone,
-    readActionAllowedFields,
-    updateActionAllowedFields,
-  } = useCMEditViewDataManager();
-
-  const dynamicDisplayedComponents = useMemo(
-    () =>
-      get(modifiedData, [name], []).map((data) => {
-        return {
-          componentUid: data.__component,
-          id: data.id ?? data.__temp_key__,
-        };
-      }),
-    [modifiedData, name]
-  );
-
-  const isFieldAllowed = useMemo(() => {
-    const allowedFields = isCreatingEntry ? createActionAllowedFields : updateActionAllowedFields;
-
-    return allowedFields.includes(name);
-  }, [name, isCreatingEntry, createActionAllowedFields, updateActionAllowedFields]);
-
-  const isFieldReadable = useMemo(() => {
-    const allowedFields = isCreatingEntry ? [] : readActionAllowedFields;
-
-    return allowedFields.includes(name);
-  }, [name, isCreatingEntry, readActionAllowedFields]);
-
-  return {
-    addComponentToDynamicZone,
-    formErrors,
-    isCreatingEntry,
-    isFieldAllowed,
-    isFieldReadable,
-    moveComponentField,
-    removeComponentFromDynamicZone,
-    dynamicDisplayedComponents,
-  };
-}
-
-export default useSelect;

package/admin/src/content-manager/components/Inputs/utils/getStep.js

@@ -1,13 +0,0 @@
-const getStep = (type) => {
-  let step;
-
-  if (type === 'float' || type === 'decimal') {
-    step = 0.01;
-  } else {
-    step = 1;
-  }
-
-  return step;
-};
-
-export default getStep;

package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/EventRow.js

@@ -1,70 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { BaseCheckbox, Checkbox } from '@strapi/design-system';
-import upperFirst from 'lodash/upperFirst';
-
-const EventRow = ({ disabledEvents, name, events, inputValue, handleChange, handleChangeAll }) => {
-  const enabledCheckboxes = events.filter((event) => {
-    return !disabledEvents.includes(event);
-  });
-
-  const areAllCheckboxesSelected = inputValue.length === enabledCheckboxes.length;
-  const hasSomeCheckboxSelected = inputValue.length > 0;
-
-  const onChangeAll = ({ target: { name } }) => {
-    const valueToSet = !areAllCheckboxesSelected;
-
-    handleChangeAll({
-      target: { name, value: valueToSet },
-    });
-  };
-
-  return (
-    <tr>
-      <td>
-        <Checkbox
-          indeterminate={hasSomeCheckboxSelected && !areAllCheckboxesSelected}
-          aria-label="Select all entries"
-          name={name}
-          onChange={onChangeAll}
-          value={areAllCheckboxesSelected}
-        >
-          {upperFirst(name)}
-        </Checkbox>
-      </td>
-
-      {events.map((event) => {
-        return (
-          <td key={event}>
-            <BaseCheckbox
-              disabled={disabledEvents.includes(event)}
-              aria-label={event}
-              name={event}
-              value={inputValue.includes(event)}
-              onValueChange={(value) => handleChange({ target: { name: event, value } })}
-            />
-          </td>
-        );
-      })}
-    </tr>
-  );
-};
-
-EventRow.defaultProps = {
-  disabledEvents: [],
-  events: [],
-  inputValue: [],
-  handleChange() {},
-  handleChangeAll() {},
-};
-
-EventRow.propTypes = {
-  disabledEvents: PropTypes.array,
-  events: PropTypes.array,
-  inputValue: PropTypes.array,
-  handleChange: PropTypes.func,
-  handleChangeAll: PropTypes.func,
-  name: PropTypes.string.isRequired,
-};
-
-export default EventRow;

package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/EventInput/index.js

@@ -1,174 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { FieldLabel, Flex, Typography } from '@strapi/design-system';
-import { useFormikContext } from 'formik';
-import { useIntl } from 'react-intl';
-import styled from 'styled-components';
-import EventRow from './EventRow';
-
-export const formatValue = (value) =>
-  value.reduce((acc, curr) => {
-    const key = curr.split('.')[0];
-
-    if (!acc[key]) {
-      acc[key] = [];
-    }
-    acc[key].push(curr);
-
-    return acc;
-  }, {});
-
-const StyledTable = styled.table`
-  td {
-    height: ${52 / 16}rem;
-    width: 10%;
-    vertical-align: middle;
-    text-align: center;
-  }
-
-  tbody tr:nth-child(odd) {
-    background: ${({ theme }) => theme.colors.neutral100};
-  }
-
-  tbody tr td:first-child {
-    padding-left: ${({ theme }) => theme.spaces[7]};
-  }
-`;
-
-const displayedData = {
-  headers: {
-    default: [
-      { id: 'Settings.webhooks.events.create', defaultMessage: 'Create' },
-      { id: 'Settings.webhooks.events.update', defaultMessage: 'Update' },
-      { id: 'app.utils.delete', defaultMessage: 'Delete' },
-    ],
-    draftAndPublish: [
-      { id: 'Settings.webhooks.events.create', defaultMessage: 'Create' },
-      { id: 'Settings.webhooks.events.update', defaultMessage: 'Update' },
-      { id: 'app.utils.delete', defaultMessage: 'Delete' },
-      { id: 'app.utils.publish', defaultMessage: 'Publish' },
-      { id: 'app.utils.unpublish', defaultMessage: 'Unpublish' },
-    ],
-  },
-  events: {
-    default: {
-      entry: ['entry.create', 'entry.update', 'entry.delete'],
-      media: ['media.create', 'media.update', 'media.delete'],
-    },
-    draftAndPublish: {
-      entry: ['entry.create', 'entry.update', 'entry.delete', 'entry.publish', 'entry.unpublish'],
-      media: ['media.create', 'media.update', 'media.delete'],
-    },
-  },
-};
-
-const EventInput = ({ isDraftAndPublish }) => {
-  const headersName = isDraftAndPublish
-    ? displayedData.headers.draftAndPublish
-    : displayedData.headers.default;
-
-  const events = isDraftAndPublish
-    ? displayedData.events.draftAndPublish
-    : displayedData.events.default;
-
-  const { formatMessage } = useIntl();
-  const { values, handleChange: onChange } = useFormikContext();
-
-  const inputName = 'events';
-  const inputValue = values.events;
-
-  const disabledEvents = [];
-
-  const formattedValue = formatValue(inputValue);
-
-  const handleChange = ({ target: { name, value } }) => {
-    let set = new Set(inputValue);
-
-    if (value) {
-      set.add(name);
-    } else {
-      set.delete(name);
-    }
-    onChange({ target: { name: inputName, value: Array.from(set) } });
-  };
-
-  const handleChangeAll = ({ target: { name, value } }) => {
-    let set = new Set(inputValue);
-
-    if (value) {
-      events[name].forEach((event) => {
-        if (!disabledEvents.includes(event)) {
-          set.add(event);
-        }
-      });
-    } else {
-      events[name].forEach((event) => set.delete(event));
-    }
-    onChange({ target: { name: inputName, value: Array.from(set) } });
-  };
-
-  return (
-    <Flex direction="column" alignItems="stretch" gap={1}>
-      <FieldLabel>
-        {formatMessage({
-          id: 'Settings.webhooks.form.events',
-          defaultMessage: 'Events',
-        })}
-      </FieldLabel>
-      <StyledTable>
-        <thead>
-          <tr>
-            <td />
-            {headersName.map((header) => {
-              if (header === 'app.utils.publish' || header === 'app.utils.unpublish') {
-                return (
-                  <td
-                    key={header.id}
-                    title={formatMessage({
-                      id: 'Settings.webhooks.event.publish-tooltip',
-                      defaultMessage:
-                        'This event only exists for content with draft & publish enabled',
-                    })}
-                  >
-                    <Typography variant="sigma" textColor="neutral600">
-                      {formatMessage(header)}
-                    </Typography>
-                  </td>
-                );
-              }
-
-              return (
-                <td key={header.id}>
-                  <Typography variant="sigma" textColor="neutral600">
-                    {formatMessage(header)}
-                  </Typography>
-                </td>
-              );
-            })}
-          </tr>
-        </thead>
-        <tbody>
-          {Object.keys(events).map((event) => {
-            return (
-              <EventRow
-                disabledEvents={disabledEvents}
-                key={event}
-                name={event}
-                events={events[event]}
-                inputValue={formattedValue[event]}
-                handleChange={handleChange}
-                handleChangeAll={handleChangeAll}
-              />
-            );
-          })}
-        </tbody>
-      </StyledTable>
-    </Flex>
-  );
-};
-
-EventInput.propTypes = {
-  isDraftAndPublish: PropTypes.bool.isRequired,
-};
-
-export default EventInput;

package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/HeadersInput/keys.js

@@ -1,39 +0,0 @@
-const keys = [
-  'A-IM',
-  'Accept',
-  'Accept-Charset',
-  'Accept-Encoding',
-  'Accept-Language',
-  'Accept-Datetime',
-  'Access-Control-Request-Method',
-  'Access-Control-Request-Headers',
-  'Authorization',
-  'Cache-Control',
-  'Connection',
-  'Content-Length',
-  'Content-Type',
-  'Cookie',
-  'Date',
-  'Expect',
-  'Forwarded',
-  'From',
-  'Host',
-  'If-Match',
-  'If-Modified-Since',
-  'If-None-Match',
-  'If-Range',
-  'If-Unmodified-Since',
-  'Max-Forwards',
-  'Origin',
-  'Pragma',
-  'Proxy-Authorization',
-  'Range',
-  'Referer',
-  'TE',
-  'User-Agent',
-  'Upgrade',
-  'Via',
-  'Warning',
-];
-
-export default keys;

package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/utils/fieldsRegex.js

@@ -1,4 +0,0 @@
-const NAME_REGEX = /(^$)|(^[A-Za-z][_0-9A-Za-z ]*$)/;
-const URL_REGEX = /(^$)|((https?:\/\/.*)(d*)\/?(.*))/;
-
-export { NAME_REGEX, URL_REGEX };

package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/components/utils/schema.js

@@ -1,35 +0,0 @@
-import * as yup from 'yup';
-import { translatedErrors } from '@strapi/helper-plugin';
-import { NAME_REGEX, URL_REGEX } from './fieldsRegex';
-
-const schema = yup.object().shape({
-  name: yup
-    .string(translatedErrors.string)
-    .required(translatedErrors.required)
-    .matches(NAME_REGEX, translatedErrors.regex),
-  url: yup
-    .string(translatedErrors.string)
-    .required(translatedErrors.required)
-    .matches(URL_REGEX, translatedErrors.regex),
-  headers: yup.lazy((array) => {
-    let baseSchema = yup.array();
-
-    if (array.length === 1) {
-      const { key, value } = array[0];
-
-      if (!key && !value) {
-        return baseSchema;
-      }
-    }
-
-    return baseSchema.of(
-      yup.object().shape({
-        key: yup.string().required(translatedErrors.required),
-        value: yup.string().required(translatedErrors.required),
-      })
-    );
-  }),
-  events: yup.array(),
-});
-
-export default schema;

package/admin/src/pages/SettingsPage/pages/Webhooks/EditView/reducer.js

@@ -1,100 +0,0 @@
-import produce from 'immer';
-import get from 'lodash/get';
-import set from 'lodash/set';
-
-const header = { key: '', value: '' };
-
-const initialWebhook = {
-  events: [],
-  headers: [header],
-  name: '',
-  url: '',
-};
-
-const initialState = {
-  formErrors: {},
-  initialData: initialWebhook,
-  isTriggering: false,
-  modifiedData: initialWebhook,
-  isLoading: true,
-  triggerResponse: {},
-};
-
-const reducer = (state, action) =>
-  // eslint-disable-next-line consistent-return
-  produce(state, (draftState) => {
-    switch (action.type) {
-      case 'ADD_NEW_HEADER': {
-        draftState.modifiedData.headers.push(header);
-        break;
-      }
-      case 'GET_DATA_SUCCEEDED': {
-        const headers = get(action, ['data', 'headers'], {});
-        let formattedHeaders = [header];
-
-        if (Object.keys(headers).length > 0) {
-          formattedHeaders = Object.keys(headers).map((key) => {
-            return { key, value: headers[key] };
-          });
-        }
-
-        const data = { ...action.data, headers: formattedHeaders };
-
-        draftState.isLoading = false;
-        draftState.initialData = data;
-        draftState.modifiedData = data;
-
-        break;
-      }
-      case 'ON_CHANGE': {
-        set(draftState, ['modifiedData', ...action.keys], action.value);
-        break;
-      }
-      case 'ON_HEADER_REMOVE': {
-        const nextHeaders = state.modifiedData.headers.filter((_, index) => index !== action.index);
-
-        if (!nextHeaders.length) {
-          nextHeaders.push(header);
-        }
-
-        draftState.modifiedData.headers = nextHeaders;
-        break;
-      }
-      case 'ON_TRIGGER_CANCELED': {
-        draftState.isTriggering = false;
-        draftState.triggerResponse = {};
-
-        break;
-      }
-      case 'RESET_FORM': {
-        draftState.modifiedData = state.initialData;
-        break;
-      }
-      case 'SET_ERRORS': {
-        draftState.formErrors = action.errors;
-        break;
-      }
-      case 'SET_IS_TRIGGERING': {
-        draftState.isTriggering = !state.isTriggering;
-        break;
-      }
-      case 'SUBMIT_SUCCEEDED': {
-        draftState.initialData = state.modifiedData;
-        break;
-      }
-      case 'TRIGGER_SUCCEEDED': {
-        draftState.triggerResponse = action.response;
-        draftState.isTriggering = false;
-        break;
-      }
-      case 'UNSET_LOADER': {
-        draftState.isLoading = false;
-        break;
-      }
-      default:
-        return draftState;
-    }
-  });
-
-export default reducer;
-export { initialState };