@riboseinc/paneron-registry-kit 2.0.0-dev9 → 2.0.1

package/compiled/views/BrowserCtx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserCtx.js","sourceRoot":"","sources":["../../src/views/BrowserCtx.tsx"],"names":[],"mappings":"AAAA,eAAe;AAEf,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAyGtC,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAa;IAClD,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,yCAAyC;IACzC,oBAAoB,EAAE,IAAI;IAC1B,gBAAgB,EAAE,SAAS;IAC3B,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC;QAC1B,KAAK,EAAE,EAAE;QACT,WAAW,EAAE,CAAC,CAAC;QACf,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;KACtB,CAAC;IACF,gCAAgC,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,kCAAqB,EAAE,CAAC;CAClG,CAAC,CAAC","sourcesContent":["/** @jsx jsx */\n\nimport { jsx } from '@emotion/react';\nimport { createContext } from 'react';\nimport type {\n  CustomViewConfiguration,\n  ItemClassConfigurationSet,\n  ItemClassConfiguration,\n  RegisterItem,\n  RegisterItemDataHook,\n  Register,\n  RegisterStakeholder,\n  RelatedItemClassConfiguration,\n  // SaveProposalHandler,\n  Subregisters,\n  InternalItemReference,\n} from '../types';\nimport { type CriteriaGroup } from './FilterCriteria/models';\nimport { type Protocol } from './protocolRegistry';\n\n\n// TODO(perf): split into smaller contexts\nexport type BrowserCtx = {\n  itemClasses: ItemClassConfigurationSet\n  subregisters?: Subregisters\n\n  /**\n   * Stakeholder corresponding to the current user.\n   * If current user is not a stakeholder, undefined.\n   */\n  stakeholder?: RegisterStakeholder\n\n  /**\n   * Common “key expression” (used for sorting) across the register.\n   * Should contain the expression itself, no “return” statement.\n   */\n  keyExpression?: string\n\n  /** Default search criteria to be used by the Search sidebar */\n  defaultSearchCriteria?: CriteriaGroup\n\n  /**\n   * Allows to access register metadata\n   * (e.g., version, stakeholders).\n   *\n   * `undefined` if loading, `null` if unspecified.\n   */\n  registerMetadata?: Register | null\n\n  /** Hook for getting register item data. */\n  useRegisterItemData: RegisterItemDataHook\n\n  /**\n   * Invoked to navigate to an item.\n   * In SPA tabbed context, could translate to `spawnTab()`;\n   * in static web context, could translate to navigating browser location.\n   */\n  jumpTo?: (uri: `${Protocol}:${string}`) => void\n\n  /**\n   * If a register item is selected, provide its data here.\n   *\n   * If item data is still loading or invalid, `undefined`.\n   * If item is not selected, `null`.\n   */\n  selectedRegisterItem?: {\n    item: RegisterItem<any>\n    ref: InternalItemReference\n    itemClass: ItemClassConfiguration<any>\n  } | null\n\n  /**\n   * Change request being drafted or reviewed.\n   * `undefined` if loading, `null` if there is no active change request.\n   */\n  activeChangeRequestID?: string | null\n\n  /**\n   * Setter for `activeChangeRequest()`. Set to `null` to unset.\n   */\n  setActiveChangeRequestID?: (id: string | null) => void\n\n  /**\n   * An async function for retrieving data of register items\n   * at given paths. For cases where the hook doesn’t work.\n   *\n   * If a path contains nothing or contains not a register item,\n   * the result will be null.\n   */\n  // getRegisterItemData: (opts: { itemPaths: string[] }) => Promise<Record<string, RegisterItem<any> | null>>\n\n  /**\n   * Extension-provided additional views that don’t correspond\n   * to entities like register item, change request, etc. handled by RegistryKit.\n   */\n  customViews: CustomViewConfiguration[]\n\n  // onPropose?: SaveProposalHandler\n\n  //selectedItemPath?: string\n\n  /**\n   * Given item class ID, returns a small subset of relevant class configuration data.\n   */\n  getRelatedItemClassConfiguration: (clsID: string) => RelatedItemClassConfiguration\n  // TODO: Rename to just “get class config”\n};\n\nexport const BrowserCtx = createContext<BrowserCtx>({\n  itemClasses: {},\n  customViews: [],\n  // getRegisterItemData: async () => ({}),\n  selectedRegisterItem: null,\n  registerMetadata: undefined,\n  useRegisterItemData: () => ({\n    value: {},\n    _reqCounter: -1,\n    errors: [],\n    isUpdating: true,\n    refresh: () => void 0,\n  }),\n  getRelatedItemClassConfiguration: () => ({ title: 'N/A', itemView: () => <span>Loading…</span> }),\n});\n"]}

package/compiled/views/FilterCriteria/CRITERIA_CONFIGURATION.d.ts

@@ -0,0 +1,17 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { CriteriaConfiguration, CriterionConfiguration } from './models';
+export declare const ITEM_CLASS: CriterionConfiguration<{
+    classID?: string;
+}>;
+export declare const SUBREGISTER: CriterionConfiguration<{
+    subregisterID?: string;
+}>;
+export declare const RAW_SUBSTRING: CriterionConfiguration<{
+    substring?: string;
+}>;
+export declare const CUSTOM_CONDITION: CriterionConfiguration<{
+    customExpression?: string;
+}>;
+export declare const CRITERIA_CONFIGURATION: CriteriaConfiguration;
+export default CRITERIA_CONFIGURATION;

package/compiled/views/FilterCriteria/CRITERIA_CONFIGURATION.js

@@ -0,0 +1,110 @@
+/** @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 }) => {
+        if (classID) {
+            return itemClasses[classID]?.meta.title ?? classID;
+        }
+        else {
+            return "(N/A)";
+        }
+    },
+    widget: ({ data, onChange, itemClasses, availableClassIDs, className, style }) => {
+        const itemClassChoices = [
+            ...Object.entries(itemClasses).
+                filter(([clsID,]) => availableClassIDs.indexOf(clsID) >= 0).
+                map(([classID, classData]) => {
+                return { value: classID, label: classData?.meta?.title ?? "Unknown class" };
+            }),
+            { value: '', label: "(not selected)" },
+        ];
+        return (jsx(Select, { className: className, style: style, fill: true, options: itemClassChoices, value: data.classID ?? '', 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?.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 }) => {
+        const subregisterChoices = [
+            ...Object.entries(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: data.subregisterID ?? '', 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?.trim()
+        ? `JSON.stringify(obj.data ?? {}).toLowerCase().indexOf("${substring.toLowerCase().replace(/"/g, "\\\"")}") >= 0`
+        : `true`,
+    fromQuery: (query) => ({
+        substring: (query.
+            split('JSON.stringify(obj.data ?? {}).toLowerCase().indexOf("')[1]?.
+            split('") >= 0')[0] ?? '').replace(/\\"/g, '"'),
+    }),
+    toSummary: ({ substring }) => {
+        if (substring) {
+            return substring.length > 20 ? `${substring.slice(0, 20)}…` : substring;
+        }
+        else {
+            return 'N/A';
+        }
+    },
+    widget: ({ data, onChange, className, style }) => {
+        return jsx(TextInput, { className: className, style: style, value: data.substring ?? '', onChange: onChange ? substring => onChange({ substring }) : undefined });
+    },
+};
+export const CUSTOM_CONDITION = {
+    label: "condition is met",
+    icon: 'code',
+    toQuery: ({ customExpression }) => customExpression ?? 'true',
+    fromQuery: (query) => ({
+        customExpression: query,
+    }),
+    toSummary: () => "(custom test expr.)",
+    widget: ({ data, onChange, className }) => {
+        return (jsx(TextInput, { className: className, value: data.customExpression ?? '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/CRITERIA_CONFIGURATION.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CRITERIA_CONFIGURATION.js","sourceRoot":"","sources":["../../../src/views/FilterCriteria/CRITERIA_CONFIGURATION.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx } from '@emotion/react';\nimport { OptionProps } from '@blueprintjs/core';\nimport { Select, TextInput } from '@riboseinc/paneron-extension-kit/widgets/Sidebar/PropertyView';\nimport { CriteriaConfiguration, CriterionConfiguration } from './models';\nimport { SUBREGISTER_PATH_PREFIX } from './index';\n\n\nexport const ITEM_CLASS: CriterionConfiguration<{ classID?: string }> = {\n  label: \"item class is\",\n  icon: 'cube',\n  toQuery: ({ classID }, { subregisters }) => `objPath.indexOf(\"/${classID}/\") >= ${subregisters ? SUBREGISTER_PATH_PREFIX.length - 1 : 0}`,\n  fromQuery: (query) => ({\n    classID: query.split('/')[1],\n  }),\n  toSummary: ({ classID }, { itemClasses }) => {\n    if (classID) {\n      return itemClasses[classID]?.meta.title ?? classID;\n    } else {\n      return \"(N/A)\";\n    }\n  },\n  widget: ({ data, onChange, itemClasses, availableClassIDs, className, style }) => {\n    const itemClassChoices: OptionProps[] = [\n      ...Object.entries(itemClasses).\n      filter(([clsID, ]) => availableClassIDs.indexOf(clsID) >= 0).\n      map(([classID, classData]) => {\n        return { value: classID, label: classData?.meta?.title ?? \"Unknown class\" };\n      }),\n      { value: '', label: \"(not selected)\" },\n    ];\n    return (\n      <Select\n        className={className}\n        style={style}\n        fill\n        options={itemClassChoices}\n        value={data.classID ?? ''}\n        disabled={!onChange}\n        onChange={onChange\n          ? (evt) => onChange!({ classID: evt.currentTarget.value })\n          : undefined} />\n    );\n  },\n};\n\n\nexport const SUBREGISTER: CriterionConfiguration<{ subregisterID?: string }> = {\n  label: \"is in subregister\",\n  icon: 'folder-open',\n  isEnabled: ({ subregisters }) => subregisters !== undefined,\n  toQuery: ({ subregisterID }, { subregisters }) => subregisters !== undefined && subregisterID?.trim()\n    ? `objPath.indexOf(\"/subregisters/${subregisterID}/\") === 0`\n    : 'true',\n  fromQuery: (query) => ({\n    subregisterID: query.split('/')[2],\n  }),\n  toSummary: ({ subregisterID }, { subregisters }) => {\n    if (subregisters && subregisterID) {\n      return subregisters[subregisterID].title;\n    } else {\n      return \"(N/A)\";\n    }\n  },\n  widget: ({ data, onChange, subregisters, className, style }) => {\n    const subregisterChoices: OptionProps[] = [\n      ...Object.entries(subregisters ?? {}).\n        map(([subregisterID, subregisterInfo]) => {\n          return { value: subregisterID, label: subregisterInfo.title };\n        }),\n      { value: '', label: \"(not selected)\" },\n    ];\n    return (\n      <Select\n        className={className}\n        style={style}\n        fill\n        options={subregisterChoices}\n        value={data.subregisterID ?? ''}\n        disabled={!onChange}\n        onChange={onChange\n          ? (evt) => onChange!({ subregisterID: evt.currentTarget.value })\n          : undefined} />\n    );\n  },\n};\n\n\nexport const RAW_SUBSTRING: CriterionConfiguration<{ substring?: string }> = {\n  label: \"raw data contains\",\n  icon: 'search-text',\n  toQuery: ({ substring }) =>\n    substring?.trim()\n      ? `JSON.stringify(obj.data ?? {}).toLowerCase().indexOf(\"${substring.toLowerCase().replace(/\"/g, \"\\\\\\\"\")}\") >= 0`\n      : `true`,\n  fromQuery: (query) => ({\n    substring: (query.\n      split('JSON.stringify(obj.data ?? {}).toLowerCase().indexOf(\"')[1]?.\n      split('\") >= 0')[0] ?? '').replace(/\\\\\"/g, '\"'),\n  }),\n  toSummary: ({ substring }) => {\n    if (substring) {\n      return substring.length > 20 ? `${substring.slice(0, 20)}…` : substring;\n    } else {\n      return 'N/A';\n    }\n  },\n  widget: ({ data, onChange, className, style }) => {\n    return <TextInput\n      className={className}\n      style={style}\n      value={data.substring ?? ''}\n      onChange={onChange ? substring => onChange!({ substring }) : undefined}\n    />;\n  },\n}\n\n\nexport const CUSTOM_CONDITION: CriterionConfiguration<{ customExpression?: string; }> = {\n  label: \"condition is met\",\n  icon: 'code',\n  toQuery: ({ customExpression }) => customExpression ?? 'true',\n  fromQuery: (query) => ({\n    customExpression: query,\n  }),\n  toSummary: () => \"(custom test expr.)\",\n  widget: ({ data, onChange, className }) => {\n    return (\n      <TextInput\n        className={className}\n        value={data.customExpression ?? 'true'}\n        placeholder=\"Enter a valid query expression…\"\n        onChange={onChange\n          ? (customExpression) => onChange!({ customExpression })\n          : undefined} />\n    );\n  },\n}\n\n\nexport const CRITERIA_CONFIGURATION: CriteriaConfiguration = {\n  'item-class': ITEM_CLASS,\n  'subregister': SUBREGISTER,\n  'raw-substring': RAW_SUBSTRING,\n  'custom': CUSTOM_CONDITION,\n};\n\n\nexport default CRITERIA_CONFIGURATION;\n"]}

package/{views → compiled/views}/FilterCriteria/criteriaGroupToQueryExpression.d.ts

@@ -1,2 +1,6 @@
 import { CriteriaGroup } from './models';
+/**
+ * Given a CriteriaGroup,
+ * returns a query expression suitable for use with filtered object indexes..
+ */
 export default function criteriaGroupToQueryExpression(cg: CriteriaGroup): string;

package/compiled/views/FilterCriteria/criteriaGroupToQueryExpression.js

@@ -0,0 +1,40 @@
+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 {
+            exps.push(c.query);
+        }
+    }
+    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/criteriaGroupToQueryExpression.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"criteriaGroupToQueryExpression.js","sourceRoot":"","sources":["../../../src/views/FilterCriteria/criteriaGroupToQueryExpression.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,eAAe,EAAE,MAAM,UAAU,CAAC;AAG1D;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,8BAA8B,CAAC,EAAiB;IACtE,MAAM,IAAI,GAAa,EAAE,CAAC;IAE1B,KAAK,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE;QAC3B,IAAI,eAAe,CAAC,CAAC,CAAC,EAAE;YACtB,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBACzB,IAAI,CAAC,IAAI,CAAC,IAAI,8BAA8B,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;aACrD;iBAAM,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;gBAChC,IAAI,CAAC,IAAI,CAAC,GAAG,8BAA8B,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;aACnD;SACF;aAAM;YACL,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;SACpB;KACF;IAED,IAAI,MAAc,CAAC;IACnB,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACnB,MAAM,GAAG,MAAM,CAAC;KACjB;SAAM;QACL,QAAQ,EAAE,CAAC,OAAO,EAAE;YAClB,KAAK,KAAK;gBACR,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC3B,MAAM;YACR,KAAK,KAAK;gBACR,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC3B,MAAM;YACR,KAAK,MAAM;gBACT,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,GAAG,YAAY,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC1D,MAAM;SACT;KACF;IAED,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["import { CriteriaGroup, isCriteriaGroup } from './models';\n\n\n/**\n * Given a CriteriaGroup,\n * returns a query expression suitable for use with filtered object indexes..\n */\nexport default function criteriaGroupToQueryExpression(cg: CriteriaGroup): string {\n  const exps: string[] = [];\n\n  for (const c of cg.criteria) {\n    if (isCriteriaGroup(c)) {\n      if (c.criteria.length > 1) {\n        exps.push(`(${criteriaGroupToQueryExpression(c)})`);\n      } else if (c.criteria.length > 0) {\n        exps.push(`${criteriaGroupToQueryExpression(c)}`);\n      }\n    } else {\n      exps.push(c.query);\n    }\n  }\n\n  let result: string;\n  if (exps.length < 1) {\n    result = 'true';\n  } else {\n    switch (cg.require) {\n      case 'all':\n        result = exps.join(' && ');\n        break;\n      case 'any':\n        result = exps.join(' || ');\n        break;\n      case 'none':\n        result = exps.map(exp => `${exp} === false`).join(' && ');\n        break;\n    }\n  }\n\n  return result;\n}\n"]}

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/criteriaGroupToSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"criteriaGroupToSummary.js","sourceRoot":"","sources":["../../../src/views/FilterCriteria/criteriaGroupToSummary.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,8BAA8B;AAE9B,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAA6B,eAAe,EAAE,MAAM,UAAU,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,4BAA4B;AAG5B,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAAiB,EAAE,IAAgB;IAChF,MAAM,IAAI,GAAkB,EAAE,CAAC;IAE/B,KAAK,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE;QAC3B,IAAI,eAAe,CAAC,CAAC,CAAC,EAAE;YACtB,IAAI,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;SAC5C;aAAM;YACL,MAAM,GAAG,GAAG,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,CAAC,GAAG,EAAE;gBACR,OAAO,CAAC,KAAK,CAAC,yCAAyC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;gBAChE,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;aACpD;YACD,IAAI,CAAC,IAAI,CAAC;gBAAG,GAAG,CAAC,KAAK;;gBAAE,gBAAK,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,CAAM,CAAG,CAAC,CAAC;SAC1F;KACF;IAED,IAAI,MAAmB,CAAC;IACxB,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACnB,MAAM,GAAG,0CAAkB,CAAC;KAC7B;SAAM;QACL,QAAQ,EAAE,CAAC,OAAO,EAAE;YAClB,KAAK,KAAK;gBACR,MAAM,GAAG,0BAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAmB,EAAE,OAAkB,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAI,CAAC;gBAClI,MAAM;YACR,KAAK,KAAK;gBACR,MAAM,GAAG,0BAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAmB,EAAE,OAAkB,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAI,CAAC;gBACpI,MAAM;YACR,KAAK,MAAM;gBACT,MAAM,GAAG;;oBAAW,IAAI,CAAC,MAAM,CAAC,CAAC,GAAmB,EAAE,OAAkB,EAAE,KAAa,EAAE,EAAE,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE,EAAE,CAAC,CAAI,CAAC;gBAC7I,MAAM;SACT;KACF;IAED,OAAO,MAAM,CAAC;AAChB,CAAC","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx } from '@emotion/react';\nimport React, { ReactNode, ReactNodeArray } from 'react';\nimport { CriteriaGroup, CommonOpts, isCriteriaGroup } from './models';\nimport { CRITERIA_CONFIGURATION } from \"./CRITERIA_CONFIGURATION\";\n\n/* Building query summary */\n\n\nexport default function criteriaGroupToSummary(cg: CriteriaGroup, opts: CommonOpts): JSX.Element {\n  const exps: JSX.Element[] = [];\n\n  for (const c of cg.criteria) {\n    if (isCriteriaGroup(c)) {\n      exps.push(criteriaGroupToSummary(c, opts));\n    } else {\n      const cfg = CRITERIA_CONFIGURATION[c.key];\n      if (!cfg) {\n        console.error(\"Missing criterion configuration for key\", c.key);\n        throw new Error(\"Missing criterion configuration\");\n      }\n      exps.push(<>{cfg.label} <em>{cfg.toSummary(cfg.fromQuery(c.query, opts), opts)}</em></>);\n    }\n  }\n\n  let result: JSX.Element;\n  if (exps.length < 1) {\n    result = <>(no criteria)</>;\n  } else {\n    switch (cg.require) {\n      case 'all':\n        result = <>{exps.reduce((acc: ReactNodeArray, current: ReactNode, index: number) => [...acc, index ? ', ' : '', current], [])}</>;\n        break;\n      case 'any':\n        result = <>{exps.reduce((acc: ReactNodeArray, current: ReactNode, index: number) => [...acc, index ? ' or ' : '', current], [])}</>;\n        break;\n      case 'none':\n        result = <>neither {exps.reduce((acc: ReactNodeArray, current: ReactNode, index: number) => [...acc, index ? ' nor ' : '', current], [])}</>;\n        break;\n    }\n  }\n\n  return result;\n}\n"]}

package/{views → compiled/views}/FilterCriteria/criteriaToNodes.d.ts

@@ -3,9 +3,18 @@
 import { TreeNodeInfo } from '@blueprintjs/core';
 import { ItemClassConfigurationSet, Subregisters } from '../../types';
 import { CriteriaGroup, Criterion } from './models';
+/**
+ * Builds Blueprint’s tree nodes given criteria,
+ * callbacks and relevant register configuration.
+ */
 export default function criteriaToNodes(cs: (CriteriaGroup | Criterion)[], opts: {
     path?: number[];
+    /** XXX: This seems to be obsolete. Don’t use, investigate for usefulness. */
     implied?: true;
+    /**
+     * Called when criteria is being edited. `commit` is set to true
+     * when change should take effect.
+     */
     onEditItem?: (parent: number[], idx: number, newItem: CriteriaGroup | Criterion, commit?: true) => void;
     onDeleteItem?: (parent: number[], idx: number) => void;
     onAddGroup?: (parent: number[]) => void;

package/compiled/views/FilterCriteria/criteriaToNodes.js

@@ -0,0 +1,89 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx, css } from '@emotion/react';
+import React from 'react';
+import { Button, ButtonGroup, ControlGroup } from '@blueprintjs/core';
+import { Select } from '@riboseinc/paneron-extension-kit/widgets/Sidebar/PropertyView';
+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) {
+    const path = opts.path ?? [];
+    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 = idx < (cs.length - 1) && opts.onDeleteItem
+            ? jsx(Button, { minimal: true, small: true, onClick: () => opts.onDeleteItem(path, idx), title: "Delete this criterion or criteria block", disabled: isRoot, 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 0`, 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-bottom: 2.5px;` },
+                    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: jsx(ButtonGroup, null, deleteButton),
+            };
+        }
+    });
+}
+//# sourceMappingURL=criteriaToNodes.js.map

package/compiled/views/FilterCriteria/criteriaToNodes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"criteriaToNodes.js","sourceRoot":"","sources":["../../../src/views/FilterCriteria/criteriaToNodes.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx, css } from '@emotion/react';\nimport React from 'react';\nimport { Button, ButtonGroup, OptionProps, TreeNodeInfo, ControlGroup } from '@blueprintjs/core';\nimport { Select } from '@riboseinc/paneron-extension-kit/widgets/Sidebar/PropertyView';\nimport { ItemClassConfigurationSet, Subregisters } from '../../types';\nimport { CriteriaGroup, Criterion, isCriteriaGroup, isCriteriaKey } from './models';\nimport { CriteriaGroupLabel } from './index';\nimport { CRITERIA_CONFIGURATION } from './CRITERIA_CONFIGURATION';\n\n\n/**\n * Builds Blueprint’s tree nodes given criteria,\n * callbacks and relevant register configuration.\n */\nexport default function criteriaToNodes(\n  cs: (CriteriaGroup | Criterion)[],\n  opts: {\n    path?: number[];\n\n    /** XXX: This seems to be obsolete. Don’t use, investigate for usefulness. */\n    implied?: true;\n\n    /**\n     * Called when criteria is being edited. `commit` is set to true\n     * when change should take effect.\n     */\n    onEditItem?: (parent: number[], idx: number, newItem: CriteriaGroup | Criterion, commit?: true) => void;\n    onDeleteItem?: (parent: number[], idx: number) => void;\n    onAddGroup?: (parent: number[]) => void;\n\n    itemClasses: ItemClassConfigurationSet;\n    availableClassIDs: string[];\n    subregisters?: Subregisters;\n  }): TreeNodeInfo[] {\n  const path = opts.path ?? [];\n\n  return [...cs.entries()].map(([idx, c]): TreeNodeInfo => {\n    const isRoot = path.length < 1;\n    const defaultIcon = isRoot && opts.implied === true\n      ? 'manual'\n      : undefined;\n\n    const disabled = opts.implied === true;\n    const deleteButton: JSX.Element | null =\n      idx < (cs.length - 1) && opts.onDeleteItem\n        ? <Button minimal small\n            onClick={() => opts.onDeleteItem!(path, idx)}\n            title=\"Delete this criterion or criteria block\"\n            disabled={isRoot}\n            icon=\"cross\" />\n        : null;\n    const addGroupButton: JSX.Element | null = opts.onAddGroup\n      ? <Button\n          minimal\n          small\n          title=\"Add nested criteria block\"\n          icon=\"add-to-artifact\"\n          onClick={() => opts.onAddGroup!([...path, idx])} />\n      : null;\n\n    if (isCriteriaGroup(c)) {\n\n      // Render criteria group recursively\n\n      const cg = c as CriteriaGroup;\n      return {\n        id: `${path.join('-')}-${idx}-${opts.implied}`,\n        disabled,\n        hasCaret: true,\n        isExpanded: true,\n        icon: defaultIcon,\n        label: <CriteriaGroupLabel\n          css={css`margin: 2.5px 0`}\n          criteriaGroup={cg}\n          onUpdate={opts.onEditItem\n            ? ((op) => opts.onEditItem!(path, idx, { ...cg, require: op }, true))\n            : undefined} />,\n        secondaryLabel: <ButtonGroup>\n          {opts.implied && isRoot ? <>(implied)</> : null}\n          {addGroupButton}\n          {deleteButton}\n        </ButtonGroup>,\n        childNodes: criteriaToNodes(\n          opts.onEditItem\n            ? [...cg.criteria, { key: 'custom', query: '' }]\n            : cg.criteria,\n          { ...opts, path: [...path, idx] }),\n      };\n\n    } else {\n\n      // Render leaf criterion\n\n      const ci = c as Criterion;\n      const { subregisters, itemClasses } = opts;\n      if (!isCriteriaKey(ci.key)) {\n        console.error(\"Invalid criteria key encountered\", ci.key);\n        throw new Error(\"Invalid criteria key encountered\");\n      }\n      const cfg = CRITERIA_CONFIGURATION[ci.key];\n      if (!cfg) {\n        console.error(\"Missing criterion configuration for key\", ci.key);\n        throw new Error(\"Missing criterion configuration\");\n      }\n      const Widget = cfg.widget;\n      const data = cfg.fromQuery(ci.query, { subregisters, itemClasses });\n      const criterionTypeOptions: OptionProps[] = Object.entries(CRITERIA_CONFIGURATION).\n        map(([key, cfg]) => {\n          return { value: key, label: cfg.label };\n        });\n      const isPlaceholder = ci.key === 'custom' && ci.query === '';\n      const label = isPlaceholder\n        ? <Button\n              small\n              minimal\n              icon=\"plus\"\n              onClick={() => opts.onEditItem!(\n                path,\n                idx,\n                { key: 'custom', query: cfg.toQuery({ customExpression: 'false' }, { subregisters, itemClasses }) },\n                true)}>\n            criteria\n          </Button>\n        : <ControlGroup vertical css={css`margin-bottom: 2.5px;`}>\n            <Select\n              options={criterionTypeOptions}\n              value={ci.key}\n              disabled={!opts.onEditItem}\n              onChange={opts.onEditItem\n                ? (evt) => {\n                  if (evt.currentTarget.value !== '' && isCriteriaKey(evt.currentTarget.value)) {\n                    opts.onEditItem!(\n                      path,\n                      idx,\n                      { key: evt.currentTarget.value, query: '' }\n                    );\n                  }\n                }\n                : undefined} />\n            <Widget\n              itemClasses={opts.itemClasses}\n              availableClassIDs={opts.availableClassIDs}\n              subregisters={opts.subregisters}\n              data={data}\n              onChange={(val) => opts.onEditItem!(\n                path,\n                idx,\n                { key: ci.key, query: cfg.toQuery(val, { subregisters, itemClasses }) },\n                true)} />\n          </ControlGroup>;\n      return {\n        id: `${path.join('-')}-${idx}-${opts.implied ? 'implied' : ''}`,\n        disabled,\n        label,\n        secondaryLabel: <ButtonGroup>\n          {deleteButton}\n        </ButtonGroup>,\n      };\n\n    }\n\n  });\n}\n"]}

package/{views → compiled/views}/FilterCriteria/index.d.ts

@@ -18,5 +18,6 @@ export default CriteriaTree;
 interface CriteriaGroupLabelProps {
     criteriaGroup: CriteriaGroup;
     onUpdate?: (op: CompositionOperator) => void;
+    className?: string;
 }
 export declare const CriteriaGroupLabel: React.FC<CriteriaGroupLabelProps>;

package/compiled/views/FilterCriteria/index.js

@@ -0,0 +1,75 @@
+/** @jsx jsx */
+/** @jsxFrag React.Fragment */
+import { jsx, css } from '@emotion/react';
+import { useEffect, useState } 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)]);
+    function onAddGroup(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]);
+    }
+    function onDelete(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]);
+    }
+    function onEditItem(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]);
+        }
+    }
+    const nodes = criteriaToNodes([crit], {
+        onEditItem: onChange ? onEditItem : undefined,
+        onAddGroup: onChange ? onAddGroup : undefined,
+        onDeleteItem: onChange ? onDelete : undefined,
+        itemClasses,
+        subregisters,
+        availableClassIDs,
+    });
+    const implied = impliedCriteria !== undefined
+        ? criteriaToNodes([impliedCriteria], {
+            implied: true,
+            itemClasses,
+            subregisters,
+            availableClassIDs,
+        })
+        : [];
+    return (jsx(Tree, { contents: [...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/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/views/FilterCriteria/index.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @jsx jsx */\n/** @jsxFrag React.Fragment */\n\nimport { jsx, css } from '@emotion/react';\nimport React, { useEffect, useState } from 'react';\nimport { Button, ButtonGroup, TreeNodeInfo, Tree } from '@blueprintjs/core';\nimport { ItemClassConfigurationSet, Subregisters } from '../../types';\nimport { CriteriaGroup, makeBlankCriteria, Criterion, CompositionOperator, COMPOSITION_OPERATORS } from './models';\nimport mutateGroup from './mutateGroup';\nimport criteriaToNodes from './criteriaToNodes';\n\n\nexport const SUBREGISTER_PATH_PREFIX = '/subregisters/';\n\n\ninterface CriteriaTreeProps {\n  impliedCriteria?: CriteriaGroup\n  criteria: CriteriaGroup\n  onChange?: (criteria: CriteriaGroup) => void\n  className?: string\n  availableClassIDs: string[]\n\n  // TODO: move to context\n  itemClasses: ItemClassConfigurationSet\n  subregisters?: Subregisters\n}\n\n\nexport const CriteriaTree: React.FC<CriteriaTreeProps> =\nfunction ({ criteria, impliedCriteria, onChange, availableClassIDs, itemClasses, subregisters, className }) {\n  const [crit, updateCriteria] = useState<CriteriaGroup>(criteria);\n\n  useEffect(() => {\n    updateCriteria(criteria);\n  }, [JSON.stringify(criteria)]);\n\n  function onAddGroup(parent: number[]) {\n    const p = reverseArray(parent);\n    var newCriteria = JSON.parse(JSON.stringify([crit]));\n    const newGroup: CriteriaGroup = makeBlankCriteria();\n    mutateGroup(newCriteria, p, { action: 'insert', item: newGroup });\n    updateCriteria(newCriteria[0]);\n    onChange!(newCriteria[0]);\n  }\n\n  function onDelete(parent: number[], idx: number) {\n    const p = reverseArray(parent);\n    var newCriteria = JSON.parse(JSON.stringify([crit]));\n    mutateGroup(newCriteria, p, { action: 'delete', idx });\n    updateCriteria(newCriteria[0]);\n    onChange!(newCriteria[0]);\n  }\n\n  function onEditItem(parent: number[], idx: number, newItem: CriteriaGroup | Criterion, commit?: true) {\n    const p = reverseArray(parent);\n    var newCriteria = JSON.parse(JSON.stringify([crit]));\n    mutateGroup(newCriteria, p, { action: 'edit', idx, item: newItem });\n    updateCriteria(newCriteria[0]);\n    if (commit) {\n      onChange!(newCriteria[0]);\n    }\n  }\n\n  const nodes: TreeNodeInfo[] = criteriaToNodes([crit], {\n    onEditItem: onChange ? onEditItem : undefined,\n    onAddGroup: onChange ? onAddGroup : undefined,\n    onDeleteItem: onChange ? onDelete : undefined,\n    itemClasses,\n    subregisters,\n    availableClassIDs,\n  });\n\n  const implied: TreeNodeInfo[] = impliedCriteria !== undefined\n    ? criteriaToNodes([impliedCriteria], {\n        implied: true,\n        itemClasses,\n        subregisters,\n        availableClassIDs,\n      })\n    : [];\n\n  return (\n    <Tree\n      contents={[ ...implied, ...nodes ]}\n      className={className}\n      css={css`\n        .bp4-tree-node-content { height: unset; }\n        .bp4-tree-node-label { overflow: unset; }\n        .bp4-tree-node-caret, .bp4-tree-node-caret-none { display: none; }\n      `}\n    />\n  );\n}\n\nexport default CriteriaTree;\n\n\n/* Displaying criteria group labels */\n\ninterface CriteriaGroupLabelProps {\n  criteriaGroup: CriteriaGroup\n  onUpdate?: (op: CompositionOperator) => void\n  className?: string\n}\nexport const CriteriaGroupLabel: React.FC<CriteriaGroupLabelProps> =\nfunction ({ criteriaGroup, onUpdate, className }) {\n  return <div className={className}>\n    {onUpdate\n      ? <ButtonGroup>\n          {COMPOSITION_OPERATORS.map(op =>\n            <Button\n                key={op}\n                small\n                onClick={() => onUpdate ? onUpdate(op) : void 0}\n                active={criteriaGroup.require === op}>\n              {op}\n            </Button>\n          )}\n        </ButtonGroup>\n      : <strong>{criteriaGroup.require}</strong>}\n    {\" \"}\n    of:\n  </div>;\n}\n\n\nfunction reverseArray<T>(arr: T[]): T[] {\n  var copy = JSON.parse(JSON.stringify(arr));\n  copy.reverse();\n  return copy;\n}\n"]}

package/{views → compiled/views}/FilterCriteria/models.d.ts

@@ -1,18 +1,40 @@
 import type React from 'react';
+import { IconName } from '@blueprintjs/core';
 import type { ItemClassConfigurationSet, Subregisters } from '../../types';
+/**
+ * Defines how to display a search criterion.
+ * T: criteria data structure.
+ */
 export interface CriterionConfiguration<T extends Record<string, any>> {
+    icon?: IconName;
     label: string;
+    /**
+     * Widget that displays and optionally allows editing
+     * criteria data structure.
+     */
     widget: CriteriaWidget<T>;
+    /**
+     * Determines whether to enable this search criteria based on
+     * registry configuration.
+     */
+    isEnabled?: (opts: CommonOpts) => boolean;
+    /** Summarizes criteria in a human-readable way. */
     toSummary: (data: T, opts: CommonOpts) => string | JSX.Element;
+    /**
+     * Coverts criteria structure to a string
+     * that can be passed to filtering backend.
+     */
     toQuery: (data: T, opts: CommonOpts) => string;
+    /** Converts a query string to criteria structure. */
     fromQuery: (query: string, opts: CommonOpts) => T;
 }
 export declare type CriteriaConfiguration = {
     [key in CriterionKey]: CriterionConfiguration<Record<string, unknown>>;
 };
+export declare type CriteriaTransformer = (existing: CriteriaGroup) => CriteriaGroup;
 export declare const COMPOSITION_OPERATORS: readonly ["all", "any", "none"];
 export declare type CompositionOperator = typeof COMPOSITION_OPERATORS[number];
-declare const CRITERIA_KEYS: readonly ["item-class", "custom"];
+declare const CRITERIA_KEYS: readonly ["item-class", "subregister", "custom", "raw-substring"];
 declare type CriterionKey = typeof CRITERIA_KEYS[number];
 export declare function isCriteriaKey(val: string): val is CriterionKey;
 declare type CriteriaWidget<T extends Record<string, any>> = React.FC<{
@@ -25,9 +47,12 @@ declare type CriteriaWidget<T extends Record<string, any>> = React.FC<{
     style?: React.CSSProperties;
 }>;
 export interface Criterion {
-    key: CriterionKey;
+    /** Specific criterion as a string. */
     query: string;
+    /** Key in criteria configuration that defines how to work with this criterion. */
+    key: CriterionKey;
 }
+/** Register metadata that may be needed to display filter criteria. */
 export interface CommonOpts {
     subregisters?: Subregisters;
     itemClasses: ItemClassConfigurationSet;
@@ -38,4 +63,6 @@ export interface CriteriaGroup {
 }
 export declare function isCriteriaGroup(val: any): val is CriteriaGroup;
 export declare function makeBlankCriteria(): CriteriaGroup;
+/** Useful as no-op default where a valid criteria is required. */
+export declare const BLANK_CRITERIA: CriteriaGroup;
 export {};

package/compiled/views/FilterCriteria/models.js

@@ -0,0 +1,28 @@
+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;
+}
+export function isCriteriaGroup(val) {
+    return val && val.hasOwnProperty('require') && val.hasOwnProperty('criteria');
+}
+// 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: [],
+};
+//# sourceMappingURL=models.js.map

package/compiled/views/FilterCriteria/models.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"models.js","sourceRoot":"","sources":["../../../src/views/FilterCriteria/models.ts"],"names":[],"mappings":"AA4CA,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,KAAK;IACL,KAAK;IACL,MAAM;CACE,CAAC;AAGX,iFAAiF;AACjF,MAAM,aAAa,GAAG;IACpB,YAAY;IACZ,aAAa;IACb,QAAQ;IACR,eAAe;CACP,CAAC;AAGX,MAAM,UAAU,aAAa,CAAC,GAAW;IACvC,OAAO,aAAa,CAAC,OAAO,CAAC,GAAmB,CAAC,IAAI,CAAC,CAAC;AACzD,CAAC;AA+BD,MAAM,UAAU,eAAe,CAAC,GAAQ;IACtC,OAAO,GAAG,IAAI,GAAG,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AAChF,CAAC;AAED,iDAAiD;AACjD,MAAM,UAAU,iBAAiB;IAC/B,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,kEAAkE;AAClE,MAAM,CAAC,MAAM,cAAc,GAAkB;IAC3C,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,EAAE;CACb,CAAC","sourcesContent":["import type React from 'react';\nimport { IconName } from '@blueprintjs/core';\nimport type { ItemClassConfigurationSet, Subregisters } from '../../types';\n\n\n/**\n * Defines how to display a search criterion.\n * T: criteria data structure.\n */\nexport interface CriterionConfiguration<T extends Record<string, any>> {\n  icon?: IconName\n  label: string;\n\n  /**\n   * Widget that displays and optionally allows editing\n   * criteria data structure.\n   */\n  widget: CriteriaWidget<T>;\n\n  /**\n   * Determines whether to enable this search criteria based on \n   * registry configuration.\n   */\n  isEnabled?: (opts: CommonOpts) => boolean\n\n  /** Summarizes criteria in a human-readable way. */\n  toSummary: (data: T, opts: CommonOpts) => string | JSX.Element;\n\n  /**\n   * Coverts criteria structure to a string\n   * that can be passed to filtering backend.\n   */\n  toQuery: (data: T, opts: CommonOpts) => string;\n\n  /** Converts a query string to criteria structure. */\n  fromQuery: (query: string, opts: CommonOpts) => T;\n}\n\nexport type CriteriaConfiguration = {\n  [key in CriterionKey]: CriterionConfiguration<Record<string, unknown>>;\n};\n\nexport type CriteriaTransformer = (existing: CriteriaGroup) => CriteriaGroup;\n\nexport const COMPOSITION_OPERATORS = [\n  'all',\n  'any',\n  'none',\n] as const;\nexport type CompositionOperator = typeof COMPOSITION_OPERATORS[number];\n\n// TODO: Can we not hard-code keys here? Would require some smart generic typing.\nconst CRITERIA_KEYS = [\n  'item-class',\n  'subregister',\n  'custom',\n  'raw-substring',\n] as const;\ntype CriterionKey = typeof CRITERIA_KEYS[number];\n\nexport function isCriteriaKey(val: string): val is CriterionKey {\n  return CRITERIA_KEYS.indexOf(val as CriterionKey) >= 0;\n}\n\ntype CriteriaWidget<T extends Record<string, any>> = React.FC<{\n  data: T;\n  onChange?: (newData: T) => void;\n  availableClassIDs: string[];\n  itemClasses: ItemClassConfigurationSet;\n  subregisters?: Subregisters;\n  className?: string;\n  style?: React.CSSProperties;\n}>;\n\nexport interface Criterion {\n  /** Specific criterion as a string. */\n  query: string;\n\n  /** Key in criteria configuration that defines how to work with this criterion. */\n  key: CriterionKey;\n}\n\n/** Register metadata that may be needed to display filter criteria. */\nexport interface CommonOpts {\n  subregisters?: Subregisters;\n  itemClasses: ItemClassConfigurationSet;\n}\n\nexport interface CriteriaGroup {\n  require: 'all' | 'any' | 'none';\n  criteria: (CriteriaGroup | Criterion)[];\n}\n\nexport function isCriteriaGroup(val: any): val is CriteriaGroup {\n  return val && val.hasOwnProperty('require') && val.hasOwnProperty('criteria');\n}\n\n// TODO: Deprecate in favour of `BLANK_CRITERIA`?\nexport function makeBlankCriteria(): CriteriaGroup {\n  return BLANK_CRITERIA;\n}\n\n/** Useful as no-op default where a valid criteria is required. */\nexport const BLANK_CRITERIA: CriteriaGroup = {\n  require: 'all',\n  criteria: [],\n};\n"]}

package/{views → compiled/views}/FilterCriteria/mutateGroup.d.ts

@@ -10,5 +10,8 @@ declare type TreeMutation<T> = {
     idx: number;
     item: T;
 };
-export default function mutateGroup(criteria: (CriteriaGroup | Criterion)[], path: number[], mutation: TreeMutation<CriteriaGroup | Criterion>): void;
+/** Mutates given criteria tree in place. */
+export default function mutateGroup(criteria: (CriteriaGroup | Criterion)[], 
+/** Here path must be parent node path in reverse (top-level index coming last). */
+path: number[], mutation: TreeMutation<CriteriaGroup | Criterion>): void;
 export {};