@riboseinc/paneron-registry-kit 2.2.58 → 2.2.60

package/compiled/types/item.js

@@ -0,0 +1,28 @@
+const ITEM_STATUSES = [
+    'submitted',
+    'valid',
+    'superseded',
+    'retired',
+    'invalid',
+];
+export function isInternalItemReference(val) {
+    return (val &&
+        val.hasOwnProperty('itemID') &&
+        val.hasOwnProperty('classID') &&
+        typeof val['itemID'] == 'string' &&
+        typeof val['classID'] == 'string');
+}
+export const DUMMY_REF = {
+    itemID: 'NONEXISTENT_ITEM_ID',
+    classID: 'NONEXISTENT_CLASS_ID',
+    subregisterID: undefined,
+};
+export function isRegisterItem(val) {
+    return (val &&
+        val.hasOwnProperty('id') &&
+        val.hasOwnProperty('data') &&
+        typeof val.data !== 'undefined' &&
+        val.hasOwnProperty('status') &&
+        ITEM_STATUSES.indexOf(val.status) >= 0);
+}
+//# sourceMappingURL=item.js.map

package/compiled/types/register.js

@@ -0,0 +1,25 @@
+import { isRegisterStakeholder } from './stakeholder';
+export function isRegisterMetadata(val) {
+    return (val &&
+        // val.hasOwnProperty('id') &&
+        //typeof val.id === 'string' &&
+        val.hasOwnProperty('name') &&
+        typeof val.name === 'string' &&
+        //val.hasOwnProperty('contentSummary') &&
+        //typeof val.contentSummary === 'string' &&
+        val.hasOwnProperty('stakeholders') &&
+        val.stakeholders.length > 0 &&
+        // Stakeholders must be right
+        val.stakeholders.every(isRegisterStakeholder) &&
+        // Must have at least an owner? No
+        // val.stakeholders.some((s: RegisterStakeholder) => s.role === 'owner') &&
+        // Must have a valid version (or no version? hmm)
+        (val.version === undefined || isVersion(val.version)));
+}
+export function isVersion(val) {
+    return (val &&
+        val.hasOwnProperty('id') &&
+        val.hasOwnProperty('timestamp') &&
+        typeof val.id === 'string');
+}
+//# sourceMappingURL=register.js.map

package/compiled/types/registry.js

@@ -0,0 +1,10 @@
+// TODO: What is below for?
+export const KNOWN_AUTHORITATIVE_REGISTRIES = [
+    {
+        id: '9D546C5C-8FA4-496D-A721-6DA72E35F4A9',
+        name: 'ICS codes',
+        publicURL: 'https://ics.demo.paneron.org/',
+        repoURL: 'https://github.com/paneron/ics-codes-registry',
+    },
+];
+//# sourceMappingURL=registry.js.map

package/compiled/types/stakeholder.js

@@ -0,0 +1,81 @@
+// Stakeholders
+/** Possible roles of a register stakeholder. */
+export const StakeholderRole = {
+    Owner: 'owner',
+    ControlBody: 'control-body',
+    ControlBodyReview: 'control-body-reviewer',
+    Manager: 'manager',
+    Submitter: 'submitter',
+};
+export const StakeholderRoleLabels = {
+    owner: "Owner",
+    'control-body': "Control body approver",
+    'control-body-reviewer': "Control body reviewer",
+    manager: "Manager",
+    submitter: "Proposal submitter",
+};
+export const STAKEHOLDER_ROLES = Object.values(StakeholderRole);
+export function isStakeholderRole(val) {
+    return STAKEHOLDER_ROLES.indexOf(val) >= 0;
+}
+//export function getStakeholders(
+//  allStakeholders: readonly RegisterStakeholder[],
+//  gitServerUsername: string,
+//): readonly RegisterStakeholder[] {
+//  if (allStakeholders.length < 1) {
+//    return Object.freeze([]);
+//  } else {
+//    const normalizedUsername = gitServerUsername.toLowerCase();
+//    return Object.freeze(allStakeholders.filter(sh =>
+//      sh.parties.find(p => p.gitServerUsername?.toLowerCase() === normalizedUsername)
+//    ))
+//  }
+//}
+export function canCreateCR(stakeholder) {
+    var _a;
+    return (isOwner(stakeholder) || isSubmitter(stakeholder) || isManager(stakeholder) &&
+        // Must have a Git server username (current limitation)
+        // in order to be able to edit this proposal later.
+        ((_a = stakeholder.gitServerUsername) === null || _a === void 0 ? void 0 : _a.trim()) !== '');
+}
+export function canImportCR(stakeholder) {
+    var _a;
+    return (isManager(stakeholder) || isOwner(stakeholder) &&
+        // Must have a Git server username (current limitation)
+        // in order to be able to edit this proposal later.
+        ((_a = stakeholder.gitServerUsername) === null || _a === void 0 ? void 0 : _a.trim()) !== '');
+}
+export function isOwner(val) {
+    var _a;
+    return ((_a = val.roles) === null || _a === void 0 ? void 0 : _a.includes(StakeholderRole.Owner))
+        || val.role === StakeholderRole.Owner;
+}
+export function isControlBody(val) {
+    var _a;
+    return ((_a = val.roles) === null || _a === void 0 ? void 0 : _a.includes(StakeholderRole.ControlBody))
+        || val.role === StakeholderRole.ControlBody;
+}
+export function isControlBodyReviewer(val) {
+    var _a;
+    return ((_a = val.roles) === null || _a === void 0 ? void 0 : _a.includes(StakeholderRole.ControlBodyReview))
+        || val.role === StakeholderRole.ControlBodyReview;
+}
+export function isManager(val) {
+    var _a;
+    return ((_a = val.roles) === null || _a === void 0 ? void 0 : _a.includes(StakeholderRole.Manager))
+        || val.role === StakeholderRole.Manager;
+}
+export function isSubmitter(val) {
+    var _a;
+    return ((_a = val.roles) === null || _a === void 0 ? void 0 : _a.includes(StakeholderRole.Submitter))
+        || val.role === StakeholderRole.Submitter;
+}
+//export type RegisterStakeholder = Owner | ControlBody | Manager | Submitter
+export function isRegisterStakeholder(val) {
+    return (val
+        && val.hasOwnProperty('name')
+        && ((val.hasOwnProperty('roles') && val.roles.every(isStakeholderRole))
+            || (val.hasOwnProperty('role') && isStakeholderRole(val.role)) // TODO: obsolete
+        ));
+}
+//# sourceMappingURL=stakeholder.js.map

package/compiled/types/util.js

@@ -0,0 +1,3 @@
+// Utilities
+export {};
+//# sourceMappingURL=util.js.map

package/compiled/types/views.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=views.js.map

package/compiled/views/AnnotatedChange.js

@@ -0,0 +1,62 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx } from '@emotion/react';
+import React, { useRef, useEffect } from 'react';
+import { Colors } from '@blueprintjs/core';
+import { annotate } from 'rough-notation';
+function annotateChange(type, wrappingEl, childIsBoxy, colorScheme) {
+    const highlightConfig = {
+        type: 'highlight',
+        animate: false,
+        color: colorScheme === 'dark' ? Colors.GOLD2 : Colors.GOLD5,
+        iterations: 3,
+    };
+    let changeConfig;
+    if (type === 'added') {
+        changeConfig = {
+            type: childIsBoxy ? 'bracket' : 'underline',
+            iterations: 1,
+            color: Colors.BLUE4,
+        };
+    }
+    else {
+        changeConfig = {
+            type: 'crossed-off',
+            iterations: 1,
+            color: Colors.RED3,
+        };
+    }
+    const highlightAnnotation = annotate(wrappingEl, highlightConfig);
+    const changeAnnotation = annotate(wrappingEl, changeConfig);
+    return [highlightAnnotation, changeAnnotation];
+}
+const AnnotatedChange = ({ type, children }) => {
+    const elRef = useRef(null);
+    const firstChild = React.Children.toArray(children)[0];
+    const childType = React.isValidElement(firstChild) ? firstChild.type : undefined;
+    const childIsBoxy = childType === 'div';
+    // Could it bring more accuracy to block/inline detection?
+    //const childCount = React.isValidElement(firstChild) ? React.Children.count(firstChild.props.children) : undefined;
+    useEffect(() => {
+        if (elRef.current) {
+            const isDark = getComputedStyle(elRef.current).colorScheme === 'dark';
+            const annotations = annotateChange(type, elRef.current, childIsBoxy, isDark ? 'dark' : undefined);
+            for (const a of annotations) {
+                a.show();
+            }
+            return function cleanup() {
+                for (const a of annotations) {
+                    a.remove();
+                }
+            };
+        }
+        return;
+    }, [elRef.current, childIsBoxy, type]);
+    return (jsx("mark", { style: {
+            display: childIsBoxy ? 'block' : 'inline',
+            background: 'none',
+            color: 'inherit',
+        }, ref: elRef, title: `(${type} in this proposal)` }, children));
+};
+export default AnnotatedChange;
+//# sourceMappingURL=AnnotatedChange.js.map

package/compiled/views/BrowserCtx.js

@@ -0,0 +1,20 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import { createContext } from 'react';
+;
+export const BrowserCtx = createContext({
+    itemClasses: {},
+    customViews: [],
+    // getRegisterItemData: async () => ({}),
+    selectedRegisterItem: null,
+    registerMetadata: undefined,
+    useRegisterItemData: () => ({
+        value: {},
+        _reqCounter: -1,
+        errors: [],
+        isUpdating: true,
+        refresh: () => void 0,
+    }),
+    getRelatedItemClassConfiguration: () => ({ title: 'N/A', itemView: () => jsx("span", null, "Loading\u2026") }),
+});
+//# sourceMappingURL=BrowserCtx.js.map

package/compiled/views/FilterCriteria/CRITERIA_CONFIGURATION.js

@@ -0,0 +1,121 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx } from '@emotion/react';
+import { Select, TextInput } from '@riboseinc/paneron-extension-kit/widgets/Sidebar/PropertyView';
+import { SUBREGISTER_PATH_PREFIX } from './index';
+export const ITEM_CLASS = {
+    label: "item class is",
+    icon: 'cube',
+    toQuery: ({ classID }, { subregisters }) => `objPath.indexOf("/${classID}/") >= ${subregisters ? SUBREGISTER_PATH_PREFIX.length - 1 : 0}`,
+    fromQuery: (query) => ({
+        classID: query.split('/')[1],
+    }),
+    toSummary: ({ classID }, { itemClasses }) => {
+        var _a, _b;
+        if (classID) {
+            return (_b = (_a = itemClasses[classID]) === null || _a === void 0 ? void 0 : _a.meta.title) !== null && _b !== void 0 ? _b : classID;
+        }
+        else {
+            return "(N/A)";
+        }
+    },
+    widget: ({ data, onChange, itemClasses, availableClassIDs, className, style }) => {
+        var _a;
+        const itemClassChoices = [
+            ...Object.entries(itemClasses).
+                filter(([clsID,]) => availableClassIDs.indexOf(clsID) >= 0).
+                map(([classID, classData]) => {
+                var _a, _b;
+                return {
+                    value: classID,
+                    label: (_b = (_a = classData === null || classData === void 0 ? void 0 : classData.meta) === null || _a === void 0 ? void 0 : _a.title) !== null && _b !== void 0 ? _b : "Unknown class",
+                };
+            }),
+            { value: '', label: "(not selected)" },
+        ];
+        return (jsx(Select, { className: className, style: style, fill: true, options: itemClassChoices, value: (_a = data.classID) !== null && _a !== void 0 ? _a : '', disabled: !onChange, onChange: onChange
+                ? (evt) => onChange({ classID: evt.currentTarget.value })
+                : undefined }));
+    },
+};
+export const SUBREGISTER = {
+    label: "is in subregister",
+    icon: 'folder-open',
+    isEnabled: ({ subregisters }) => subregisters !== undefined,
+    toQuery: ({ subregisterID }, { subregisters }) => subregisters !== undefined && (subregisterID === null || subregisterID === void 0 ? void 0 : subregisterID.trim())
+        ? `objPath.indexOf("/subregisters/${subregisterID}/") === 0`
+        : 'true',
+    fromQuery: (query) => ({
+        subregisterID: query.split('/')[2],
+    }),
+    toSummary: ({ subregisterID }, { subregisters }) => {
+        if (subregisters && subregisterID) {
+            return subregisters[subregisterID].title;
+        }
+        else {
+            return "(N/A)";
+        }
+    },
+    widget: ({ data, onChange, subregisters, className, style }) => {
+        var _a;
+        const subregisterChoices = [
+            ...Object.entries(subregisters !== null && subregisters !== void 0 ? subregisters : {}).
+                map(([subregisterID, subregisterInfo]) => {
+                return { value: subregisterID, label: subregisterInfo.title };
+            }),
+            { value: '', label: "(not selected)" },
+        ];
+        return (jsx(Select, { className: className, style: style, fill: true, options: subregisterChoices, value: (_a = data.subregisterID) !== null && _a !== void 0 ? _a : '', disabled: !onChange, onChange: onChange
+                ? (evt) => onChange({ subregisterID: evt.currentTarget.value })
+                : undefined }));
+    },
+};
+export const RAW_SUBSTRING = {
+    label: "raw data contains",
+    icon: 'search-text',
+    toQuery: ({ substring }) => (substring === null || substring === void 0 ? void 0 : substring.trim())
+        ? `JSON.stringify(obj.data ?? {}).toLowerCase().indexOf("${substring.toLowerCase().replace(/"/g, "\\\"")}") >= 0`
+        : `true`,
+    fromQuery: (query) => {
+        var _a, _b;
+        return ({
+            substring: ((_b = (_a = query.
+                split('JSON.stringify(obj.data ?? {}).toLowerCase().indexOf("')[1]) === null || _a === void 0 ? void 0 : _a.split('") >= 0')[0]) !== null && _b !== void 0 ? _b : '').replace(/\\"/g, '"'),
+        });
+    },
+    toSummary: ({ substring }) => {
+        if (substring) {
+            return substring.length > 20 ? `${substring.slice(0, 20)}…` : substring;
+        }
+        else {
+            return 'N/A';
+        }
+    },
+    widget: ({ data, onChange, className, style }) => {
+        var _a;
+        return jsx(TextInput, { className: className, style: style, value: (_a = data.substring) !== null && _a !== void 0 ? _a : '', onChange: onChange ? substring => onChange({ substring }) : undefined });
+    },
+};
+export const CUSTOM_CONDITION = {
+    label: "condition is met",
+    icon: 'code',
+    toQuery: ({ customExpression }) => customExpression !== null && customExpression !== void 0 ? customExpression : 'true',
+    fromQuery: (query) => ({
+        customExpression: query,
+    }),
+    toSummary: () => "(custom test expr.)",
+    widget: ({ data, onChange, className }) => {
+        var _a;
+        return (jsx(TextInput, { className: className, title: "If this expression returns \u2018false\u2019 for an item, that item is excluded from the list below. Expression must be written in JavaScript and can use special variables \u2018obj\u2019 and \u2018objPath\u2019.", value: (_a = data.customExpression) !== null && _a !== void 0 ? _a : 'true', placeholder: "Enter a valid query expression\u2026", onChange: onChange
+                ? (customExpression) => onChange({ customExpression })
+                : undefined }));
+    },
+};
+export const CRITERIA_CONFIGURATION = {
+    'item-class': ITEM_CLASS,
+    'subregister': SUBREGISTER,
+    'raw-substring': RAW_SUBSTRING,
+    'custom': CUSTOM_CONDITION,
+};
+export default CRITERIA_CONFIGURATION;
+//# sourceMappingURL=CRITERIA_CONFIGURATION.js.map

package/compiled/views/FilterCriteria/criteriaGroupToQueryExpression.js

@@ -0,0 +1,45 @@
+import { isCriteriaGroup } from './models';
+/**
+ * Given a CriteriaGroup,
+ * returns a query expression suitable for use with filtered object indexes..
+ */
+export default function criteriaGroupToQueryExpression(cg) {
+    const exps = [];
+    for (const c of cg.criteria) {
+        if (isCriteriaGroup(c)) {
+            if (c.criteria.length > 1) {
+                exps.push(`(${criteriaGroupToQueryExpression(c)})`);
+            }
+            else if (c.criteria.length > 0) {
+                exps.push(`${criteriaGroupToQueryExpression(c)}`);
+            }
+        }
+        else {
+            if (c.query.trim() !== '') {
+                exps.push(c.query.trim());
+            }
+            else {
+                console.warn("Empty query when processing criteria group", c);
+            }
+        }
+    }
+    let result;
+    if (exps.length < 1) {
+        result = 'true';
+    }
+    else {
+        switch (cg.require) {
+            case 'all':
+                result = exps.join(' && ');
+                break;
+            case 'any':
+                result = exps.join(' || ');
+                break;
+            case 'none':
+                result = exps.map(exp => `${exp} === false`).join(' && ');
+                break;
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=criteriaGroupToQueryExpression.js.map

package/compiled/views/FilterCriteria/criteriaGroupToSummary.js

@@ -0,0 +1,47 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx } from '@emotion/react';
+import React from 'react';
+import { isCriteriaGroup } from './models';
+import { CRITERIA_CONFIGURATION } from "./CRITERIA_CONFIGURATION";
+/* Building query summary */
+export default function criteriaGroupToSummary(cg, opts) {
+    const exps = [];
+    for (const c of cg.criteria) {
+        if (isCriteriaGroup(c)) {
+            exps.push(criteriaGroupToSummary(c, opts));
+        }
+        else {
+            const cfg = CRITERIA_CONFIGURATION[c.key];
+            if (!cfg) {
+                console.error("Missing criterion configuration for key", c.key);
+                throw new Error("Missing criterion configuration");
+            }
+            exps.push(jsx(React.Fragment, null,
+                cfg.label,
+                " ",
+                jsx("em", null, cfg.toSummary(cfg.fromQuery(c.query, opts), opts))));
+        }
+    }
+    let result;
+    if (exps.length < 1) {
+        result = jsx(React.Fragment, null, "(no criteria)");
+    }
+    else {
+        switch (cg.require) {
+            case 'all':
+                result = jsx(React.Fragment, null, exps.reduce((acc, current, index) => [...acc, index ? ', ' : '', current], []));
+                break;
+            case 'any':
+                result = jsx(React.Fragment, null, exps.reduce((acc, current, index) => [...acc, index ? ' or ' : '', current], []));
+                break;
+            case 'none':
+                result = jsx(React.Fragment, null,
+                    "neither ",
+                    exps.reduce((acc, current, index) => [...acc, index ? ' nor ' : '', current], []));
+                break;
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=criteriaGroupToSummary.js.map

package/compiled/views/FilterCriteria/criteriaToNodes.js

@@ -0,0 +1,92 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx, css } from '@emotion/react';
+import React from 'react';
+import { Select } from '@riboseinc/paneron-extension-kit/widgets/Sidebar/PropertyView';
+import { Button, ButtonGroup, ControlGroup } from '@blueprintjs/core';
+import { isCriteriaGroup, isCriteriaKey } from './models';
+import { CriteriaGroupLabel } from './index';
+import { CRITERIA_CONFIGURATION } from './CRITERIA_CONFIGURATION';
+/**
+ * Builds Blueprint’s tree nodes given criteria,
+ * callbacks and relevant register configuration.
+ */
+export default function criteriaToNodes(cs, opts) {
+    var _a;
+    const path = (_a = opts.path) !== null && _a !== void 0 ? _a : [];
+    return [...cs.entries()].map(([idx, c]) => {
+        const isRoot = path.length < 1;
+        const defaultIcon = isRoot && opts.implied === true
+            ? 'manual'
+            : undefined;
+        const disabled = opts.implied === true;
+        const deleteButton = opts.onDeleteItem
+            ? jsx(Button, { minimal: true, small: true, onClick: () => opts.onDeleteItem(path, idx), title: "Delete this criterion or criteria block", disabled: opts.implied, icon: "cross" })
+            : null;
+        const addGroupButton = opts.onAddGroup
+            ? jsx(Button, { minimal: true, small: true, title: "Add nested criteria block", icon: "add-to-artifact", onClick: () => opts.onAddGroup([...path, idx]) })
+            : null;
+        if (isCriteriaGroup(c)) {
+            // Render criteria group recursively
+            const cg = c;
+            return {
+                id: `${path.join('-')}-${idx}-${opts.implied}`,
+                disabled,
+                hasCaret: true,
+                isExpanded: true,
+                icon: defaultIcon,
+                label: jsx(CriteriaGroupLabel, { css: css `margin: 2.5px`, criteriaGroup: cg, onUpdate: opts.onEditItem
+                        ? ((op) => opts.onEditItem(path, idx, { ...cg, require: op }, true))
+                        : undefined }),
+                secondaryLabel: jsx(ButtonGroup, null,
+                    opts.implied && isRoot ? jsx(React.Fragment, null, "(implied)") : null,
+                    addGroupButton,
+                    deleteButton),
+                childNodes: criteriaToNodes(opts.onEditItem
+                    ? [...cg.criteria, { key: 'custom', query: '' }]
+                    : cg.criteria, { ...opts, path: [...path, idx] }),
+            };
+        }
+        else {
+            // Render leaf criterion
+            const ci = c;
+            const { subregisters, itemClasses } = opts;
+            if (!isCriteriaKey(ci.key)) {
+                console.error("Invalid criteria key encountered", ci.key);
+                throw new Error("Invalid criteria key encountered");
+            }
+            const cfg = CRITERIA_CONFIGURATION[ci.key];
+            if (!cfg) {
+                console.error("Missing criterion configuration for key", ci.key);
+                throw new Error("Missing criterion configuration");
+            }
+            const Widget = cfg.widget;
+            const data = cfg.fromQuery(ci.query, { subregisters, itemClasses });
+            const criterionTypeOptions = Object.entries(CRITERIA_CONFIGURATION).
+                map(([key, cfg]) => {
+                return { value: key, label: cfg.label };
+            });
+            const isPlaceholder = ci.key === 'custom' && ci.query === '';
+            const label = isPlaceholder
+                ? jsx(Button, { small: true, minimal: true, icon: "plus", onClick: () => opts.onEditItem(path, idx, { key: 'custom', query: cfg.toQuery({ customExpression: 'false' }, { subregisters, itemClasses }) }, true) }, "criteria")
+                : jsx(ControlGroup, { vertical: true, css: css `margin: 2.5px 0;` },
+                    jsx(Select, { options: criterionTypeOptions, value: ci.key, disabled: !opts.onEditItem, onChange: opts.onEditItem
+                            ? (evt) => {
+                                if (evt.currentTarget.value !== '' && isCriteriaKey(evt.currentTarget.value)) {
+                                    opts.onEditItem(path, idx, { key: evt.currentTarget.value, query: '' });
+                                }
+                            }
+                            : undefined }),
+                    jsx(Widget, { itemClasses: opts.itemClasses, availableClassIDs: opts.availableClassIDs, subregisters: opts.subregisters, data: data, onChange: (val) => opts.onEditItem(path, idx, { key: ci.key, query: cfg.toQuery(val, { subregisters, itemClasses }) }, true) }));
+            return {
+                id: `${path.join('-')}-${idx}-${opts.implied ? 'implied' : ''}`,
+                disabled,
+                label,
+                secondaryLabel: !isPlaceholder
+                    ? jsx(ButtonGroup, null, deleteButton)
+                    : undefined,
+            };
+        }
+    });
+}
+//# sourceMappingURL=criteriaToNodes.js.map

package/compiled/views/FilterCriteria/index.js

@@ -0,0 +1,75 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx, css } from '@emotion/react';
+import { useEffect, useState, useCallback, useMemo } from 'react';
+import { Button, ButtonGroup, Tree } from '@blueprintjs/core';
+import { makeBlankCriteria, COMPOSITION_OPERATORS } from './models';
+import mutateGroup from './mutateGroup';
+import criteriaToNodes from './criteriaToNodes';
+export const SUBREGISTER_PATH_PREFIX = '/subregisters/';
+export const CriteriaTree = function ({ criteria, impliedCriteria, onChange, availableClassIDs, itemClasses, subregisters, className }) {
+    const [crit, updateCriteria] = useState(criteria);
+    useEffect(() => {
+        updateCriteria(criteria);
+    }, [JSON.stringify(criteria)]);
+    const onAddGroup = useCallback(function (parent) {
+        const p = reverseArray(parent);
+        var newCriteria = JSON.parse(JSON.stringify([crit]));
+        const newGroup = makeBlankCriteria();
+        mutateGroup(newCriteria, p, { action: 'insert', item: newGroup });
+        updateCriteria(newCriteria[0]);
+        onChange(newCriteria[0]);
+    }, [crit, updateCriteria, onChange]);
+    const onDelete = useCallback(function (parent, idx) {
+        const p = reverseArray(parent);
+        var newCriteria = JSON.parse(JSON.stringify([crit]));
+        mutateGroup(newCriteria, p, { action: 'delete', idx });
+        updateCriteria(newCriteria[0]);
+        onChange(newCriteria[0]);
+    }, [crit, updateCriteria, onChange]);
+    const onEditItem = useCallback(function (parent, idx, newItem, commit) {
+        const p = reverseArray(parent);
+        var newCriteria = JSON.parse(JSON.stringify([crit]));
+        mutateGroup(newCriteria, p, { action: 'edit', idx, item: newItem });
+        updateCriteria(newCriteria[0]);
+        if (commit) {
+            onChange(newCriteria[0]);
+        }
+    }, [onChange, updateCriteria, crit]);
+    const nodes = useMemo(() => criteriaToNodes([crit], {
+        onEditItem: onChange ? onEditItem : undefined,
+        onAddGroup: onChange ? onAddGroup : undefined,
+        onDeleteItem: onChange ? onDelete : undefined,
+        itemClasses,
+        subregisters,
+        availableClassIDs,
+    }), [itemClasses, subregisters, availableClassIDs, crit, onChange, onEditItem, onAddGroup, onDelete]);
+    const implied = useMemo((() => impliedCriteria !== undefined
+        ? criteriaToNodes([impliedCriteria], {
+            implied: true,
+            itemClasses,
+            subregisters,
+            availableClassIDs,
+        })
+        : []), [impliedCriteria, itemClasses, availableClassIDs, subregisters]);
+    return (jsx(Tree, { contents: useMemo(() => [...implied, ...nodes], [implied, nodes]), className: className, css: css `
+        .bp4-tree-node-content { height: unset; }
+        .bp4-tree-node-label { overflow: unset; }
+        .bp4-tree-node-caret, .bp4-tree-node-caret-none { display: none; }
+      ` }));
+};
+export default CriteriaTree;
+export const CriteriaGroupLabel = function ({ criteriaGroup, onUpdate, className }) {
+    return jsx("div", { className: className },
+        onUpdate
+            ? jsx(ButtonGroup, null, COMPOSITION_OPERATORS.map(op => jsx(Button, { key: op, small: true, onClick: () => onUpdate ? onUpdate(op) : void 0, active: criteriaGroup.require === op }, op)))
+            : jsx("strong", null, criteriaGroup.require),
+        " ",
+        "of:");
+};
+function reverseArray(arr) {
+    var copy = JSON.parse(JSON.stringify(arr));
+    copy.reverse();
+    return copy;
+}
+//# sourceMappingURL=index.js.map

package/compiled/views/FilterCriteria/models.js

@@ -0,0 +1,45 @@
+export const COMPOSITION_OPERATORS = [
+    'all',
+    'any',
+    'none',
+];
+// TODO: Can we not hard-code keys here? Would require some smart generic typing.
+const CRITERIA_KEYS = [
+    'item-class',
+    'subregister',
+    'custom',
+    'raw-substring',
+];
+export function isCriteriaKey(val) {
+    return CRITERIA_KEYS.indexOf(val) >= 0;
+}
+function isCriterion(val) {
+    return val && typeof val.query === 'string' && isCriteriaKey(val.key);
+}
+export function isCriteriaGroup(val) {
+    return val
+        && val.hasOwnProperty('require')
+        && ['all', 'any', 'none'].indexOf(val.require) >= 0
+        && val.hasOwnProperty('criteria')
+        && val.criteria
+        && typeof val.criteria.find === 'function'
+        && val.criteria.find((c) => !isCriterion(c) && !isCriteriaGroup(c)) === undefined;
+}
+// TODO: Deprecate in favour of `BLANK_CRITERIA`?
+export function makeBlankCriteria() {
+    return BLANK_CRITERIA;
+}
+/** Useful as no-op default where a valid criteria is required. */
+export const BLANK_CRITERIA = {
+    require: 'all',
+    criteria: [],
+};
+/** Useful as no-op default where a valid criteria is required. Matches anything. */
+export const MATCHES_ANY_CRITERIA = {
+    require: 'any',
+    criteria: [{
+            key: 'custom',
+            query: `true`,
+        }],
+};
+//# sourceMappingURL=models.js.map