@peers-app/peers-ui 0.13.5 → 0.14.0

package/dist/screens/events/event-handlers.js

@@ -1,84 +0,0 @@
-"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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PeerEventHandlersUI = void 0;
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const lodash_1 = require("lodash");
-const react_1 = __importStar(require("react"));
-const peers_sdk_2 = require("@peers-app/peers-sdk");
-const tooltip_1 = require("../../components/tooltip");
-const editor_inline_1 = require("../../components/markdown-editor/editor-inline");
-const loading_indicator_1 = require("../../components/loading-indicator");
-const peers_sdk_3 = require("@peers-app/peers-sdk");
-const hooks_1 = require("../../hooks");
-const PeerEventHandlersUI = (props) => {
-    const { peerEventType, handlers } = props;
-    const [handlersMarkdown] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(''));
-    const markdownInitialized = (0, hooks_1.usePromise)(async () => {
-        const workflowIds = handlers().map(h => h.handlerWorkflowId);
-        const handlerWorkflows = await (0, peers_sdk_2.Workflows)().list({ workflowId: { $in: workflowIds } });
-        const workflowTitles = handlerWorkflows.reduce((acc, wf) => ({ ...acc, [wf.workflowId]: wf.name }), {});
-        const mentions = workflowIds.map(workflowId => '- ' + (0, peers_sdk_3.formatMention)({ kind: 'workflow', id: workflowId, name: workflowTitles[workflowId] ?? workflowId }));
-        const markdown = `${mentions.join('\n') || '- '}`;
-        handlersMarkdown(markdown);
-        return true;
-    });
-    (0, hooks_1.useSubscription)(handlersMarkdown, () => {
-        if (!markdownInitialized)
-            return;
-        const startWorkflowIds = handlers().map(h => h.handlerWorkflowId);
-        const workflowIds = (0, peers_sdk_3.getAllMentions)(handlersMarkdown()).filter(m => m.kind === 'workflow').map(m => m.id);
-        if ((0, lodash_1.isEqual)(startWorkflowIds, workflowIds))
-            return;
-        const newHandlers = workflowIds.map(workflowId => ({
-            peerEventHandlerId: (0, peers_sdk_2.newid)(),
-            peerEventTypeId: peerEventType.peerEventTypeId,
-            handlerWorkflowId: workflowId,
-        }));
-        handlers(newHandlers);
-        peerEventType.q(peerEventType.q() + 1);
-        console.log('new handlers', newHandlers.map(h => h.handlerWorkflowId));
-    });
-    if (!markdownInitialized) {
-        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
-    }
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", { className: 'mt-2' },
-            react_1.default.createElement("small", null, "Mention workflows this event should trigger:"),
-            react_1.default.createElement("small", null,
-                react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: `The mentions will be reformatted as a bulleted list regardless of how they are entered.  All other content except for workflow mentions will be discarded.` })),
-            react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: handlersMarkdown }))));
-};
-exports.PeerEventHandlersUI = PeerEventHandlersUI;

package/dist/screens/events/event-info.d.ts

@@ -1,5 +0,0 @@
-import React from "react";
-import { IDoc, IPeerEventType } from "@peers-app/peers-sdk";
-export declare const PeerEventInfo: (props: {
-    peerEventType: IDoc<IPeerEventType>;
-}) => React.JSX.Element;

package/dist/screens/events/event-info.js

@@ -1,19 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PeerEventInfo = void 0;
-const react_1 = __importDefault(require("react"));
-const editor_inline_1 = require("../../components/markdown-editor/editor-inline");
-const input_1 = require("../../components/input");
-const PeerEventInfo = (props) => {
-    const { peerEventType } = props;
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("small", null, "Name:"),
-        react_1.default.createElement(input_1.Input, { value: peerEventType.qs.name, className: "form-control mb-3 p-0 ps-2", placeholder: "Event name", title: "Event name" }),
-        react_1.default.createElement("div", { className: 'mt-2' },
-            react_1.default.createElement("small", null, "Description:"),
-            react_1.default.createElement(editor_inline_1.MarkdownEditorInline, { value: peerEventType.qs.description }))));
-};
-exports.PeerEventInfo = PeerEventInfo;

package/dist/screens/events/event-list.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare function PeerEventList(): React.JSX.Element;

package/dist/screens/events/event-list.js

@@ -1,107 +0,0 @@
-"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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PeerEventList = PeerEventList;
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importStar(require("react"));
-const input_1 = require("../../components/input");
-const lazy_list_1 = require("../../components/lazy-list");
-const loading_indicator_1 = require("../../components/loading-indicator");
-const markdown_with_mentions_1 = require("../../components/markdown-with-mentions");
-const globals_1 = require("../../globals");
-const hooks_1 = require("../../hooks");
-function PeerEventList() {
-    const [searchTextObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)(''));
-    const [searchText] = (0, hooks_1.useObservable)(searchTextObs);
-    const [cursorObs] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)());
-    const [cursorId] = (0, react_1.useState)(() => (0, peers_sdk_1.observable)((0, peers_sdk_1.newid)()));
-    async function newCursor() {
-        const cursor = await (0, peers_sdk_1.PeerEventTypes)().cursor({ name: { $matchWords: searchText } }, { sortBy: ['-createdAt'] });
-        cursorObs(cursor);
-        cursorId((0, peers_sdk_1.newid)());
-        return cursor;
-    }
-    (0, react_1.useEffect)(() => {
-        newCursor();
-    }, [searchText]);
-    async function searchSubmit(evt) {
-        if (evt.key !== "Enter")
-            return;
-        if (!searchText.trim())
-            return;
-        const peerEventName = searchText.trim();
-        const event = await (0, peers_sdk_1.PeerEventTypes)().initRecord({
-            name: peerEventName,
-            description: '',
-            schema: {
-                type: peers_sdk_1.IOSchemaType.none,
-                fields: []
-            }
-        });
-        await (0, peers_sdk_1.PeerEventTypes)().insert(event);
-        (0, globals_1.mainContentPath)(`events/${event.peerEventTypeId}`);
-    }
-    async function loadMore(events) {
-        let moreMatches = [];
-        let cursor = cursorObs() || await newCursor();
-        for await (const event of cursor) {
-            if (events.find(e => e.peerEventTypeId === event.peerEventTypeId))
-                continue;
-            moreMatches.push(event);
-            if (searchText.length && moreMatches.length > 5)
-                break;
-            if (moreMatches.length >= 50)
-                break;
-        }
-        if (moreMatches.length === 0) {
-            cursorObs(undefined);
-        }
-        return moreMatches;
-    }
-    return (react_1.default.createElement("div", { className: 'container-fluid' },
-        react_1.default.createElement(input_1.Input, { value: searchTextObs, className: "form-control mt-3", style: { marginBottom: "10px" }, placeholder: "Search or create new event", autoFocus: (0, globals_1.isDesktop)() ? true : false, onKeyUp: evt => searchSubmit(evt) }),
-        react_1.default.createElement("div", { className: "peers-list-container" },
-            react_1.default.createElement(lazy_list_1.LazyList, { key: cursorId(), loadMore: loadMore, scrollThreshold: 0.6, renderItems: (events) => {
-                    return events.map(event => {
-                        return (react_1.default.createElement("div", { key: event.peerEventTypeId, className: 'container-fluid pb-4' },
-                            react_1.default.createElement("i", { className: "bi bi-lightning-charge-fill" }),
-                            "\u00A0",
-                            react_1.default.createElement("a", { href: `#events/${event.peerEventTypeId}` }, event.name),
-                            react_1.default.createElement("div", { style: { paddingLeft: '20px' } },
-                                react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: event.description }))));
-                    });
-                }, loadingIndicator: react_1.default.createElement("div", { className: "d-flex justify-content-center", style: { height: 200 } },
-                    react_1.default.createElement(loading_indicator_1.LoadingIndicator, null)), endOfList: react_1.default.createElement("div", { className: "d-flex justify-content-center", style: { height: 200 } }) }))));
-}

package/dist/screens/events/event-schedule.d.ts

@@ -1,5 +0,0 @@
-import { IDoc, IPeerEventType } from "@peers-app/peers-sdk";
-import React from "react";
-export declare const PeerEventSchedule: (props: {
-    peerEventType: IDoc<IPeerEventType>;
-}) => React.JSX.Element;

package/dist/screens/events/event-schedule.js

@@ -1,124 +0,0 @@
-"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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PeerEventSchedule = void 0;
-const react_1 = __importStar(require("react"));
-const input_1 = require("../../components/input");
-const markdown_with_mentions_1 = require("../../components/markdown-with-mentions");
-const tooltip_1 = require("../../components/tooltip");
-const hooks_1 = require("../../hooks");
-const cron_1 = require("./cron");
-const PeerEventSchedule = (props) => {
-    const { peerEventType } = props;
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("div", { className: "mt-3" }),
-        react_1.default.createElement("small", null, "Chron Schedule"),
-        react_1.default.createElement(CronScheduleEditor, { cronSchedule: peerEventType.qs.cronSchedule, q: peerEventType.q })));
-};
-exports.PeerEventSchedule = PeerEventSchedule;
-const CronScheduleEditor = (props) => {
-    const { cronSchedule } = props;
-    const tempSchedule = (0, hooks_1.useObservableState)(props.cronSchedule() ?? '');
-    const cronError = (0, hooks_1.useObservableState)('');
-    const cronExplanation = (0, hooks_1.useObservableState)('');
-    const emptyCronMessage = [
-        'Enter a valid cron schedule to have this workflow automatically run.',
-        'For detailed information, see [Cron Schedule Syntax](https://en.wikipedia.org/wiki/Cron#CRON_expression)',
-        'and [CronTab.Guru](https://crontab.guru/)\n',
-        'The format is:',
-        '- `minute hour day-of-month month day-of-week`. ',
-        '  - `*` means every',
-        '  - `1-5` means 1 through 5',
-        '  - `1,4` means 1 and 4',
-        '',
-        'Examples:',
-        '- run every day at 3am:\n  - `0 3 * * *`',
-        '- run every Monday at 3am:\n  - `0 3 * * 1`',
-        '- run every Monday and Thursday at 3am:\n  - `0 3 * * 1,4`',
-        '- run every weekday at 3am:\n  - `0 3 * * 1-5`',
-    ].join('\n');
-    (0, react_1.useEffect)(() => {
-        function updateExplanation() {
-            if (cronError()) {
-                cronExplanation('');
-            }
-            else if (!tempSchedule()) {
-                cronExplanation(emptyCronMessage);
-            }
-            else {
-                cronExplanation((0, cron_1.getCronExplanation)(tempSchedule()));
-            }
-        }
-        cronExplanation((0, cron_1.getCronExplanation)(tempSchedule()));
-        const sub = tempSchedule.subscribe(() => {
-            // validate and format cron schedule
-            let schedule = tempSchedule() || '';
-            schedule = schedule.trim();
-            cronExplanation('');
-            cronError('');
-            cronSchedule(undefined);
-            if (!schedule) {
-                updateExplanation();
-                return;
-            }
-            const errors = (0, cron_1.getCronErrors)(schedule);
-            if (errors) {
-                cronError(errors);
-                return;
-            }
-            cronSchedule(schedule);
-            updateExplanation();
-        });
-        const sub2 = props.q.subscribe(() => {
-            if (props.q() === 0) {
-                tempSchedule(cronSchedule() || '');
-                cronError('');
-                cronExplanation((0, cron_1.getCronExplanation)(tempSchedule()));
-            }
-        });
-        return () => {
-            sub.dispose();
-            sub2.dispose();
-        };
-    }, [cronSchedule, tempSchedule]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(tooltip_1.Tooltip, { markdownContent: emptyCronMessage, handleClassName: `p-2 small` }),
-        react_1.default.createElement(input_1.Input, { value: tempSchedule, className: `form-control mb-3 p-0 p-2 ` + (cronError() ? 'border-danger' : ''), placeholder: "minute hour day(of month) month day(of week)", title: "Cron Schedule", style: { fontFamily: 'monospace' } }),
-        cronError()
-            ? (react_1.default.createElement("div", { className: "text-danger" },
-                react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: cronError() })))
-            : (react_1.default.createElement("div", null,
-                react_1.default.createElement(markdown_with_mentions_1.MarkdownWithMentions, { content: cronExplanation() })))));
-};

package/dist/screens/knowledge/knowledge-frame-details.bk.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface IProps {
-    knowledgeFrameId: string;
-}
-export declare const KnowledgeFrameDetails: (props: IProps) => React.JSX.Element;
-export {};

package/dist/screens/knowledge/knowledge-frame-details.bk.js

@@ -1,84 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KnowledgeFrameDetails = void 0;
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const react_1 = __importDefault(require("react"));
-const peers_sdk_2 = require("@peers-app/peers-sdk");
-const save_button_1 = require("../../components/save-button");
-const text_list_editor_1 = require("../../components/text-list-editor.tsx/text-list-editor");
-const loading_indicator_1 = require("../../components/loading-indicator");
-const hooks_1 = require("../../hooks");
-const input_1 = require("../../components/input");
-const KnowledgeFrameDetails = (props) => {
-    const frame = (0, hooks_1.usePromise)(async () => {
-        const frame = await (0, peers_sdk_2.KnowledgeFrames)().get(props.knowledgeFrameId);
-        if (!frame) {
-            throw new Error('Knowledge Frame not found');
-        }
-        return (0, peers_sdk_2.KnowledgeFrames)().initDoc(frame);
-    }, undefined, [props.knowledgeFrameId]);
-    const bodyObs = frame?.qs.body || (0, peers_sdk_1.observable)('');
-    // useEffect
-    let p = setTimeout(() => { }, 0);
-    (0, hooks_1.useSubscription)(bodyObs, () => {
-        clearTimeout(p);
-        p = setTimeout(() => {
-            // todo update frames knowledgeIds that are linked in the body
-            frame?.save();
-        }, 2000);
-    });
-    if (!frame) {
-        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
-    }
-    return (react_1.default.createElement("div", { className: "container-fluid p-3" },
-        react_1.default.createElement("div", { className: "d-flex" },
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("h4", null,
-                    react_1.default.createElement("i", { className: "me-2 bi bi-window-dock" }))),
-            react_1.default.createElement("div", { className: "flex-grow-1" },
-                react_1.default.createElement("h4", null,
-                    react_1.default.createElement(input_1.Input, { key: frame.knowledgeFrameId, className: 'border border-0', style: { width: '100%', outline: 'none', backgroundColor: 'transparent' }, value: frame.qs.name }))),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(save_button_1.SaveButton, { key: frame.knowledgeFrameId, doc: frame }))),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(text_list_editor_1.TextListEditor, { value: bodyObs, maxHeight: 'calc(100vh - 130px)' })));
-};
-exports.KnowledgeFrameDetails = KnowledgeFrameDetails;
-const KnowledgeEntriesList = (props) => {
-    const { frame } = props;
-    (0, hooks_1.useObservable)(frame.qs.knowledgeValueIds);
-    const knowledgeEntries = (0, hooks_1.usePromise)(async () => {
-        return (0, peers_sdk_2.KnowledgeValues)().list({ knowledgeValueId: frame.knowledgeValueIds });
-    }, [], [frame.knowledgeValueIds]);
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(NewKnowledgeEntry, { frame: frame }),
-        react_1.default.createElement("div", null, knowledgeEntries?.map(entry => {
-            return (react_1.default.createElement("div", { key: entry.knowledgeValueId }, JSON.stringify(entry, null, 2)));
-        }))));
-};
-const NewKnowledgeEntry = (props) => {
-    const { defaultSubjectId, defaultPredicateId, frame } = props;
-    const valueStr = (0, hooks_1.useObservableState)('', true);
-    const addKnowledgeEntry = async (e) => {
-        e.preventDefault();
-        const value = valueStr().trim();
-        throw new Error('Not implemented');
-        // const entry = await KnowledgeValues().insert({
-        //   knowledgeValueId: newid(),
-        //   peerTypeId: 'string',
-        //   value,
-        //   // predicateId: defaultPredicateId,
-        //   // subjectId: defaultSubjectId,
-        //   // modified: Date.now(),
-        // });
-        // frame.knowledgeValueIds = [...frame.knowledgeValueIds, entry.knowledgeValueId];
-        // await frame.save();
-        // valueStr('');
-    };
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement("form", { onSubmit: addKnowledgeEntry },
-            react_1.default.createElement(input_1.Input, { value: valueStr, className: "form-control sm", type: "text", placeholder: "Add Entry" }))));
-};

package/dist/screens/knowledge/knowledge-frame-details.d.ts

@@ -1,8 +0,0 @@
-import { IKnowledgeValue } from "@peers-app/peers-sdk";
-import React from "react";
-interface IProps {
-    knowledgeFrameId: string;
-}
-export declare const KnowledgeFrameDetails: (props: IProps) => React.JSX.Element;
-export declare function searchKnowledgeValues(searchText: string): Promise<IKnowledgeValue[]>;
-export {};

package/dist/screens/knowledge/knowledge-frame-details.js

@@ -1,143 +0,0 @@
-"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;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KnowledgeFrameDetails = void 0;
-exports.searchKnowledgeValues = searchKnowledgeValues;
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const lodash_1 = require("lodash");
-const react_1 = __importStar(require("react"));
-const input_1 = require("../../components/input");
-const loading_indicator_1 = require("../../components/loading-indicator");
-const save_button_1 = require("../../components/save-button");
-const typeahead_1 = require("../../components/typeahead/typeahead");
-const hooks_1 = require("../../hooks");
-const mention_configs_1 = require("../../mention-configs");
-const tabs_state_1 = require("../../tabs-layout/tabs-state");
-const KnowledgeFrameDetails = (props) => {
-    const frame = (0, hooks_1.usePromise)(async () => {
-        const frame = await (0, peers_sdk_1.KnowledgeFrames)().get(props.knowledgeFrameId);
-        if (!frame) {
-            throw new Error('Knowledge Frame not found');
-        }
-        const doc = (0, peers_sdk_1.KnowledgeFrames)().initDoc(frame);
-        (0, tabs_state_1.updateActiveTabTitle)(doc.name || "Knowledge Frame");
-        return doc;
-    }, undefined, [props.knowledgeFrameId]);
-    const typeaheadText = (0, hooks_1.useObservableState)('', true);
-    if (!frame) {
-        return react_1.default.createElement(loading_indicator_1.LoadingIndicator, null);
-    }
-    function createKnowledgeValue() {
-        console.log('submit', { textValue: typeaheadText() });
-    }
-    return (react_1.default.createElement("div", { className: "container-fluid p-3" },
-        react_1.default.createElement("div", { className: "d-flex" },
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("h4", null,
-                    react_1.default.createElement("i", { className: "me-2 bi bi-window-dock" }))),
-            react_1.default.createElement("div", { className: "flex-grow-1" },
-                react_1.default.createElement("h4", null,
-                    react_1.default.createElement(input_1.Input, { key: frame.knowledgeFrameId, className: 'border border-0', style: { width: '100%', outline: 'none', backgroundColor: 'transparent' }, value: frame.qs.name }))),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement(save_button_1.SaveButton, { key: frame.knowledgeFrameId, doc: frame }))),
-        react_1.default.createElement("br", null),
-        react_1.default.createElement(typeahead_1.Typeahead, { value: (0, peers_sdk_1.observable)(''), textValue: typeaheadText, mentionConfigs: mention_configs_1.mentionConfigs, 
-            // placeholder={`Search for knowledge to add or create new`}
-            autoFocus: true, onSubmit: createKnowledgeValue }),
-        react_1.default.createElement(KnowledgeSearchValuesList, { searchText: typeaheadText }),
-        react_1.default.createElement(KnowledgeFrameValuesList, { frame: frame })));
-};
-exports.KnowledgeFrameDetails = KnowledgeFrameDetails;
-let p = undefined;
-const KnowledgeSearchValuesList = (props) => {
-    const { searchText } = props;
-    (0, hooks_1.useObservable)(searchText);
-    const [searchResults, setSearchResults] = (0, react_1.useState)(undefined);
-    (0, hooks_1.useSubscription)(searchText, async (text) => {
-        clearTimeout(p);
-        setSearchResults(undefined);
-        if (!searchText()) {
-            return;
-        }
-        p = setTimeout(async () => {
-            p = undefined;
-            const values = await searchKnowledgeValues(searchText());
-            if (p)
-                return;
-            setSearchResults(values);
-        }, 1000);
-    }, true);
-    if (!searchText()) {
-        return null;
-    }
-    if (searchResults === undefined) {
-        return (react_1.default.createElement("div", { className: "d-flex justify-content-center m-3" },
-            react_1.default.createElement("div", { className: "spinner-grow", role: "status", style: { width: '1.2rem', height: '1.2rem', } },
-                react_1.default.createElement("span", { className: "visually-hidden" }, "Loading..."))));
-    }
-    if (searchResults.length === 0) {
-        return (react_1.default.createElement("div", { className: "d-flex justify-content-center mt-3", style: { minHeight: '35px' } },
-            react_1.default.createElement("div", null, "No results found")));
-    }
-    return (react_1.default.createElement("div", { style: { minHeight: '51px' } }, searchResults.map(item => react_1.default.createElement(peers_sdk_1.PeersUI, { key: item.knowledgeValueId, uiEditMode: "view", uiCategory: "list-item", props: { knowledgeValue: item } }))));
-};
-const KnowledgeFrameValuesList = (props) => {
-    const { frame } = props;
-    return (react_1.default.createElement("div", null, "show values included in frame"));
-};
-async function searchKnowledgeValues(searchText) {
-    const mentions = (0, peers_sdk_1.getAllMentions)(searchText);
-    const typeMentions = mentions.filter(m => m.kind === "type");
-    const otherMentions = mentions.filter(m => m.kind !== "type");
-    const filter = {};
-    if (typeMentions.length) {
-        filter.peerTypeId = typeMentions.map(m => m.id);
-        for (const typeMention of typeMentions) {
-            searchText = searchText.replace((0, peers_sdk_1.formatMention)(typeMention), '');
-        }
-    }
-    if (otherMentions.length) {
-        for (const mention of mentions) {
-            searchText = searchText.replace((0, peers_sdk_1.formatMention)(mention), mention.id);
-        }
-    }
-    searchText = searchText.trim();
-    let matches = await (0, peers_sdk_1.KnowledgeValues)().list(filter, { pageSize: 100, textSearch: searchText });
-    if (searchText) {
-        const words = searchText.toLowerCase().split(' ');
-        matches = (0, lodash_1.sortBy)(matches, r => words.filter(w => r.name.toLowerCase().includes(w)).length).reverse();
-    }
-    return matches;
-}

package/dist/screens/knowledge/knowledge-frame-list.d.ts

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

package/dist/screens/knowledge/knowledge-frame-list.js

@@ -1,45 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KnowledgeFrameList = void 0;
-const react_1 = __importDefault(require("react"));
-const peers_sdk_1 = require("@peers-app/peers-sdk");
-const list_screen_1 = require("../../components/list-screen");
-const globals_1 = require("../../globals");
-const KnowledgeFrameList = () => {
-    const screenPathPart = 'knowledge-frames';
-    const icon = 'bi bi-window-dock';
-    return (0, list_screen_1.ListScreen)({
-        table: (0, peers_sdk_1.KnowledgeFrames)(),
-        sortBy: ['-modified'],
-        placeholderName: 'frame',
-        getFilter: (text) => {
-            return {
-                $or: [
-                    { name: { $matchWords: text } },
-                    { body: { $matchWords: text } },
-                ]
-            };
-        },
-        newRecord: async (text) => {
-            const knowledgeFrame = await (0, peers_sdk_1.KnowledgeFrames)().insert({
-                knowledgeFrameId: (0, peers_sdk_1.newid)(),
-                name: text,
-                knowledgeValueIds: [],
-                body: '',
-                modified: Date.now(),
-            });
-            (0, globals_1.mainContentPath)(`${screenPathPart}/${knowledgeFrame.knowledgeFrameId}`);
-            return knowledgeFrame;
-        },
-        renderItem: (item) => {
-            return (react_1.default.createElement("div", { key: item.knowledgeFrameId, className: 'container-fluid pb-4' },
-                react_1.default.createElement("i", { style: { cursor: 'pointer' }, className: icon }),
-                "\u00A0\u00A0",
-                react_1.default.createElement("a", { href: `#${screenPathPart}/${item.knowledgeFrameId}` }, item.name?.trim() || 'No Name')));
-        },
-    });
-};
-exports.KnowledgeFrameList = KnowledgeFrameList;

package/dist/screens/knowledge/knowledge-value-details.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface IProps {
-    knowledgeValueId: string;
-}
-export declare const KnowledgeValueDetails: (props: IProps) => React.JSX.Element;
-export {};