@strapi/admin 5.8.1 → 5.10.0

package/dist/admin/chunks/ListPage-LqcmQd_Q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage-LqcmQd_Q.js","sources":["../../../admin/src/pages/Settings/pages/Webhooks/ListPage.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport {\n  useNotifyAT,\n  Checkbox,\n  Button,\n  EmptyStateLayout,\n  Flex,\n  IconButton,\n  Switch,\n  Table,\n  Tbody,\n  Td,\n  TFooter,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n  LinkButton,\n  Dialog,\n} from '@strapi/design-system';\nimport { Pencil, Plus, Trash } from '@strapi/icons';\nimport { EmptyDocuments } from '@strapi/icons/symbols';\nimport { useIntl } from 'react-intl';\nimport { NavLink, useNavigate } from 'react-router-dom';\n\nimport { UpdateWebhook } from '../../../../../../shared/contracts/webhooks';\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport { useRBAC } from '../../../../hooks/useRBAC';\n\nimport { useWebhooks } from './hooks/useWebhooks';\n\n/* -------------------------------------------------------------------------------------------------\n * ListPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ListPage = () => {\n  const [showModal, setShowModal] = React.useState(false);\n  const [webhooksToDelete, setWebhooksToDelete] = React.useState<string[]>([]);\n  const permissions = useTypedSelector((state) => state.admin_app.permissions.settings?.webhooks);\n  const { formatMessage } = useIntl();\n  const { _unstableFormatAPIError: formatAPIError } = useAPIErrorHandler();\n  const { toggleNotification } = useNotification();\n  const navigate = useNavigate();\n\n  const {\n    isLoading: isRBACLoading,\n    allowedActions: { canCreate, canUpdate, canDelete },\n  } = useRBAC(permissions);\n  const { notifyStatus } = useNotifyAT();\n\n  const {\n    isLoading: isWebhooksLoading,\n    webhooks,\n    error: webhooksError,\n    updateWebhook,\n    deleteManyWebhooks,\n  } = useWebhooks();\n\n  React.useEffect(() => {\n    if (webhooksError) {\n      toggleNotification({\n        type: 'danger',\n        message: formatAPIError(webhooksError),\n      });\n\n      return;\n    }\n    if (webhooks) {\n      notifyStatus(\n        formatMessage({\n          id: 'Settings.webhooks.list.loading.success',\n          defaultMessage: 'Webhooks have been loaded',\n        })\n      );\n    }\n  }, [webhooks, webhooksError, toggleNotification, formatMessage, notifyStatus, formatAPIError]);\n\n  const enableWebhook = async (body: UpdateWebhook.Request['body'] & UpdateWebhook.Params) => {\n    try {\n      const res = await updateWebhook(body);\n\n      if ('error' in res) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n      }\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'An error occurred',\n        }),\n      });\n    }\n  };\n\n  const deleteWebhook = async (id: string) => {\n    try {\n      const res = await deleteManyWebhooks({\n        ids: [id],\n      });\n\n      if ('error' in res) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n\n        return;\n      }\n\n      setWebhooksToDelete((prev) => prev.filter((webhookId) => webhookId !== id));\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'An error occurred',\n        }),\n      });\n    }\n  };\n\n  const confirmBulkDelete = async () => {\n    try {\n      const res = await deleteManyWebhooks({\n        ids: webhooksToDelete,\n      });\n\n      if ('error' in res) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(res.error),\n        });\n\n        return;\n      }\n\n      setWebhooksToDelete([]);\n    } catch {\n      toggleNotification({\n        type: 'danger',\n        message: formatMessage({\n          id: 'notification.error',\n          defaultMessage: 'An error occurred',\n        }),\n      });\n    } finally {\n      setShowModal(false);\n    }\n  };\n\n  const selectAllCheckbox = (selected: boolean) =>\n    selected\n      ? setWebhooksToDelete(webhooks?.map((webhook) => webhook.id) ?? [])\n      : setWebhooksToDelete([]);\n\n  const selectOneCheckbox = (selected: boolean, id: string) =>\n    selected\n      ? setWebhooksToDelete((prev) => [...prev, id])\n      : setWebhooksToDelete((prev) => prev.filter((webhookId) => webhookId !== id));\n\n  const isLoading = isRBACLoading || isWebhooksLoading;\n  const numberOfWebhooks = webhooks?.length ?? 0;\n  const webhooksToDeleteLength = webhooksToDelete.length;\n\n  if (isLoading) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Layouts.Root>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Webhooks',\n          }\n        )}\n      </Page.Title>\n      <Page.Main aria-busy={isLoading}>\n        <Layouts.Header\n          title={formatMessage({ id: 'Settings.webhooks.title', defaultMessage: 'Webhooks' })}\n          subtitle={formatMessage({\n            id: 'Settings.webhooks.list.description',\n            defaultMessage: 'Get POST changes notifications',\n          })}\n          primaryAction={\n            canCreate &&\n            !isLoading && (\n              <LinkButton tag={NavLink} startIcon={<Plus />} variant=\"default\" to=\"create\" size=\"S\">\n                {formatMessage({\n                  id: 'Settings.webhooks.list.button.add',\n                  defaultMessage: 'Create new webhook',\n                })}\n              </LinkButton>\n            )\n          }\n        />\n        {webhooksToDeleteLength > 0 && canDelete && (\n          <Layouts.Action\n            startActions={\n              <>\n                <Typography variant=\"epsilon\" textColor=\"neutral600\">\n                  {formatMessage(\n                    {\n                      id: 'Settings.webhooks.to.delete',\n                      defaultMessage:\n                        '{webhooksToDeleteLength, plural, one {# webhook} other {# webhooks}} selected',\n                    },\n                    { webhooksToDeleteLength }\n                  )}\n                </Typography>\n                <Button\n                  onClick={() => setShowModal(true)}\n                  startIcon={<Trash />}\n                  size=\"L\"\n                  variant=\"danger-light\"\n                >\n                  {formatMessage({\n                    id: 'global.delete',\n                    defaultMessage: 'Delete',\n                  })}\n                </Button>\n              </>\n            }\n          />\n        )}\n        <Layouts.Content>\n          {numberOfWebhooks > 0 ? (\n            <Table\n              colCount={5}\n              rowCount={numberOfWebhooks + 1}\n              footer={\n                <TFooter\n                  onClick={() => {\n                    if (canCreate) {\n                      navigate('create');\n                    }\n                  }}\n                  icon={<Plus />}\n                >\n                  {formatMessage({\n                    id: 'Settings.webhooks.list.button.add',\n                    defaultMessage: 'Create new webhook',\n                  })}\n                </TFooter>\n              }\n            >\n              <Thead>\n                <Tr>\n                  <Th>\n                    <Checkbox\n                      aria-label={formatMessage({\n                        id: 'global.select-all-entries',\n                        defaultMessage: 'Select all entries',\n                      })}\n                      checked={\n                        webhooksToDeleteLength > 0 && webhooksToDeleteLength < numberOfWebhooks\n                          ? 'indeterminate'\n                          : webhooksToDeleteLength === numberOfWebhooks\n                      }\n                      onCheckedChange={selectAllCheckbox}\n                    />\n                  </Th>\n                  <Th width=\"20%\">\n                    <Typography variant=\"sigma\" textColor=\"neutral600\">\n                      {formatMessage({\n                        id: 'global.name',\n                        defaultMessage: 'Name',\n                      })}\n                    </Typography>\n                  </Th>\n                  <Th width=\"60%\">\n                    <Typography variant=\"sigma\" textColor=\"neutral600\">\n                      {formatMessage({\n                        id: 'Settings.webhooks.form.url',\n                        defaultMessage: 'URL',\n                      })}\n                    </Typography>\n                  </Th>\n                  <Th width=\"20%\">\n                    <Typography variant=\"sigma\" textColor=\"neutral600\">\n                      {formatMessage({\n                        id: 'Settings.webhooks.list.th.status',\n                        defaultMessage: 'Status',\n                      })}\n                    </Typography>\n                  </Th>\n                  <Th>\n                    <VisuallyHidden>\n                      {formatMessage({\n                        id: 'Settings.webhooks.list.th.actions',\n                        defaultMessage: 'Actions',\n                      })}\n                    </VisuallyHidden>\n                  </Th>\n                </Tr>\n              </Thead>\n              <Tbody>\n                {webhooks?.map((webhook) => (\n                  <Tr\n                    key={webhook.id}\n                    onClick={() => {\n                      if (canUpdate) {\n                        navigate(webhook.id);\n                      }\n                    }}\n                    style={{ cursor: canUpdate ? 'pointer' : 'default' }}\n                  >\n                    <Td onClick={(e) => e.stopPropagation()}>\n                      <Checkbox\n                        aria-label={`${formatMessage({\n                          id: 'global.select',\n                          defaultMessage: 'Select',\n                        })} ${webhook.name}`}\n                        checked={webhooksToDelete?.includes(webhook.id)}\n                        onCheckedChange={(selected) => selectOneCheckbox(!!selected, webhook.id)}\n                        name=\"select\"\n                      />\n                    </Td>\n                    <Td>\n                      <Typography fontWeight=\"semiBold\" textColor=\"neutral800\">\n                        {webhook.name}\n                      </Typography>\n                    </Td>\n                    <Td>\n                      <Typography textColor=\"neutral800\">{webhook.url}</Typography>\n                    </Td>\n                    <Td onClick={(e) => e.stopPropagation()}>\n                      <Flex>\n                        <Switch\n                          onLabel={formatMessage({\n                            id: 'global.enabled',\n                            defaultMessage: 'Enabled',\n                          })}\n                          offLabel={formatMessage({\n                            id: 'global.disabled',\n                            defaultMessage: 'Disabled',\n                          })}\n                          aria-label={`${webhook.name} ${formatMessage({\n                            id: 'Settings.webhooks.list.th.status',\n                            defaultMessage: 'Status',\n                          })}`}\n                          checked={webhook.isEnabled}\n                          onCheckedChange={(enabled) => {\n                            enableWebhook({\n                              ...webhook,\n                              isEnabled: enabled,\n                            });\n                          }}\n                          visibleLabels\n                        />\n                      </Flex>\n                    </Td>\n                    <Td>\n                      <Flex gap={1}>\n                        {canUpdate && (\n                          <IconButton\n                            label={formatMessage({\n                              id: 'Settings.webhooks.events.update',\n                              defaultMessage: 'Update',\n                            })}\n                            variant=\"ghost\"\n                          >\n                            <Pencil />\n                          </IconButton>\n                        )}\n                        {canDelete && (\n                          <DeleteActionButton\n                            onDelete={() => {\n                              deleteWebhook(webhook.id);\n                            }}\n                          />\n                        )}\n                      </Flex>\n                    </Td>\n                  </Tr>\n                ))}\n              </Tbody>\n            </Table>\n          ) : (\n            <EmptyStateLayout\n              icon={<EmptyDocuments width=\"160px\" />}\n              content={formatMessage({\n                id: 'Settings.webhooks.list.empty.description',\n                defaultMessage: 'No webhooks found',\n              })}\n              action={\n                canCreate ? (\n                  <LinkButton variant=\"secondary\" startIcon={<Plus />} tag={NavLink} to=\"create\">\n                    {formatMessage({\n                      id: 'Settings.webhooks.list.button.add',\n                      defaultMessage: 'Create new webhook',\n                    })}\n                  </LinkButton>\n                ) : null\n              }\n            />\n          )}\n        </Layouts.Content>\n      </Page.Main>\n      <Dialog.Root open={showModal} onOpenChange={setShowModal}>\n        <ConfirmDialog onConfirm={confirmBulkDelete} />\n      </Dialog.Root>\n    </Layouts.Root>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * DeleteActionButton\n * -----------------------------------------------------------------------------------------------*/\n\ntype DeleteActionButtonProps = {\n  onDelete: () => void;\n};\n\nconst DeleteActionButton = ({ onDelete }: DeleteActionButtonProps) => {\n  const [showModal, setShowModal] = React.useState(false);\n  const { formatMessage } = useIntl();\n\n  return (\n    <>\n      <IconButton\n        onClick={(e) => {\n          e.stopPropagation();\n          setShowModal(true);\n        }}\n        label={formatMessage({\n          id: 'Settings.webhooks.events.delete',\n          defaultMessage: 'Delete webhook',\n        })}\n        variant=\"ghost\"\n      >\n        <Trash />\n      </IconButton>\n\n      <Dialog.Root open={showModal} onOpenChange={setShowModal}>\n        <ConfirmDialog\n          onConfirm={(e) => {\n            e?.stopPropagation();\n            onDelete();\n          }}\n        />\n      </Dialog.Root>\n    </>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedListView\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedListPage = () => {\n  const permissions = useTypedSelector(\n    (state) => state.admin_app.permissions.settings?.webhooks.main\n  );\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <ListPage />\n    </Page.Protect>\n  );\n};\n\nexport { ListPage, ProtectedListPage };\n"],"names":["ListPage","showModal","setShowModal","React","useState","webhooksToDelete","setWebhooksToDelete","permissions","useTypedSelector","state","admin_app","settings","webhooks","formatMessage","useIntl","_unstableFormatAPIError","formatAPIError","useAPIErrorHandler","toggleNotification","useNotification","navigate","useNavigate","isLoading","isRBACLoading","allowedActions","canCreate","canUpdate","canDelete","useRBAC","notifyStatus","useNotifyAT","isWebhooksLoading","error","webhooksError","updateWebhook","deleteManyWebhooks","useWebhooks","useEffect","type","message","id","defaultMessage","enableWebhook","body","res","deleteWebhook","ids","prev","filter","webhookId","confirmBulkDelete","selectAllCheckbox","selected","map","webhook","selectOneCheckbox","numberOfWebhooks","length","webhooksToDeleteLength","_jsx","Page","Loading","_jsxs","Layouts","Root","Title","name","Main","aria-busy","Header","title","subtitle","primaryAction","LinkButton","tag","NavLink","startIcon","Plus","variant","to","size","Action","startActions","_Fragment","Typography","textColor","Button","onClick","Trash","Content","Table","colCount","rowCount","footer","TFooter","icon","Thead","Tr","Th","Checkbox","aria-label","checked","onCheckedChange","width","VisuallyHidden","Tbody","style","cursor","Td","e","stopPropagation","includes","fontWeight","url","Flex","Switch","onLabel","offLabel","isEnabled","enabled","visibleLabels","gap","IconButton","label","Pencil","DeleteActionButton","onDelete","EmptyStateLayout","EmptyDocuments","content","action","Dialog","open","onOpenChange","ConfirmDialog","onConfirm","ProtectedListPage","main","Protect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA;;AAEkG,2GAE5FA,QAAW,GAAA,IAAA;AACf,IAAA,MAAM,CAACC,SAAWC,EAAAA,YAAAA,CAAa,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;AACjD,IAAA,MAAM,CAACC,gBAAkBC,EAAAA,mBAAAA,CAAoB,GAAGH,gBAAMC,CAAAA,QAAQ,CAAW,EAAE,CAAA;IAC3E,MAAMG,WAAAA,GAAcC,sBAAiB,CAAA,CAACC,KAAUA,GAAAA,KAAAA,CAAMC,SAAS,CAACH,WAAW,CAACI,QAAQ,EAAEC,QAAAA,CAAAA;IACtF,MAAM,EAAEC,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;AAC1B,IAAA,MAAM,EAAEC,uBAAAA,EAAyBC,cAAc,EAAE,GAAGC,wBAAAA,EAAAA;IACpD,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,qBAAAA,EAAAA;AAC/B,IAAA,MAAMC,QAAWC,GAAAA,0BAAAA,EAAAA;AAEjB,IAAA,MAAM,EACJC,SAAAA,EAAWC,aAAa,EACxBC,gBAAgB,EAAEC,SAAS,EAAEC,SAAS,EAAEC,SAAS,EAAE,EACpD,GAAGC,aAAQrB,CAAAA,WAAAA,CAAAA;IACZ,MAAM,EAAEsB,YAAY,EAAE,GAAGC,wBAAAA,EAAAA;AAEzB,IAAA,MAAM,EACJR,SAAAA,EAAWS,iBAAiB,EAC5BnB,QAAQ,EACRoB,KAAOC,EAAAA,aAAa,EACpBC,aAAa,EACbC,kBAAkB,EACnB,GAAGC,uBAAAA,EAAAA;AAEJjC,IAAAA,gBAAAA,CAAMkC,SAAS,CAAC,IAAA;AACd,QAAA,IAAIJ,aAAe,EAAA;YACjBf,kBAAmB,CAAA;gBACjBoB,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAASvB,cAAeiB,CAAAA,aAAAA;AAC1B,aAAA,CAAA;AAEA,YAAA;AACF;AACA,QAAA,IAAIrB,QAAU,EAAA;AACZiB,YAAAA,YAAAA,CACEhB,aAAc,CAAA;gBACZ2B,EAAI,EAAA,wCAAA;gBACJC,cAAgB,EAAA;AAClB,aAAA,CAAA,CAAA;AAEJ;KACC,EAAA;AAAC7B,QAAAA,QAAAA;AAAUqB,QAAAA,aAAAA;AAAef,QAAAA,kBAAAA;AAAoBL,QAAAA,aAAAA;AAAegB,QAAAA,YAAAA;AAAcb,QAAAA;AAAe,KAAA,CAAA;AAE7F,IAAA,MAAM0B,gBAAgB,OAAOC,IAAAA,GAAAA;QAC3B,IAAI;YACF,MAAMC,GAAAA,GAAM,MAAMV,aAAcS,CAAAA,IAAAA,CAAAA;AAEhC,YAAA,IAAI,WAAWC,GAAK,EAAA;gBAClB1B,kBAAmB,CAAA;oBACjBoB,IAAM,EAAA,QAAA;oBACNC,OAASvB,EAAAA,cAAAA,CAAe4B,IAAIZ,KAAK;AACnC,iBAAA,CAAA;AACF;AACF,SAAA,CAAE,OAAM;YACNd,kBAAmB,CAAA;gBACjBoB,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAAS1B,aAAc,CAAA;oBACrB2B,EAAI,EAAA,oBAAA;oBACJC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AACF;AACF,KAAA;AAEA,IAAA,MAAMI,gBAAgB,OAAOL,EAAAA,GAAAA;QAC3B,IAAI;YACF,MAAMI,GAAAA,GAAM,MAAMT,kBAAmB,CAAA;gBACnCW,GAAK,EAAA;AAACN,oBAAAA;AAAG;AACX,aAAA,CAAA;AAEA,YAAA,IAAI,WAAWI,GAAK,EAAA;gBAClB1B,kBAAmB,CAAA;oBACjBoB,IAAM,EAAA,QAAA;oBACNC,OAASvB,EAAAA,cAAAA,CAAe4B,IAAIZ,KAAK;AACnC,iBAAA,CAAA;AAEA,gBAAA;AACF;AAEA1B,YAAAA,mBAAAA,CAAoB,CAACyC,IAASA,GAAAA,IAAAA,CAAKC,MAAM,CAAC,CAACC,YAAcA,SAAcT,KAAAA,EAAAA,CAAAA,CAAAA;AACzE,SAAA,CAAE,OAAM;YACNtB,kBAAmB,CAAA;gBACjBoB,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAAS1B,aAAc,CAAA;oBACrB2B,EAAI,EAAA,oBAAA;oBACJC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;AACF;AACF,KAAA;AAEA,IAAA,MAAMS,iBAAoB,GAAA,UAAA;QACxB,IAAI;YACF,MAAMN,GAAAA,GAAM,MAAMT,kBAAmB,CAAA;gBACnCW,GAAKzC,EAAAA;AACP,aAAA,CAAA;AAEA,YAAA,IAAI,WAAWuC,GAAK,EAAA;gBAClB1B,kBAAmB,CAAA;oBACjBoB,IAAM,EAAA,QAAA;oBACNC,OAASvB,EAAAA,cAAAA,CAAe4B,IAAIZ,KAAK;AACnC,iBAAA,CAAA;AAEA,gBAAA;AACF;AAEA1B,YAAAA,mBAAAA,CAAoB,EAAE,CAAA;AACxB,SAAA,CAAE,OAAM;YACNY,kBAAmB,CAAA;gBACjBoB,IAAM,EAAA,QAAA;AACNC,gBAAAA,OAAAA,EAAS1B,aAAc,CAAA;oBACrB2B,EAAI,EAAA,oBAAA;oBACJC,cAAgB,EAAA;AAClB,iBAAA;AACF,aAAA,CAAA;SACQ,QAAA;YACRvC,YAAa,CAAA,KAAA,CAAA;AACf;AACF,KAAA;AAEA,IAAA,MAAMiD,iBAAoB,GAAA,CAACC,QACzBA,GAAAA,QAAAA,GACI9C,oBAAoBM,QAAUyC,EAAAA,GAAAA,CAAI,CAACC,OAAAA,GAAYA,QAAQd,EAAE,CAAA,IAAK,EAAE,CAAA,GAChElC,oBAAoB,EAAE,CAAA;AAE5B,IAAA,MAAMiD,oBAAoB,CAACH,QAAAA,EAAmBZ,KAC5CY,QACI9C,GAAAA,mBAAAA,CAAoB,CAACyC,IAAS,GAAA;AAAIA,gBAAAA,GAAAA,IAAAA;AAAMP,gBAAAA;aAAG,CAC3ClC,GAAAA,mBAAAA,CAAoB,CAACyC,IAASA,GAAAA,IAAAA,CAAKC,MAAM,CAAC,CAACC,YAAcA,SAAcT,KAAAA,EAAAA,CAAAA,CAAAA;AAE7E,IAAA,MAAMlB,YAAYC,aAAiBQ,IAAAA,iBAAAA;IACnC,MAAMyB,gBAAAA,GAAmB5C,UAAU6C,MAAU,IAAA,CAAA;IAC7C,MAAMC,sBAAAA,GAAyBrD,iBAAiBoD,MAAM;AAEtD,IAAA,IAAInC,SAAW,EAAA;QACb,qBAAOqC,cAAA,CAACC,WAAKC,OAAO,EAAA,EAAA,CAAA;AACtB;IAEA,qBACEC,eAAA,CAACC,cAAQC,IAAI,EAAA;;AACX,0BAAAL,cAAA,CAACC,WAAKK,KAAK,EAAA;0BACRpD,aACC,CAAA;oBAAE2B,EAAI,EAAA,oBAAA;oBAAsBC,cAAgB,EAAA;iBAC5C,EAAA;oBACEyB,IAAM,EAAA;AACR,iBAAA;;AAGJ,0BAAAJ,eAAA,CAACF,WAAKO,IAAI,EAAA;gBAACC,WAAW9C,EAAAA,SAAAA;;AACpB,kCAAAqC,cAAA,CAACI,cAAQM,MAAM,EAAA;AACbC,wBAAAA,KAAAA,EAAOzD,aAAc,CAAA;4BAAE2B,EAAI,EAAA,yBAAA;4BAA2BC,cAAgB,EAAA;AAAW,yBAAA,CAAA;AACjF8B,wBAAAA,QAAAA,EAAU1D,aAAc,CAAA;4BACtB2B,EAAI,EAAA,oCAAA;4BACJC,cAAgB,EAAA;AAClB,yBAAA,CAAA;wBACA+B,aACE/C,EAAAA,SAAAA,IACA,CAACH,SAAAA,kBACCqC,cAACc,CAAAA,uBAAAA,EAAAA;4BAAWC,GAAKC,EAAAA,sBAAAA;AAASC,4BAAAA,SAAAA,gBAAWjB,cAACkB,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;4BAASC,OAAQ,EAAA,SAAA;4BAAUC,EAAG,EAAA,QAAA;4BAASC,IAAK,EAAA,GAAA;sCAC/EnE,aAAc,CAAA;gCACb2B,EAAI,EAAA,mCAAA;gCACJC,cAAgB,EAAA;AAClB,6BAAA;;;AAKPiB,oBAAAA,sBAAAA,GAAyB,CAAK/B,IAAAA,SAAAA,kBAC7BgC,cAACI,CAAAA,aAAAA,CAAQkB,MAAM,EAAA;wBACbC,YACE,gBAAApB,eAAA,CAAAqB,mBAAA,EAAA;;8CACExB,cAACyB,CAAAA,uBAAAA,EAAAA;oCAAWN,OAAQ,EAAA,SAAA;oCAAUO,SAAU,EAAA,YAAA;8CACrCxE,aACC,CAAA;wCACE2B,EAAI,EAAA,6BAAA;wCACJC,cACE,EAAA;qCAEJ,EAAA;AAAEiB,wCAAAA;AAAuB,qCAAA;;8CAG7BC,cAAC2B,CAAAA,mBAAAA,EAAAA;AACCC,oCAAAA,OAAAA,EAAS,IAAMrF,YAAa,CAAA,IAAA,CAAA;AAC5B0E,oCAAAA,SAAAA,gBAAWjB,cAAC6B,CAAAA,WAAAA,EAAAA,EAAAA,CAAAA;oCACZR,IAAK,EAAA,GAAA;oCACLF,OAAQ,EAAA,cAAA;8CAEPjE,aAAc,CAAA;wCACb2B,EAAI,EAAA,eAAA;wCACJC,cAAgB,EAAA;AAClB,qCAAA;;;;;AAMV,kCAAAkB,cAAA,CAACI,cAAQ0B,OAAO,EAAA;AACbjC,wBAAAA,QAAAA,EAAAA,gBAAAA,GAAmB,kBAClBM,eAAC4B,CAAAA,kBAAAA,EAAAA;4BACCC,QAAU,EAAA,CAAA;AACVC,4BAAAA,QAAAA,EAAUpC,gBAAmB,GAAA,CAAA;AAC7BqC,4BAAAA,MAAAA,gBACElC,cAACmC,CAAAA,oBAAAA,EAAAA;gCACCP,OAAS,EAAA,IAAA;AACP,oCAAA,IAAI9D,SAAW,EAAA;wCACbL,QAAS,CAAA,QAAA,CAAA;AACX;AACF,iCAAA;AACA2E,gCAAAA,IAAAA,gBAAMpC,cAACkB,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;0CAENhE,aAAc,CAAA;oCACb2B,EAAI,EAAA,mCAAA;oCACJC,cAAgB,EAAA;AAClB,iCAAA;;;8CAIJkB,cAACqC,CAAAA,kBAAAA,EAAAA;AACC,oCAAA,QAAA,gBAAAlC,eAACmC,CAAAA,eAAAA,EAAAA;;0DACCtC,cAACuC,CAAAA,eAAAA,EAAAA;AACC,gDAAA,QAAA,gBAAAvC,cAACwC,CAAAA,qBAAAA,EAAAA;AACCC,oDAAAA,YAAAA,EAAYvF,aAAc,CAAA;wDACxB2B,EAAI,EAAA,2BAAA;wDACJC,cAAgB,EAAA;AAClB,qDAAA,CAAA;AACA4D,oDAAAA,OAAAA,EACE3C,sBAAyB,GAAA,CAAA,IAAKA,sBAAyBF,GAAAA,gBAAAA,GACnD,kBACAE,sBAA2BF,KAAAA,gBAAAA;oDAEjC8C,eAAiBnD,EAAAA;;;0DAGrBQ,cAACuC,CAAAA,eAAAA,EAAAA;gDAAGK,KAAM,EAAA,KAAA;AACR,gDAAA,QAAA,gBAAA5C,cAACyB,CAAAA,uBAAAA,EAAAA;oDAAWN,OAAQ,EAAA,OAAA;oDAAQO,SAAU,EAAA,YAAA;8DACnCxE,aAAc,CAAA;wDACb2B,EAAI,EAAA,aAAA;wDACJC,cAAgB,EAAA;AAClB,qDAAA;;;0DAGJkB,cAACuC,CAAAA,eAAAA,EAAAA;gDAAGK,KAAM,EAAA,KAAA;AACR,gDAAA,QAAA,gBAAA5C,cAACyB,CAAAA,uBAAAA,EAAAA;oDAAWN,OAAQ,EAAA,OAAA;oDAAQO,SAAU,EAAA,YAAA;8DACnCxE,aAAc,CAAA;wDACb2B,EAAI,EAAA,4BAAA;wDACJC,cAAgB,EAAA;AAClB,qDAAA;;;0DAGJkB,cAACuC,CAAAA,eAAAA,EAAAA;gDAAGK,KAAM,EAAA,KAAA;AACR,gDAAA,QAAA,gBAAA5C,cAACyB,CAAAA,uBAAAA,EAAAA;oDAAWN,OAAQ,EAAA,OAAA;oDAAQO,SAAU,EAAA,YAAA;8DACnCxE,aAAc,CAAA;wDACb2B,EAAI,EAAA,kCAAA;wDACJC,cAAgB,EAAA;AAClB,qDAAA;;;0DAGJkB,cAACuC,CAAAA,eAAAA,EAAAA;AACC,gDAAA,QAAA,gBAAAvC,cAAC6C,CAAAA,2BAAAA,EAAAA;8DACE3F,aAAc,CAAA;wDACb2B,EAAI,EAAA,mCAAA;wDACJC,cAAgB,EAAA;AAClB,qDAAA;;;;;;8CAKRkB,cAAC8C,CAAAA,kBAAAA,EAAAA;8CACE7F,QAAUyC,EAAAA,GAAAA,CAAI,CAACC,OAAAA,iBACdQ,eAACmC,CAAAA,eAAAA,EAAAA;4CAECV,OAAS,EAAA,IAAA;AACP,gDAAA,IAAI7D,SAAW,EAAA;AACbN,oDAAAA,QAAAA,CAASkC,QAAQd,EAAE,CAAA;AACrB;AACF,6CAAA;4CACAkE,KAAO,EAAA;AAAEC,gDAAAA,MAAAA,EAAQjF,YAAY,SAAY,GAAA;AAAU,6CAAA;;8DAEnDiC,cAACiD,CAAAA,eAAAA,EAAAA;oDAAGrB,OAAS,EAAA,CAACsB,CAAMA,GAAAA,CAAAA,CAAEC,eAAe,EAAA;AACnC,oDAAA,QAAA,gBAAAnD,cAACwC,CAAAA,qBAAAA,EAAAA;wDACCC,YAAY,EAAA,CAAC,EAAEvF,aAAc,CAAA;4DAC3B2B,EAAI,EAAA,eAAA;4DACJC,cAAgB,EAAA;AAClB,yDAAA,CAAA,CAAG,CAAC,EAAEa,OAAQY,CAAAA,IAAI,CAAC,CAAC;wDACpBmC,OAAShG,EAAAA,gBAAAA,EAAkB0G,QAASzD,CAAAA,OAAAA,CAAQd,EAAE,CAAA;AAC9C8D,wDAAAA,eAAAA,EAAiB,CAAClD,QAAaG,GAAAA,iBAAAA,CAAkB,CAAC,CAACH,QAAAA,EAAUE,QAAQd,EAAE,CAAA;wDACvE0B,IAAK,EAAA;;;8DAGTP,cAACiD,CAAAA,eAAAA,EAAAA;AACC,oDAAA,QAAA,gBAAAjD,cAACyB,CAAAA,uBAAAA,EAAAA;wDAAW4B,UAAW,EAAA,UAAA;wDAAW3B,SAAU,EAAA,YAAA;AACzC/B,wDAAAA,QAAAA,EAAAA,OAAAA,CAAQY;;;8DAGbP,cAACiD,CAAAA,eAAAA,EAAAA;AACC,oDAAA,QAAA,gBAAAjD,cAACyB,CAAAA,uBAAAA,EAAAA;wDAAWC,SAAU,EAAA,YAAA;AAAc/B,wDAAAA,QAAAA,EAAAA,OAAAA,CAAQ2D;;;8DAE9CtD,cAACiD,CAAAA,eAAAA,EAAAA;oDAAGrB,OAAS,EAAA,CAACsB,CAAMA,GAAAA,CAAAA,CAAEC,eAAe,EAAA;AACnC,oDAAA,QAAA,gBAAAnD,cAACuD,CAAAA,iBAAAA,EAAAA;AACC,wDAAA,QAAA,gBAAAvD,cAACwD,CAAAA,mBAAAA,EAAAA;AACCC,4DAAAA,OAAAA,EAASvG,aAAc,CAAA;gEACrB2B,EAAI,EAAA,gBAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA,CAAA;AACA4E,4DAAAA,QAAAA,EAAUxG,aAAc,CAAA;gEACtB2B,EAAI,EAAA,iBAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA,CAAA;AACA2D,4DAAAA,YAAAA,EAAY,CAAC,EAAE9C,OAAAA,CAAQY,IAAI,CAAC,CAAC,EAAErD,aAAc,CAAA;gEAC3C2B,EAAI,EAAA,kCAAA;gEACJC,cAAgB,EAAA;AAClB,6DAAA,CAAA,CAAG,CAAC;AACJ4D,4DAAAA,OAAAA,EAAS/C,QAAQgE,SAAS;AAC1BhB,4DAAAA,eAAAA,EAAiB,CAACiB,OAAAA,GAAAA;gEAChB7E,aAAc,CAAA;AACZ,oEAAA,GAAGY,OAAO;oEACVgE,SAAWC,EAAAA;AACb,iEAAA,CAAA;AACF,6DAAA;4DACAC,aAAa,EAAA;;;;8DAInB7D,cAACiD,CAAAA,eAAAA,EAAAA;AACC,oDAAA,QAAA,gBAAA9C,eAACoD,CAAAA,iBAAAA,EAAAA;wDAAKO,GAAK,EAAA,CAAA;;AACR/F,4DAAAA,SAAAA,kBACCiC,cAAC+D,CAAAA,uBAAAA,EAAAA;AACCC,gEAAAA,KAAAA,EAAO9G,aAAc,CAAA;oEACnB2B,EAAI,EAAA,iCAAA;oEACJC,cAAgB,EAAA;AAClB,iEAAA,CAAA;gEACAqC,OAAQ,EAAA,OAAA;AAER,gEAAA,QAAA,gBAAAnB,cAACiE,CAAAA,YAAAA,EAAAA,EAAAA;;AAGJjG,4DAAAA,SAAAA,kBACCgC,cAACkE,CAAAA,kBAAAA,EAAAA;gEACCC,QAAU,EAAA,IAAA;AACRjF,oEAAAA,aAAAA,CAAcS,QAAQd,EAAE,CAAA;AAC1B;;;;;;AAtEHc,yCAAAA,EAAAA,OAAAA,CAAQd,EAAE,CAAA;;;2CAgFvBmB,cAACoE,CAAAA,6BAAAA,EAAAA;AACChC,4BAAAA,IAAAA,gBAAMpC,cAACqE,CAAAA,sBAAAA,EAAAA;gCAAezB,KAAM,EAAA;;AAC5B0B,4BAAAA,OAAAA,EAASpH,aAAc,CAAA;gCACrB2B,EAAI,EAAA,0CAAA;gCACJC,cAAgB,EAAA;AAClB,6BAAA,CAAA;AACAyF,4BAAAA,MAAAA,EACEzG,0BACEkC,cAACc,CAAAA,uBAAAA,EAAAA;gCAAWK,OAAQ,EAAA,WAAA;AAAYF,gCAAAA,SAAAA,gBAAWjB,cAACkB,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;gCAASH,GAAKC,EAAAA,sBAAAA;gCAASI,EAAG,EAAA,QAAA;0CACnElE,aAAc,CAAA;oCACb2B,EAAI,EAAA,mCAAA;oCACJC,cAAgB,EAAA;AAClB,iCAAA;AAEA,6BAAA,CAAA,GAAA;;;;;AAMd,0BAAAkB,cAAA,CAACwE,oBAAOnE,IAAI,EAAA;gBAACoE,IAAMnI,EAAAA,SAAAA;gBAAWoI,YAAcnI,EAAAA,YAAAA;AAC1C,gBAAA,QAAA,gBAAAyD,cAAC2E,CAAAA,mBAAAA,EAAAA;oBAAcC,SAAWrF,EAAAA;;;;;AAIlC;AAUA,MAAM2E,kBAAqB,GAAA,CAAC,EAAEC,QAAQ,EAA2B,GAAA;AAC/D,IAAA,MAAM,CAAC7H,SAAWC,EAAAA,YAAAA,CAAa,GAAGC,gBAAAA,CAAMC,QAAQ,CAAC,KAAA,CAAA;IACjD,MAAM,EAAES,aAAa,EAAE,GAAGC,iBAAAA,EAAAA;IAE1B,qBACEgD,eAAA,CAAAqB,mBAAA,EAAA;;0BACExB,cAAC+D,CAAAA,uBAAAA,EAAAA;AACCnC,gBAAAA,OAAAA,EAAS,CAACsB,CAAAA,GAAAA;AACRA,oBAAAA,CAAAA,CAAEC,eAAe,EAAA;oBACjB5G,YAAa,CAAA,IAAA,CAAA;AACf,iBAAA;AACAyH,gBAAAA,KAAAA,EAAO9G,aAAc,CAAA;oBACnB2B,EAAI,EAAA,iCAAA;oBACJC,cAAgB,EAAA;AAClB,iBAAA,CAAA;gBACAqC,OAAQ,EAAA,OAAA;AAER,gBAAA,QAAA,gBAAAnB,cAAC6B,CAAAA,WAAAA,EAAAA,EAAAA;;AAGH,0BAAA7B,cAAA,CAACwE,oBAAOnE,IAAI,EAAA;gBAACoE,IAAMnI,EAAAA,SAAAA;gBAAWoI,YAAcnI,EAAAA,YAAAA;AAC1C,gBAAA,QAAA,gBAAAyD,cAAC2E,CAAAA,mBAAAA,EAAAA;AACCC,oBAAAA,SAAAA,EAAW,CAAC1B,CAAAA,GAAAA;wBACVA,CAAGC,EAAAA,eAAAA,EAAAA;AACHgB,wBAAAA,QAAAA,EAAAA;AACF;;;;;AAKV,CAAA;AAEA;;AAEkG,2GAE5FU,iBAAoB,GAAA,IAAA;IACxB,MAAMjI,WAAAA,GAAcC,sBAClB,CAAA,CAACC,KAAUA,GAAAA,KAAAA,CAAMC,SAAS,CAACH,WAAW,CAACI,QAAQ,EAAEC,QAAS6H,CAAAA,IAAAA,CAAAA;IAG5D,qBACE9E,cAAA,CAACC,WAAK8E,OAAO,EAAA;QAACnI,WAAaA,EAAAA,WAAAA;AACzB,QAAA,QAAA,gBAAAoD,cAAC3D,CAAAA,QAAAA,EAAAA,EAAAA;;AAGP;;;;;"}

package/dist/admin/chunks/ListPage-YW-UVjk3.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var ListPage = require('./ListPage-Du6Jt5wY.js');
+var useLicenseLimitNotification = require('./useLicenseLimitNotification-BMCQ8obE.js');
+require('react');
+require('@strapi/design-system');
+require('@strapi/icons');
+require('qs');
+require('react-intl');
+require('react-router-dom');
+require('./index-D7OmC33R.js');
+require('react-dom/client');
+require('invariant');
+require('lodash/isFunction');
+require('lodash/merge');
+require('lodash/pick');
+require('immer');
+require('./Theme-CFGbtvHi.js');
+require('@radix-ui/react-context');
+require('@strapi/icons/symbols');
+require('./admin-udBiOv2o.js');
+require('lodash/trimEnd');
+require('@reduxjs/toolkit/query/react');
+require('lodash/fp/pipe');
+require('lodash/clone');
+require('lodash/toPath');
+require('lodash/isEqual');
+require('axios');
+require('lodash/get');
+require('lodash/set');
+require('use-context-selector');
+require('lodash/defaultsDeep');
+require('react-redux');
+require('styled-components');
+require('@reduxjs/toolkit');
+require('react-query');
+require('./useEnterprise-IHd3AKd2.js');
+require('lodash/camelCase');
+require('yup');
+require('fractional-indexing');
+require('lodash/omit');
+require('formik');
+require('lodash/throttle');
+require('./users-D-oKxjK9.js');
+require('./SelectRoles-Clx1_4zB.js');
+require('./useAdminRoles-DwDqOIvp.js');
+require('lodash/isNil');
+require('./useLicenseLimits-JOHH8jfL.js');
+
+const UserListPageEE = ()=>{
+    useLicenseLimitNotification.useLicenseLimitNotification();
+    return /*#__PURE__*/ jsxRuntime.jsx(ListPage.ListPageCE, {});
+};
+
+exports.UserListPageEE = UserListPageEE;
+//# sourceMappingURL=ListPage-YW-UVjk3.js.map

package/dist/admin/chunks/ListPage-YW-UVjk3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage-YW-UVjk3.js","sources":["../../../ee/admin/src/pages/SettingsPage/pages/Users/ListPage.tsx"],"sourcesContent":["import { ListPageCE } from '../../../../../../../admin/src/pages/Settings/pages/Users/ListPage';\nimport { useLicenseLimitNotification } from '../../../../hooks/useLicenseLimitNotification';\n\nexport const UserListPageEE = () => {\n  useLicenseLimitNotification();\n\n  return <ListPageCE />;\n};\n"],"names":["UserListPageEE","useLicenseLimitNotification","_jsx","ListPageCE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAGaA,cAAiB,GAAA,IAAA;AAC5BC,IAAAA,uDAAAA,EAAAA;AAEA,IAAA,qBAAOC,cAACC,CAAAA,mBAAAA,EAAAA,EAAAA,CAAAA;AACV;;;;"}

package/dist/admin/chunks/ListPage-gKsEm3Px.js

@@ -0,0 +1,395 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var designSystem = require('@strapi/design-system');
+var icons = require('@strapi/icons');
+var immer = require('immer');
+var reactIntl = require('react-intl');
+var reactRouterDom = require('react-router-dom');
+var index = require('./index-D7OmC33R.js');
+var Theme = require('./Theme-CFGbtvHi.js');
+var useAdminRoles = require('./useAdminRoles-DwDqOIvp.js');
+var selectors = require('./selectors-2ohXQx5g.js');
+var admin = require('./admin-udBiOv2o.js');
+require('react-dom/client');
+require('invariant');
+require('lodash/isFunction');
+require('lodash/merge');
+require('lodash/pick');
+require('react-redux');
+require('react-query');
+require('styled-components');
+require('@strapi/icons/symbols');
+require('./useEnterprise-IHd3AKd2.js');
+require('lodash/camelCase');
+require('yup');
+require('fractional-indexing');
+require('lodash/isEqual');
+require('lodash/omit');
+require('formik');
+require('@reduxjs/toolkit');
+require('lodash/throttle');
+require('qs');
+require('@radix-ui/react-context');
+require('lodash/clone');
+require('lodash/toPath');
+require('axios');
+require('lodash/get');
+require('lodash/set');
+require('use-context-selector');
+require('lodash/defaultsDeep');
+require('lodash/trimEnd');
+require('@reduxjs/toolkit/query/react');
+require('lodash/fp/pipe');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+const RoleRow = ({ id, name, description, usersCount, icons, rowIndex, canUpdate, cursor })=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const [, editObject] = icons;
+    const usersCountText = formatMessage({
+        id: `Roles.RoleRow.user-count`,
+        defaultMessage: '{number, plural, =0 {#  user} one {#  user} other {# users}}'
+    }, {
+        number: usersCount
+    });
+    return /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+        cursor: cursor,
+        "aria-rowindex": rowIndex,
+        // @ts-expect-error – the prop uses `HTMLButtonElement` but we just specify `HTMLElement`
+        onClick: canUpdate ? editObject.onClick : undefined,
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                maxWidth: `13rem`,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    ellipsis: true,
+                    textColor: "neutral800",
+                    children: name
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                maxWidth: `25rem`,
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    ellipsis: true,
+                    textColor: "neutral800",
+                    children: description
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                    textColor: "neutral800",
+                    children: usersCountText
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Td, {
+                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Flex, {
+                    justifyContent: "flex-end",
+                    onClick: (e)=>e.stopPropagation(),
+                    children: icons.map((icon, i)=>{
+                        if (icon) {
+                            return /*#__PURE__*/ jsxRuntime.jsx(designSystem.Box, {
+                                paddingLeft: i === 0 ? 0 : 1,
+                                children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.IconButton, {
+                                    ...icon,
+                                    variant: "ghost"
+                                })
+                            }, icon.label);
+                        }
+                        return null;
+                    })
+                })
+            })
+        ]
+    }, id);
+};
+
+const ListPage = ()=>{
+    const { formatMessage } = reactIntl.useIntl();
+    const permissions = Theme.useTypedSelector(selectors.selectAdminPermissions);
+    const { formatAPIError } = Theme.useAPIErrorHandler();
+    const { toggleNotification } = Theme.useNotification();
+    const [isWarningDeleteAllOpened, setIsWarningDeleteAllOpenend] = React__namespace.useState(false);
+    const [{ query }] = Theme.useQueryParams();
+    const { isLoading: isLoadingForPermissions, allowedActions: { canCreate, canDelete, canRead, canUpdate } } = Theme.useRBAC(permissions.settings?.roles);
+    const { roles, refetch: refetchRoles } = useAdminRoles.useAdminRoles({
+        filters: query?._q ? {
+            name: {
+                $containsi: query._q
+            }
+        } : undefined
+    }, {
+        refetchOnMountOrArgChange: true,
+        skip: isLoadingForPermissions || !canRead
+    });
+    const navigate = reactRouterDom.useNavigate();
+    const [{ roleToDelete }, dispatch] = React__namespace.useReducer(reducer, initialState);
+    const { post } = index.useFetchClient();
+    const handleDeleteData = async ()=>{
+        try {
+            dispatch({
+                type: 'ON_REMOVE_ROLES'
+            });
+            await post('/admin/roles/batch-delete', {
+                ids: [
+                    roleToDelete
+                ]
+            });
+            await refetchRoles();
+            dispatch({
+                type: 'RESET_DATA_TO_DELETE'
+            });
+        } catch (error) {
+            if (admin.isFetchError(error)) {
+                toggleNotification({
+                    type: 'danger',
+                    message: formatAPIError(error)
+                });
+            }
+        }
+    };
+    const handleNewRoleClick = ()=>navigate('new');
+    const handleToggleModal = ()=>setIsWarningDeleteAllOpenend((prev)=>!prev);
+    const handleClickDelete = (role)=>(e)=>{
+            e.preventDefault();
+            e.stopPropagation();
+            if (role.usersCount) {
+                toggleNotification({
+                    type: 'info',
+                    message: formatMessage({
+                        id: 'Roles.ListPage.notification.delete-not-allowed'
+                    })
+                });
+            } else {
+                dispatch({
+                    type: 'SET_ROLE_TO_DELETE',
+                    id: role.id
+                });
+                handleToggleModal();
+            }
+        };
+    const handleClickDuplicate = (role)=>(e)=>{
+            e.preventDefault();
+            e.stopPropagation();
+            navigate(`duplicate/${role.id}`);
+        };
+    const rowCount = roles.length + 1;
+    const colCount = 6;
+    if (isLoadingForPermissions) {
+        return /*#__PURE__*/ jsxRuntime.jsx(Theme.Page.Loading, {});
+    }
+    return /*#__PURE__*/ jsxRuntime.jsxs(Theme.Page.Main, {
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(Theme.Page.Title, {
+                children: formatMessage({
+                    id: 'Settings.PageTitle',
+                    defaultMessage: 'Settings - {name}'
+                }, {
+                    name: 'Roles'
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(index.Layouts.Header, {
+                primaryAction: canCreate ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.Button, {
+                    onClick: handleNewRoleClick,
+                    startIcon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                    size: "S",
+                    children: formatMessage({
+                        id: 'Settings.roles.list.button.add',
+                        defaultMessage: 'Add new role'
+                    })
+                }) : null,
+                title: formatMessage({
+                    id: 'global.roles',
+                    defaultMessage: 'roles'
+                }),
+                subtitle: formatMessage({
+                    id: 'Settings.roles.list.description',
+                    defaultMessage: 'List of roles'
+                })
+            }),
+            canRead && /*#__PURE__*/ jsxRuntime.jsx(index.Layouts.Action, {
+                startActions: /*#__PURE__*/ jsxRuntime.jsx(index.SearchInput, {
+                    label: formatMessage({
+                        id: 'app.component.search.label',
+                        defaultMessage: 'Search for {target}'
+                    }, {
+                        target: formatMessage({
+                            id: 'global.roles',
+                            defaultMessage: 'roles'
+                        })
+                    })
+                })
+            }),
+            canRead && /*#__PURE__*/ jsxRuntime.jsx(index.Layouts.Content, {
+                children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Table, {
+                    colCount: colCount,
+                    rowCount: rowCount,
+                    footer: canCreate ? /*#__PURE__*/ jsxRuntime.jsx(designSystem.TFooter, {
+                        cursor: "pointer",
+                        onClick: handleNewRoleClick,
+                        icon: /*#__PURE__*/ jsxRuntime.jsx(icons.Plus, {}),
+                        children: formatMessage({
+                            id: 'Settings.roles.list.button.add',
+                            defaultMessage: 'Add new role'
+                        })
+                    }) : null,
+                    children: [
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Thead, {
+                            children: /*#__PURE__*/ jsxRuntime.jsxs(designSystem.Tr, {
+                                "aria-rowindex": 1,
+                                children: [
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            variant: "sigma",
+                                            textColor: "neutral600",
+                                            children: formatMessage({
+                                                id: 'global.name',
+                                                defaultMessage: 'Name'
+                                            })
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            variant: "sigma",
+                                            textColor: "neutral600",
+                                            children: formatMessage({
+                                                id: 'global.description',
+                                                defaultMessage: 'Description'
+                                            })
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.Typography, {
+                                            variant: "sigma",
+                                            textColor: "neutral600",
+                                            children: formatMessage({
+                                                id: 'global.users',
+                                                defaultMessage: 'Users'
+                                            })
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsxRuntime.jsx(designSystem.Th, {
+                                        children: /*#__PURE__*/ jsxRuntime.jsx(designSystem.VisuallyHidden, {
+                                            children: formatMessage({
+                                                id: 'global.actions',
+                                                defaultMessage: 'Actions'
+                                            })
+                                        })
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsxRuntime.jsx(designSystem.Tbody, {
+                            children: roles?.map((role, index)=>/*#__PURE__*/ jsxRuntime.jsx(RoleRow, {
+                                    cursor: "pointer",
+                                    id: role.id,
+                                    name: role.name,
+                                    description: role.description,
+                                    usersCount: role.usersCount,
+                                    icons: [
+                                        canCreate && {
+                                            onClick: handleClickDuplicate(role),
+                                            label: formatMessage({
+                                                id: 'app.utils.duplicate',
+                                                defaultMessage: 'Duplicate'
+                                            }),
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(icons.Duplicate, {})
+                                        },
+                                        canUpdate && {
+                                            onClick: ()=>navigate(role.id.toString()),
+                                            label: formatMessage({
+                                                id: 'app.utils.edit',
+                                                defaultMessage: 'Edit'
+                                            }),
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(icons.Pencil, {})
+                                        },
+                                        canDelete && {
+                                            onClick: handleClickDelete(role),
+                                            label: formatMessage({
+                                                id: 'global.delete',
+                                                defaultMessage: 'Delete'
+                                            }),
+                                            children: /*#__PURE__*/ jsxRuntime.jsx(icons.Trash, {})
+                                        }
+                                    ].filter(Boolean),
+                                    rowIndex: index + 2,
+                                    canUpdate: canUpdate
+                                }, role.id))
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxRuntime.jsx(designSystem.Dialog.Root, {
+                open: isWarningDeleteAllOpened,
+                onOpenChange: handleToggleModal,
+                children: /*#__PURE__*/ jsxRuntime.jsx(index.ConfirmDialog, {
+                    onConfirm: handleDeleteData
+                })
+            })
+        ]
+    });
+};
+const initialState = {
+    roleToDelete: null,
+    showModalConfirmButtonLoading: false,
+    shouldRefetchData: false
+};
+const reducer = (state, action)=>immer.produce(state, (draftState)=>{
+        switch(action.type){
+            case 'ON_REMOVE_ROLES':
+                {
+                    draftState.showModalConfirmButtonLoading = true;
+                    break;
+                }
+            case 'ON_REMOVE_ROLES_SUCCEEDED':
+                {
+                    draftState.shouldRefetchData = true;
+                    draftState.roleToDelete = null;
+                    break;
+                }
+            case 'RESET_DATA_TO_DELETE':
+                {
+                    draftState.shouldRefetchData = false;
+                    draftState.roleToDelete = null;
+                    draftState.showModalConfirmButtonLoading = false;
+                    break;
+                }
+            case 'SET_ROLE_TO_DELETE':
+                {
+                    draftState.roleToDelete = action.id;
+                    break;
+                }
+            default:
+                return draftState;
+        }
+    });
+/* -------------------------------------------------------------------------------------------------
+ * ProtectedListPage
+ * -----------------------------------------------------------------------------------------------*/ const ProtectedListPage = ()=>{
+    const permissions = Theme.useTypedSelector((state)=>state.admin_app.permissions.settings?.roles.read);
+    return /*#__PURE__*/ jsxRuntime.jsx(Theme.Page.Protect, {
+        permissions: permissions,
+        children: /*#__PURE__*/ jsxRuntime.jsx(ListPage, {})
+    });
+};
+
+exports.ListPage = ListPage;
+exports.ProtectedListPage = ProtectedListPage;
+//# sourceMappingURL=ListPage-gKsEm3Px.js.map

package/dist/admin/chunks/ListPage-gKsEm3Px.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage-gKsEm3Px.js","sources":["../../../admin/src/pages/Settings/pages/Roles/components/RoleRow.tsx","../../../admin/src/pages/Settings/pages/Roles/ListPage.tsx"],"sourcesContent":["import { Box, Flex, IconButton, IconButtonProps, Td, Tr, Typography } from '@strapi/design-system';\nimport { useIntl } from 'react-intl';\n\nimport type { AdminRole } from '../../../../../hooks/useAdminRoles';\n\ninterface RoleRowProps extends Pick<AdminRole, 'id' | 'name' | 'description' | 'usersCount'> {\n  icons: Array<Required<Pick<IconButtonProps, 'children' | 'label' | 'onClick'>>>;\n  rowIndex: number;\n  canUpdate?: boolean;\n  cursor?: string;\n}\n\nconst RoleRow = ({\n  id,\n  name,\n  description,\n  usersCount,\n  icons,\n  rowIndex,\n  canUpdate,\n  cursor,\n}: RoleRowProps) => {\n  const { formatMessage } = useIntl();\n  const [, editObject] = icons;\n\n  const usersCountText = formatMessage(\n    {\n      id: `Roles.RoleRow.user-count`,\n      defaultMessage: '{number, plural, =0 {#  user} one {#  user} other {# users}}',\n    },\n    { number: usersCount }\n  );\n\n  return (\n    <Tr\n      cursor={cursor}\n      aria-rowindex={rowIndex}\n      key={id}\n      // @ts-expect-error – the prop uses `HTMLButtonElement` but we just specify `HTMLElement`\n      onClick={canUpdate ? editObject.onClick : undefined}\n    >\n      <Td maxWidth={`13rem`}>\n        <Typography ellipsis textColor=\"neutral800\">\n          {name}\n        </Typography>\n      </Td>\n      <Td maxWidth={`25rem`}>\n        <Typography ellipsis textColor=\"neutral800\">\n          {description}\n        </Typography>\n      </Td>\n      <Td>\n        <Typography textColor=\"neutral800\">{usersCountText}</Typography>\n      </Td>\n      <Td>\n        <Flex justifyContent=\"flex-end\" onClick={(e) => e.stopPropagation()}>\n          {icons.map((icon, i) => {\n            if (icon) {\n              return (\n                <Box key={icon.label} paddingLeft={i === 0 ? 0 : 1}>\n                  <IconButton {...icon} variant=\"ghost\" />\n                </Box>\n              );\n            }\n\n            return null;\n          })}\n        </Flex>\n      </Td>\n    </Tr>\n  );\n};\n\nexport { RoleRow };\nexport type { RoleRowProps };\n","import * as React from 'react';\n\nimport {\n  Button,\n  Dialog,\n  Table,\n  Tbody,\n  TFooter,\n  Th,\n  Thead,\n  Tr,\n  Typography,\n  VisuallyHidden,\n} from '@strapi/design-system';\nimport { Duplicate, Pencil, Plus, Trash } from '@strapi/icons';\nimport { produce } from 'immer';\nimport { useIntl } from 'react-intl';\nimport { useNavigate } from 'react-router-dom';\n\nimport { ConfirmDialog } from '../../../../components/ConfirmDialog';\nimport { Layouts } from '../../../../components/Layouts/Layout';\nimport { Page } from '../../../../components/PageHelpers';\nimport { SearchInput } from '../../../../components/SearchInput';\nimport { useTypedSelector } from '../../../../core/store/hooks';\nimport { useNotification } from '../../../../features/Notifications';\nimport { useAdminRoles, AdminRole } from '../../../../hooks/useAdminRoles';\nimport { useAPIErrorHandler } from '../../../../hooks/useAPIErrorHandler';\nimport { useFetchClient } from '../../../../hooks/useFetchClient';\nimport { useQueryParams } from '../../../../hooks/useQueryParams';\nimport { useRBAC } from '../../../../hooks/useRBAC';\nimport { selectAdminPermissions } from '../../../../selectors';\nimport { isFetchError } from '../../../../utils/getFetchClient';\n\nimport { RoleRow, RoleRowProps } from './components/RoleRow';\n\nconst ListPage = () => {\n  const { formatMessage } = useIntl();\n  const permissions = useTypedSelector(selectAdminPermissions);\n  const { formatAPIError } = useAPIErrorHandler();\n  const { toggleNotification } = useNotification();\n  const [isWarningDeleteAllOpened, setIsWarningDeleteAllOpenend] = React.useState(false);\n  const [{ query }] = useQueryParams<{ _q?: string }>();\n  const {\n    isLoading: isLoadingForPermissions,\n    allowedActions: { canCreate, canDelete, canRead, canUpdate },\n  } = useRBAC(permissions.settings?.roles);\n\n  const { roles, refetch: refetchRoles } = useAdminRoles(\n    { filters: query?._q ? { name: { $containsi: query._q } } : undefined },\n    {\n      refetchOnMountOrArgChange: true,\n      skip: isLoadingForPermissions || !canRead,\n    }\n  );\n\n  const navigate = useNavigate();\n  const [{ roleToDelete }, dispatch] = React.useReducer(reducer, initialState);\n  const { post } = useFetchClient();\n\n  const handleDeleteData = async () => {\n    try {\n      dispatch({\n        type: 'ON_REMOVE_ROLES',\n      });\n\n      await post('/admin/roles/batch-delete', {\n        ids: [roleToDelete],\n      });\n\n      await refetchRoles();\n\n      dispatch({\n        type: 'RESET_DATA_TO_DELETE',\n      });\n    } catch (error) {\n      if (isFetchError(error)) {\n        toggleNotification({\n          type: 'danger',\n          message: formatAPIError(error),\n        });\n      }\n    }\n  };\n\n  const handleNewRoleClick = () => navigate('new');\n\n  const handleToggleModal = () => setIsWarningDeleteAllOpenend((prev) => !prev);\n\n  const handleClickDelete = (role: AdminRole) => (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    if (role.usersCount) {\n      toggleNotification({\n        type: 'info',\n        message: formatMessage({ id: 'Roles.ListPage.notification.delete-not-allowed' }),\n      });\n    } else {\n      dispatch({\n        type: 'SET_ROLE_TO_DELETE',\n        id: role.id,\n      });\n\n      handleToggleModal();\n    }\n  };\n\n  const handleClickDuplicate = (role: AdminRole) => (e: React.MouseEvent<HTMLButtonElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n\n    navigate(`duplicate/${role.id}`);\n  };\n\n  const rowCount = roles.length + 1;\n  const colCount = 6;\n\n  if (isLoadingForPermissions) {\n    return <Page.Loading />;\n  }\n\n  return (\n    <Page.Main>\n      <Page.Title>\n        {formatMessage(\n          { id: 'Settings.PageTitle', defaultMessage: 'Settings - {name}' },\n          {\n            name: 'Roles',\n          }\n        )}\n      </Page.Title>\n      <Layouts.Header\n        primaryAction={\n          canCreate ? (\n            <Button onClick={handleNewRoleClick} startIcon={<Plus />} size=\"S\">\n              {formatMessage({\n                id: 'Settings.roles.list.button.add',\n                defaultMessage: 'Add new role',\n              })}\n            </Button>\n          ) : null\n        }\n        title={formatMessage({\n          id: 'global.roles',\n          defaultMessage: 'roles',\n        })}\n        subtitle={formatMessage({\n          id: 'Settings.roles.list.description',\n          defaultMessage: 'List of roles',\n        })}\n      />\n      {canRead && (\n        <Layouts.Action\n          startActions={\n            <SearchInput\n              label={formatMessage(\n                { id: 'app.component.search.label', defaultMessage: 'Search for {target}' },\n                {\n                  target: formatMessage({\n                    id: 'global.roles',\n                    defaultMessage: 'roles',\n                  }),\n                }\n              )}\n            />\n          }\n        />\n      )}\n      {canRead && (\n        <Layouts.Content>\n          <Table\n            colCount={colCount}\n            rowCount={rowCount}\n            footer={\n              canCreate ? (\n                <TFooter cursor=\"pointer\" onClick={handleNewRoleClick} icon={<Plus />}>\n                  {formatMessage({\n                    id: 'Settings.roles.list.button.add',\n                    defaultMessage: 'Add new role',\n                  })}\n                </TFooter>\n              ) : null\n            }\n          >\n            <Thead>\n              <Tr aria-rowindex={1}>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.name',\n                      defaultMessage: 'Name',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.description',\n                      defaultMessage: 'Description',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <Typography variant=\"sigma\" textColor=\"neutral600\">\n                    {formatMessage({\n                      id: 'global.users',\n                      defaultMessage: 'Users',\n                    })}\n                  </Typography>\n                </Th>\n                <Th>\n                  <VisuallyHidden>\n                    {formatMessage({\n                      id: 'global.actions',\n                      defaultMessage: 'Actions',\n                    })}\n                  </VisuallyHidden>\n                </Th>\n              </Tr>\n            </Thead>\n            <Tbody>\n              {roles?.map((role, index) => (\n                <RoleRow\n                  cursor=\"pointer\"\n                  key={role.id}\n                  id={role.id}\n                  name={role.name}\n                  description={role.description}\n                  usersCount={role.usersCount}\n                  icons={\n                    [\n                      canCreate &&\n                        ({\n                          onClick: handleClickDuplicate(role),\n                          label: formatMessage({\n                            id: 'app.utils.duplicate',\n                            defaultMessage: 'Duplicate',\n                          }),\n                          children: <Duplicate />,\n                        } satisfies RoleRowProps['icons'][number]),\n                      canUpdate &&\n                        ({\n                          onClick: () => navigate(role.id.toString()),\n                          label: formatMessage({ id: 'app.utils.edit', defaultMessage: 'Edit' }),\n                          children: <Pencil />,\n                        } satisfies RoleRowProps['icons'][number]),\n                      canDelete &&\n                        ({\n                          onClick: handleClickDelete(role),\n                          label: formatMessage({ id: 'global.delete', defaultMessage: 'Delete' }),\n                          children: <Trash />,\n                        } satisfies RoleRowProps['icons'][number]),\n                    ].filter(Boolean) as RoleRowProps['icons']\n                  }\n                  rowIndex={index + 2}\n                  canUpdate={canUpdate}\n                />\n              ))}\n            </Tbody>\n          </Table>\n        </Layouts.Content>\n      )}\n      <Dialog.Root open={isWarningDeleteAllOpened} onOpenChange={handleToggleModal}>\n        <ConfirmDialog onConfirm={handleDeleteData} />\n      </Dialog.Root>\n    </Page.Main>\n  );\n};\n\n/* -------------------------------------------------------------------------------------------------\n * Reducer\n * -----------------------------------------------------------------------------------------------*/\n\n/**\n * TODO: do we actually need this reducer? It's not doing a lot...\n */\n\ninterface State {\n  roleToDelete: null | AdminRole['id'];\n  showModalConfirmButtonLoading: boolean;\n  shouldRefetchData: boolean;\n}\n\nconst initialState = {\n  roleToDelete: null,\n  showModalConfirmButtonLoading: false,\n  shouldRefetchData: false,\n} satisfies State;\n\ninterface SetRoleToDeleteAction extends Pick<AdminRole, 'id'> {\n  type: 'SET_ROLE_TO_DELETE';\n}\n\ninterface ResetDataToDeleteAction {\n  type: 'RESET_DATA_TO_DELETE';\n}\n\ninterface OnRemoveRolesAction {\n  type: 'ON_REMOVE_ROLES';\n}\n\ninterface OnRemoveRolesSucceededAction {\n  type: 'ON_REMOVE_ROLES_SUCCEEDED';\n}\n\ntype Action =\n  | SetRoleToDeleteAction\n  | ResetDataToDeleteAction\n  | OnRemoveRolesAction\n  | OnRemoveRolesSucceededAction;\n\nconst reducer = (state: State, action: Action) =>\n  produce(state, (draftState) => {\n    switch (action.type) {\n      case 'ON_REMOVE_ROLES': {\n        draftState.showModalConfirmButtonLoading = true;\n        break;\n      }\n      case 'ON_REMOVE_ROLES_SUCCEEDED': {\n        draftState.shouldRefetchData = true;\n        draftState.roleToDelete = null;\n        break;\n      }\n      case 'RESET_DATA_TO_DELETE': {\n        draftState.shouldRefetchData = false;\n        draftState.roleToDelete = null;\n        draftState.showModalConfirmButtonLoading = false;\n        break;\n      }\n      case 'SET_ROLE_TO_DELETE': {\n        draftState.roleToDelete = action.id;\n\n        break;\n      }\n      default:\n        return draftState;\n    }\n  });\n\n/* -------------------------------------------------------------------------------------------------\n * ProtectedListPage\n * -----------------------------------------------------------------------------------------------*/\n\nconst ProtectedListPage = () => {\n  const permissions = useTypedSelector((state) => state.admin_app.permissions.settings?.roles.read);\n\n  return (\n    <Page.Protect permissions={permissions}>\n      <ListPage />\n    </Page.Protect>\n  );\n};\n\nexport { ProtectedListPage, ListPage };\n"],"names":["RoleRow","id","name","description","usersCount","icons","rowIndex","canUpdate","cursor","formatMessage","useIntl","editObject","usersCountText","defaultMessage","number","_jsxs","Tr","aria-rowindex","onClick","undefined","_jsx","Td","maxWidth","Typography","ellipsis","textColor","Flex","justifyContent","e","stopPropagation","map","icon","i","Box","paddingLeft","IconButton","variant","label","ListPage","permissions","useTypedSelector","selectAdminPermissions","formatAPIError","useAPIErrorHandler","toggleNotification","useNotification","isWarningDeleteAllOpened","setIsWarningDeleteAllOpenend","React","useState","query","useQueryParams","isLoading","isLoadingForPermissions","allowedActions","canCreate","canDelete","canRead","useRBAC","settings","roles","refetch","refetchRoles","useAdminRoles","filters","_q","$containsi","refetchOnMountOrArgChange","skip","navigate","useNavigate","roleToDelete","dispatch","useReducer","reducer","initialState","post","useFetchClient","handleDeleteData","type","ids","error","isFetchError","message","handleNewRoleClick","handleToggleModal","prev","handleClickDelete","role","preventDefault","handleClickDuplicate","rowCount","length","colCount","Page","Loading","Main","Title","Layouts","Header","primaryAction","Button","startIcon","Plus","size","title","subtitle","Action","startActions","SearchInput","target","Content","Table","footer","TFooter","Thead","Th","VisuallyHidden","Tbody","index","children","Duplicate","toString","Pencil","Trash","filter","Boolean","Dialog","Root","open","onOpenChange","ConfirmDialog","onConfirm","showModalConfirmButtonLoading","shouldRefetchData","state","action","produce","draftState","ProtectedListPage","admin_app","read","Protect"],"mappings":"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"}

package/dist/admin/chunks/ListPage-r9rW__R8.mjs

@@ -0,0 +1,55 @@
+import { jsx } from 'react/jsx-runtime';
+import { ListPageCE } from './ListPage-BtMdu1eQ.mjs';
+import { u as useLicenseLimitNotification } from './useLicenseLimitNotification-CGkazzao.mjs';
+import 'react';
+import '@strapi/design-system';
+import '@strapi/icons';
+import 'qs';
+import 'react-intl';
+import 'react-router-dom';
+import './index-BUGouNML.mjs';
+import 'react-dom/client';
+import 'invariant';
+import 'lodash/isFunction';
+import 'lodash/merge';
+import 'lodash/pick';
+import 'immer';
+import './Theme-CDaBfQ-7.mjs';
+import '@radix-ui/react-context';
+import '@strapi/icons/symbols';
+import './admin-BBS7sDVu.mjs';
+import 'lodash/trimEnd';
+import '@reduxjs/toolkit/query/react';
+import 'lodash/fp/pipe';
+import 'lodash/clone';
+import 'lodash/toPath';
+import 'lodash/isEqual';
+import 'axios';
+import 'lodash/get';
+import 'lodash/set';
+import 'use-context-selector';
+import 'lodash/defaultsDeep';
+import 'react-redux';
+import 'styled-components';
+import '@reduxjs/toolkit';
+import 'react-query';
+import './useEnterprise-Dy8wMNV5.mjs';
+import 'lodash/camelCase';
+import 'yup';
+import 'fractional-indexing';
+import 'lodash/omit';
+import 'formik';
+import 'lodash/throttle';
+import './users-B3iOAYG-.mjs';
+import './SelectRoles-CG3Czm0u.mjs';
+import './useAdminRoles-BEmkB0uj.mjs';
+import 'lodash/isNil';
+import './useLicenseLimits-D4XBewxi.mjs';
+
+const UserListPageEE = ()=>{
+    useLicenseLimitNotification();
+    return /*#__PURE__*/ jsx(ListPageCE, {});
+};
+
+export { UserListPageEE };
+//# sourceMappingURL=ListPage-r9rW__R8.mjs.map

package/dist/admin/chunks/ListPage-r9rW__R8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPage-r9rW__R8.mjs","sources":["../../../ee/admin/src/pages/SettingsPage/pages/Users/ListPage.tsx"],"sourcesContent":["import { ListPageCE } from '../../../../../../../admin/src/pages/Settings/pages/Users/ListPage';\nimport { useLicenseLimitNotification } from '../../../../hooks/useLicenseLimitNotification';\n\nexport const UserListPageEE = () => {\n  useLicenseLimitNotification();\n\n  return <ListPageCE />;\n};\n"],"names":["UserListPageEE","useLicenseLimitNotification","_jsx","ListPageCE"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAGaA,cAAiB,GAAA,IAAA;AAC5BC,IAAAA,2BAAAA,EAAAA;AAEA,IAAA,qBAAOC,GAACC,CAAAA,UAAAA,EAAAA,EAAAA,CAAAA;AACV;;;;"}