@vegan-friendly/strapi-plugin-elasticsearch 0.1.0-alpha.1 → 0.1.0-alpha.3

package/dist/admin/src/index.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    register(app: any): void;
+    bootstrap(app: any): void;
+    registerTrads({ locales }: {
+        locales: any;
+    }): Promise<any[]>;
+};
+export default _default;

package/dist/admin/src/index.js

@@ -0,0 +1,92 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const package_json_1 = __importDefault(require("../../package.json"));
+const pluginId_1 = __importDefault(require("./pluginId"));
+const Initializer_1 = __importDefault(require("./components/Initializer"));
+const PluginIcon_1 = __importDefault(require("./components/PluginIcon"));
+const name = package_json_1.default.strapi.name;
+exports.default = {
+    register(app) {
+        app.addMenuLink({
+            to: `/plugins/${pluginId_1.default}`,
+            icon: PluginIcon_1.default,
+            intlLabel: {
+                id: `${pluginId_1.default}.plugin.name`,
+                defaultMessage: 'Elasticsearch',
+            },
+            Component: async () => {
+                const component = await Promise.resolve().then(() => __importStar(require(/* webpackChunkName: "[request]" */ './pages/App')));
+                return component;
+            },
+            permissions: [
+            // Uncomment to set the permissions of the plugin here
+            // {
+            //   action: '', // the action name should be plugin::plugin-name.actionType
+            //   subject: null,
+            // },
+            ],
+        });
+        app.registerPlugin({
+            id: pluginId_1.default,
+            initializer: Initializer_1.default,
+            isReady: false,
+            name,
+        });
+    },
+    bootstrap(app) { },
+    async registerTrads({ locales }) {
+        const importedTrads = await Promise.all(locales.map((locale) => {
+            return Promise.resolve(`${
+            /* webpackChunkName: "translation-[request]" */ `./translations/${locale}.json`}`).then(s => __importStar(require(s))).then(({ default: data }) => {
+                return {
+                    data: (0, helper_plugin_1.prefixPluginTranslations)(data, pluginId_1.default),
+                    locale,
+                };
+            })
+                .catch(() => {
+                return {
+                    data: {},
+                    locale,
+                };
+            });
+        }));
+        return Promise.resolve(importedTrads);
+    },
+};

package/dist/admin/src/pages/App/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ *
+ * This component is the skeleton around the actual pages, and should only
+ * contain code that should be seen on all pages. (e.g. navigation bar)
+ *
+ */
+import React from 'react';
+declare const App: () => React.JSX.Element;
+export default App;

package/dist/admin/src/pages/App/index.js

@@ -0,0 +1,29 @@
+"use strict";
+/**
+ *
+ * This component is the skeleton around the actual pages, and should only
+ * contain code that should be seen on all pages. (e.g. navigation bar)
+ *
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const pluginId_1 = __importDefault(require("../../pluginId"));
+const ConfigureCollectionList_1 = __importDefault(require("../ConfigureCollectionList"));
+const ConfigureCollection_1 = __importDefault(require("../ConfigureCollection"));
+const ViewIndexingRunLog_1 = __importDefault(require("../ViewIndexingRunLog"));
+const Homepage_1 = __importDefault(require("../Homepage"));
+const App = () => {
+    return (react_1.default.createElement(react_router_dom_1.Switch, null,
+        react_1.default.createElement(react_router_dom_1.Route, { path: `/plugins/${pluginId_1.default}`, render: () => (react_1.default.createElement(react_router_dom_1.Redirect, { to: `/plugins/${pluginId_1.default}/home` })), exact: true }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: `/plugins/${pluginId_1.default}/home`, component: Homepage_1.default, exact: true }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: `/plugins/${pluginId_1.default}/configure-collections`, component: ConfigureCollectionList_1.default, exact: true }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: `/plugins/${pluginId_1.default}/configure-collections/:collectionName`, component: ConfigureCollection_1.default, exact: true }),
+        react_1.default.createElement(react_router_dom_1.Route, { path: `/plugins/${pluginId_1.default}/view-indexing-logs`, component: ViewIndexingRunLog_1.default }),
+        react_1.default.createElement(react_router_dom_1.Route, { component: helper_plugin_1.AnErrorOccurred })));
+};
+exports.default = App;

package/dist/admin/src/pages/ConfigureCollection/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ConfigureCollection: () => React.JSX.Element;
+export default ConfigureCollection;

package/dist/admin/src/pages/ConfigureCollection/index.js

@@ -0,0 +1,193 @@
+"use strict";
+/*
+ *
+ * HomePage
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const react_router_dom_1 = require("react-router-dom");
+const axiosInstance_1 = __importDefault(require("../../utils/axiosInstance"));
+const SubNavigation_1 = require("../../components/SubNavigation");
+;
+const design_system_1 = require("@strapi/design-system");
+const design_system_2 = require("@strapi/design-system");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const pluginId_1 = __importDefault(require("../../pluginId"));
+const apiUrls_1 = require("../../utils/apiUrls");
+const design_system_3 = require("@strapi/design-system");
+const icons_1 = require("@strapi/icons");
+const design_system_4 = require("@strapi/design-system");
+const design_system_5 = require("@strapi/design-system");
+const helper_plugin_2 = require("@strapi/helper-plugin");
+const loadConfigForCollection = (collectionName) => {
+    return axiosInstance_1.default.get((0, apiUrls_1.apiGetCollectionConfig)(collectionName))
+        .then((resp) => resp.data);
+};
+const saveConfigForCollection = (collectionName, data) => {
+    return axiosInstance_1.default.post((0, apiUrls_1.apiSaveCollectionConfig)(collectionName), {
+        data
+    });
+};
+const ConfigureField = ({ config, index, setFieldConfig }) => {
+    const validateSubfieldsConfig = (conf) => {
+        if (conf && conf.length > 0) {
+            try {
+                JSON.parse(conf);
+                return true;
+            }
+            catch (e) {
+                return false;
+            }
+        }
+        else
+            return true;
+    };
+    const updateIndex = (checked) => {
+        setFieldConfig({ index, config: { ...config, index: checked } });
+    };
+    const updateSubfieldConfig = (subfields) => {
+        const subfieldsConfigValid = validateSubfieldsConfig(subfields);
+        setFieldConfig({ index, config: { ...config, subfields, subfieldsConfigValid } });
+    };
+    const updateMappedFieldName = (mappedName) => {
+        setFieldConfig({ index, config: { ...config, searchFieldName: mappedName } });
+    };
+    return (react_1.default.createElement(design_system_1.Box, { background: "neutral100", borderColor: "neutral200", hasRadius: true, index: index, padding: 4 },
+        react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+            react_1.default.createElement(design_system_4.Typography, { fontWeight: "bold", textColor: "neutral600" }, config.name)),
+        react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+            react_1.default.createElement(design_system_2.ToggleInput, { label: "Index", onLabel: "Yes", offLabel: "No", checked: config.index, onChange: (e) => updateIndex(e.target.checked) })),
+        react_1.default.createElement(design_system_1.Box, { width: "50%", paddingTop: 2, paddingBottom: 2 },
+            react_1.default.createElement(design_system_5.TextInput, { label: "Maps to search field", placeholder: "Enter field name", name: "Search field", onChange: e => updateMappedFieldName(e.target.value), value: config.searchFieldName || "" })),
+        config.index && config.type && config.type === "dynamiczone" ? (react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+            react_1.default.createElement(design_system_5.Textarea, { label: "Dynamic zone fields to index", error: config.subfieldsConfigValid === false ? 'Invalid indexing configuration' : undefined, onChange: e => updateSubfieldConfig(e.target.value) }, config.subfields || ""))) : null,
+        config.index && config.type && config.type === "component" ? (react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+            react_1.default.createElement(design_system_5.Textarea, { label: "Component fields to index", error: config.subfieldsConfigValid === false ? 'Invalid indexing configuration' : undefined, onChange: e => updateSubfieldConfig(e.target.value) }, config.subfields || ""))) : null));
+};
+const ConfigureCollection = () => {
+    const [isInProgress, setIsInProgress] = (0, react_1.useState)(false);
+    const [selectedCollection, setSelectedCollection] = (0, react_1.useState)(null);
+    const [collectionConfig, setCollectionConfig] = (0, react_1.useState)(null);
+    const params = (0, react_router_dom_1.useParams)();
+    const toggleNotification = (0, helper_plugin_2.useNotification)();
+    const updateCollectionsConfig = ({ index, config }) => {
+        setCollectionConfig({
+            collectionName: collectionConfig.collectionName,
+            attributes: collectionConfig.attributes.map((e, idx) => index === idx ? config : e)
+        });
+    };
+    const saveCollectionConfig = () => {
+        if (collectionConfig && collectionConfig.collectionName) {
+            const data = {};
+            data[collectionConfig.collectionName] = {};
+            for (let k = 0; k < collectionConfig.attributes.length; k++) {
+                const { name, ...attribs } = collectionConfig.attributes[k];
+                data[collectionConfig.collectionName][name] = attribs;
+            }
+            setIsInProgress(true);
+            saveConfigForCollection(collectionConfig.collectionName, data)
+                .then((resp) => {
+                toggleNotification({
+                    type: "success", message: "The collection configuration is saved.", timeout: 5000
+                });
+            })
+                .catch((err) => {
+                toggleNotification({
+                    type: "warning", message: err.message || "An error was encountered.", timeout: 5000
+                });
+                console.log(err);
+            })
+                .finally(() => setIsInProgress(false));
+        }
+    };
+    (0, react_1.useEffect)(() => {
+        if (params && params.collectionName)
+            setSelectedCollection(params.collectionName);
+    }, [params]);
+    (0, react_1.useEffect)(() => {
+        if (selectedCollection) {
+            loadConfigForCollection(selectedCollection)
+                .then((resp) => {
+                if (Object.keys(resp).length === 0) {
+                    toggleNotification({
+                        type: "warning", message: 'No collection with the selected name exists.', timeout: 5000
+                    });
+                }
+                else {
+                    const collectionName = Object.keys(resp)[0];
+                    const attributeNames = Object.keys(resp[collectionName]);
+                    const attributes = [];
+                    for (let s = 0; s < attributeNames.length; s++)
+                        attributes.push({ name: attributeNames[s], ...resp[collectionName][attributeNames[s]] });
+                    const item = { collectionName, attributes };
+                    setCollectionConfig(item);
+                }
+            })
+                .catch((err) => {
+                toggleNotification({
+                    type: "warning", message: err.message || "An error was encountered.", timeout: 5000
+                });
+                console.log(err);
+            });
+        }
+    }, [selectedCollection]);
+    if (collectionConfig === null)
+        return react_1.default.createElement(helper_plugin_2.LoadingIndicatorPage, null);
+    else
+        return (react_1.default.createElement(design_system_1.Flex, { alignItems: "stretch", gap: 4 },
+            react_1.default.createElement(SubNavigation_1.SubNavigation, null),
+            react_1.default.createElement(design_system_1.Box, { padding: 8, background: "neutral100", width: "100%" },
+                react_1.default.createElement(design_system_1.Box, { paddingBottom: 4 },
+                    react_1.default.createElement(helper_plugin_1.Link, { startIcon: react_1.default.createElement(icons_1.ArrowLeft, null), to: `/plugins/${pluginId_1.default}/configure-collections/` }, "Back")),
+                selectedCollection && (react_1.default.createElement(design_system_1.Box, { paddingBottom: 4 },
+                    react_1.default.createElement(design_system_4.Typography, { variant: "alpha" }, selectedCollection))),
+                collectionConfig && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(design_system_1.Flex, { alignItems: "stretch", gap: 4, width: "100%" },
+                        react_1.default.createElement(design_system_1.Box, { padding: 8, background: "neutral0", width: "100%" },
+                            react_1.default.createElement(design_system_1.Box, { paddingBottom: 2 },
+                                react_1.default.createElement(design_system_4.Typography, { variant: "beta" }, "Attributes"),
+                                collectionConfig.attributes.map((a, idx) => {
+                                    return react_1.default.createElement(design_system_1.Box, { paddingTop: 4, paddingBottom: 4 },
+                                        react_1.default.createElement(ConfigureField, { index: idx, config: a, setFieldConfig: updateCollectionsConfig }));
+                                })))),
+                    react_1.default.createElement(design_system_1.Box, { paddingTop: 4 },
+                        react_1.default.createElement(design_system_3.Button, { loading: isInProgress, variant: "default", onClick: saveCollectionConfig }, "Save Configuration Changes")))))));
+};
+exports.default = ConfigureCollection;

package/dist/admin/src/pages/ConfigureCollectionList/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Configure: () => React.JSX.Element;
+export default Configure;

package/dist/admin/src/pages/ConfigureCollectionList/index.js

@@ -0,0 +1,228 @@
+"use strict";
+/*
+ *
+ * HomePage
+ *
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+// import PropTypes from 'prop-types';
+const pluginId_1 = __importDefault(require("../../pluginId"));
+const SubNavigation_1 = require("../../components/SubNavigation");
+;
+const design_system_1 = require("@strapi/design-system");
+const react_2 = require("react");
+const apiUrls_1 = require("../../utils/apiUrls");
+const axiosInstance_1 = __importDefault(require("../../utils/axiosInstance"));
+const design_system_2 = require("@strapi/design-system");
+const design_system_3 = require("@strapi/design-system");
+const icons_1 = require("@strapi/icons");
+const design_system_4 = require("@strapi/design-system");
+const react_router_dom_1 = require("react-router-dom");
+const design_system_5 = require("@strapi/design-system");
+const design_system_6 = require("@strapi/design-system");
+const design_system_7 = require("@strapi/design-system");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const exportContentConfig = () => {
+    return axiosInstance_1.default.get(apiUrls_1.apiGetContentConfig, {
+        responseType: 'blob'
+    })
+        .then((response) => {
+        const href = URL.createObjectURL(response.data);
+        const link = document.createElement('a');
+        link.href = href;
+        link.setAttribute('download', 'strapi-plugin-elasticsearch-contentconfig.json');
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        URL.revokeObjectURL(href);
+    });
+};
+const importContentConfig = (conf) => {
+    return axiosInstance_1.default.post(apiUrls_1.apiImportContentConfig, {
+        data: conf
+    });
+};
+const loadContentConfig = () => {
+    return axiosInstance_1.default.get(apiUrls_1.apiGetContentConfig)
+        .then((resp) => resp.data);
+};
+const scheduleCollectionIndexing = (collectionName) => {
+    return axiosInstance_1.default.get((0, apiUrls_1.apiRequestCollectionIndexing)(collectionName));
+};
+const Configure = () => {
+    const [isInProgress, setIsInProgress] = (0, react_1.useState)(false);
+    const [displayImportModal, setDisplayImportModal] = (0, react_1.useState)(false);
+    const [isEnteredJsonValid, setIsEnteredJsonValid] = (0, react_1.useState)(true);
+    const [importJson, setImportJson] = (0, react_1.useState)(null);
+    const [config, setConfig] = (0, react_1.useState)(null);
+    const history = (0, react_router_dom_1.useHistory)();
+    const toggleNotification = (0, helper_plugin_1.useNotification)();
+    const performImport = () => {
+        const conf = importJson;
+        console.log(conf && conf.length > 0);
+        if (conf && conf.length > 0) {
+            setIsInProgress(true);
+            importContentConfig(conf)
+                .then(() => {
+                toggleNotification({
+                    type: "success", message: "Collections configuration imported. Please refresh this view.", timeout: 5000
+                });
+            })
+                .catch((err) => {
+                toggleNotification({
+                    type: "warning", message: "Importing collections configuration failed. An error was encountered.", timeout: 5000
+                });
+                console.log(err);
+            })
+                .finally(() => setIsInProgress(false));
+        }
+    };
+    const performExport = () => {
+        setIsInProgress(true);
+        exportContentConfig()
+            .then(() => {
+            toggleNotification({
+                type: "success", message: "Collections configuration exported.", timeout: 5000
+            });
+        })
+            .catch((err) => {
+            toggleNotification({
+                type: "warning", message: "Exporting collections configuration failed. An error was encountered.", timeout: 5000
+            });
+            console.log(err);
+        })
+            .finally(() => setIsInProgress(false));
+    };
+    (0, react_2.useEffect)(() => {
+        if (importJson && importJson.length > 0) {
+            try {
+                JSON.parse(importJson);
+                setIsEnteredJsonValid(true);
+            }
+            catch (e) {
+                setIsEnteredJsonValid(false);
+            }
+        }
+    }, [importJson]);
+    (0, react_2.useEffect)(() => {
+        setIsInProgress(true);
+        loadContentConfig()
+            .then((resp) => {
+            const displayConfig = [];
+            for (let r = 0; r < Object.keys(resp).length; r++) {
+                const item = { collectionName: Object.keys(resp)[r], indexed: [], notIndexed: [] };
+                const collectionName = item.collectionName;
+                for (let k = 0; k < Object.keys(resp[collectionName]).length; k++) {
+                    const attribs = resp[collectionName];
+                    for (let s = 0; s < Object.keys(attribs).length; s++) {
+                        const attrName = Object.keys(attribs)[s];
+                        const attr = attribs[attrName];
+                        if (attr.index === false && !item.notIndexed.includes(attrName))
+                            item.notIndexed.push(attrName);
+                        else if (attr.index && !item.indexed.includes(attrName))
+                            item.indexed.push(attrName);
+                    }
+                }
+                displayConfig.push(item);
+            }
+            setConfig(displayConfig);
+        })
+            .catch((err) => {
+            toggleNotification({
+                type: "warning", message: "An error was encountered while fetching the configuration.", timeout: 5000
+            });
+            console.log(err);
+        })
+            .finally(() => {
+            setIsInProgress(false);
+        });
+    }, []);
+    if (config === null)
+        return react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null);
+    else {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(design_system_1.Flex, { alignItems: "stretch", gap: 4 },
+                react_1.default.createElement(SubNavigation_1.SubNavigation, { activeUrl: '/configure-collections/' }),
+                react_1.default.createElement(design_system_1.Box, { padding: 8, background: "neutral100" },
+                    react_1.default.createElement(design_system_1.Box, { paddingBottom: 4 },
+                        react_1.default.createElement(design_system_3.Typography, { variant: "alpha" }, "Configure Collections")),
+                    config && (react_1.default.createElement(design_system_7.TwoColsLayout, { startCol: react_1.default.createElement(design_system_2.Table, { colCount: 4, rowCount: config.length },
+                            react_1.default.createElement(design_system_2.Thead, null,
+                                react_1.default.createElement(design_system_2.Tr, null,
+                                    react_1.default.createElement(design_system_2.Th, { style: { width: "250px" } },
+                                        react_1.default.createElement(design_system_3.Typography, { variant: "sigma" }, "Collection")),
+                                    react_1.default.createElement(design_system_2.Th, { style: { width: "250px" } },
+                                        react_1.default.createElement(design_system_3.Typography, { variant: "sigma" }, "Index")),
+                                    react_1.default.createElement(design_system_2.Th, { style: { width: "250px" } },
+                                        react_1.default.createElement(design_system_3.Typography, { variant: "sigma" }, "Do not Index")),
+                                    react_1.default.createElement(design_system_2.Th, null,
+                                        react_1.default.createElement(design_system_3.Typography, { variant: "sigma" }, "Actions")))),
+                            react_1.default.createElement(design_system_2.Tbody, null, config.map((collection, idx) => {
+                                return (react_1.default.createElement(design_system_2.Tr, { key: idx },
+                                    react_1.default.createElement(design_system_2.Td, null,
+                                        react_1.default.createElement(design_system_3.Typography, { textColor: "neutral600" }, collection.collectionName)),
+                                    react_1.default.createElement(design_system_2.Td, null, collection.indexed.map((i) => react_1.default.createElement(design_system_1.Box, { paddingBottom: 2 },
+                                        react_1.default.createElement(design_system_3.Typography, { textColor: "neutral600" }, i)))),
+                                    react_1.default.createElement(design_system_2.Td, null, collection.notIndexed.map((i) => react_1.default.createElement(design_system_1.Box, { paddingBottom: 2 },
+                                        react_1.default.createElement(design_system_3.Typography, { textColor: "neutral600" }, i)))),
+                                    react_1.default.createElement(design_system_2.Td, null,
+                                        react_1.default.createElement(design_system_4.IconButton, { onClick: () => history.push(`/plugins/${pluginId_1.default}/configure-collections/${collection.collectionName}`), label: "Edit collection configuration", noBorder: true, icon: react_1.default.createElement(icons_1.Pencil, null) }),
+                                        react_1.default.createElement(design_system_4.IconButton, { onClick: () => scheduleCollectionIndexing(collection.collectionName), label: "Schedule indexing for all items in this collection", noBorder: true, icon: react_1.default.createElement(icons_1.Server, null) }))));
+                            }))), endCol: react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement(design_system_1.Box, { paddingLeft: 2, paddingRight: 2, paddingTop: 4, paddingBottom: 4 },
+                                react_1.default.createElement(design_system_1.Box, { paddingTop: 4, paddingBottom: 4 },
+                                    react_1.default.createElement(design_system_3.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral600" }, "CONFIG ACTIONS")),
+                                react_1.default.createElement(design_system_7.Divider, null),
+                                react_1.default.createElement(design_system_1.Box, { paddingTop: 4, paddingBottom: 4 },
+                                    react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+                                        react_1.default.createElement(design_system_5.Button, { loading: isInProgress, fullWidth: true, variant: "secondary", onClick: performExport }, "Export")),
+                                    react_1.default.createElement(design_system_1.Box, { paddingTop: 2, paddingBottom: 2 },
+                                        react_1.default.createElement(design_system_5.Button, { loading: isInProgress, fullWidth: true, variant: "secondary", onClick: () => setDisplayImportModal(true) }, "Import"))))) })),
+                    displayImportModal &&
+                        react_1.default.createElement(design_system_6.ModalLayout, { onClose: () => setDisplayImportModal(false), labelledBy: "title" },
+                            react_1.default.createElement(design_system_6.ModalHeader, null,
+                                react_1.default.createElement(design_system_3.Typography, { fontWeight: "bold", textColor: "neutral800", as: "h2", id: "title" }, "Import Search Configuration")),
+                            react_1.default.createElement(design_system_6.ModalBody, null,
+                                react_1.default.createElement(design_system_7.Textarea, { label: "Configuration Json", error: !isEnteredJsonValid ? 'Invalid Json' : undefined, onChange: e => setImportJson(e.target.value) }, importJson)),
+                            react_1.default.createElement(design_system_6.ModalFooter, { startActions: react_1.default.createElement(design_system_5.Button, { onClick: () => setDisplayImportModal(false), variant: "tertiary" }, "Cancel"), endActions: react_1.default.createElement(react_1.default.Fragment, null,
+                                    react_1.default.createElement(design_system_5.Button, { loading: isInProgress, onClick: performImport, disabled: !isEnteredJsonValid && !importJson.length > 0 }, "Import")) }))))));
+    }
+};
+exports.default = Configure;

package/dist/admin/src/pages/Homepage/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Homepage: () => React.JSX.Element;
+export default Homepage;