@webiny/app-headless-cms 0.0.0-ee-vpcs.549378cf03

package/admin/views/contentEntries/ContentEntries.js

@@ -0,0 +1,108 @@
+"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _reactRouter = require("@webiny/react-router");
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _SplitView = require("@webiny/app-admin/components/SplitView");
+
+var _ContentEntriesContext = require("./ContentEntriesContext");
+
+var _contentModels = require("../../graphql/contentModels");
+
+var _hooks = require("../../hooks");
+
+var _ContentEntriesList = _interopRequireDefault(require("./ContentEntriesList"));
+
+var _ContentEntry = require("./ContentEntry");
+
+var _ContentEntryContext = require("./ContentEntry/ContentEntryContext");
+
+var _ModelProvider = require("../../components/ModelProvider");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-entries");
+
+var ContentEntries = function ContentEntries() {
+  var _useRouter = (0, _reactRouter.useRouter)(),
+      params = _useRouter.params;
+
+  var modelId = params ? params["modelId"] : null;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      contentModel = _useState2[0],
+      setContentModel = _useState2[1];
+
+  var _useRouter2 = (0, _reactRouter.useRouter)(),
+      history = _useRouter2.history;
+
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+      showSnackbar = _useSnackbar.showSnackbar;
+
+  var _useQuery = (0, _hooks.useQuery)(_contentModels.GET_CONTENT_MODEL, {
+    skip: !modelId,
+    variables: {
+      modelId: modelId
+    },
+    onCompleted: function onCompleted(data) {
+      var contentModel = (0, _get.default)(data, "getContentModel.data", null);
+
+      if (contentModel) {
+        return setContentModel(contentModel);
+      }
+
+      history.push("/cms/content-models");
+      showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Could not load content for model \"{modelId}\". Redirecting..."])))({
+        modelId: modelId
+      }));
+    }
+  }),
+      loading = _useQuery.loading,
+      error = _useQuery.error;
+
+  if (!contentModel || loading) {
+    return /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Loading content model..."])))
+    });
+  } else if (error) {
+    showSnackbar(error.message);
+    return null;
+  }
+
+  return /*#__PURE__*/_react.default.createElement(_ModelProvider.ModelProvider, {
+    model: contentModel
+  }, /*#__PURE__*/_react.default.createElement(_ContentEntriesContext.Provider, {
+    contentModel: contentModel,
+    key: contentModel.modelId
+  }, /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
+    span: 4
+  }, /*#__PURE__*/_react.default.createElement(_ContentEntriesList.default, null)), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
+    span: 8
+  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.Provider, null, /*#__PURE__*/_react.default.createElement(_ContentEntry.ContentEntry, null))))));
+};
+
+var _default = ContentEntries;
+exports.default = _default;

package/admin/views/contentEntries/ContentEntries.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","ContentEntries","useRouter","params","modelId","useState","contentModel","setContentModel","history","useSnackbar","showSnackbar","useQuery","GET_CONTENT_MODEL","skip","variables","onCompleted","data","get","push","loading","error","message"],"sources":["ContentEntries.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Provider as ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useQuery } from \"../../hooks\";\nimport ContentEntriesList from \"~/admin/views/contentEntries/ContentEntriesList\";\nimport { ContentEntry } from \"~/admin/views/contentEntries/ContentEntry\";\nimport { Provider as ContentEntryProvider } from \"./ContentEntry/ContentEntryContext\";\nimport { CmsModel } from \"~/types\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-entries\");\n\nconst ContentEntries: React.FC = () => {\n    const { params } = useRouter();\n    const modelId = params ? params[\"modelId\"] : null;\n    const [contentModel, setContentModel] = useState<CmsModel | null>(null);\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n\n    const { loading, error } = useQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>(\n        GET_CONTENT_MODEL,\n        {\n            skip: !modelId,\n            variables: {\n                modelId\n            },\n            onCompleted: data => {\n                const contentModel = get(data, \"getContentModel.data\", null);\n                if (contentModel) {\n                    return setContentModel(contentModel);\n                }\n\n                history.push(\"/cms/content-models\");\n                showSnackbar(\n                    t`Could not load content for model \"{modelId}\". Redirecting...`({\n                        modelId\n                    })\n                );\n            }\n        }\n    );\n\n    if (!contentModel || loading) {\n        return <CircularProgress label={t`Loading content model...`} />;\n    } else if (error) {\n        showSnackbar(error.message);\n        return null;\n    }\n\n    return (\n        <ModelProvider model={contentModel}>\n            <ContentEntriesProvider contentModel={contentModel} key={contentModel.modelId}>\n                <SplitView>\n                    <LeftPanel span={4}>\n                        <ContentEntriesList />\n                    </LeftPanel>\n                    <RightPanel span={8}>\n                        <ContentEntryProvider>\n                            <ContentEntry />\n                        </ContentEntryProvider>\n                    </RightPanel>\n                </SplitView>\n            </ContentEntriesProvider>\n        </ModelProvider>\n    );\n};\n\nexport default ContentEntries;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAEA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,wCAAR,CAAV;;AAEA,IAAMC,cAAwB,GAAG,SAA3BA,cAA2B,GAAM;EACnC,iBAAmB,IAAAC,sBAAA,GAAnB;EAAA,IAAQC,MAAR,cAAQA,MAAR;;EACA,IAAMC,OAAO,GAAGD,MAAM,GAAGA,MAAM,CAAC,SAAD,CAAT,GAAuB,IAA7C;;EACA,gBAAwC,IAAAE,eAAA,EAA0B,IAA1B,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,kBAAoB,IAAAL,sBAAA,GAApB;EAAA,IAAQM,OAAR,eAAQA,OAAR;;EACA,mBAAyB,IAAAC,yBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EAEA,gBAA2B,IAAAC,eAAA,EACvBC,gCADuB,EAEvB;IACIC,IAAI,EAAE,CAACT,OADX;IAEIU,SAAS,EAAE;MACPV,OAAO,EAAPA;IADO,CAFf;IAKIW,WAAW,EAAE,qBAAAC,IAAI,EAAI;MACjB,IAAMV,YAAY,GAAG,IAAAW,YAAA,EAAID,IAAJ,EAAU,sBAAV,EAAkC,IAAlC,CAArB;;MACA,IAAIV,YAAJ,EAAkB;QACd,OAAOC,eAAe,CAACD,YAAD,CAAtB;MACH;;MAEDE,OAAO,CAACU,IAAR,CAAa,qBAAb;MACAR,YAAY,CACRZ,CAAC,iJAAD,CAAgE;QAC5DM,OAAO,EAAPA;MAD4D,CAAhE,CADQ,CAAZ;IAKH;EAjBL,CAFuB,CAA3B;EAAA,IAAQe,OAAR,aAAQA,OAAR;EAAA,IAAiBC,KAAjB,aAAiBA,KAAjB;;EAuBA,IAAI,CAACd,YAAD,IAAiBa,OAArB,EAA8B;IAC1B,oBAAO,6BAAC,0BAAD;MAAkB,KAAK,EAAErB,CAAF;IAAvB,EAAP;EACH,CAFD,MAEO,IAAIsB,KAAJ,EAAW;IACdV,YAAY,CAACU,KAAK,CAACC,OAAP,CAAZ;IACA,OAAO,IAAP;EACH;;EAED,oBACI,6BAAC,4BAAD;IAAe,KAAK,EAAEf;EAAtB,gBACI,6BAAC,+BAAD;IAAwB,YAAY,EAAEA,YAAtC;IAAoD,GAAG,EAAEA,YAAY,CAACF;EAAtE,gBACI,6BAAC,oBAAD,qBACI,6BAAC,oBAAD;IAAW,IAAI,EAAE;EAAjB,gBACI,6BAAC,2BAAD,OADJ,CADJ,eAII,6BAAC,qBAAD;IAAY,IAAI,EAAE;EAAlB,gBACI,6BAAC,6BAAD,qBACI,6BAAC,0BAAD,OADJ,CADJ,CAJJ,CADJ,CADJ,CADJ;AAgBH,CArDD;;eAuDeH,c"}

package/admin/views/contentEntries/ContentEntriesContext.d.ts

@@ -0,0 +1,28 @@
+import React, { Dispatch, SetStateAction } from "react";
+import { CmsModel } from "../../../types";
+export interface CmsEntriesSorter {
+    label: string;
+    value: string;
+}
+export interface ListQueryVariables {
+    sort?: string[];
+    status?: string;
+    where?: {
+        [key: string]: any;
+    };
+}
+export interface ContentEntriesContext {
+    contentModel: CmsModel;
+    canCreate: boolean;
+    listQueryVariables: ListQueryVariables;
+    sorters: CmsEntriesSorter[];
+    setListQueryVariables: Dispatch<SetStateAction<ListQueryVariables>>;
+    insideDialog?: boolean;
+}
+export declare const Context: React.Context<ContentEntriesContext | undefined>;
+export interface ContentEntriesContextProviderProps {
+    contentModel: CmsModel;
+    children: React.ReactNode;
+    insideDialog?: boolean;
+}
+export declare const Provider: React.FC<ContentEntriesContextProviderProps>;

package/admin/views/contentEntries/ContentEntriesContext.js

@@ -0,0 +1,115 @@
+"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.Provider = exports.Context = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _appSecurity = require("@webiny/app-security");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _ContentEntriesViewConfig = require("./experiment/ContentEntriesViewConfig");
+
+var _templateObject, _templateObject2;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/contents/entries");
+
+var Context = /*#__PURE__*/_react.default.createContext(undefined);
+
+exports.Context = Context;
+
+function toEntriesSorters(sorters) {
+  return sorters.map(function (s) {
+    return {
+      label: s.label,
+      value: s.name
+    };
+  });
+}
+
+var Provider = function Provider(_ref) {
+  var contentModel = _ref.contentModel,
+      children = _ref.children,
+      insideDialog = _ref.insideDialog;
+
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
+      identity = _useSecurity.identity,
+      getPermission = _useSecurity.getPermission;
+
+  var viewConfig = (0, _ContentEntriesViewConfig.useContentEntriesViewConfig)();
+  var appliesToContentModel = (0, _react.useCallback)(function (_ref2) {
+    var modelIds = _ref2.modelIds;
+    return modelIds.length === 0 || modelIds.includes(contentModel.modelId);
+  }, [contentModel]);
+  var canCreate = (0, _react.useMemo)(function () {
+    var permission = getPermission("cms.contentEntry");
+
+    if (!permission) {
+      return false;
+    }
+
+    if (typeof permission.rwd !== "string") {
+      return true;
+    }
+
+    return permission.rwd.includes("w");
+  }, [identity]);
+  var sorters = (0, _react.useMemo)(function () {
+    var titleField = contentModel.fields.find(function (field) {
+      return field.fieldId === contentModel.titleFieldId;
+    });
+    var titleFieldLabel = titleField ? titleField.label : null;
+
+    if (!titleFieldLabel) {
+      return toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel));
+    }
+
+    return [].concat((0, _toConsumableArray2.default)(toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel))), [{
+      label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["{titleFieldLabel} A-Z"])))({
+        titleFieldLabel: titleFieldLabel
+      }),
+      value: "".concat(contentModel.titleFieldId, "_ASC")
+    }, {
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["{titleFieldLabel} Z-A"])))({
+        titleFieldLabel: titleFieldLabel
+      }),
+      value: "".concat(contentModel.titleFieldId, "_DESC")
+    }]);
+  }, [viewConfig.sorters, contentModel.modelId]);
+
+  var _useState = (0, _react.useState)({
+    sort: [sorters[0].value],
+    where: {}
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      listQueryVariables = _useState2[0],
+      setListQueryVariables = _useState2[1];
+
+  var value = {
+    insideDialog: insideDialog,
+    contentModel: contentModel,
+    sorters: sorters,
+    canCreate: canCreate,
+    listQueryVariables: listQueryVariables,
+    setListQueryVariables: setListQueryVariables
+  };
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: value
+  }, children);
+};
+
+exports.Provider = Provider;
+Provider.displayName = "ContentEntriesProvider";

package/admin/views/contentEntries/ContentEntriesContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","Context","React","createContext","undefined","toEntriesSorters","sorters","map","s","label","value","name","Provider","contentModel","children","insideDialog","useSecurity","identity","getPermission","viewConfig","useContentEntriesViewConfig","appliesToContentModel","useCallback","modelIds","length","includes","modelId","canCreate","useMemo","permission","rwd","titleField","fields","find","field","fieldId","titleFieldId","titleFieldLabel","filter","useState","sort","where","listQueryVariables","setListQueryVariables","displayName"],"sources":["ContentEntriesContext.tsx"],"sourcesContent":["import React, { useState, useMemo, Dispatch, SetStateAction, useCallback } from \"react\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModel, CmsSecurityPermission } from \"~/types\";\nimport {\n    useContentEntriesViewConfig,\n    ContentEntriesViewConfigSorter\n} from \"./experiment/ContentEntriesViewConfig\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/contents/entries\");\n\nexport interface CmsEntriesSorter {\n    label: string;\n    value: string;\n}\n\nexport interface ListQueryVariables {\n    sort?: string[];\n    status?: string;\n    where?: {\n        [key: string]: any;\n    };\n}\n\nexport interface ContentEntriesContext {\n    contentModel: CmsModel;\n    canCreate: boolean;\n    listQueryVariables: ListQueryVariables;\n    sorters: CmsEntriesSorter[];\n    setListQueryVariables: Dispatch<SetStateAction<ListQueryVariables>>;\n    insideDialog?: boolean;\n}\n\nexport const Context = React.createContext<ContentEntriesContext | undefined>(undefined);\n\nexport interface ContentEntriesContextProviderProps {\n    contentModel: CmsModel;\n    children: React.ReactNode;\n    insideDialog?: boolean;\n}\n\nfunction toEntriesSorters(sorters: ContentEntriesViewConfigSorter[]) {\n    return sorters.map(s => ({ label: s.label, value: s.name }));\n}\n\nexport const Provider: React.FC<ContentEntriesContextProviderProps> = ({\n    contentModel,\n    children,\n    insideDialog\n}) => {\n    const { identity, getPermission } = useSecurity();\n    const viewConfig = useContentEntriesViewConfig();\n\n    const appliesToContentModel = useCallback(\n        ({ modelIds }: ContentEntriesViewConfigSorter) => {\n            return modelIds.length === 0 || modelIds.includes(contentModel.modelId);\n        },\n        [contentModel]\n    );\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentEntry\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    const sorters = useMemo((): CmsEntriesSorter[] => {\n        const titleField = contentModel.fields.find(\n            field => field.fieldId === contentModel.titleFieldId\n        );\n\n        const titleFieldLabel = titleField ? titleField.label : null;\n        if (!titleFieldLabel) {\n            return toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel));\n        }\n\n        return [\n            ...toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel)),\n            {\n                label: t`{titleFieldLabel} A-Z`({ titleFieldLabel }),\n                value: `${contentModel.titleFieldId}_ASC`\n            },\n            {\n                label: t`{titleFieldLabel} Z-A`({ titleFieldLabel }),\n                value: `${contentModel.titleFieldId}_DESC`\n            }\n        ];\n    }, [viewConfig.sorters, contentModel.modelId]);\n\n    const [listQueryVariables, setListQueryVariables] = useState<ListQueryVariables>({\n        sort: [sorters[0].value],\n        where: {}\n    });\n\n    const value = {\n        insideDialog,\n        contentModel,\n        sorters,\n        canCreate,\n        listQueryVariables,\n        setListQueryVariables\n    };\n\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nProvider.displayName = \"ContentEntriesProvider\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;;;AAKA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,yCAAR,CAAV;;AAwBO,IAAMC,OAAO,gBAAGC,cAAA,CAAMC,aAAN,CAAuDC,SAAvD,CAAhB;;;;AAQP,SAASC,gBAAT,CAA0BC,OAA1B,EAAqE;EACjE,OAAOA,OAAO,CAACC,GAAR,CAAY,UAAAC,CAAC;IAAA,OAAK;MAAEC,KAAK,EAAED,CAAC,CAACC,KAAX;MAAkBC,KAAK,EAAEF,CAAC,CAACG;IAA3B,CAAL;EAAA,CAAb,CAAP;AACH;;AAEM,IAAMC,QAAsD,GAAG,SAAzDA,QAAyD,OAIhE;EAAA,IAHFC,YAGE,QAHFA,YAGE;EAAA,IAFFC,QAEE,QAFFA,QAEE;EAAA,IADFC,YACE,QADFA,YACE;;EACF,mBAAoC,IAAAC,wBAAA,GAApC;EAAA,IAAQC,QAAR,gBAAQA,QAAR;EAAA,IAAkBC,aAAlB,gBAAkBA,aAAlB;;EACA,IAAMC,UAAU,GAAG,IAAAC,qDAAA,GAAnB;EAEA,IAAMC,qBAAqB,GAAG,IAAAC,kBAAA,EAC1B,iBAAkD;IAAA,IAA/CC,QAA+C,SAA/CA,QAA+C;IAC9C,OAAOA,QAAQ,CAACC,MAAT,KAAoB,CAApB,IAAyBD,QAAQ,CAACE,QAAT,CAAkBZ,YAAY,CAACa,OAA/B,CAAhC;EACH,CAHyB,EAI1B,CAACb,YAAD,CAJ0B,CAA9B;EAOA,IAAMc,SAAS,GAAG,IAAAC,cAAA,EAAQ,YAAe;IACrC,IAAMC,UAAU,GAAGX,aAAa,CAAwB,kBAAxB,CAAhC;;IACA,IAAI,CAACW,UAAL,EAAiB;MACb,OAAO,KAAP;IACH;;IAED,IAAI,OAAOA,UAAU,CAACC,GAAlB,KAA0B,QAA9B,EAAwC;MACpC,OAAO,IAAP;IACH;;IAED,OAAOD,UAAU,CAACC,GAAX,CAAeL,QAAf,CAAwB,GAAxB,CAAP;EACH,CAXiB,EAWf,CAACR,QAAD,CAXe,CAAlB;EAaA,IAAMX,OAAO,GAAG,IAAAsB,cAAA,EAAQ,YAA0B;IAC9C,IAAMG,UAAU,GAAGlB,YAAY,CAACmB,MAAb,CAAoBC,IAApB,CACf,UAAAC,KAAK;MAAA,OAAIA,KAAK,CAACC,OAAN,KAAkBtB,YAAY,CAACuB,YAAnC;IAAA,CADU,CAAnB;IAIA,IAAMC,eAAe,GAAGN,UAAU,GAAGA,UAAU,CAACtB,KAAd,GAAsB,IAAxD;;IACA,IAAI,CAAC4B,eAAL,EAAsB;MAClB,OAAOhC,gBAAgB,CAACc,UAAU,CAACb,OAAX,CAAmBgC,MAAnB,CAA0BjB,qBAA1B,CAAD,CAAvB;IACH;;IAED,kDACOhB,gBAAgB,CAACc,UAAU,CAACb,OAAX,CAAmBgC,MAAnB,CAA0BjB,qBAA1B,CAAD,CADvB,IAEI;MACIZ,KAAK,EAAEX,CAAC,wGAAD,CAAyB;QAAEuC,eAAe,EAAfA;MAAF,CAAzB,CADX;MAEI3B,KAAK,YAAKG,YAAY,CAACuB,YAAlB;IAFT,CAFJ,EAMI;MACI3B,KAAK,EAAEX,CAAC,0GAAD,CAAyB;QAAEuC,eAAe,EAAfA;MAAF,CAAzB,CADX;MAEI3B,KAAK,YAAKG,YAAY,CAACuB,YAAlB;IAFT,CANJ;EAWH,CArBe,EAqBb,CAACjB,UAAU,CAACb,OAAZ,EAAqBO,YAAY,CAACa,OAAlC,CArBa,CAAhB;;EAuBA,gBAAoD,IAAAa,eAAA,EAA6B;IAC7EC,IAAI,EAAE,CAAClC,OAAO,CAAC,CAAD,CAAP,CAAWI,KAAZ,CADuE;IAE7E+B,KAAK,EAAE;EAFsE,CAA7B,CAApD;EAAA;EAAA,IAAOC,kBAAP;EAAA,IAA2BC,qBAA3B;;EAKA,IAAMjC,KAAK,GAAG;IACVK,YAAY,EAAZA,YADU;IAEVF,YAAY,EAAZA,YAFU;IAGVP,OAAO,EAAPA,OAHU;IAIVqB,SAAS,EAATA,SAJU;IAKVe,kBAAkB,EAAlBA,kBALU;IAMVC,qBAAqB,EAArBA;EANU,CAAd;EASA,oBAAO,6BAAC,OAAD,CAAS,QAAT;IAAkB,KAAK,EAAEjC;EAAzB,GAAiCI,QAAjC,CAAP;AACH,CAlEM;;;AAoEPF,QAAQ,CAACgC,WAAT,GAAuB,wBAAvB"}

package/admin/views/contentEntries/ContentEntriesList.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const ContentEntriesList: React.FC;
+export default ContentEntriesList;

package/admin/views/contentEntries/ContentEntriesList.js

@@ -0,0 +1,234 @@
+"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 _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _emotion = require("emotion");
+
+var _timeagoReact = _interopRequireDefault(require("timeago-react"));
+
+var _pluralize = _interopRequireDefault(require("pluralize"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _form = require("@webiny/form");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var UIList = _interopRequireWildcard(require("@webiny/ui/List"));
+
+var _Button = require("@webiny/ui/Button");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Scrollbar = require("@webiny/ui/Scrollbar");
+
+var _Select = require("@webiny/ui/Select");
+
+var _Tooltip = require("@webiny/ui/Tooltip");
+
+var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
+
+var _filter24px = require("@webiny/app-admin/assets/icons/filter-24px.svg");
+
+var _SearchUI = _interopRequireDefault(require("@webiny/app-admin/components/SearchUI"));
+
+var _statusLabels = _interopRequireDefault(require("../../constants/statusLabels"));
+
+var _useContentEntriesList = require("./hooks/useContentEntriesList");
+
+var _ContentEntriesViewConfig = require("./experiment/ContentEntriesViewConfig");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
+var _excluded = ["sort", "status"];
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/contents/data-list");
+
+var rightAlign = /*#__PURE__*/(0, _emotion.css)({
+  alignItems: "flex-end !important",
+  justifyContent: "center !important"
+}, "label:rightAlign;");
+var ModelId = /*#__PURE__*/(0, _styled.default)("span", {
+  target: "e1yw2ynr0",
+  label: "ModelId"
+})({
+  color: "var(--mdc-theme-text-secondary-on-background)"
+});
+var InlineLoaderWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+  target: "e1yw2ynr1",
+  label: "InlineLoaderWrapper"
+})({
+  position: "absolute",
+  bottom: 0,
+  left: 0,
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  width: "100%",
+  height: 40,
+  backgroundColor: "var(--mdc-theme-surface)"
+});
+var listItemMinHeight = /*#__PURE__*/(0, _emotion.css)({
+  minHeight: "66px !important"
+}, "label:listItemMinHeight;");
+var disabled = /*#__PURE__*/(0, _emotion.css)({
+  color: "rgba(0, 0, 0, 0.54)",
+  cursor: "default"
+}, "label:disabled;");
+
+var ContentEntriesList = function ContentEntriesList() {
+  var _useContentEntriesLis = (0, _useContentEntriesList.useContentEntriesList)(),
+      contentModel = _useContentEntriesLis.contentModel,
+      id = _useContentEntriesLis.id,
+      loading = _useContentEntriesLis.loading,
+      canCreate = _useContentEntriesLis.canCreate,
+      onCreate = _useContentEntriesLis.onCreate,
+      data = _useContentEntriesLis.data,
+      editEntry = _useContentEntriesLis.editEntry,
+      loadMore = _useContentEntriesLis.loadMore,
+      loadMoreLoading = _useContentEntriesLis.loadMoreLoading,
+      listQueryVariables = _useContentEntriesLis.listQueryVariables,
+      setListQueryVariables = _useContentEntriesLis.setListQueryVariables,
+      sorters = _useContentEntriesLis.sorters,
+      filter = _useContentEntriesLis.filter,
+      setFilter = _useContentEntriesLis.setFilter;
+
+  var viewConfig = (0, _ContentEntriesViewConfig.useContentEntriesViewConfig)();
+  var loadMoreOnScroll = (0, _react.useCallback)((0, _debounce.default)(function (scrollFrame) {
+    if (scrollFrame.top > 0.9) {
+      loadMore();
+    }
+  }, 500), [data]);
+  var formInitialData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, listQueryVariables), {}, {
+    sort: listQueryVariables.sort ? listQueryVariables.sort[0] : ""
+  });
+  var appliesToContentModel = (0, _react.useCallback)(function (_ref) {
+    var modelIds = _ref.modelIds;
+    return modelIds.length === 0 || modelIds.includes(contentModel.modelId);
+  }, [contentModel]);
+  var entriesDataListModalOverlay = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(UIList.DataListModalOverlay, null, /*#__PURE__*/_react.default.createElement(_form.Form, {
+      data: formInitialData,
+      onChange: function onChange(_ref2) {
+        var sort = _ref2.sort,
+            status = _ref2.status,
+            data = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+        setListQueryVariables(function () {
+          return (0, _objectSpread2.default)({
+            status: status,
+            // GraphQL Schema requires "sort" to be an array.
+            sort: [sort]
+          }, data);
+        });
+      }
+    }, function (_ref3) {
+      var Bind = _ref3.Bind;
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+        span: 12
+      }, /*#__PURE__*/_react.default.createElement(Bind, {
+        name: "sort"
+      }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+        label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Sort by"])))
+      }, sorters.map(function (_ref4) {
+        var value = _ref4.value,
+            label = _ref4.label;
+        return /*#__PURE__*/_react.default.createElement("option", {
+          key: value,
+          value: value
+        }, label);
+      })))), viewConfig.filters.filter(appliesToContentModel).map(function (filter) {
+        return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+          span: 12,
+          key: filter.name
+        }, filter.element);
+      }));
+    }));
+  }, [listQueryVariables, viewConfig.filters]);
+  return /*#__PURE__*/_react.default.createElement(UIList.DataList, {
+    loading: loading,
+    data: data,
+    title: /*#__PURE__*/_react.default.createElement("span", null, (0, _pluralize.default)(contentModel.name), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+      use: "subtitle1"
+    }, /*#__PURE__*/_react.default.createElement(ModelId, null, "Model ID:", " ", contentModel.plugin ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      content: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Content model is registered via a plugin."]))),
+      placement: "top"
+    }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+      to: "#",
+      className: disabled
+    }, contentModel.modelId)) : /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      content: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Edit content model"]))),
+      placement: "top"
+    }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+      to: "/cms/content-models/".concat(contentModel.modelId)
+    }, contentModel.modelId))))),
+    actions: canCreate ? /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
+      "data-testid": "new-record-button",
+      onClick: onCreate
+    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+      icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+    }), " ", t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["New Entry"])))) : null,
+    search: /*#__PURE__*/_react.default.createElement(_SearchUI.default, {
+      value: filter,
+      onChange: setFilter,
+      inputPlaceholder: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Search {title}"])))({
+        title: (0, _pluralize.default)(contentModel.name)
+      })
+    }),
+    modalOverlay: entriesDataListModalOverlay,
+    modalOverlayAction: /*#__PURE__*/_react.default.createElement(UIList.DataListModalOverlayAction, {
+      icon: /*#__PURE__*/_react.default.createElement(_filter24px.ReactComponent, null),
+      "data-testid": "default-data-list.filter"
+    })
+  }, function (_ref5) {
+    var data = _ref5.data;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Scrollbar.Scrollbar, {
+      "data-testid": "default-data-list",
+      onScrollFrame: function onScrollFrame(scrollFrame) {
+        return loadMoreOnScroll(scrollFrame);
+      }
+    }, data.map(function (item) {
+      return /*#__PURE__*/_react.default.createElement(UIList.ListItem, {
+        key: item.id,
+        className: listItemMinHeight,
+        selected: item.id === id
+      }, /*#__PURE__*/_react.default.createElement(UIList.ListItemText, {
+        onClick: editEntry(item)
+      }, item.meta.title || "Untitled", /*#__PURE__*/_react.default.createElement(UIList.ListItemTextSecondary, null, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Last modified: {time}."])))({
+        time: /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
+          datetime: item.savedOn
+        })
+      }))), /*#__PURE__*/_react.default.createElement(UIList.ListItemMeta, {
+        className: rightAlign
+      }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+        use: "body2",
+        "data-testid": "ul.list.subtitle"
+      }, _statusLabels.default[item.meta.status], " (v", item.meta.version, ")")));
+    })), loadMoreLoading && /*#__PURE__*/_react.default.createElement(InlineLoaderWrapper, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+      use: "overline"
+    }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Loading more entries..."]))))));
+  });
+};
+
+var _default = ContentEntriesList;
+exports.default = _default;

package/admin/views/contentEntries/ContentEntriesList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","rightAlign","css","alignItems","justifyContent","ModelId","styled","color","InlineLoaderWrapper","position","bottom","left","display","width","height","backgroundColor","listItemMinHeight","minHeight","disabled","cursor","ContentEntriesList","useContentEntriesList","contentModel","id","loading","canCreate","onCreate","data","editEntry","loadMore","loadMoreLoading","listQueryVariables","setListQueryVariables","sorters","filter","setFilter","viewConfig","useContentEntriesViewConfig","loadMoreOnScroll","useCallback","debounce","scrollFrame","top","formInitialData","sort","appliesToContentModel","modelIds","length","includes","modelId","entriesDataListModalOverlay","useMemo","status","Bind","map","value","label","filters","name","element","pluralize","plugin","title","item","meta","time","savedOn","statusLabels","version"],"sources":["ContentEntriesList.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { css } from \"emotion\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\nimport pluralize from \"pluralize\";\nimport styled from \"@emotion/styled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Form } from \"@webiny/form\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport * as UIList from \"@webiny/ui/List\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\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 SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport statusLabels from \"../../constants/statusLabels\";\nimport { useCallback } from \"react\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks/useContentEntriesList\";\nimport { positionValues as PositionValues } from \"react-custom-scrollbars\";\nimport { CmsEditorContentEntry } from \"~/types\";\nimport {\n    useContentEntriesViewConfig,\n    ContentEntriesViewConfigFilter\n} from \"./experiment/ContentEntriesViewConfig\";\nimport { Link } from \"@webiny/react-router\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/contents/data-list\");\n\nconst rightAlign = css({\n    alignItems: \"flex-end !important\",\n    justifyContent: \"center !important\"\n});\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\"\n});\n\nconst InlineLoaderWrapper = styled(\"div\")({\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: 40,\n    backgroundColor: \"var(--mdc-theme-surface)\"\n});\n\nconst listItemMinHeight = css({\n    minHeight: \"66px !important\"\n});\n\nconst disabled = css({\n    color: \"rgba(0, 0, 0, 0.54)\",\n    cursor: \"default\"\n});\n\nconst ContentEntriesList: React.FC = () => {\n    const {\n        contentModel,\n        id,\n        loading,\n        canCreate,\n        onCreate,\n        data,\n        editEntry,\n        loadMore,\n        loadMoreLoading,\n        listQueryVariables,\n        setListQueryVariables,\n        sorters,\n        filter,\n        setFilter\n    } = useContentEntriesList();\n\n    const viewConfig = useContentEntriesViewConfig();\n\n    const loadMoreOnScroll = useCallback(\n        debounce((scrollFrame: PositionValues) => {\n            if (scrollFrame.top > 0.9) {\n                loadMore();\n            }\n        }, 500),\n        [data]\n    );\n\n    const formInitialData = {\n        ...listQueryVariables,\n        sort: listQueryVariables.sort ? listQueryVariables.sort[0] : \"\"\n    };\n\n    const appliesToContentModel = useCallback(\n        ({ modelIds }: ContentEntriesViewConfigFilter) => {\n            return modelIds.length === 0 || modelIds.includes(contentModel.modelId);\n        },\n        [contentModel]\n    );\n\n    const entriesDataListModalOverlay = useMemo(\n        () => (\n            <UIList.DataListModalOverlay>\n                <Form\n                    data={formInitialData}\n                    onChange={({ sort, status, ...data }) => {\n                        setListQueryVariables(() => ({\n                            status,\n                            // GraphQL Schema requires \"sort\" to be an array.\n                            sort: [sort],\n                            // Spread the rest of form data\n                            ...data\n                        }));\n                    }}\n                >\n                    {({ Bind }) => (\n                        <Grid>\n                            <Cell span={12}>\n                                <Bind name={\"sort\"}>\n                                    <Select label={t`Sort by`}>\n                                        {sorters.map(({ value, label }) => {\n                                            return (\n                                                <option key={value} value={value}>\n                                                    {label}\n                                                </option>\n                                            );\n                                        })}\n                                    </Select>\n                                </Bind>\n                            </Cell>\n                            {viewConfig.filters.filter(appliesToContentModel).map(filter => (\n                                <Cell span={12} key={filter.name}>\n                                    {filter.element}\n                                </Cell>\n                            ))}\n                        </Grid>\n                    )}\n                </Form>\n            </UIList.DataListModalOverlay>\n        ),\n        [listQueryVariables, viewConfig.filters]\n    );\n\n    return (\n        <UIList.DataList\n            loading={loading}\n            data={data}\n            title={\n                <span>\n                    {pluralize(contentModel.name)}\n                    <br />\n                    <Typography use={\"subtitle1\"}>\n                        <ModelId>\n                            Model ID:{\" \"}\n                            {contentModel.plugin ? (\n                                <Tooltip\n                                    content={t`Content model is registered via a plugin.`}\n                                    placement={\"top\"}\n                                >\n                                    <Link to=\"#\" className={disabled}>\n                                        {contentModel.modelId}\n                                    </Link>\n                                </Tooltip>\n                            ) : (\n                                <Tooltip content={t`Edit content model`} placement={\"top\"}>\n                                    <Link to={`/cms/content-models/${contentModel.modelId}`}>\n                                        {contentModel.modelId}\n                                    </Link>\n                                </Tooltip>\n                            )}\n                        </ModelId>\n                    </Typography>\n                </span>\n            }\n            actions={\n                canCreate ? (\n                    <ButtonSecondary data-testid=\"new-record-button\" onClick={onCreate}>\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Entry`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search {title}`({ title: pluralize(contentModel.name) })}\n                />\n            }\n            modalOverlay={entriesDataListModalOverlay}\n            modalOverlayAction={\n                <UIList.DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\n        >\n            {({ data }: { data: CmsEditorContentEntry[] }) => (\n                <>\n                    <Scrollbar\n                        data-testid=\"default-data-list\"\n                        onScrollFrame={scrollFrame => loadMoreOnScroll(scrollFrame)}\n                    >\n                        {data.map(item => (\n                            <UIList.ListItem\n                                key={item.id}\n                                className={listItemMinHeight}\n                                selected={item.id === id}\n                            >\n                                <UIList.ListItemText onClick={editEntry(item)}>\n                                    {item.meta.title || \"Untitled\"}\n                                    <UIList.ListItemTextSecondary>\n                                        {t`Last modified: {time}.`({\n                                            time: <TimeAgo datetime={item.savedOn} />\n                                        })}\n                                    </UIList.ListItemTextSecondary>\n                                </UIList.ListItemText>\n\n                                <UIList.ListItemMeta className={rightAlign}>\n                                    <Typography use={\"body2\"} data-testid=\"ul.list.subtitle\">\n                                        {statusLabels[item.meta.status]} (v{item.meta.version})\n                                    </Typography>\n                                </UIList.ListItemMeta>\n                            </UIList.ListItem>\n                        ))}\n                    </Scrollbar>\n                    {loadMoreLoading && (\n                        <InlineLoaderWrapper>\n                            <Typography use={\"overline\"}>{t`Loading more entries...`}</Typography>\n                        </InlineLoaderWrapper>\n                    )}\n                </>\n            )}\n        </UIList.DataList>\n    );\n};\n\nexport default ContentEntriesList;\n"],"mappings":"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"}

package/admin/views/contentEntries/ContentEntry/ContentEntryContext.d.ts

@@ -0,0 +1,33 @@
+import React, { Dispatch, SetStateAction, MutableRefObject, RefObject } from "react";
+import { ContentEntriesContext } from "../ContentEntriesContext";
+import { CmsContentEntryRevision, CmsEditorContentEntry } from "../../../../types";
+import { TabsImperativeApi } from "@webiny/ui/Tabs";
+interface ContentEntryContextForm {
+    submit: (ev: React.SyntheticEvent) => Promise<CmsEditorContentEntry | null>;
+}
+declare type ContentEntryContextFormRef = MutableRefObject<ContentEntryContextForm>;
+export interface ContentEntryContext extends ContentEntriesContext {
+    createEntry: () => void;
+    entry: CmsEditorContentEntry;
+    form: ContentEntryContextFormRef;
+    setFormRef: (form: {
+        submit: Function;
+    }) => void;
+    loading: boolean;
+    setLoading: Dispatch<SetStateAction<boolean>>;
+    revisions: CmsContentEntryRevision[];
+    refetchContent: () => void;
+    tabsRef: RefObject<TabsImperativeApi | undefined>;
+    showEmptyView: boolean;
+}
+export declare const Context: React.Context<ContentEntryContext | undefined>;
+export interface ContentEntryContextProviderProps extends Partial<UseContentEntryProviderProps> {
+    children: React.ReactNode;
+}
+interface UseContentEntryProviderProps {
+    getContentId: () => string | null;
+    isNewEntry: () => boolean;
+}
+export declare const useContentEntryProviderProps: () => UseContentEntryProviderProps;
+export declare const Provider: React.FC<ContentEntryContextProviderProps>;
+export {};