npm - @webiny/app-headless-cms - Versions diffs - 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac - Mend

@webiny/app-headless-cms 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (862) hide show

package/admin/views/contentModelGroups/ContentModelGroupsDataList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["t","i18n","ns","SORTERS","label","sorters","ContentModelGroupsDataList","canCreate","useState","filter","setFilter","sort","setSort","useRouter","history","useSnackbar","showSnackbar","client","useApolloClient","listQuery","useQuery","GQL","LIST_CONTENT_MODEL_GROUPS","useConfirmationDialog","dataTestId","showConfirmation","usePermission","canDelete","filterData","useCallback","name","toLowerCase","includes","sortData","list","deserializeSorters","sortField","sortOrderBy","orderBy","data","loading","get","groupId","URLSearchParams","location","search","deleteItem","group","mutate","mutation","DELETE_CONTENT_MODEL_GROUP","variables","id","update","cache","error","deleteContentModelGroup","message","gqlParams","query","result","readQuery","listContentModelGroups","index","findIndex","item","writeQuery","dotProp","delete","response","push","contentModelGroupsDataListModalOverlay","useMemo","map","filteredData","contentModelGroups","contentModels","length","plugin"],"sources":["ContentModelGroupsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport get from \"lodash/get\";\nimport orderBy from \"lodash/orderBy\";\nimport dotProp from \"dot-prop-immutable\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport {\n DataList,\n List,\n ListItem,\n ListItemText,\n ListItemTextSecondary,\n ListItemMeta,\n ListActions,\n DataListModalOverlay,\n DataListModalOverlayAction\n} from \"@webiny/ui/List\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useApolloClient } from \"../../hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport * as GQL from \"./graphql\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { deserializeSorters } from \"../utils\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ListCmsGroupsQueryResponse, CmsGroupWithModels } from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/data-list\");\n\ninterface Sort {\n label: string;\n sorters: string;\n}\nconst SORTERS: Sort[] = [\n {\n label: t`Newest to oldest`,\n sorters: \"createdOn_DESC\"\n },\n {\n label: t`Oldest to newest`,\n sorters: \"createdOn_ASC\"\n },\n {\n label: t`Name A-Z`,\n sorters: \"name_ASC\"\n },\n {\n label: t`Name Z-A`,\n sorters: \"name_DESC\"\n }\n];\n\ninterface ContentModelGroupsDataListProps {\n canCreate: boolean;\n}\nconst ContentModelGroupsDataList: React.FC<ContentModelGroupsDataListProps> = ({ canCreate }) => {\n const [filter, setFilter] = useState<string>(\"\");\n const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n const { history } = useRouter();\n const { showSnackbar } = useSnackbar();\n const client = useApolloClient();\n const listQuery = useQuery(GQL.LIST_CONTENT_MODEL_GROUPS);\n\n const { showConfirmation } = useConfirmationDialog({\n dataTestId: \"cms.contentModelGroup.list-item.delete-dialog\"\n });\n const { canDelete } = usePermission();\n\n const filterData = useCallback(\n ({ name }) => {\n return name.toLowerCase().includes(filter);\n },\n [filter]\n );\n\n const sortData = useCallback(\n (list: CmsGroupWithModels[]): CmsGroupWithModels[] => {\n if (!sort) {\n return list;\n }\n const [sortField, sortOrderBy] = deserializeSorters(sort);\n return orderBy(list, [sortField], [sortOrderBy]);\n },\n [sort]\n );\n\n const data: CmsGroupWithModels[] = listQuery.loading\n ? []\n : get(listQuery, \"data.listContentModelGroups.data\", []);\n const groupId = new URLSearchParams(location.search).get(\"id\");\n\n const deleteItem = useCallback(\n group => {\n showConfirmation(async () => {\n const response = await client.mutate({\n mutation: GQL.DELETE_CONTENT_MODEL_GROUP,\n variables: { id: group.id },\n update(cache, { data }) {\n const { error } = data.deleteContentModelGroup;\n if (error) {\n showSnackbar(error.message);\n return;\n }\n\n // Delete the item from list cache\n const gqlParams = { query: GQL.LIST_CONTENT_MODEL_GROUPS };\n const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n if (!result \|\| !result.listContentModelGroups) {\n return;\n }\n const { listContentModelGroups } = result;\n const index = listContentModelGroups.data.findIndex(\n item => item.id === group.id\n );\n\n cache.writeQuery({\n ...gqlParams,\n data: {\n listContentModelGroups: dotProp.delete(\n listContentModelGroups,\n `data.${index}`\n )\n }\n });\n }\n });\n\n const { error } = response.data.deleteContentModelGroup;\n if (error) {\n return showSnackbar(error.message);\n }\n\n showSnackbar(t`Content model group \"{name}\" deleted.`({ name: group.name }));\n\n if (groupId === group.id) {\n history.push(`/cms/content-model-groups`);\n }\n });\n },\n [groupId]\n );\n\n const contentModelGroupsDataListModalOverlay = useMemo(\n () => (\n <DataListModalOverlay>\n <Grid>\n <Cell span={12}>\n <Select\n value={sort}\n onChange={setSort}\n label={t`Sort by`}\n description={\"Sort groups by\"}\n >\n {SORTERS.map(({ label, sorters }) => {\n return (\n <option key={label} value={sorters}>\n {label}\n </option>\n );\n })}\n </Select>\n </Cell>\n </Grid>\n </DataListModalOverlay>\n ),\n [sort]\n );\n\n const filteredData = filter === \"\" ? data : data.filter(filterData);\n const contentModelGroups = sortData(filteredData);\n\n return (\n <DataList\n loading={listQuery.loading}\n data={contentModelGroups}\n title={t`Content Model Groups`}\n actions={\n canCreate ? (\n <ButtonSecondary\n data-testid=\"new-record-button\"\n onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n >\n <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n </ButtonSecondary>\n ) : null\n }\n search={\n <SearchUI\n value={filter}\n onChange={setFilter}\n inputPlaceholder={t`Search content model group`}\n />\n }\n modalOverlay={contentModelGroupsDataListModalOverlay}\n modalOverlayAction={\n <DataListModalOverlayAction\n icon={<FilterIcon />}\n data-testid={\"default-data-list.filter\"}\n />\n }\n >\n {({ data }: { data: CmsGroupWithModels[] }) => (\n <List data-testid=\"default-data-list\">\n {data.map(item => (\n <ListItem key={item.id} selected={item.id === groupId}>\n <ListItemText\n onClick={() =>\n history.push(`/cms/content-model-groups?id=${item.id}`)\n }\n >\n {item.name}\n <ListItemTextSecondary>\n {item.contentModels.length\n ? t`{contentModels\|count:1:content model:default:content models}`(\n {\n contentModels: item.contentModels.length\n }\n )\n : t`No content models`}\n </ListItemTextSecondary>\n </ListItemText>\n {canDelete(item, \"cms.contentModelGroup\") && (\n <ListItemMeta>\n <ListActions>\n {item.plugin ? (\n <Tooltip\n content={\n \"Content model group is registered via a plugin.\"\n }\n placement={\"bottom\"}\n >\n <DeleteIcon\n disabled\n data-testid={\n \"cms.contentModelGroup.list-item.delete\"\n }\n />\n </Tooltip>\n ) : (\n <DeleteIcon\n onClick={() => deleteItem(item)}\n data-testid={\n \"cms.contentModelGroup.list-item.delete\"\n }\n />\n )}\n </ListActions>\n </ListItemMeta>\n )}\n </ListItem>\n ))}\n </List>\n )}\n </DataList>\n );\n};\n\nexport default ContentModelGroupsDataList;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAWA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,uDAAR,CAAV;;AAMA,IAAMC,OAAe,GAAG,CACpB;EACIC,KAAK,EAAEJ,CAAF,mGADT;EAEIK,OAAO,EAAE;AAFb,CADoB,EAKpB;EACID,KAAK,EAAEJ,CAAF,qGADT;EAEIK,OAAO,EAAE;AAFb,CALoB,EASpB;EACID,KAAK,EAAEJ,CAAF,6FADT;EAEIK,OAAO,EAAE;AAFb,CAToB,EAapB;EACID,KAAK,EAAEJ,CAAF,6FADT;EAEIK,OAAO,EAAE;AAFb,CAboB,CAAxB;;AAsBA,IAAMC,0BAAqE,GAAG,SAAxEA,0BAAwE,OAAmB;EAAA,IAAhBC,SAAgB,QAAhBA,SAAgB;;EAC7F,gBAA4B,IAAAC,eAAA,EAAiB,EAAjB,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,iBAAwB,IAAAF,eAAA,EAAiBL,OAAO,CAAC,CAAD,CAAP,CAAWE,OAA5B,CAAxB;EAAA;EAAA,IAAOM,IAAP;EAAA,IAAaC,OAAb;;EACA,iBAAoB,IAAAC,sBAAA,GAApB;EAAA,IAAQC,OAAR,cAAQA,OAAR;;EACA,mBAAyB,IAAAC,yBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EACA,IAAMC,MAAM,GAAG,IAAAC,sBAAA,GAAf;EACA,IAAMC,SAAS,GAAG,IAAAC,eAAA,EAASC,GAAG,CAACC,yBAAb,CAAlB;;EAEA,4BAA6B,IAAAC,4CAAA,EAAsB;IAC/CC,UAAU,EAAE;EADmC,CAAtB,CAA7B;EAAA,IAAQC,gBAAR,yBAAQA,gBAAR;;EAGA,qBAAsB,IAAAC,uBAAA,GAAtB;EAAA,IAAQC,SAAR,kBAAQA,SAAR;;EAEA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EACf,iBAAc;IAAA,IAAXC,IAAW,SAAXA,IAAW;IACV,OAAOA,IAAI,CAACC,WAAL,GAAmBC,QAAnB,CAA4BvB,MAA5B,CAAP;EACH,CAHc,EAIf,CAACA,MAAD,CAJe,CAAnB;EAOA,IAAMwB,QAAQ,GAAG,IAAAJ,kBAAA,EACb,UAACK,IAAD,EAAsD;IAClD,IAAI,CAACvB,IAAL,EAAW;MACP,OAAOuB,IAAP;IACH;;IACD,0BAAiC,IAAAC,yBAAA,EAAmBxB,IAAnB,CAAjC;IAAA;IAAA,IAAOyB,SAAP;IAAA,IAAkBC,WAAlB;;IACA,OAAO,IAAAC,gBAAA,EAAQJ,IAAR,EAAc,CAACE,SAAD,CAAd,EAA2B,CAACC,WAAD,CAA3B,CAAP;EACH,CAPY,EAQb,CAAC1B,IAAD,CARa,CAAjB;EAWA,IAAM4B,IAA0B,GAAGpB,SAAS,CAACqB,OAAV,GAC7B,EAD6B,GAE7B,IAAAC,YAAA,EAAItB,SAAJ,EAAe,kCAAf,EAAmD,EAAnD,CAFN;EAGA,IAAMuB,OAAO,GAAG,IAAIC,eAAJ,CAAoBC,QAAQ,CAACC,MAA7B,EAAqCJ,GAArC,CAAyC,IAAzC,CAAhB;EAEA,IAAMK,UAAU,GAAG,IAAAjB,kBAAA,EACf,UAAAkB,KAAK,EAAI;IACLtB,gBAAgB,sGAAC;MAAA;MAAA;QAAA;UAAA;YAAA;cAAA;cAAA,OACUR,MAAM,CAAC+B,MAAP,CAAc;gBACjCC,QAAQ,EAAE5B,GAAG,CAAC6B,0BADmB;gBAEjCC,SAAS,EAAE;kBAAEC,EAAE,EAAEL,KAAK,CAACK;gBAAZ,CAFsB;gBAGjCC,MAHiC,kBAG1BC,KAH0B,SAGT;kBAAA,IAARf,IAAQ,SAARA,IAAQ;kBACpB,IAAQgB,KAAR,GAAkBhB,IAAI,CAACiB,uBAAvB,CAAQD,KAAR;;kBACA,IAAIA,KAAJ,EAAW;oBACPvC,YAAY,CAACuC,KAAK,CAACE,OAAP,CAAZ;oBACA;kBACH,CALmB,CAOpB;;;kBACA,IAAMC,SAAS,GAAG;oBAAEC,KAAK,EAAEtC,GAAG,CAACC;kBAAb,CAAlB;kBACA,IAAMsC,MAAM,GAAGN,KAAK,CAACO,SAAN,CAA4CH,SAA5C,CAAf;;kBACA,IAAI,CAACE,MAAD,IAAW,CAACA,MAAM,CAACE,sBAAvB,EAA+C;oBAC3C;kBACH;;kBACD,IAAQA,sBAAR,GAAmCF,MAAnC,CAAQE,sBAAR;kBACA,IAAMC,KAAK,GAAGD,sBAAsB,CAACvB,IAAvB,CAA4ByB,SAA5B,CACV,UAAAC,IAAI;oBAAA,OAAIA,IAAI,CAACb,EAAL,KAAYL,KAAK,CAACK,EAAtB;kBAAA,CADM,CAAd;kBAIAE,KAAK,CAACY,UAAN,6DACOR,SADP;oBAEInB,IAAI,EAAE;sBACFuB,sBAAsB,EAAEK,yBAAA,CAAQC,MAAR,CACpBN,sBADoB,iBAEZC,KAFY;oBADtB;kBAFV;gBASH;cA9BgC,CAAd,CADV;;YAAA;cACPM,QADO;cAkCLd,KAlCK,GAkCKc,QAAQ,CAAC9B,IAAT,CAAciB,uBAlCnB,CAkCLD,KAlCK;;cAAA,KAmCTA,KAnCS;gBAAA;gBAAA;cAAA;;cAAA,iCAoCFvC,YAAY,CAACuC,KAAK,CAACE,OAAP,CApCV;;YAAA;cAuCbzC,YAAY,CAAChB,CAAC,4HAAD,CAAyC;gBAAE8B,IAAI,EAAEiB,KAAK,CAACjB;cAAd,CAAzC,CAAD,CAAZ;;cAEA,IAAIY,OAAO,KAAKK,KAAK,CAACK,EAAtB,EAA0B;gBACtBtC,OAAO,CAACwD,IAAR;cACH;;YA3CY;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAAD,GAAhB;EA6CH,CA/Cc,EAgDf,CAAC5B,OAAD,CAhDe,CAAnB;EAmDA,IAAM6B,sCAAsC,GAAG,IAAAC,cAAA,EAC3C;IAAA,oBACI,6BAAC,0BAAD,qBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;MAAM,IAAI,EAAE;IAAZ,gBACI,6BAAC,cAAD;MACI,KAAK,EAAE7D,IADX;MAEI,QAAQ,EAAEC,OAFd;MAGI,KAAK,EAAEZ,CAAF,4FAHT;MAII,WAAW,EAAE;IAJjB,GAMKG,OAAO,CAACsE,GAAR,CAAY,iBAAwB;MAAA,IAArBrE,KAAqB,SAArBA,KAAqB;MAAA,IAAdC,OAAc,SAAdA,OAAc;MACjC,oBACI;QAAQ,GAAG,EAAED,KAAb;QAAoB,KAAK,EAAEC;MAA3B,GACKD,KADL,CADJ;IAKH,CANA,CANL,CADJ,CADJ,CADJ,CADJ;EAAA,CAD2C,EAuB3C,CAACO,IAAD,CAvB2C,CAA/C;EA0BA,IAAM+D,YAAY,GAAGjE,MAAM,KAAK,EAAX,GAAgB8B,IAAhB,GAAuBA,IAAI,CAAC9B,MAAL,CAAYmB,UAAZ,CAA5C;EACA,IAAM+C,kBAAkB,GAAG1C,QAAQ,CAACyC,YAAD,CAAnC;EAEA,oBACI,6BAAC,cAAD;IACI,OAAO,EAAEvD,SAAS,CAACqB,OADvB;IAEI,IAAI,EAAEmC,kBAFV;IAGI,KAAK,EAAE3E,CAAF,yGAHT;IAII,OAAO,EACHO,SAAS,gBACL,6BAAC,uBAAD;MACI,eAAY,mBADhB;MAEI,OAAO,EAAE;QAAA,OAAMO,OAAO,CAACwD,IAAR,CAAa,oCAAb,CAAN;MAAA;IAFb,gBAII,6BAAC,kBAAD;MAAY,IAAI,eAAE,6BAAC,uBAAD;IAAlB,EAJJ,OAIuCtE,CAJvC,+FADK,GAOL,IAZZ;IAcI,MAAM,eACF,6BAAC,iBAAD;MACI,KAAK,EAAES,MADX;MAEI,QAAQ,EAAEC,SAFd;MAGI,gBAAgB,EAAEV,CAAF;IAHpB,EAfR;IAqBI,YAAY,EAAEuE,sCArBlB;IAsBI,kBAAkB,eACd,6BAAC,gCAAD;MACI,IAAI,eAAE,6BAAC,0BAAD,OADV;MAEI,eAAa;IAFjB;EAvBR,GA6BK;IAAA,IAAGhC,IAAH,SAAGA,IAAH;IAAA,oBACG,6BAAC,UAAD;MAAM,eAAY;IAAlB,GACKA,IAAI,CAACkC,GAAL,CAAS,UAAAR,IAAI;MAAA,oBACV,6BAAC,cAAD;QAAU,GAAG,EAAEA,IAAI,CAACb,EAApB;QAAwB,QAAQ,EAAEa,IAAI,CAACb,EAAL,KAAYV;MAA9C,gBACI,6BAAC,kBAAD;QACI,OAAO,EAAE;UAAA,OACL5B,OAAO,CAACwD,IAAR,wCAA6CL,IAAI,CAACb,EAAlD,EADK;QAAA;MADb,GAKKa,IAAI,CAACnC,IALV,eAMI,6BAAC,2BAAD,QACKmC,IAAI,CAACW,aAAL,CAAmBC,MAAnB,GACK7E,CAAC,mJAAD,CACI;QACI4E,aAAa,EAAEX,IAAI,CAACW,aAAL,CAAmBC;MADtC,CADJ,CADL,GAMK7E,CANL,wGADL,CANJ,CADJ,EAiBK2B,SAAS,CAACsC,IAAD,EAAO,uBAAP,CAAT,iBACG,6BAAC,kBAAD,qBACI,6BAAC,iBAAD,QACKA,IAAI,CAACa,MAAL,gBACG,6BAAC,gBAAD;QACI,OAAO,EACH,iDAFR;QAII,SAAS,EAAE;MAJf,gBAMI,6BAAC,iBAAD;QACI,QAAQ,MADZ;QAEI,eACI;MAHR,EANJ,CADH,gBAeG,6BAAC,iBAAD;QACI,OAAO,EAAE;UAAA,OAAMhC,UAAU,CAACmB,IAAD,CAAhB;QAAA,CADb;QAEI,eACI;MAHR,EAhBR,CADJ,CAlBR,CADU;IAAA,CAAb,CADL,CADH;EAAA,CA7BL,CADJ;AAoFH,CAxMD;;eA0Me3D,0B"}
1	+ {"version":3,"names":["t","i18n","ns","SORTERS","label","sorters","ContentModelGroupsDataList","canCreate","useState","filter","setFilter","sort","setSort","useRouter","history","useSnackbar","showSnackbar","client","useApolloClient","listQuery","useQuery","GQL","LIST_CONTENT_MODEL_GROUPS","useConfirmationDialog","dataTestId","showConfirmation","usePermission","canDelete","filterData","useCallback","name","toLowerCase","includes","sortData","list","deserializeSorters","sortField","sortOrderBy","orderBy","data","loading","get","groupId","URLSearchParams","location","search","deleteItem","group","mutate","mutation","DELETE_CONTENT_MODEL_GROUP","variables","id","update","cache","error","deleteContentModelGroup","message","gqlParams","query","result","readQuery","listContentModelGroups","index","findIndex","item","writeQuery","dotProp","delete","response","push","contentModelGroupsDataListModalOverlay","useMemo","map","filteredData","contentModelGroups","contentModels","length","plugin"],"sources":["ContentModelGroupsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport get from \"lodash/get\";\nimport orderBy from \"lodash/orderBy\";\nimport dotProp from \"dot-prop-immutable\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport {\n DataList,\n List,\n ListItem,\n ListItemText,\n ListItemTextSecondary,\n ListItemMeta,\n ListActions,\n DataListModalOverlay,\n DataListModalOverlayAction\n} from \"@webiny/ui/List\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useApolloClient } from \"../../hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport * as GQL from \"./graphql\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { deserializeSorters } from \"../utils\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ListCmsGroupsQueryResponse, CmsGroupWithModels } from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/data-list\");\n\ninterface Sort {\n label: string;\n sorters: string;\n}\nconst SORTERS: Sort[] = [\n {\n label: t`Newest to oldest`,\n sorters: \"createdOn_DESC\"\n },\n {\n label: t`Oldest to newest`,\n sorters: \"createdOn_ASC\"\n },\n {\n label: t`Name A-Z`,\n sorters: \"name_ASC\"\n },\n {\n label: t`Name Z-A`,\n sorters: \"name_DESC\"\n }\n];\n\ninterface ContentModelGroupsDataListProps {\n canCreate: boolean;\n}\nconst ContentModelGroupsDataList: React.FC<ContentModelGroupsDataListProps> = ({ canCreate }) => {\n const [filter, setFilter] = useState<string>(\"\");\n const [sort, setSort] = useState<string>(SORTERS[0].sorters);\n const { history } = useRouter();\n const { showSnackbar } = useSnackbar();\n const client = useApolloClient();\n const listQuery = useQuery(GQL.LIST_CONTENT_MODEL_GROUPS);\n\n const { showConfirmation } = useConfirmationDialog({\n dataTestId: \"cms.contentModelGroup.list-item.delete-dialog\"\n });\n const { canDelete } = usePermission();\n\n const filterData = useCallback(\n ({ name }) => {\n return name.toLowerCase().includes(filter);\n },\n [filter]\n );\n\n const sortData = useCallback(\n (list: CmsGroupWithModels[]): CmsGroupWithModels[] => {\n if (!sort) {\n return list;\n }\n const [sortField, sortOrderBy] = deserializeSorters(sort);\n return orderBy(list, [sortField], [sortOrderBy]);\n },\n [sort]\n );\n\n const data: CmsGroupWithModels[] = listQuery.loading\n ? []\n : get(listQuery, \"data.listContentModelGroups.data\", []);\n const groupId = new URLSearchParams(location.search).get(\"id\");\n\n const deleteItem = useCallback(\n group => {\n showConfirmation(async () => {\n const response = await client.mutate({\n mutation: GQL.DELETE_CONTENT_MODEL_GROUP,\n variables: { id: group.id },\n update(cache, { data }) {\n const { error } = data.deleteContentModelGroup;\n if (error) {\n showSnackbar(error.message);\n return;\n }\n\n // Delete the item from list cache\n const gqlParams = { query: GQL.LIST_CONTENT_MODEL_GROUPS };\n const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n if (!result \|\| !result.listContentModelGroups) {\n return;\n }\n const { listContentModelGroups } = result;\n const index = listContentModelGroups.data.findIndex(\n item => item.id === group.id\n );\n\n cache.writeQuery({\n ...gqlParams,\n data: {\n listContentModelGroups: dotProp.delete(\n listContentModelGroups,\n `data.${index}`\n )\n }\n });\n }\n });\n\n const { error } = response.data.deleteContentModelGroup;\n if (error) {\n return showSnackbar(error.message);\n }\n\n showSnackbar(t`Content model group \"{name}\" deleted.`({ name: group.name }));\n\n if (groupId === group.id) {\n history.push(`/cms/content-model-groups`);\n }\n });\n },\n [groupId]\n );\n\n const contentModelGroupsDataListModalOverlay = useMemo(\n () => (\n <DataListModalOverlay>\n <Grid>\n <Cell span={12}>\n <Select\n value={sort}\n onChange={setSort}\n label={t`Sort by`}\n description={\"Sort groups by\"}\n >\n {SORTERS.map(({ label, sorters }) => {\n return (\n <option key={label} value={sorters}>\n {label}\n </option>\n );\n })}\n </Select>\n </Cell>\n </Grid>\n </DataListModalOverlay>\n ),\n [sort]\n );\n\n const filteredData = filter === \"\" ? data : data.filter(filterData);\n const contentModelGroups = sortData(filteredData);\n\n return (\n <DataList\n loading={listQuery.loading}\n data={contentModelGroups}\n title={t`Content Model Groups`}\n actions={\n canCreate ? (\n <ButtonSecondary\n data-testid=\"new-record-button\"\n onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n >\n <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n </ButtonSecondary>\n ) : null\n }\n search={\n <SearchUI\n value={filter}\n onChange={setFilter}\n inputPlaceholder={t`Search content model group`}\n />\n }\n modalOverlay={contentModelGroupsDataListModalOverlay}\n modalOverlayAction={\n <DataListModalOverlayAction\n icon={<FilterIcon />}\n data-testid={\"default-data-list.filter\"}\n />\n }\n >\n {({ data }: { data: CmsGroupWithModels[] }) => (\n <List data-testid=\"default-data-list\">\n {data.map(item => (\n <ListItem key={item.id} selected={item.id === groupId}>\n <ListItemText\n onClick={() =>\n history.push(`/cms/content-model-groups?id=${item.id}`)\n }\n >\n {item.name}\n <ListItemTextSecondary>\n {item.contentModels.length\n ? t`{contentModels\|count:1:content model:default:content models}`(\n {\n contentModels: item.contentModels.length\n }\n )\n : t`No content models`}\n </ListItemTextSecondary>\n </ListItemText>\n {canDelete(item, \"cms.contentModelGroup\") && (\n <ListItemMeta>\n <ListActions>\n {item.plugin ? (\n <Tooltip\n content={\n \"Content model group is registered via a plugin.\"\n }\n placement={\"bottom\"}\n >\n <DeleteIcon\n disabled\n data-testid={\n \"cms.contentModelGroup.list-item.delete\"\n }\n />\n </Tooltip>\n ) : (\n <DeleteIcon\n onClick={() => deleteItem(item)}\n data-testid={\n \"cms.contentModelGroup.list-item.delete\"\n }\n />\n )}\n </ListActions>\n </ListItemMeta>\n )}\n </ListItem>\n ))}\n </List>\n )}\n </DataList>\n );\n};\n\nexport default ContentModelGroupsDataList;\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAWA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA6C;AAG7C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,uDAAuD,CAAC;AAM1E,IAAMC,OAAe,GAAG,CACpB;EACIC,KAAK,EAAEJ,CAAC,mGAAkB;EAC1BK,OAAO,EAAE;AACb,CAAC,EACD;EACID,KAAK,EAAEJ,CAAC,qGAAkB;EAC1BK,OAAO,EAAE;AACb,CAAC,EACD;EACID,KAAK,EAAEJ,CAAC,6FAAU;EAClBK,OAAO,EAAE;AACb,CAAC,EACD;EACID,KAAK,EAAEJ,CAAC,6FAAU;EAClBK,OAAO,EAAE;AACb,CAAC,CACJ;AAKD,IAAMC,0BAAqE,GAAG,SAAxEA,0BAAqE,OAAsB;EAAA,IAAhBC,SAAS,QAATA,SAAS;EACtF,gBAA4B,IAAAC,eAAQ,EAAS,EAAE,CAAC;IAAA;IAAzCC,MAAM;IAAEC,SAAS;EACxB,iBAAwB,IAAAF,eAAQ,EAASL,OAAO,CAAC,CAAC,CAAC,CAACE,OAAO,CAAC;IAAA;IAArDM,IAAI;IAAEC,OAAO;EACpB,iBAAoB,IAAAC,sBAAS,GAAE;IAAvBC,OAAO,cAAPA,OAAO;EACf,mBAAyB,IAAAC,yBAAW,GAAE;IAA9BC,YAAY,gBAAZA,YAAY;EACpB,IAAMC,MAAM,GAAG,IAAAC,sBAAe,GAAE;EAChC,IAAMC,SAAS,GAAG,IAAAC,eAAQ,EAACC,GAAG,CAACC,yBAAyB,CAAC;EAEzD,4BAA6B,IAAAC,4CAAqB,EAAC;MAC/CC,UAAU,EAAE;IAChB,CAAC,CAAC;IAFMC,gBAAgB,yBAAhBA,gBAAgB;EAGxB,qBAAsB,IAAAC,uBAAa,GAAE;IAA7BC,SAAS,kBAATA,SAAS;EAEjB,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAC1B,iBAAc;IAAA,IAAXC,IAAI,SAAJA,IAAI;IACH,OAAOA,IAAI,CAACC,WAAW,EAAE,CAACC,QAAQ,CAACvB,MAAM,CAAC;EAC9C,CAAC,EACD,CAACA,MAAM,CAAC,CACX;EAED,IAAMwB,QAAQ,GAAG,IAAAJ,kBAAW,EACxB,UAACK,IAA0B,EAA2B;IAClD,IAAI,CAACvB,IAAI,EAAE;MACP,OAAOuB,IAAI;IACf;IACA,0BAAiC,IAAAC,yBAAkB,EAACxB,IAAI,CAAC;MAAA;MAAlDyB,SAAS;MAAEC,WAAW;IAC7B,OAAO,IAAAC,gBAAO,EAACJ,IAAI,EAAE,CAACE,SAAS,CAAC,EAAE,CAACC,WAAW,CAAC,CAAC;EACpD,CAAC,EACD,CAAC1B,IAAI,CAAC,CACT;EAED,IAAM4B,IAA0B,GAAGpB,SAAS,CAACqB,OAAO,GAC9C,EAAE,GACF,IAAAC,YAAG,EAACtB,SAAS,EAAE,kCAAkC,EAAE,EAAE,CAAC;EAC5D,IAAMuB,OAAO,GAAG,IAAIC,eAAe,CAACC,QAAQ,CAACC,MAAM,CAAC,CAACJ,GAAG,CAAC,IAAI,CAAC;EAE9D,IAAMK,UAAU,GAAG,IAAAjB,kBAAW,EAC1B,UAAAkB,KAAK,EAAI;IACLtB,gBAAgB,sGAAC;MAAA;MAAA;QAAA;UAAA;YAAA;YAAA,OACUR,MAAM,CAAC+B,MAAM,CAAC;cACjCC,QAAQ,EAAE5B,GAAG,CAAC6B,0BAA0B;cACxCC,SAAS,EAAE;gBAAEC,EAAE,EAAEL,KAAK,CAACK;cAAG,CAAC;cAC3BC,MAAM,kBAACC,KAAK,SAAY;gBAAA,IAARf,IAAI,SAAJA,IAAI;gBAChB,IAAQgB,KAAK,GAAKhB,IAAI,CAACiB,uBAAuB,CAAtCD,KAAK;gBACb,IAAIA,KAAK,EAAE;kBACPvC,YAAY,CAACuC,KAAK,CAACE,OAAO,CAAC;kBAC3B;gBACJ;;gBAEA;gBACA,IAAMC,SAAS,GAAG;kBAAEC,KAAK,EAAEtC,GAAG,CAACC;gBAA0B,CAAC;gBAC1D,IAAMsC,MAAM,GAAGN,KAAK,CAACO,SAAS,CAA6BH,SAAS,CAAC;gBACrE,IAAI,CAACE,MAAM,IAAI,CAACA,MAAM,CAACE,sBAAsB,EAAE;kBAC3C;gBACJ;gBACA,IAAQA,sBAAsB,GAAKF,MAAM,CAAjCE,sBAAsB;gBAC9B,IAAMC,KAAK,GAAGD,sBAAsB,CAACvB,IAAI,CAACyB,SAAS,CAC/C,UAAAC,IAAI;kBAAA,OAAIA,IAAI,CAACb,EAAE,KAAKL,KAAK,CAACK,EAAE;gBAAA,EAC/B;gBAEDE,KAAK,CAACY,UAAU,6DACTR,SAAS;kBACZnB,IAAI,EAAE;oBACFuB,sBAAsB,EAAEK,yBAAO,CAACC,MAAM,CAClCN,sBAAsB,iBACdC,KAAK;kBAErB;gBAAC,GACH;cACN;YACJ,CAAC,CAAC;UAAA;YA/BIM,QAAQ;YAiCNd,KAAK,GAAKc,QAAQ,CAAC9B,IAAI,CAACiB,uBAAuB,CAA/CD,KAAK;YAAA,KACTA,KAAK;cAAA;cAAA;YAAA;YAAA,iCACEvC,YAAY,CAACuC,KAAK,CAACE,OAAO,CAAC;UAAA;YAGtCzC,YAAY,CAAChB,CAAC,6HAAwC;cAAE8B,IAAI,EAAEiB,KAAK,CAACjB;YAAK,CAAC,CAAC,CAAC;YAE5E,IAAIY,OAAO,KAAKK,KAAK,CAACK,EAAE,EAAE;cACtBtC,OAAO,CAACwD,IAAI,6BAA6B;YAC7C;UAAC;UAAA;YAAA;QAAA;MAAA;IAAA,CACJ,GAAC;EACN,CAAC,EACD,CAAC5B,OAAO,CAAC,CACZ;EAED,IAAM6B,sCAAsC,GAAG,IAAAC,cAAO,EAClD;IAAA,oBACI,6BAAC,0BAAoB,qBACjB,6BAAC,UAAI,qBACD,6BAAC,UAAI;MAAC,IAAI,EAAE;IAAG,gBACX,6BAAC,cAAM;MACH,KAAK,EAAE7D,IAAK;MACZ,QAAQ,EAAEC,OAAQ;MAClB,KAAK,EAAEZ,CAAC,4FAAU;MAClB,WAAW,EAAE;IAAiB,GAE7BG,OAAO,CAACsE,GAAG,CAAC,iBAAwB;MAAA,IAArBrE,KAAK,SAALA,KAAK;QAAEC,OAAO,SAAPA,OAAO;MAC1B,oBACI;QAAQ,GAAG,EAAED,KAAM;QAAC,KAAK,EAAEC;MAAQ,GAC9BD,KAAK,CACD;IAEjB,CAAC,CAAC,CACG,CACN,CACJ,CACY;EAAA,CAC1B,EACD,CAACO,IAAI,CAAC,CACT;EAED,IAAM+D,YAAY,GAAGjE,MAAM,KAAK,EAAE,GAAG8B,IAAI,GAAGA,IAAI,CAAC9B,MAAM,CAACmB,UAAU,CAAC;EACnE,IAAM+C,kBAAkB,GAAG1C,QAAQ,CAACyC,YAAY,CAAC;EAEjD,oBACI,6BAAC,cAAQ;IACL,OAAO,EAAEvD,SAAS,CAACqB,OAAQ;IAC3B,IAAI,EAAEmC,kBAAmB;IACzB,KAAK,EAAE3E,CAAC,yGAAuB;IAC/B,OAAO,EACHO,SAAS,gBACL,6BAAC,uBAAe;MACZ,eAAY,mBAAmB;MAC/B,OAAO,EAAE;QAAA,OAAMO,OAAO,CAACwD,IAAI,CAAC,oCAAoC,CAAC;MAAA;IAAC,gBAElE,6BAAC,kBAAU;MAAC,IAAI,eAAE,6BAAC,uBAAO;IAAI,EAAG,KAAC,EAACtE,CAAC,+FACtB,GAClB,IACP;IACD,MAAM,eACF,6BAAC,iBAAQ;MACL,KAAK,EAAES,MAAO;MACd,QAAQ,EAAEC,SAAU;MACpB,gBAAgB,EAAEV,CAAC;IAA6B,EAEvD;IACD,YAAY,EAAEuE,sCAAuC;IACrD,kBAAkB,eACd,6BAAC,gCAA0B;MACvB,IAAI,eAAE,6BAAC,0BAAU,OAAI;MACrB,eAAa;IAA2B;EAE/C,GAEA;IAAA,IAAGhC,IAAI,SAAJA,IAAI;IAAA,oBACJ,6BAAC,UAAI;MAAC,eAAY;IAAmB,GAChCA,IAAI,CAACkC,GAAG,CAAC,UAAAR,IAAI;MAAA,oBACV,6BAAC,cAAQ;QAAC,GAAG,EAAEA,IAAI,CAACb,EAAG;QAAC,QAAQ,EAAEa,IAAI,CAACb,EAAE,KAAKV;MAAQ,gBAClD,6BAAC,kBAAY;QACT,OAAO,EAAE;UAAA,OACL5B,OAAO,CAACwD,IAAI,wCAAiCL,IAAI,CAACb,EAAE,EAAG;QAAA;MAC1D,GAEAa,IAAI,CAACnC,IAAI,eACV,6BAAC,2BAAqB,QACjBmC,IAAI,CAACW,aAAa,CAACC,MAAM,GACpB7E,CAAC,oJACG;QACI4E,aAAa,EAAEX,IAAI,CAACW,aAAa,CAACC;MACtC,CAAC,CACJ,GACD7E,CAAC,wGAAmB,CACN,CACb,EACd2B,SAAS,CAACsC,IAAI,EAAE,uBAAuB,CAAC,iBACrC,6BAAC,kBAAY,qBACT,6BAAC,iBAAW,QACPA,IAAI,CAACa,MAAM,gBACR,6BAAC,gBAAO;QACJ,OAAO,EACH,iDACH;QACD,SAAS,EAAE;MAAS,gBAEpB,6BAAC,iBAAU;QACP,QAAQ;QACR,eACI;MACH,EACH,CACI,gBAEV,6BAAC,iBAAU;QACP,OAAO,EAAE;UAAA,OAAMhC,UAAU,CAACmB,IAAI,CAAC;QAAA,CAAC;QAChC,eACI;MACH,EAER,CACS,CAErB,CACM;IAAA,CACd,CAAC,CACC;EAAA,CACV,CACM;AAEnB,CAAC;AAAC,eAEa3D,0BAA0B;AAAA"}

package/admin/views/contentModelGroups/ContentModelGroupsForm.js CHANGED Viewed

@@ -1,72 +1,40 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 var _get = _interopRequireDefault(require("lodash/get"));
 var _form = require("@webiny/form");
 var _Grid = require("@webiny/ui/Grid");
 var _Input = require("@webiny/ui/Input");
 var _Button = require("@webiny/ui/Button");
 var _Progress = require("@webiny/ui/Progress");
 var _i18n = require("@webiny/app/i18n");
 var _validation = require("@webiny/validation");
 var _SimpleForm = require("@webiny/app-admin/components/SimpleForm");
-var _IconPicker = _interopRequireDefault(require("./IconPicker"));
+var _IconPicker = require("../../components/IconPicker");
 var _reactRouter = require("@webiny/react-router");
 var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
 var _EmptyView = _interopRequireDefault(require("@webiny/app-admin/components/EmptyView"));
 var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
 var _hooks = require("../../hooks");
 var GQL = _interopRequireWildcard(require("./graphql"));
 var _usePermission2 = _interopRequireDefault(require("../../hooks/usePermission"));
 var _Tooltip = require("@webiny/ui/Tooltip");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 var t = _i18n.i18n.ns("app-headless-cms/admin/content-model-groups/form");
 var ButtonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e7xbi20",
   label: "ButtonWrapper"
@@ -74,20 +42,15 @@ var ButtonWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   display: "flex",
   justifyContent: "space-between"
 });
 var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
   var canCreate = _ref.canCreate;
   var _useRouter = (0, _reactRouter.useRouter)(),
-      location = _useRouter.location,
-      history = _useRouter.history;
+    location = _useRouter.location,
+    history = _useRouter.history;
   var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
+    showSnackbar = _useSnackbar.showSnackbar;
   var _usePermission = (0, _usePermission2.default)(),
-      canEdit = _usePermission.canEdit;
+    canEdit = _usePermission.canEdit;
   var newEntry = new URLSearchParams(location.search).get("new") === "true";
   var id = new URLSearchParams(location.search).get("id");
   var getQuery = (0, _hooks.useQuery)(GQL.GET_CONTENT_MODEL_GROUP, {
@@ -99,52 +62,45 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
       if (!data) {
         return;
       }
       var error = data.contentModelGroup.error;
       if (error) {
         history.push("/cms/content-model-group");
         showSnackbar(error.message);
       }
     }
-  }); // Create a new group and update list cache
+  });
+  // Create a new group and update list cache
   var _useMutation = (0, _hooks.useMutation)(GQL.CREATE_CONTENT_MODEL_GROUP, {
-    update: function update(cache, _ref2) {
-      var data = _ref2.data;
-      if (!data || data.contentModelGroup.error) {
-        return;
-      }
-      var gqlParams = {
-        query: GQL.LIST_CONTENT_MODEL_GROUPS
-      };
-      var result = cache.readQuery(gqlParams);
-      if (!result || !result.listContentModelGroups) {
-        return;
-      }
-      var listContentModelGroups = result.listContentModelGroups;
-      cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
-        data: {
-          listContentModelGroups: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, listContentModelGroups), {}, {
-            data: [data.contentModelGroup.data].concat((0, _toConsumableArray2.default)(listContentModelGroups.data))
-          })
+      update: function update(cache, _ref2) {
+        var data = _ref2.data;
+        if (!data || data.contentModelGroup.error) {
+          return;
         }
-      }));
-    }
-  }),
-      _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 2),
-      create = _useMutation2[0],
-      createMutation = _useMutation2[1];
+        var gqlParams = {
+          query: GQL.LIST_CONTENT_MODEL_GROUPS
+        };
+        var result = cache.readQuery(gqlParams);
+        if (!result || !result.listContentModelGroups) {
+          return;
+        }
+        var listContentModelGroups = result.listContentModelGroups;
+        cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
+          data: {
+            listContentModelGroups: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, listContentModelGroups), {}, {
+              data: [data.contentModelGroup.data].concat((0, _toConsumableArray2.default)(listContentModelGroups.data))
+            })
+          }
+        }));
+      }
+    }),
+    _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 2),
+    create = _useMutation2[0],
+    createMutation = _useMutation2[1];
   var _useMutation3 = (0, _hooks.useMutation)(GQL.UPDATE_CONTENT_MODEL_GROUP),
-      _useMutation4 = (0, _slicedToArray2.default)(_useMutation3, 2),
-      update = _useMutation4[0],
-      updateMutation = _useMutation4[1];
+    _useMutation4 = (0, _slicedToArray2.default)(_useMutation3, 2),
+    update = _useMutation4[0],
+    updateMutation = _useMutation4[1];
   var loading = [getQuery, createMutation, updateMutation].find(function (item) {
     return item.loading;
   });
@@ -160,7 +116,6 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
         }
       });
     }
     return update({
       variables: {
         id: group.id,
@@ -175,61 +130,48 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
   var onSubmit = (0, _react.useCallback)( /*#__PURE__*/function () {
     var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(group) {
       var response, _response$data$conten, data, error;
       return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return createOperation(group);
-            case 2:
-              response = _context.sent;
-              if (response.data) {
-                _context.next = 6;
-                break;
-              }
-              showSnackbar("Missing response data ain Content Model Group Mutation Response.");
-              return _context.abrupt("return");
-            case 6:
-              _response$data$conten = response.data.contentModelGroup, data = _response$data$conten.data, error = _response$data$conten.error;
-              if (!error) {
-                _context.next = 10;
-                break;
-              }
-              showSnackbar(error.message);
-              return _context.abrupt("return");
-            case 10:
-              /**
-               * Redirect to a new group
-               */
-              if (!group.id) {
-                history.push("/cms/content-model-groups?id=".concat(data.id));
-              }
-              showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content model group saved successfully!"]))));
-            case 12:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return createOperation(group);
+          case 2:
+            response = _context.sent;
+            if (response.data) {
+              _context.next = 6;
+              break;
+            }
+            showSnackbar("Missing response data ain Content Model Group Mutation Response.");
+            return _context.abrupt("return");
+          case 6:
+            _response$data$conten = response.data.contentModelGroup, data = _response$data$conten.data, error = _response$data$conten.error;
+            if (!error) {
+              _context.next = 10;
+              break;
+            }
+            showSnackbar(error.message);
+            return _context.abrupt("return");
+          case 10:
+            /**
+             * Redirect to a new group
+             */
+            if (!group.id) {
+              history.push("/cms/content-model-groups?id=".concat(data.id));
+            }
+            showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content model group saved successfully!"]))));
+          case 12:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
     return function (_x) {
       return _ref3.apply(this, arguments);
     };
   }(), [id]);
   var data = getQuery.loading ? null : (0, _get.default)(getQuery, "data.contentModelGroup.data", null);
-  var showEmptyView = !newEntry && !loading && (0, _isEmpty.default)(data); // Render "No content selected" view.
+  var showEmptyView = !newEntry && !loading && (0, _isEmpty.default)(data);
+  // Render "No content selected" view.
   if (showEmptyView) {
     return /*#__PURE__*/_react.default.createElement(_EmptyView.default, {
       title: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Click on the left side list to display group details {message}"])))({
@@ -245,7 +187,6 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
       }), " ", t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["New Group"])))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)
     });
   }
   return /*#__PURE__*/_react.default.createElement(_form.Form, {
     onSubmit: onSubmit,
     data: data || {
@@ -253,8 +194,8 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
     }
   }, function (_ref4) {
     var data = _ref4.data,
-        form = _ref4.form,
-        Bind = _ref4.Bind;
+      form = _ref4.form,
+      Bind = _ref4.Bind;
     return /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleForm, {
       "data-testid": "pb-content-model-groups-form"
     }, /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormHeader, {
@@ -265,13 +206,14 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
       name: "name",
       validators: _validation.validation.create("required,maxLength:100")
     }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      "data-testid": "cms.form.group.name",
       label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Name"])))
     }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 12
     }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "icon",
       validators: _validation.validation.create("required")
-    }, /*#__PURE__*/_react.default.createElement(_IconPicker.default, {
+    }, /*#__PURE__*/_react.default.createElement(_IconPicker.IconPicker, {
       label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Group icon"]))),
       description: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Icon that will be displayed in the main menu."])))
     }))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
@@ -279,6 +221,7 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
     }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "description"
     }, /*#__PURE__*/_react.default.createElement(_Input.Input, {
+      "data-testid": "cms.form.group.description",
       rows: 5,
       label: t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Description"])))
     }))))), /*#__PURE__*/_react.default.createElement(_SimpleForm.SimpleFormFooter, null, /*#__PURE__*/_react.default.createElement(ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Button.ButtonDefault, {
@@ -288,7 +231,8 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
     }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))), canEdit(data, "cms.contentModelGroup") && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !data.plugin ? /*#__PURE__*/_react.default.createElement(_Button.ButtonPrimary, {
       onClick: function onClick(ev) {
         form.submit(ev);
-      }
+      },
+      "data-testid": "cms.form.group.submit"
     }, t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Save content model group"])))) : /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
       content: "Content model group is registered via a plugin.",
       placement: "bottom"
@@ -297,6 +241,5 @@ var ContentModelGroupsForm = function ContentModelGroupsForm(_ref) {
     }, t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Save content model group"])))))))));
   });
 };
 var _default = ContentModelGroupsForm;
 exports.default = _default;

package/admin/views/contentModelGroups/ContentModelGroupsForm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["t","i18n","ns","ButtonWrapper","styled","display","justifyContent","ContentModelGroupsForm","canCreate","useRouter","location","history","useSnackbar","showSnackbar","usePermission","canEdit","newEntry","URLSearchParams","search","get","id","getQuery","useQuery","GQL","GET_CONTENT_MODEL_GROUP","variables","skip","onCompleted","data","error","contentModelGroup","push","message","useMutation","CREATE_CONTENT_MODEL_GROUP","update","cache","gqlParams","query","LIST_CONTENT_MODEL_GROUPS","result","readQuery","listContentModelGroups","writeQuery","create","createMutation","UPDATE_CONTENT_MODEL_GROUP","updateMutation","loading","find","item","createOperation","useCallback","group","name","description","icon","onSubmit","response","showEmptyView","isEmpty","form","Bind","validation","plugin","ev","submit"],"sources":["ContentModelGroupsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport isEmpty from \"lodash/isEmpty\";\nimport get from \"lodash/get\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n SimpleFormHeader,\n SimpleForm,\n SimpleFormFooter,\n SimpleFormContent\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport IconPicker from \"./IconPicker\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { useMutation, useQuery } from \"../../hooks\";\nimport * as GQL from \"./graphql\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport {\n CmsGroup,\n CreateCmsGroupMutationResponse,\n CreateCmsGroupMutationVariables,\n GetCmsGroupQueryResponse,\n GetCmsGroupQueryVariables,\n ListCmsGroupsQueryResponse,\n UpdateCmsGroupMutationResponse,\n UpdateCmsGroupMutationVariables\n} from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/form\");\nconst ButtonWrapper = styled(\"div\")({\n display: \"flex\",\n justifyContent: \"space-between\"\n});\n\ninterface ContentModelGroupsFormProps {\n canCreate: boolean;\n}\nconst ContentModelGroupsForm: React.FC<ContentModelGroupsFormProps> = ({ canCreate }) => {\n const { location, history } = useRouter();\n const { showSnackbar } = useSnackbar();\n const { canEdit } = usePermission();\n\n const newEntry = new URLSearchParams(location.search).get(\"new\") === \"true\";\n const id = new URLSearchParams(location.search).get(\"id\");\n\n const getQuery = useQuery<GetCmsGroupQueryResponse, GetCmsGroupQueryVariables>(\n GQL.GET_CONTENT_MODEL_GROUP,\n {\n variables: {\n id: id as string\n },\n skip: !id,\n onCompleted: data => {\n if (!data) {\n return;\n }\n\n const { error } = data.contentModelGroup;\n if (error) {\n history.push(\"/cms/content-model-group\");\n showSnackbar(error.message);\n }\n }\n }\n );\n\n // Create a new group and update list cache\n const [create, createMutation] = useMutation<\n CreateCmsGroupMutationResponse,\n CreateCmsGroupMutationVariables\n >(GQL.CREATE_CONTENT_MODEL_GROUP, {\n update(cache, { data }) {\n if (!data \|\| data.contentModelGroup.error) {\n return;\n }\n\n const gqlParams = {\n query: GQL.LIST_CONTENT_MODEL_GROUPS\n };\n const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n if (!result \|\| !result.listContentModelGroups) {\n return;\n }\n const { listContentModelGroups } = result;\n cache.writeQuery({\n ...gqlParams,\n data: {\n listContentModelGroups: {\n ...listContentModelGroups,\n data: [data.contentModelGroup.data, ...listContentModelGroups.data]\n }\n }\n });\n }\n });\n const [update, updateMutation] = useMutation<\n UpdateCmsGroupMutationResponse,\n UpdateCmsGroupMutationVariables\n >(GQL.UPDATE_CONTENT_MODEL_GROUP);\n\n const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n const createOperation = useCallback(\n (group: Partial<CmsGroup>) => {\n if (!group.id) {\n return create({\n variables: {\n data: {\n name: group.name,\n description: group.description,\n icon: group.icon\n }\n }\n });\n }\n return update({\n variables: {\n id: group.id,\n data: {\n name: group.name,\n description: group.description,\n icon: group.icon\n }\n }\n });\n },\n [create, update]\n );\n\n const onSubmit = useCallback(\n async (group: Partial<CmsGroup>): Promise<void> => {\n /*\n Create or update, depends if group object has id property\n /\n const response = await createOperation(group);\n if (!response.data) {\n showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);\n return;\n }\n\n const { data, error } = response.data.contentModelGroup;\n if (error) {\n showSnackbar(error.message);\n return;\n }\n /\n Redirect to a new group\n */\n if (!group.id) {\n history.push(`/cms/content-model-groups?id=${data.id}`);\n }\n showSnackbar(t`Content model group saved successfully!`);\n },\n [id]\n );\n\n const data: CmsGroup \| null = getQuery.loading\n ? null\n : get(getQuery, \"data.contentModelGroup.data\", null);\n\n const showEmptyView = !newEntry && !loading && isEmpty(data);\n // Render \"No content selected\" view.\n if (showEmptyView) {\n return (\n <EmptyView\n title={t`Click on the left side list to display group details {message}`({\n message: canCreate ? \"or create a...\" : \"\"\n })}\n action={\n canCreate ? (\n <ButtonDefault\n data-testid=\"new-record-button\"\n onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n >\n <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n </ButtonDefault>\n ) : (\n <></>\n )\n }\n />\n );\n }\n\n return (\n <Form onSubmit={onSubmit} data={data \|\| { icon: \"fas/star\" }}>\n {({ data, form, Bind }: FormRenderPropParams<CmsGroup>) => (\n <SimpleForm data-testid={\"pb-content-model-groups-form\"}>\n <SimpleFormHeader title={data.name ? data.name : t`New content model group`} />\n {loading && <CircularProgress />}\n <SimpleFormContent>\n <Grid>\n <Cell span={12}>\n <Bind\n name=\"name\"\n validators={validation.create(\"required,maxLength:100\")}\n >\n <Input label={t`Name`} />\n </Bind>\n </Cell>\n\n <Cell span={12}>\n <Bind name=\"icon\" validators={validation.create(\"required\")}>\n <IconPicker\n label={t`Group icon`}\n description={t`Icon that will be displayed in the main menu.`}\n />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind name=\"description\">\n <Input rows={5} label={t`Description`} />\n </Bind>\n </Cell>\n </Grid>\n </SimpleFormContent>\n <SimpleFormFooter>\n <ButtonWrapper>\n <ButtonDefault\n onClick={() => history.push(\"/cms/content-model-groups\")}\n >{t`Cancel`}</ButtonDefault>\n\n {canEdit(data, \"cms.contentModelGroup\") && (\n <React.Fragment>\n {!data.plugin ? (\n <ButtonPrimary\n onClick={ev => {\n form.submit(ev);\n }}\n >{t`Save content model group`}</ButtonPrimary>\n ) : (\n <Tooltip\n content={\n \"Content model group is registered via a plugin.\"\n }\n placement={\"bottom\"}\n >\n <ButtonPrimary\n disabled\n >{t`Save content model group`}</ButtonPrimary>\n </Tooltip>\n )}\n </React.Fragment>\n )}\n </ButtonWrapper>\n </SimpleFormFooter>\n </SimpleForm>\n )}\n </Form>\n );\n};\n\nexport default ContentModelGroupsForm;\n"],"mappings":"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"}
1	+ {"version":3,"names":["t","i18n","ns","ButtonWrapper","styled","display","justifyContent","ContentModelGroupsForm","canCreate","useRouter","location","history","useSnackbar","showSnackbar","usePermission","canEdit","newEntry","URLSearchParams","search","get","id","getQuery","useQuery","GQL","GET_CONTENT_MODEL_GROUP","variables","skip","onCompleted","data","error","contentModelGroup","push","message","useMutation","CREATE_CONTENT_MODEL_GROUP","update","cache","gqlParams","query","LIST_CONTENT_MODEL_GROUPS","result","readQuery","listContentModelGroups","writeQuery","create","createMutation","UPDATE_CONTENT_MODEL_GROUP","updateMutation","loading","find","item","createOperation","useCallback","group","name","description","icon","onSubmit","response","showEmptyView","isEmpty","form","Bind","validation","plugin","ev","submit"],"sources":["ContentModelGroupsForm.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport isEmpty from \"lodash/isEmpty\";\nimport get from \"lodash/get\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { ButtonDefault, ButtonIcon, ButtonPrimary } from \"@webiny/ui/Button\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { validation } from \"@webiny/validation\";\n\nimport {\n SimpleFormHeader,\n SimpleForm,\n SimpleFormFooter,\n SimpleFormContent\n} from \"@webiny/app-admin/components/SimpleForm\";\nimport { IconPicker } from \"~/admin/components/IconPicker\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport EmptyView from \"@webiny/app-admin/components/EmptyView\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { useMutation, useQuery } from \"../../hooks\";\nimport * as GQL from \"./graphql\";\nimport usePermission from \"../../hooks/usePermission\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport {\n CmsGroup,\n CreateCmsGroupMutationResponse,\n CreateCmsGroupMutationVariables,\n GetCmsGroupQueryResponse,\n GetCmsGroupQueryVariables,\n ListCmsGroupsQueryResponse,\n UpdateCmsGroupMutationResponse,\n UpdateCmsGroupMutationVariables\n} from \"./graphql\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-model-groups/form\");\nconst ButtonWrapper = styled(\"div\")({\n display: \"flex\",\n justifyContent: \"space-between\"\n});\n\ninterface ContentModelGroupsFormProps {\n canCreate: boolean;\n}\nconst ContentModelGroupsForm: React.FC<ContentModelGroupsFormProps> = ({ canCreate }) => {\n const { location, history } = useRouter();\n const { showSnackbar } = useSnackbar();\n const { canEdit } = usePermission();\n\n const newEntry = new URLSearchParams(location.search).get(\"new\") === \"true\";\n const id = new URLSearchParams(location.search).get(\"id\");\n\n const getQuery = useQuery<GetCmsGroupQueryResponse, GetCmsGroupQueryVariables>(\n GQL.GET_CONTENT_MODEL_GROUP,\n {\n variables: {\n id: id as string\n },\n skip: !id,\n onCompleted: data => {\n if (!data) {\n return;\n }\n\n const { error } = data.contentModelGroup;\n if (error) {\n history.push(\"/cms/content-model-group\");\n showSnackbar(error.message);\n }\n }\n }\n );\n\n // Create a new group and update list cache\n const [create, createMutation] = useMutation<\n CreateCmsGroupMutationResponse,\n CreateCmsGroupMutationVariables\n >(GQL.CREATE_CONTENT_MODEL_GROUP, {\n update(cache, { data }) {\n if (!data \|\| data.contentModelGroup.error) {\n return;\n }\n\n const gqlParams = {\n query: GQL.LIST_CONTENT_MODEL_GROUPS\n };\n const result = cache.readQuery<ListCmsGroupsQueryResponse>(gqlParams);\n if (!result \|\| !result.listContentModelGroups) {\n return;\n }\n const { listContentModelGroups } = result;\n cache.writeQuery({\n ...gqlParams,\n data: {\n listContentModelGroups: {\n ...listContentModelGroups,\n data: [data.contentModelGroup.data, ...listContentModelGroups.data]\n }\n }\n });\n }\n });\n const [update, updateMutation] = useMutation<\n UpdateCmsGroupMutationResponse,\n UpdateCmsGroupMutationVariables\n >(GQL.UPDATE_CONTENT_MODEL_GROUP);\n\n const loading = [getQuery, createMutation, updateMutation].find(item => item.loading);\n\n const createOperation = useCallback(\n (group: Partial<CmsGroup>) => {\n if (!group.id) {\n return create({\n variables: {\n data: {\n name: group.name,\n description: group.description,\n icon: group.icon\n }\n }\n });\n }\n return update({\n variables: {\n id: group.id,\n data: {\n name: group.name,\n description: group.description,\n icon: group.icon\n }\n }\n });\n },\n [create, update]\n );\n\n const onSubmit = useCallback(\n async (group: Partial<CmsGroup>): Promise<void> => {\n /*\n Create or update, depends if group object has id property\n /\n const response = await createOperation(group);\n if (!response.data) {\n showSnackbar(`Missing response data ain Content Model Group Mutation Response.`);\n return;\n }\n\n const { data, error } = response.data.contentModelGroup;\n if (error) {\n showSnackbar(error.message);\n return;\n }\n /\n Redirect to a new group\n */\n if (!group.id) {\n history.push(`/cms/content-model-groups?id=${data.id}`);\n }\n showSnackbar(t`Content model group saved successfully!`);\n },\n [id]\n );\n\n const data: CmsGroup \| null = getQuery.loading\n ? null\n : get(getQuery, \"data.contentModelGroup.data\", null);\n\n const showEmptyView = !newEntry && !loading && isEmpty(data);\n // Render \"No content selected\" view.\n if (showEmptyView) {\n return (\n <EmptyView\n title={t`Click on the left side list to display group details {message}`({\n message: canCreate ? \"or create a...\" : \"\"\n })}\n action={\n canCreate ? (\n <ButtonDefault\n data-testid=\"new-record-button\"\n onClick={() => history.push(\"/cms/content-model-groups?new=true\")}\n >\n <ButtonIcon icon={<AddIcon />} /> {t`New Group`}\n </ButtonDefault>\n ) : (\n <></>\n )\n }\n />\n );\n }\n\n return (\n <Form onSubmit={onSubmit} data={data \|\| { icon: \"fas/star\" }}>\n {({ data, form, Bind }: FormRenderPropParams<CmsGroup>) => (\n <SimpleForm data-testid={\"pb-content-model-groups-form\"}>\n <SimpleFormHeader title={data.name ? data.name : t`New content model group`} />\n {loading && <CircularProgress />}\n <SimpleFormContent>\n <Grid>\n <Cell span={12}>\n <Bind\n name=\"name\"\n validators={validation.create(\"required,maxLength:100\")}\n >\n <Input data-testid={\"cms.form.group.name\"} label={t`Name`} />\n </Bind>\n </Cell>\n\n <Cell span={12}>\n <Bind name=\"icon\" validators={validation.create(\"required\")}>\n <IconPicker\n label={t`Group icon`}\n description={t`Icon that will be displayed in the main menu.`}\n />\n </Bind>\n </Cell>\n <Cell span={12}>\n <Bind name=\"description\">\n <Input\n data-testid={\"cms.form.group.description\"}\n rows={5}\n label={t`Description`}\n />\n </Bind>\n </Cell>\n </Grid>\n </SimpleFormContent>\n <SimpleFormFooter>\n <ButtonWrapper>\n <ButtonDefault\n onClick={() => history.push(\"/cms/content-model-groups\")}\n >{t`Cancel`}</ButtonDefault>\n\n {canEdit(data, \"cms.contentModelGroup\") && (\n <React.Fragment>\n {!data.plugin ? (\n <ButtonPrimary\n onClick={ev => {\n form.submit(ev);\n }}\n data-testid={\"cms.form.group.submit\"}\n >{t`Save content model group`}</ButtonPrimary>\n ) : (\n <Tooltip\n content={\n \"Content model group is registered via a plugin.\"\n }\n placement={\"bottom\"}\n >\n <ButtonPrimary\n disabled\n >{t`Save content model group`}</ButtonPrimary>\n </Tooltip>\n )}\n </React.Fragment>\n )}\n </ButtonWrapper>\n </SimpleFormFooter>\n </SimpleForm>\n )}\n </Form>\n );\n};\n\nexport default ContentModelGroupsForm;\n"],"mappings":"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"}

package/admin/views/contentModelGroups/graphql.js CHANGED Viewed

@@ -1,18 +1,13 @@
 "use strict";
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UPDATE_CONTENT_MODEL_GROUP = exports.LIST_CONTENT_MODEL_GROUPS = exports.GET_CONTENT_MODEL_GROUP = exports.DELETE_CONTENT_MODEL_GROUP = exports.CREATE_CONTENT_MODEL_GROUP = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 var ERROR_FIELS = "\n    message\n    code\n    data\n";
 var fields = "\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n";
 var LIST_CONTENT_MODEL_GROUPS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
@@ -20,28 +15,25 @@ var LIST_CONTENT_MODEL_GROUPS = (0, _graphqlTag.default)(_templateObject || (_te
  * ############################
  * Get Group Query
  */
 exports.LIST_CONTENT_MODEL_GROUPS = LIST_CONTENT_MODEL_GROUPS;
 var GET_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
 /**
  * ############################
  * Create Group Mutation
  */
 exports.GET_CONTENT_MODEL_GROUP = GET_CONTENT_MODEL_GROUP;
 var CREATE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
 /**
  * ############################
  * Update Group Mutation
  */
 exports.CREATE_CONTENT_MODEL_GROUP = CREATE_CONTENT_MODEL_GROUP;
 var UPDATE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
 /**
  * ############################
  * Delete Group Mutation
  */
 exports.UPDATE_CONTENT_MODEL_GROUP = UPDATE_CONTENT_MODEL_GROUP;
 var DELETE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ", "\n            }\n        }\n    }\n"])), ERROR_FIELS);
 exports.DELETE_CONTENT_MODEL_GROUP = DELETE_CONTENT_MODEL_GROUP;

package/admin/views/contentModelGroups/graphql.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","gql","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELS = `\n message\n code\n data\n`;\nconst fields = `\n id\n name\n slug\n description\n icon\n createdOn\n plugin\n createdBy {\n id\n displayName\n type\n }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n contentModels: Pick<CmsModel, \"modelId\" \| \"name\">[];\n}\n/*\n ############################\n * List groups with basic models info Query\n /\nexport interface ListCmsGroupsQueryResponse {\n listContentModelGroups: {\n data: CmsGroupWithModels[];\n error?: CmsErrorResponse;\n };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n query CmsListContentModelGroups {\n listContentModelGroups {\n data {\n ${fields}\n contentModels {\n modelId\n name\n }\n }\n error {\n ${ERROR_FIELS}\n }\n }\n }\n`;\n/\n ############################\n * Get Group Query\n /\nexport interface GetCmsGroupQueryResponse {\n contentModelGroup: {\n data: CmsGroup;\n error?: CmsErrorResponse;\n };\n}\nexport interface GetCmsGroupQueryVariables {\n id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n query CmsGetContentModelGroup($id: ID!) {\n contentModelGroup: getContentModelGroup(id: $id){\n data {\n ${fields}\n }\n error {\n ${ERROR_FIELS}\n }\n }\n }\n`;\n\n/\n ############################\n * Create Group Mutation\n /\nexport interface CreateCmsGroupMutationResponse {\n contentModelGroup: {\n data: CmsGroupWithModels;\n error?: CmsErrorResponse;\n };\n}\nexport interface CreateCmsGroupMutationVariables {\n // @ts-refactor write the types.\n data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n contentModelGroup: createContentModelGroup(data: $data) {\n data {\n ${fields}\n contentModels {\n modelId\n name\n }\n }\n error {\n ${ERROR_FIELS}\n }\n }\n }\n`;\n/\n ############################\n * Update Group Mutation\n /\nexport interface UpdateCmsGroupMutationResponse {\n contentModelGroup: {\n data: CmsGroup;\n error?: CmsErrorResponse;\n };\n}\nexport interface UpdateCmsGroupMutationVariables {\n id: string;\n // @ts-refactor write the types.\n data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n data {\n ${fields}\n }\n error {\n ${ERROR_FIELS}\n }\n }\n }\n`;\n/\n ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n contentModelGroup: {\n data: boolean;\n error?: CmsErrorResponse;\n };\n}\nexport interface DeleteCmsGroupMutationVariables {\n id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n mutation CmsDeleteContentModelGroup($id: ID!) {\n deleteContentModelGroup(id: $id) {\n data\n error {\n ${ERROR_FIELS}\n }\n }\n }\n`;\n"],"mappings":"~~;;;;;;;;;;;~~AAAA~~;;;;AAGA~~,IAAMA,WAAW,~~wCAAjB~~;~~AAKA~~,IAAMC,MAAM,~~gKAAZ~~;~~AA4BO~~,IAAMC,yBAAyB,OAAGC,~~mBAAH~~,~~gZAIpBF~~,~~MAJoB~~,~~EAWpBD~~,~~WAXoB~~,~~CAA/B~~;~~AAgBP~~;AACA;AACA;AACA~~;;;AAUO~~,IAAMI,uBAAuB,OAAGD,~~mBAAH~~,~~wUAIlBF~~,~~MAJkB~~,~~EAOlBD~~,~~WAPkB~~,~~CAA7B~~;~~AAaP~~;AACA;AACA;~~AACA;;;AAWO~~,IAAMK,0BAA0B,OAAGF,~~mBAAH~~,~~ydAIrBF~~,~~MAJqB~~,~~EAWrBD~~,~~WAXqB~~,~~CAAhC~~;~~AAgBP~~;AACA;AACA;AACA~~;;;AAYO~~,IAAMM,0BAA0B,OAAGH,~~mBAAH~~,~~iYAIrBF~~,~~MAJqB~~,~~EAOrBD~~,~~WAPqB~~,~~CAAhC~~;~~AAYP~~;AACA;AACA;AACA~~;;;AAUO~~,IAAMO,0BAA0B,OAAGJ,~~mBAAH~~,~~wRAKrBH~~,~~WALqB~~,~~CAAhC~~"}
1	+ {"version":3,"names":["ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","gql","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELS = `\n message\n code\n data\n`;\nconst fields = `\n id\n name\n slug\n description\n icon\n createdOn\n plugin\n createdBy {\n id\n displayName\n type\n }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n contentModels: Pick<CmsModel, \"modelId\" \| \"name\">[];\n}\n/*\n ############################\n * List groups with basic models info Query\n /\nexport interface ListCmsGroupsQueryResponse {\n listContentModelGroups: {\n data: CmsGroupWithModels[];\n error?: CmsErrorResponse;\n };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n query CmsListContentModelGroups {\n listContentModelGroups {\n data {\n ${fields}\n contentModels {\n modelId\n name\n }\n }\n error {\n ${ERROR_FIELS}\n }\n }\n }\n`;\n/\n ############################\n * Get Group Query\n /\nexport interface GetCmsGroupQueryResponse {\n contentModelGroup: {\n data: CmsGroup;\n error?: CmsErrorResponse;\n };\n}\nexport interface GetCmsGroupQueryVariables {\n id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n query CmsGetContentModelGroup($id: ID!) {\n contentModelGroup: getContentModelGroup(id: $id){\n data {\n ${fields}\n }\n error {\n ${ERROR_FIELS}\n }\n }\n }\n`;\n\n/\n ############################\n * Create Group Mutation\n /\nexport interface CreateCmsGroupMutationResponse {\n contentModelGroup: {\n data: CmsGroupWithModels;\n error?: CmsErrorResponse;\n };\n}\nexport interface CreateCmsGroupMutationVariables {\n // @ts-refactor write the types.\n data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n contentModelGroup: createContentModelGroup(data: $data) {\n data {\n ${fields}\n contentModels {\n modelId\n name\n }\n }\n error {\n ${ERROR_FIELS}\n }\n }\n }\n`;\n/\n ############################\n * Update Group Mutation\n /\nexport interface UpdateCmsGroupMutationResponse {\n contentModelGroup: {\n data: CmsGroup;\n error?: CmsErrorResponse;\n };\n}\nexport interface UpdateCmsGroupMutationVariables {\n id: string;\n // @ts-refactor write the types.\n data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n data {\n ${fields}\n }\n error {\n ${ERROR_FIELS}\n }\n }\n }\n`;\n/\n ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n contentModelGroup: {\n data: boolean;\n error?: CmsErrorResponse;\n };\n}\nexport interface DeleteCmsGroupMutationVariables {\n id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n mutation CmsDeleteContentModelGroup($id: ID!) {\n deleteContentModelGroup(id: $id) {\n data\n error {\n ${ERROR_FIELS}\n }\n }\n }\n`;\n"],"mappings":";;;;;;;;AAAA;AAA8B;AAG9B,IAAMA,WAAW,wCAIhB;AACD,IAAMC,MAAM,gKAaX;AAeM,IAAMC,yBAAyB,OAAGC,mBAAG,gZAI1BF,MAAM,EAOND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHA;AAaO,IAAMI,uBAAuB,OAAGD,mBAAG,wUAIxBF,MAAM,EAGND,WAAW,CAI5B;;AAED;AACA;AACA;AACA;AAHA;AAcO,IAAMK,0BAA0B,OAAGF,mBAAG,ydAI3BF,MAAM,EAOND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHA;AAeO,IAAMM,0BAA0B,OAAGH,mBAAG,iYAI3BF,MAAM,EAGND,WAAW,CAI5B;AACD;AACA;AACA;AACA;AAHA;AAaO,IAAMO,0BAA0B,OAAGJ,mBAAG,wRAK3BH,WAAW,CAI5B;AAAC"}

package/admin/views/contentModels/CloneContentModelDialog.d.ts CHANGED Viewed

@@ -1,11 +1,10 @@
 import React from "react";
 import * as UID from "@webiny/ui/Dialog";
-import { CmsEditorContentModel } from "../../../types";
-export interface Props {
-    open: boolean;
+import { CmsModel } from "../../../types";
+interface Props {
     onClose: UID.DialogOnClose;
-    contentModel: CmsEditorContentModel;
+    contentModel: CmsModel;
     closeModal: () => void;
 }
-declare const CloneContentModelDialog: React.FC<Props>;
-export default CloneContentModelDialog;
+export declare const CloneContentModelDialog: React.FC<Props>;
+export {};