@strapi/admin 4.11.0-exp.push-transfer-push-stuck → 4.11.0

package/build/webhook-list-page.abf5747c.chunk.js

@@ -0,0 +1,63 @@
+"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;
+  position: relative;
+  height: ${24/16}rem;
+  width: ${40/16}rem;
+
+  & span {
+    font-size: ${({visibleLabels:o})=>o?"1rem":0};
+  }
+
+  &:before {
+    content: '';
+    background: ${({theme:o})=>o.colors.neutral0};
+    width: 1rem;
+    height: 1rem;
+    border-radius: 50%;
+    position: absolute;
+    transition: all 0.5s;
+    left: ${({theme:o})=>o.spaces[1]};
+    top: ${({theme:o})=>o.spaces[1]};
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    &:before {
+      transition: none;
+    }
+  }
+`,se=F.ZP.button`
+  background: transparent;
+  padding: 0;
+  border: none;
+
+  &[aria-checked='true'] ${j} {
+    background: ${({theme:o})=>o.colors.success500};
+  }
+
+  &[aria-checked='true'] ${j}:before {
+    transform: translateX(1rem);
+  }
+`,oe=e.forwardRef(({label:o,onChange:u,onLabel:v="On",offLabel:d="Off",selected:a,visibleLabels:g=!1,...x},$)=>(0,b.jsx)(se,{ref:$,role:"switch","aria-checked":a,"aria-label":o,onClick:u,visibleLabels:g,type:"button",...x,children:(0,b.jsxs)(k.k,{children:[(0,b.jsxs)(j,{children:[(0,b.jsx)("span",{children:v}),(0,b.jsx)("span",{children:d})]}),g&&(0,b.jsx)(U.x,{as:"span","aria-hidden":!0,paddingLeft:2,color:a?"success600":"danger600",children:a?v:d})]})}));var z=t(50563),le=t(9695),w=t(19406),H=t(4038),re=t(68625),ie=t(54725),de=()=>{const[o,u]=(0,e.useState)(!1),[v,d]=(0,e.useState)([]),{formatMessage:a}=(0,f.Z)(),{formatAPIError:g}=(0,s.So)(),x=(0,s.lm)();(0,s.go)();const{push:$}=(0,h.k6)(),{pathname:N}=(0,h.TH)(),{isLoading:me,allowedActions:{canCreate:O,canUpdate:Q,canDelete:Y}}=(0,s.ss)(c.Z.settings.webhooks),{get:he,post:ue,put:ge}=(0,s.kY)(),{notifyStatus:G}=(0,T.G)(),Ee="webhooks",{isLoading:fe,data:M,error:Z,refetch:X}=(0,p.useQuery)(Ee,async()=>{const{data:{data:n}}=await he("/admin/webhooks");return n});(0,e.useEffect)(()=>{if(Z){x({type:"warning",message:g(Z)});return}M&&G(a({id:"Settings.webhooks.list.loading.success",defaultMessage:"Webhooks have been loaded"}))},[M,Z,x,a,G,g]);const J=(0,p.useMutation)(async()=>{await ue("/admin/webhooks/batch-delete",{ids:v})},{onError(n){x({type:"warning",message:g(n)}),u(!1)},onSuccess(){d([]),u(!1),X()}}),be=(0,p.useMutation)(async({isEnabled:n,id:l})=>{const{id:L,...W}=M.find(Ce=>Ce.id===l)??{},pe={...W,isEnabled:n};await ge(`/admin/webhooks/${l}`,pe)},{onError(n){x({type:"warning",message:g(n)})},onSuccess(){X()}}),ve=()=>J.mutate(),xe=n=>d(n?M.map(l=>l.id):[]),Me=(n,l)=>d(n?L=>[...L,l]:L=>L.filter(W=>W!==l)),A=n=>$(`${N}/${n}`),B=me||fe,y=M?.length??0,C=v.length;return e.createElement(D.A,null,e.createElement(s.SL,{name:"Webhooks"}),e.createElement(S.o,{"aria-busy":B},e.createElement(i.T,{title:a({id:"Settings.webhooks.title",defaultMessage:"Webhooks"}),subtitle:a({id:"Settings.webhooks.list.description",defaultMessage:"Get POST changes notifications"}),primaryAction:O&&!B&&e.createElement(s.Qj,{startIcon:e.createElement(w.Z,null),variant:"default",to:`${N}/create`,size:"S"},a({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))}),C>0&&Y&&e.createElement(P.Z,{startActions:e.createElement(e.Fragment,null,e.createElement(m.Z,{variant:"epsilon",textColor:"neutral600"},a({id:"Settings.webhooks.to.delete",defaultMessage:"{webhooksToDeleteLength, plural, one {# webhook} other {# webhooks}} selected"},{webhooksToDeleteLength:C})),e.createElement(I.z,{onClick:()=>u(!0),startIcon:e.createElement(H.Z,null),size:"L",variant:"danger-light"},a({id:"global.delete",defaultMessage:"Delete"})))}),e.createElement(q.D,null,B?e.createElement(U.x,{background:"neutral0",padding:6,shadow:"filterShadow",hasRadius:!0},e.createElement(s.dO,null)):y>0?e.createElement(_.i,{colCount:5,rowCount:y+1,footer:e.createElement(ee.c,{onClick:()=>O?A("create"):{},icon:e.createElement(w.Z,null)},a({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))},e.createElement(te.h,null,e.createElement(K.Tr,null,e.createElement(r.Th,null,e.createElement(V.C,{"aria-label":a({id:"global.select-all-entries",defaultMessage:"Select all entries"}),indeterminate:C>0&&C<y,value:C===y,onValueChange:xe})),e.createElement(r.Th,{width:"20%"},e.createElement(m.Z,{variant:"sigma",textColor:"neutral600"},a({id:"global.name",defaultMessage:"Name"}))),e.createElement(r.Th,{width:"60%"},e.createElement(m.Z,{variant:"sigma",textColor:"neutral600"},a({id:"Settings.webhooks.form.url",defaultMessage:"URL"}))),e.createElement(r.Th,{width:"20%"},e.createElement(m.Z,{variant:"sigma",textColor:"neutral600"},a({id:"Settings.webhooks.list.th.status",defaultMessage:"Status"}))),e.createElement(r.Th,null,e.createElement(ne.T,null,a({id:"Settings.webhooks.list.th.actions",defaultMessage:"Actions"}))))),e.createElement(ae.p,null,M.map(n=>e.createElement(K.Tr,{key:n.id,...(0,s.X7)({fn:()=>A(n.id),condition:Q})},e.createElement(r.Td,{...s.UW},e.createElement(V.C,{"aria-label":`${a({id:"global.select",defaultMessage:"Select"})} ${n.name}`,value:v?.includes(n.id),onValueChange:l=>Me(l,n.id),name:"select"})),e.createElement(r.Td,null,e.createElement(m.Z,{fontWeight:"semiBold",textColor:"neutral800"},n.name)),e.createElement(r.Td,null,e.createElement(m.Z,{textColor:"neutral800"},n.url)),e.createElement(r.Td,null,e.createElement(k.k,null,e.createElement(oe,{onLabel:a({id:"global.enabled",defaultMessage:"Enabled"}),offLabel:a({id:"global.disabled",defaultMessage:"Disabled"}),label:`${n.name} ${a({id:"Settings.webhooks.list.th.status",defaultMessage:"Status"})}`,selected:n.isEnabled,onChange:l=>{l.stopPropagation(),be.mutate({isEnabled:!n.isEnabled,id:n.id})},visibleLabels:!0}))),e.createElement(r.Td,null,e.createElement(k.k,{gap:1},Q&&e.createElement(z.h,{label:a({id:"Settings.webhooks.events.update",defaultMessage:"Update"}),icon:e.createElement(re.Z,null),noBorder:!0}),Y&&e.createElement(z.h,{onClick:l=>{l.stopPropagation(),d([n.id]),u(!0)},label:a({id:"Settings.webhooks.events.delete",defaultMessage:"Delete webhook"}),icon:e.createElement(H.Z,null),noBorder:!0}))))))):e.createElement(le.x,{icon:e.createElement(ie.Z,{width:"160px"}),content:a({id:"Settings.webhooks.list.empty.description",defaultMessage:"No webhooks found"}),action:e.createElement(I.z,{variant:"secondary",startIcon:e.createElement(w.Z,null),onClick:()=>O?A("create"):{}},a({id:"Settings.webhooks.list.button.add",defaultMessage:"Create new webhook"}))}))),e.createElement(s.QH,{isOpen:o,onToggleDialog:()=>u(n=>!n),onConfirm:ve,isConfirmButtonLoading:J.isLoading}))},ce=()=>e.createElement(s.O4,{permissions:c.Z.settings.webhooks.main},e.createElement(de,null))},99223:function(R,E,t){t.d(E,{Z:function(){return c}});var e=t(74512),s=t(87933);const c=({startActions:h,endActions:f})=>!h&&!f?null:(0,e.jsxs)(s.k,{justifyContent:"space-between",alignItems:"flex-start",paddingBottom:4,paddingLeft:10,paddingRight:10,children:[(0,e.jsx)(s.k,{gap:2,wrap:"wrap",children:h}),(0,e.jsx)(s.k,{gap:2,shrink:0,wrap:"wrap",children:f})]})},73269:function(R,E,t){t.d(E,{c:function(){return S}});var e=t(74512),s=t(8471),c=t(72850),h=t(9026),f=t(87933),p=t(49372);const T=(0,s.ZP)(c.x)`
+  height: ${24/16}rem;
+  width: ${24/16}rem;
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  svg {
+    height: ${10/16}rem;
+    width: ${10/16}rem;
+  }
+
+  svg path {
+    fill: ${({theme:i})=>i.colors.primary600};
+  }
+`,D=(0,s.ZP)(c.x)`
+  border-radius: 0 0 ${({theme:i})=>i.borderRadius} ${({theme:i})=>i.borderRadius};
+  display: block;
+  width: 100%;
+  border: none;
+`,S=({children:i,icon:P,...m})=>(0,e.jsxs)("div",{children:[(0,e.jsx)(h.i,{}),(0,e.jsx)(D,{as:"button",background:"primary100",padding:5,...m,children:(0,e.jsxs)(f.k,{children:[(0,e.jsx)(T,{"aria-hidden":!0,background:"primary200",children:P}),(0,e.jsx)(c.x,{paddingLeft:3,children:(0,e.jsx)(p.Z,{variant:"pi",fontWeight:"bold",textColor:"primary600",children:i})})]})})]})}}]);

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/ee/server/services/review-workflows/review-workflows.js

@@ -108,12 +108,16 @@ function persistStagesJoinTables({ strapi }) {
   };
 }
 
+const registerWebhookEvents = async ({ strapi }) =>
+  strapi.webhookStore.addAllowedEvent('WORKFLOW_UPDATE_STAGE', 'workflow.updateEntryStage');
+
 module.exports = ({ strapi }) => {
   const workflowsService = getService('workflows', { strapi });
   const stagesService = getService('stages', { strapi });
 
   return {
     async bootstrap() {
+      await registerWebhookEvents({ strapi });
       await initDefaultWorkflow({ workflowsService, stagesService, strapi });
     },
     async register() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/admin",
-  "version": "4.11.0-exp.push-transfer-push-stuck",
+  "version": "4.11.0",
   "description": "Strapi Admin",
   "repository": {
     "type": "git",
@@ -48,16 +48,16 @@
     "@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.push-transfer-push-stuck",
-    "@strapi/data-transfer": "4.11.0-exp.push-transfer-push-stuck",
-    "@strapi/design-system": "1.7.7",
-    "@strapi/helper-plugin": "4.11.0-exp.push-transfer-push-stuck",
-    "@strapi/icons": "1.7.7",
-    "@strapi/permissions": "4.11.0-exp.push-transfer-push-stuck",
-    "@strapi/provider-audit-logs-local": "4.11.0-exp.push-transfer-push-stuck",
-    "@strapi/typescript-utils": "4.11.0-exp.push-transfer-push-stuck",
-    "@strapi/utils": "4.11.0-exp.push-transfer-push-stuck",
-    "axios": "1.3.4",
+    "@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",
     "bcryptjs": "2.4.3",
@@ -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",
@@ -75,12 +75,11 @@
     "fast-deep-equal": "3.1.3",
     "find-root": "1.1.0",
     "fork-ts-checker-webpack-plugin": "7.3.0",
-    "formik": "^2.2.6",
+    "formik": "^2.4.0",
     "fractional-indexing": "3.2.0",
     "fs-extra": "10.0.0",
     "highlight.js": "^10.4.1",
     "history": "^4.9.0",
-    "hoist-non-react-statics": "^3.3.0",
     "html-loader": "^4.2.0",
     "html-webpack-plugin": "5.5.0",
     "immer": "9.0.19",
@@ -107,17 +106,17 @@
     "p-map": "4.0.0",
     "passport-local": "1.0.0",
     "pluralize": "8.0.0",
-    "prop-types": "^15.7.2",
+    "prop-types": "^15.8.1",
     "qs": "6.11.1",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-dnd": "15.1.2",
     "react-dnd-html5-backend": "15.1.3",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-error-boundary": "3.1.4",
     "react-helmet": "^6.1.0",
     "react-intl": "6.4.1",
-    "react-is": "^17.0.2",
-    "react-query": "3.24.3",
+    "react-is": "^18.2.0",
+    "react-query": "3.39.3",
     "react-redux": "8.0.5",
     "react-refresh": "0.14.0",
     "react-router-dom": "5.3.4",
@@ -131,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",
@@ -139,9 +138,8 @@
     "yup": "^0.32.9"
   },
   "devDependencies": {
-    "@testing-library/dom": "8.19.0",
-    "@testing-library/react": "12.1.4",
-    "@testing-library/react-hooks": "8.0.1",
+    "@testing-library/dom": "9.2.0",
+    "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.4.3",
     "duplicate-dependencies-webpack-plugin": "^1.0.2",
     "glob": "8.0.3",
@@ -165,5 +163,5 @@
       }
     }
   },
-  "gitHead": "90032a791f5413b9f139ea01687eda04c057eacd"
+  "gitHead": "0de06a008d1dfbe67ebfee3562cc8ca0603d2255"
 }

package/server/controllers/webhooks.js

@@ -1,7 +1,7 @@
 'use strict';
 
 const _ = require('lodash');
-const { yup, webhook: webhookUtils, validateYupSchema } = require('@strapi/utils');
+const { yup, validateYupSchema } = require('@strapi/utils');
 
 const urlRegex =
   /^(?:([a-z0-9+.-]+):\/\/)(?:\S+(?::\S*)?@)?(?:(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9_]-*)*[a-z\u00a1-\uffff0-9_]+)(?:\.(?:[a-z\u00a1-\uffff0-9_]-*)*[a-z\u00a1-\uffff0-9_]+)*\.?)(?::\d{2,5})?(?:[/?#]\S*)?$/;
@@ -23,7 +23,7 @@ const webhookValidator = yup
         )
         .required();
     }),
-    events: yup.array().of(yup.string().oneOf(_.values(webhookUtils.webhookEvents)).required()),
+    events: yup.array().of(yup.string()).required(),
   })
   .noUnknown();
 
@@ -111,10 +111,10 @@ module.exports = {
     for (const id of ids) {
       const webhook = await strapi.webhookStore.findWebhook(id);
 
-      if (!webhook) continue;
-
-      await strapi.webhookStore.deleteWebhook(id);
-      strapi.webhookRunner.remove(webhook);
+      if (webhook) {
+        await strapi.webhookStore.deleteWebhook(id);
+        strapi.webhookRunner.remove(webhook);
+      }
     }
 
     ctx.send({ data: ids });

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;