@medplum/react 0.9.24 → 0.9.27

package/dist/esm/SearchFieldEditor.js

@@ -0,0 +1,192 @@
+import { stringify } from '@medplum/core';
+import React, { useState, useRef, useEffect } from 'react';
+import { Button } from './Button.js';
+import { Dialog } from './Dialog.js';
+import { buildFieldNameString } from './SearchUtils.js';
+
+function SearchFieldEditor(props) {
+    var _a;
+    const [state, setState] = useState({
+        search: JSON.parse(stringify(props.search)),
+    });
+    const availableRef = useRef(null);
+    const selectedRef = useRef(null);
+    useEffect(() => {
+        setState({ search: props.search });
+    }, [props.search]);
+    /**
+     * Handles a key down event on the "available" field.
+     * If the user presses enter, it is a shortcut for the "Add" button.
+     *
+     * @param {KeyboardEvent} e The keyboard event.
+     */
+    function handleAvailableKeyDown(e) {
+        if (e.key === 'Enter') {
+            onAddField();
+        }
+    }
+    /**
+     * Handles a double click on the "available" field.
+     * If the user double clicks an entry, it is a shortcut for the "Add" button.
+     */
+    function handleAvailableDoubleClick() {
+        onAddField();
+    }
+    /**
+     * Handles a key down event on the "available" field.
+     * If the user presses enter, it is a shortcut for the "Add" button.
+     *
+     * @param {KeyboardEvent} e The keyboard event.
+     */
+    function handleSelectedKeyDown(e) {
+        if (e.key === 'Enter') {
+            onRemoveField();
+        }
+    }
+    /**
+     * Handles a double click on the "available" field.
+     * If the user double clicks an entry, it is a shortcut for the "Add" button.
+     */
+    function handleSelectedDoubleClick() {
+        onRemoveField();
+    }
+    /**
+     * Handles a click on the "Add" button.
+     * Moves the "available" selection into the "selected" list.
+     */
+    function onAddField() {
+        var _a, _b;
+        const currentField = (_a = state.search.fields) !== null && _a !== void 0 ? _a : [];
+        const key = (_b = availableRef.current) === null || _b === void 0 ? void 0 : _b.value;
+        if (key) {
+            const newFields = [...currentField, key];
+            setState({
+                search: Object.assign(Object.assign({}, state.search), { fields: newFields }),
+            });
+        }
+    }
+    /**
+     * Handles a click on the "Remove" button.
+     * Moves the "selected" selection into the "available" list.
+     */
+    function onRemoveField() {
+        var _a, _b;
+        const currentField = (_a = state.search.fields) !== null && _a !== void 0 ? _a : [];
+        const key = (_b = selectedRef.current) === null || _b === void 0 ? void 0 : _b.value;
+        if (key) {
+            const newFields = [...currentField];
+            newFields.splice(newFields.indexOf(key), 1);
+            setState({
+                search: Object.assign(Object.assign({}, state.search), { fields: newFields }),
+            });
+        }
+    }
+    /**
+     * Handles a click on the "Up" button.
+     * Moves the selection up one position in the list.
+     */
+    function onMoveUp() {
+        var _a, _b;
+        const currentField = (_a = state.search.fields) !== null && _a !== void 0 ? _a : [];
+        const field = (_b = selectedRef.current) === null || _b === void 0 ? void 0 : _b.value;
+        if (field) {
+            const newFields = [...currentField];
+            const index = newFields.indexOf(field);
+            swapFields(newFields, index, index - 1);
+            setState({
+                search: Object.assign(Object.assign({}, state.search), { fields: newFields }),
+            });
+        }
+    }
+    /**
+     * Handles a click on the "Down" button.
+     * Moves the selection down one position in the list.
+     */
+    function onMoveDown() {
+        var _a, _b;
+        const currentField = (_a = state.search.fields) !== null && _a !== void 0 ? _a : [];
+        const field = (_b = selectedRef.current) === null || _b === void 0 ? void 0 : _b.value;
+        if (field) {
+            const newFields = [...currentField];
+            const index = newFields.indexOf(field);
+            swapFields(newFields, index, index + 1);
+            setState({
+                search: Object.assign(Object.assign({}, state.search), { fields: newFields }),
+            });
+        }
+    }
+    /**
+     * Swaps two fields in the search.
+     *
+     * @param {number} i The index of the first field.
+     * @param {number} j The index of the second field.
+     */
+    function swapFields(fields, i, j) {
+        const temp = fields[i];
+        fields[i] = fields[j];
+        fields[j] = temp;
+    }
+    if (!props.visible) {
+        return null;
+    }
+    const resourceType = props.search.resourceType;
+    const typeDef = props.schema.types[resourceType];
+    const selected = (_a = state.search.fields) !== null && _a !== void 0 ? _a : [];
+    const available = getFieldsList(typeDef)
+        .filter((field) => !(selected === null || selected === void 0 ? void 0 : selected.includes(field)))
+        .sort();
+    return (React.createElement(Dialog, { title: "Fields", visible: props.visible, onOk: () => props.onOk(state.search), onCancel: props.onCancel },
+        React.createElement("div", null,
+            React.createElement("table", { style: { margin: 'auto' } },
+                React.createElement("thead", null,
+                    React.createElement("tr", null,
+                        React.createElement("th", { colSpan: 2, align: "center" }, "Available"),
+                        React.createElement("th", { colSpan: 2, align: "center" }, "Selected"))),
+                React.createElement("tbody", null,
+                    React.createElement("tr", null,
+                        React.createElement("td", { colSpan: 2, align: "center" },
+                            React.createElement("select", { ref: availableRef, size: 15, tabIndex: 1, style: { width: '200px' }, onKeyDown: (e) => handleAvailableKeyDown(e), onDoubleClick: () => handleAvailableDoubleClick(), "data-testid": "available" }, available.map((key) => (React.createElement("option", { key: key, value: key }, buildFieldNameString(key)))))),
+                        React.createElement("td", { colSpan: 2, align: "center" },
+                            React.createElement("select", { ref: selectedRef, size: 15, tabIndex: 4, style: { width: '200px' }, onKeyDown: (e) => handleSelectedKeyDown(e), onDoubleClick: () => handleSelectedDoubleClick(), "data-testid": "selected" }, selected.map((key) => (React.createElement("option", { key: key, value: key }, buildFieldNameString(key)))))))),
+                React.createElement("tfoot", null,
+                    React.createElement("tr", null,
+                        React.createElement("td", { align: "center" },
+                            React.createElement(Button, { size: "small", onClick: onAddField }, "Add")),
+                        React.createElement("td", { align: "center" },
+                            React.createElement(Button, { size: "small", onClick: onRemoveField }, "Remove")),
+                        React.createElement("td", { align: "center" },
+                            React.createElement(Button, { size: "small", onClick: onMoveUp }, "Up")),
+                        React.createElement("td", { align: "center" },
+                            React.createElement(Button, { size: "small", onClick: onMoveDown }, "Down"))))))));
+}
+/**
+ * Returns a list of fields/columns available for a type.
+ * The result is the union of properties and search parameters.
+ * @param typeSchema The type definition.
+ */
+function getFieldsList(typeSchema) {
+    const result = [];
+    const keys = new Set();
+    const names = new Set();
+    // Add properties first
+    for (const key of Object.keys(typeSchema.properties)) {
+        result.push(key);
+        keys.add(key.toLowerCase());
+        names.add(buildFieldNameString(key));
+    }
+    // Add search parameters if unique
+    if (typeSchema.searchParams) {
+        for (const code of Object.keys(typeSchema.searchParams)) {
+            const name = buildFieldNameString(code);
+            if (!keys.has(code) && !names.has(name)) {
+                result.push(code);
+                keys.add(code);
+                names.add(buildFieldNameString(code));
+            }
+        }
+    }
+    return result;
+}
+
+export { SearchFieldEditor };
+//# sourceMappingURL=SearchFieldEditor.js.map

package/dist/esm/SearchFieldEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFieldEditor.js","sources":["../../src/SearchFieldEditor.tsx"],"sourcesContent":["import { IndexedStructureDefinition, SearchRequest, stringify, TypeSchema } from '@medplum/core';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Button } from './Button';\nimport { Dialog } from './Dialog';\nimport { buildFieldNameString } from './SearchUtils';\n\ninterface SearchFieldEditorProps {\n  schema: IndexedStructureDefinition;\n  visible: boolean;\n  search: SearchRequest;\n  onOk: (search: SearchRequest) => void;\n  onCancel: () => void;\n}\n\nexport function SearchFieldEditor(props: SearchFieldEditorProps): JSX.Element | null {\n  const [state, setState] = useState({\n    search: JSON.parse(stringify(props.search)) as SearchRequest,\n  });\n\n  const availableRef = useRef<HTMLSelectElement>(null);\n  const selectedRef = useRef<HTMLSelectElement>(null);\n\n  useEffect(() => {\n    setState({ search: props.search });\n  }, [props.search]);\n\n  /**\n   * Handles a key down event on the \"available\" field.\n   * If the user presses enter, it is a shortcut for the \"Add\" button.\n   *\n   * @param {KeyboardEvent} e The keyboard event.\n   */\n  function handleAvailableKeyDown(e: React.KeyboardEvent): void {\n    if (e.key === 'Enter') {\n      onAddField();\n    }\n  }\n\n  /**\n   * Handles a double click on the \"available\" field.\n   * If the user double clicks an entry, it is a shortcut for the \"Add\" button.\n   */\n  function handleAvailableDoubleClick(): void {\n    onAddField();\n  }\n\n  /**\n   * Handles a key down event on the \"available\" field.\n   * If the user presses enter, it is a shortcut for the \"Add\" button.\n   *\n   * @param {KeyboardEvent} e The keyboard event.\n   */\n  function handleSelectedKeyDown(e: React.KeyboardEvent): void {\n    if (e.key === 'Enter') {\n      onRemoveField();\n    }\n  }\n\n  /**\n   * Handles a double click on the \"available\" field.\n   * If the user double clicks an entry, it is a shortcut for the \"Add\" button.\n   */\n  function handleSelectedDoubleClick(): void {\n    onRemoveField();\n  }\n\n  /**\n   * Handles a click on the \"Add\" button.\n   * Moves the \"available\" selection into the \"selected\" list.\n   */\n  function onAddField(): void {\n    const currentField = state.search.fields ?? [];\n    const key = availableRef.current?.value;\n    if (key) {\n      const newFields = [...currentField, key];\n      setState({\n        search: {\n          ...state.search,\n          fields: newFields,\n        },\n      });\n    }\n  }\n\n  /**\n   * Handles a click on the \"Remove\" button.\n   * Moves the \"selected\" selection into the \"available\" list.\n   */\n  function onRemoveField(): void {\n    const currentField = state.search.fields ?? [];\n    const key = selectedRef.current?.value;\n    if (key) {\n      const newFields = [...currentField];\n      newFields.splice(newFields.indexOf(key), 1);\n      setState({\n        search: {\n          ...state.search,\n          fields: newFields,\n        },\n      });\n    }\n  }\n\n  /**\n   * Handles a click on the \"Up\" button.\n   * Moves the selection up one position in the list.\n   */\n  function onMoveUp(): void {\n    const currentField = state.search.fields ?? [];\n    const field = selectedRef.current?.value;\n    if (field) {\n      const newFields = [...currentField];\n      const index = newFields.indexOf(field);\n      swapFields(newFields, index, index - 1);\n\n      setState({\n        search: {\n          ...state.search,\n          fields: newFields,\n        },\n      });\n    }\n  }\n\n  /**\n   * Handles a click on the \"Down\" button.\n   * Moves the selection down one position in the list.\n   */\n  function onMoveDown(): void {\n    const currentField = state.search.fields ?? [];\n    const field = selectedRef.current?.value;\n    if (field) {\n      const newFields = [...currentField];\n      const index = newFields.indexOf(field);\n      swapFields(newFields, index, index + 1);\n\n      setState({\n        search: {\n          ...state.search,\n          fields: newFields,\n        },\n      });\n    }\n  }\n\n  /**\n   * Swaps two fields in the search.\n   *\n   * @param {number} i The index of the first field.\n   * @param {number} j The index of the second field.\n   */\n  function swapFields(fields: string[], i: number, j: number): void {\n    const temp = fields[i];\n    fields[i] = fields[j];\n    fields[j] = temp;\n  }\n\n  if (!props.visible) {\n    return null;\n  }\n\n  const resourceType = props.search.resourceType;\n  const typeDef = props.schema.types[resourceType];\n\n  const selected = state.search.fields ?? [];\n  const available = getFieldsList(typeDef)\n    .filter((field) => !selected?.includes(field))\n    .sort();\n\n  return (\n    <Dialog title=\"Fields\" visible={props.visible} onOk={() => props.onOk(state.search)} onCancel={props.onCancel}>\n      <div>\n        <table style={{ margin: 'auto' }}>\n          <thead>\n            <tr>\n              <th colSpan={2} align=\"center\">\n                Available\n              </th>\n              <th colSpan={2} align=\"center\">\n                Selected\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr>\n              <td colSpan={2} align=\"center\">\n                <select\n                  ref={availableRef}\n                  size={15}\n                  tabIndex={1}\n                  style={{ width: '200px' }}\n                  onKeyDown={(e) => handleAvailableKeyDown(e)}\n                  onDoubleClick={() => handleAvailableDoubleClick()}\n                  data-testid=\"available\"\n                >\n                  {available.map((key) => (\n                    <option key={key} value={key}>\n                      {buildFieldNameString(key)}\n                    </option>\n                  ))}\n                </select>\n              </td>\n              <td colSpan={2} align=\"center\">\n                <select\n                  ref={selectedRef}\n                  size={15}\n                  tabIndex={4}\n                  style={{ width: '200px' }}\n                  onKeyDown={(e) => handleSelectedKeyDown(e)}\n                  onDoubleClick={() => handleSelectedDoubleClick()}\n                  data-testid=\"selected\"\n                >\n                  {selected.map((key) => (\n                    <option key={key} value={key}>\n                      {buildFieldNameString(key)}\n                    </option>\n                  ))}\n                </select>\n              </td>\n            </tr>\n          </tbody>\n          <tfoot>\n            <tr>\n              <td align=\"center\">\n                <Button size=\"small\" onClick={onAddField}>\n                  Add\n                </Button>\n              </td>\n              <td align=\"center\">\n                <Button size=\"small\" onClick={onRemoveField}>\n                  Remove\n                </Button>\n              </td>\n              <td align=\"center\">\n                <Button size=\"small\" onClick={onMoveUp}>\n                  Up\n                </Button>\n              </td>\n              <td align=\"center\">\n                <Button size=\"small\" onClick={onMoveDown}>\n                  Down\n                </Button>\n              </td>\n            </tr>\n          </tfoot>\n        </table>\n      </div>\n    </Dialog>\n  );\n}\n\n/**\n * Returns a list of fields/columns available for a type.\n * The result is the union of properties and search parameters.\n * @param typeSchema The type definition.\n */\nfunction getFieldsList(typeSchema: TypeSchema): string[] {\n  const result = [] as string[];\n  const keys = new Set<string>();\n  const names = new Set<string>();\n\n  // Add properties first\n  for (const key of Object.keys(typeSchema.properties)) {\n    result.push(key);\n    keys.add(key.toLowerCase());\n    names.add(buildFieldNameString(key));\n  }\n\n  // Add search parameters if unique\n  if (typeSchema.searchParams) {\n    for (const code of Object.keys(typeSchema.searchParams)) {\n      const name = buildFieldNameString(code);\n      if (!keys.has(code) && !names.has(name)) {\n        result.push(code);\n        keys.add(code);\n        names.add(buildFieldNameString(code));\n      }\n    }\n  }\n\n  return result;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/SearchFilterEditor.js

@@ -0,0 +1,103 @@
+import { stringify } from '@medplum/core';
+import React, { useState, useRef, useEffect } from 'react';
+import { Button } from './Button.js';
+import { Dialog } from './Dialog.js';
+import { SearchFilterValueDisplay } from './SearchFilterValueDisplay.js';
+import { SearchFilterValueInput } from './SearchFilterValueInput.js';
+import { setFilters, deleteFilter, buildFieldNameString, getOpString, getSearchOperators, addFilter } from './SearchUtils.js';
+import { Select } from './Select.js';
+
+function SearchFilterEditor(props) {
+    const [search, setSearch] = useState(JSON.parse(stringify(props.search)));
+    const [editingIndex, setEditingIndex] = useState(-1);
+    const searchRef = useRef(search);
+    searchRef.current = search;
+    useEffect(() => {
+        setSearch(JSON.parse(stringify(props.search)));
+    }, [props.search]);
+    function onAddFilter(filter) {
+        setSearch(addFilter(searchRef.current, filter.code, filter.operator, filter.value));
+    }
+    if (!props.visible) {
+        return null;
+    }
+    const schema = props.schema;
+    const resourceType = props.search.resourceType;
+    const searchParams = schema.types[resourceType].searchParams;
+    const filters = search.filters || [];
+    return (React.createElement(Dialog, { title: "Filters", visible: props.visible, onOk: () => props.onOk(searchRef.current), onCancel: props.onCancel },
+        React.createElement("div", { className: "medplum-filter-editor" },
+            React.createElement("table", { className: "medplum-filter-editor-table" },
+                React.createElement("colgroup", null,
+                    React.createElement("col", { style: { width: 200 } }),
+                    React.createElement("col", { style: { width: 200 } }),
+                    React.createElement("col", { style: { width: 380 } }),
+                    React.createElement("col", { style: { width: 120 } })),
+                React.createElement("thead", null,
+                    React.createElement("tr", null,
+                        React.createElement("th", null, "Field"),
+                        React.createElement("th", null, "Operation"),
+                        React.createElement("th", null, "Value"),
+                        React.createElement("th", null, "Actions"))),
+                React.createElement("tbody", null,
+                    filters.map((filter, index) => {
+                        if (index === editingIndex) {
+                            return (React.createElement(FilterRowInput, { key: `filter-${index}-${filters.length}-input`, schema: schema, resourceType: resourceType, searchParams: searchParams, defaultValue: filter, okText: "Save", onOk: (newFilter) => {
+                                    const newFilters = [...filters];
+                                    newFilters[index] = newFilter;
+                                    setSearch(setFilters(searchRef.current, newFilters));
+                                    setEditingIndex(-1);
+                                }, onCancel: () => setEditingIndex(-1) }));
+                        }
+                        else {
+                            return (React.createElement(FilterRowDisplay, { key: `filter-${index}-${filters.length}-display`, resourceType: resourceType, searchParams: searchParams, filter: filter, onEdit: () => setEditingIndex(index), onDelete: () => setSearch(deleteFilter(searchRef.current, index)) }));
+                        }
+                    }),
+                    React.createElement(FilterRowInput, { schema: schema, resourceType: resourceType, searchParams: searchParams, okText: "Add", onOk: onAddFilter }))))));
+}
+function FilterRowDisplay(props) {
+    const { filter } = props;
+    return (React.createElement("tr", null,
+        React.createElement("td", null, buildFieldNameString(filter.code)),
+        React.createElement("td", null, getOpString(filter.operator)),
+        React.createElement("td", null,
+            React.createElement(SearchFilterValueDisplay, { resourceType: props.resourceType, filter: filter })),
+        React.createElement("td", null,
+            React.createElement(Button, { size: "small", onClick: props.onEdit }, "Edit"),
+            React.createElement(Button, { size: "small", onClick: props.onDelete }, "Delete"))));
+}
+function FilterRowInput(props) {
+    var _a;
+    const [value, setValue] = useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : {});
+    const valueRef = useRef(value);
+    valueRef.current = value;
+    function setFilterCode(newCode) {
+        setValue(Object.assign(Object.assign({}, valueRef.current), { code: newCode }));
+    }
+    function setFilterOperator(newOperator) {
+        setValue(Object.assign(Object.assign({}, valueRef.current), { operator: newOperator }));
+    }
+    function setFilterValue(newFilterValue) {
+        setValue(Object.assign(Object.assign({}, valueRef.current), { value: newFilterValue }));
+    }
+    const searchParam = props.searchParams[value.code];
+    const operators = searchParam && getSearchOperators(searchParam);
+    return (React.createElement("tr", null,
+        React.createElement("td", null,
+            React.createElement(Select, { testid: "filter-field", defaultValue: valueRef.current.code, onChange: setFilterCode },
+                React.createElement("option", { value: "" }),
+                Object.keys(props.searchParams).map((param) => (React.createElement("option", { key: param, value: param }, buildFieldNameString(param)))))),
+        React.createElement("td", null, operators && (React.createElement(Select, { testid: "filter-operation", defaultValue: value.operator, onChange: setFilterOperator },
+            React.createElement("option", { value: "" }),
+            operators.map((operator) => (React.createElement("option", { key: operator, value: operator }, getOpString(operator))))))),
+        React.createElement("td", null, searchParam && value.operator && (React.createElement(SearchFilterValueInput, { schema: props.schema, resourceType: props.resourceType, searchParam: searchParam, defaultValue: value.value, onChange: setFilterValue }))),
+        React.createElement("td", null,
+            value.code && value.operator && value.value && (React.createElement(Button, { size: "small", onClick: () => {
+                    props.onOk(valueRef.current);
+                    setValue({});
+                } }, props.okText)),
+            props.onCancel && (React.createElement(Button, { size: "small", onClick: props.onCancel }, "Cancel")))));
+}
+
+export { SearchFilterEditor };
+//# sourceMappingURL=SearchFilterEditor.js.map

package/dist/esm/SearchFilterEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilterEditor.js","sources":["../../src/SearchFilterEditor.tsx"],"sourcesContent":["import { Filter, IndexedStructureDefinition, Operator, SearchRequest, stringify } from '@medplum/core';\nimport { SearchParameter } from '@medplum/fhirtypes';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Button } from './Button';\nimport { Dialog } from './Dialog';\nimport { SearchFilterValueDisplay } from './SearchFilterValueDisplay';\nimport { SearchFilterValueInput } from './SearchFilterValueInput';\nimport {\n  addFilter,\n  buildFieldNameString,\n  deleteFilter,\n  getOpString,\n  getSearchOperators,\n  setFilters,\n} from './SearchUtils';\nimport { Select } from './Select';\nimport './SearchFilterEditor.css';\n\nexport interface SearchFilterEditorProps {\n  schema: IndexedStructureDefinition;\n  visible: boolean;\n  search: SearchRequest;\n  onOk: (search: SearchRequest) => void;\n  onCancel: () => void;\n}\n\nexport function SearchFilterEditor(props: SearchFilterEditorProps): JSX.Element | null {\n  const [search, setSearch] = useState<SearchRequest>(JSON.parse(stringify(props.search)) as SearchRequest);\n  const [editingIndex, setEditingIndex] = useState<number>(-1);\n\n  const searchRef = useRef<SearchRequest>(search);\n  searchRef.current = search;\n\n  useEffect(() => {\n    setSearch(JSON.parse(stringify(props.search)) as SearchRequest);\n  }, [props.search]);\n\n  function onAddFilter(filter: Filter): void {\n    setSearch(addFilter(searchRef.current, filter.code, filter.operator, filter.value));\n  }\n\n  if (!props.visible) {\n    return null;\n  }\n\n  const schema = props.schema;\n  const resourceType = props.search.resourceType;\n  const searchParams = schema.types[resourceType].searchParams as Record<string, SearchParameter>;\n  const filters = search.filters || [];\n\n  return (\n    <Dialog\n      title=\"Filters\"\n      visible={props.visible}\n      onOk={() => props.onOk(searchRef.current)}\n      onCancel={props.onCancel}\n    >\n      <div className=\"medplum-filter-editor\">\n        <table className=\"medplum-filter-editor-table\">\n          <colgroup>\n            <col style={{ width: 200 }} />\n            <col style={{ width: 200 }} />\n            <col style={{ width: 380 }} />\n            <col style={{ width: 120 }} />\n          </colgroup>\n          <thead>\n            <tr>\n              <th>Field</th>\n              <th>Operation</th>\n              <th>Value</th>\n              <th>Actions</th>\n            </tr>\n          </thead>\n          <tbody>\n            {filters.map((filter: Filter, index: number) => {\n              if (index === editingIndex) {\n                return (\n                  <FilterRowInput\n                    key={`filter-${index}-${filters.length}-input`}\n                    schema={schema}\n                    resourceType={resourceType}\n                    searchParams={searchParams}\n                    defaultValue={filter}\n                    okText=\"Save\"\n                    onOk={(newFilter: Filter) => {\n                      const newFilters = [...filters];\n                      newFilters[index] = newFilter;\n                      setSearch(setFilters(searchRef.current, newFilters));\n                      setEditingIndex(-1);\n                    }}\n                    onCancel={() => setEditingIndex(-1)}\n                  />\n                );\n              } else {\n                return (\n                  <FilterRowDisplay\n                    key={`filter-${index}-${filters.length}-display`}\n                    resourceType={resourceType}\n                    searchParams={searchParams}\n                    filter={filter}\n                    onEdit={() => setEditingIndex(index)}\n                    onDelete={() => setSearch(deleteFilter(searchRef.current, index))}\n                  />\n                );\n              }\n            })}\n            <FilterRowInput\n              schema={schema}\n              resourceType={resourceType}\n              searchParams={searchParams}\n              okText=\"Add\"\n              onOk={onAddFilter}\n            />\n          </tbody>\n        </table>\n      </div>\n    </Dialog>\n  );\n}\n\ninterface FilterRowDisplayProps {\n  readonly searchParams: Record<string, SearchParameter>;\n  readonly resourceType: string;\n  readonly filter: Filter;\n  readonly onEdit: () => void;\n  readonly onDelete: () => void;\n}\n\nfunction FilterRowDisplay(props: FilterRowDisplayProps): JSX.Element | null {\n  const { filter } = props;\n  return (\n    <tr>\n      <td>{buildFieldNameString(filter.code)}</td>\n      <td>{getOpString(filter.operator)}</td>\n      <td>\n        <SearchFilterValueDisplay resourceType={props.resourceType} filter={filter} />\n      </td>\n      <td>\n        <Button size=\"small\" onClick={props.onEdit}>\n          Edit\n        </Button>\n        <Button size=\"small\" onClick={props.onDelete}>\n          Delete\n        </Button>\n      </td>\n    </tr>\n  );\n}\n\ninterface FilterRowInputProps {\n  schema: IndexedStructureDefinition;\n  resourceType: string;\n  searchParams: Record<string, SearchParameter>;\n  defaultValue?: Filter;\n  okText: string;\n  onOk: (value: Filter) => void;\n  onCancel?: () => void;\n}\n\nfunction FilterRowInput(props: FilterRowInputProps): JSX.Element {\n  const [value, setValue] = useState<Filter>(props.defaultValue ?? ({} as Filter));\n  const valueRef = useRef<Filter>(value);\n  valueRef.current = value;\n\n  function setFilterCode(newCode: string): void {\n    setValue({ ...valueRef.current, code: newCode });\n  }\n\n  function setFilterOperator(newOperator: Operator): void {\n    setValue({ ...valueRef.current, operator: newOperator });\n  }\n\n  function setFilterValue(newFilterValue: string): void {\n    setValue({ ...valueRef.current, value: newFilterValue });\n  }\n\n  const searchParam = props.searchParams[value.code];\n  const operators = searchParam && getSearchOperators(searchParam);\n\n  return (\n    <tr>\n      <td>\n        <Select testid=\"filter-field\" defaultValue={valueRef.current.code} onChange={setFilterCode}>\n          <option value=\"\"></option>\n          {Object.keys(props.searchParams).map((param) => (\n            <option key={param} value={param}>\n              {buildFieldNameString(param)}\n            </option>\n          ))}\n        </Select>\n      </td>\n      <td>\n        {operators && (\n          <Select\n            testid=\"filter-operation\"\n            defaultValue={value.operator}\n            onChange={setFilterOperator as (newOperator: string) => void}\n          >\n            <option value=\"\"></option>\n            {operators.map((operator) => (\n              <option key={operator} value={operator}>\n                {getOpString(operator)}\n              </option>\n            ))}\n          </Select>\n        )}\n      </td>\n      <td>\n        {searchParam && value.operator && (\n          <SearchFilterValueInput\n            schema={props.schema}\n            resourceType={props.resourceType}\n            searchParam={searchParam}\n            defaultValue={value.value}\n            onChange={setFilterValue}\n          />\n        )}\n      </td>\n      <td>\n        {value.code && value.operator && value.value && (\n          <Button\n            size=\"small\"\n            onClick={() => {\n              props.onOk(valueRef.current);\n              setValue({} as Filter);\n            }}\n          >\n            {props.okText}\n          </Button>\n        )}\n        {props.onCancel && (\n          <Button size=\"small\" onClick={props.onCancel}>\n            Cancel\n          </Button>\n        )}\n      </td>\n    </tr>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/SearchFilterValueDialog.js

@@ -0,0 +1,22 @@
+import React, { useState } from 'react';
+import { Dialog } from './Dialog.js';
+import { Form } from './Form.js';
+import { SearchFilterValueInput } from './SearchFilterValueInput.js';
+
+function SearchFilterValueDialog(props) {
+    var _a;
+    const [value, setValue] = useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : '');
+    if (!props.visible || !props.searchParam || !props.filter) {
+        return null;
+    }
+    function onOk() {
+        props.onOk(Object.assign(Object.assign({}, props.filter), { value }));
+    }
+    return (React.createElement(Dialog, { title: props.title, visible: props.visible, onOk: onOk, onCancel: props.onCancel },
+        React.createElement("div", { style: { width: 500 } },
+            React.createElement(Form, { onSubmit: onOk },
+                React.createElement(SearchFilterValueInput, { schema: props.schema, resourceType: props.resourceType, searchParam: props.searchParam, defaultValue: value, autoFocus: true, onChange: setValue })))));
+}
+
+export { SearchFilterValueDialog };
+//# sourceMappingURL=SearchFilterValueDialog.js.map

package/dist/esm/SearchFilterValueDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilterValueDialog.js","sources":["../../src/SearchFilterValueDialog.tsx"],"sourcesContent":["import { Filter, IndexedStructureDefinition } from '@medplum/core';\nimport { SearchParameter } from '@medplum/fhirtypes';\nimport React, { useState } from 'react';\nimport { Dialog } from './Dialog';\nimport { Form } from './Form';\nimport { SearchFilterValueInput } from './SearchFilterValueInput';\n\nexport interface SearchFilterValueDialogProps {\n  title: string;\n  visible: boolean;\n  schema: IndexedStructureDefinition;\n  resourceType: string;\n  searchParam?: SearchParameter;\n  filter?: Filter;\n  defaultValue?: string;\n  onOk: (filter: Filter) => void;\n  onCancel: () => void;\n}\n\nexport function SearchFilterValueDialog(props: SearchFilterValueDialogProps): JSX.Element | null {\n  const [value, setValue] = useState<string>(props.defaultValue ?? '');\n\n  if (!props.visible || !props.searchParam || !props.filter) {\n    return null;\n  }\n\n  function onOk(): void {\n    props.onOk({ ...(props.filter as Filter), value });\n  }\n\n  return (\n    <Dialog title={props.title} visible={props.visible} onOk={onOk} onCancel={props.onCancel}>\n      <div style={{ width: 500 }}>\n        <Form onSubmit={onOk}>\n          <SearchFilterValueInput\n            schema={props.schema}\n            resourceType={props.resourceType}\n            searchParam={props.searchParam}\n            defaultValue={value}\n            autoFocus={true}\n            onChange={setValue}\n          />\n        </Form>\n      </div>\n    </Dialog>\n  );\n}\n"],"names":[],"mappings":";;;;;AAmBM,SAAU,uBAAuB,CAAC,KAAmC,EAAA;;AACzE,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAA,EAAA,GAAA,KAAK,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAC,CAAC;AAErE,IAAA,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACzD,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AAED,IAAA,SAAS,IAAI,GAAA;QACX,KAAK,CAAC,IAAI,CAAO,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CAAC,MAAiB,CAAA,EAAA,EAAE,KAAK,EAAA,CAAA,CAAG,CAAC;KACpD;IAED,QACE,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAA;AACtF,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAA;AACxB,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,QAAQ,EAAE,IAAI,EAAA;AAClB,gBAAA,KAAA,CAAA,aAAA,CAAC,sBAAsB,EACrB,EAAA,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,YAAY,EAAE,KAAK,EACnB,SAAS,EAAE,IAAI,EACf,QAAQ,EAAE,QAAQ,EAClB,CAAA,CACG,CACH,CACC,EACT;AACJ;;;;"}

package/dist/esm/SearchFilterValueDisplay.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { DateTimeDisplay } from './DateTimeDisplay.js';
+import { useMedplum } from './MedplumProvider.js';
+import { ResourceName } from './ResourceName.js';
+
+function SearchFilterValueDisplay(props) {
+    var _a, _b;
+    const medplum = useMedplum();
+    const schema = medplum.getSchema();
+    const searchParam = (_b = (_a = schema.types[props.resourceType]) === null || _a === void 0 ? void 0 : _a.searchParams) === null || _b === void 0 ? void 0 : _b[props.filter.code];
+    const filter = props.filter;
+    if ((searchParam === null || searchParam === void 0 ? void 0 : searchParam.type) === 'reference') {
+        return React.createElement(ResourceName, { value: { reference: filter.value } });
+    }
+    if (props.filter.code === '_lastUpdated' || (searchParam === null || searchParam === void 0 ? void 0 : searchParam.type) === 'datetime') {
+        return React.createElement(DateTimeDisplay, { value: filter.value });
+    }
+    return React.createElement(React.Fragment, null, filter.value);
+}
+
+export { SearchFilterValueDisplay };
+//# sourceMappingURL=SearchFilterValueDisplay.js.map

package/dist/esm/SearchFilterValueDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilterValueDisplay.js","sources":["../../src/SearchFilterValueDisplay.tsx"],"sourcesContent":["import { Filter } from '@medplum/core';\nimport React from 'react';\nimport { DateTimeDisplay } from './DateTimeDisplay';\nimport { useMedplum } from './MedplumProvider';\nimport { ResourceName } from './ResourceName';\n\nexport interface SearchFilterValueDisplayProps {\n  readonly resourceType: string;\n  readonly filter: Filter;\n}\n\nexport function SearchFilterValueDisplay(props: SearchFilterValueDisplayProps): JSX.Element | null {\n  const medplum = useMedplum();\n  const schema = medplum.getSchema();\n  const searchParam = schema.types[props.resourceType]?.searchParams?.[props.filter.code];\n\n  const filter = props.filter;\n  if (searchParam?.type === 'reference') {\n    return <ResourceName value={{ reference: filter.value }} />;\n  }\n\n  if (props.filter.code === '_lastUpdated' || searchParam?.type === 'datetime') {\n    return <DateTimeDisplay value={filter.value} />;\n  }\n\n  return <>{filter.value}</>;\n}\n"],"names":[],"mappings":";;;;;AAWM,SAAU,wBAAwB,CAAC,KAAoC,EAAA;;AAC3E,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;AAC7B,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,WAAW,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,YAAY,MAAG,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAExF,IAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;IAC5B,IAAI,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAX,WAAW,CAAE,IAAI,MAAK,WAAW,EAAE;AACrC,QAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,EAAC,EAAA,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,EAAE,GAAI,CAAC;AAC7D,KAAA;AAED,IAAA,IAAI,KAAK,CAAC,MAAM,CAAC,IAAI,KAAK,cAAc,IAAI,CAAA,WAAW,KAAA,IAAA,IAAX,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,IAAI,MAAK,UAAU,EAAE;QAC5E,OAAO,KAAA,CAAA,aAAA,CAAC,eAAe,EAAC,EAAA,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,CAAI,CAAC;AACjD,KAAA;AAED,IAAA,OAAO,KAAG,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAM,CAAC,KAAK,CAAI,CAAC;AAC7B;;;;"}

package/dist/esm/SearchFilterValueInput.js

@@ -0,0 +1,59 @@
+import { getSearchParameterDetails, SearchParameterType } from '@medplum/core';
+import React from 'react';
+import { Checkbox } from './Checkbox.js';
+import { DateTimeInput } from './DateTimeInput.js';
+import { Input } from './Input.js';
+import { QuantityInput } from './QuantityInput.js';
+import { ReferenceInput } from './ReferenceInput.js';
+
+function SearchFilterValueInput(props) {
+    var _a;
+    const details = getSearchParameterDetails(props.schema, props.resourceType, props.searchParam);
+    const name = 'filter-value';
+    switch (details.type) {
+        case SearchParameterType.REFERENCE:
+            return (React.createElement(ReferenceInput, { name: name, defaultValue: { reference: props.defaultValue }, targetTypes: (_a = props.searchParam) === null || _a === void 0 ? void 0 : _a.target, onChange: (newReference) => {
+                    if (newReference) {
+                        props.onChange(newReference.reference);
+                    }
+                    else {
+                        props.onChange('');
+                    }
+                } }));
+        case SearchParameterType.BOOLEAN:
+            return (React.createElement(Checkbox, { name: name, testid: name, defaultValue: props.defaultValue === 'true', onChange: (newValue) => props.onChange(newValue.toString()) }));
+        case SearchParameterType.DATE:
+            return React.createElement(Input, { type: "date", testid: name, defaultValue: props.defaultValue, onChange: props.onChange });
+        case SearchParameterType.DATETIME:
+            return React.createElement(DateTimeInput, { testid: name, defaultValue: props.defaultValue, onChange: props.onChange });
+        case SearchParameterType.NUMBER:
+            return React.createElement(Input, { type: "number", defaultValue: props.defaultValue, onChange: props.onChange });
+        case SearchParameterType.QUANTITY:
+            return (React.createElement(QuantityInput, { name: name, defaultValue: tryParseQuantity(props.defaultValue), onChange: (newQuantity) => {
+                    if (newQuantity) {
+                        props.onChange(`${newQuantity.value}`);
+                    }
+                    else {
+                        props.onChange('');
+                    }
+                } }));
+        default:
+            return (React.createElement(Input, { testid: name, defaultValue: props.defaultValue, autoFocus: props.autoFocus, onChange: props.onChange }));
+    }
+}
+function tryParseQuantity(value) {
+    if (value) {
+        const [valueString, systemString, unitString] = value.split('|');
+        if (valueString) {
+            return {
+                value: parseFloat(valueString),
+                system: systemString,
+                unit: unitString,
+            };
+        }
+    }
+    return undefined;
+}
+
+export { SearchFilterValueInput };
+//# sourceMappingURL=SearchFilterValueInput.js.map

package/dist/esm/SearchFilterValueInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchFilterValueInput.js","sources":["../../src/SearchFilterValueInput.tsx"],"sourcesContent":["import { getSearchParameterDetails, IndexedStructureDefinition, SearchParameterType } from '@medplum/core';\nimport { Quantity, Reference, SearchParameter } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { Checkbox } from './Checkbox';\nimport { DateTimeInput } from './DateTimeInput';\nimport { Input } from './Input';\nimport { QuantityInput } from './QuantityInput';\nimport { ReferenceInput } from './ReferenceInput';\n\nexport interface SearchFilterValueInputProps {\n  schema: IndexedStructureDefinition;\n  resourceType: string;\n  searchParam: SearchParameter;\n  defaultValue?: string;\n  autoFocus?: boolean;\n  onChange: (value: string) => void;\n}\n\nexport function SearchFilterValueInput(props: SearchFilterValueInputProps): JSX.Element | null {\n  const details = getSearchParameterDetails(props.schema, props.resourceType, props.searchParam);\n  const name = 'filter-value';\n\n  switch (details.type) {\n    case SearchParameterType.REFERENCE:\n      return (\n        <ReferenceInput\n          name={name}\n          defaultValue={{ reference: props.defaultValue }}\n          targetTypes={props.searchParam?.target}\n          onChange={(newReference: Reference | undefined) => {\n            if (newReference) {\n              props.onChange(newReference.reference as string);\n            } else {\n              props.onChange('');\n            }\n          }}\n        />\n      );\n\n    case SearchParameterType.BOOLEAN:\n      return (\n        <Checkbox\n          name={name}\n          testid={name}\n          defaultValue={props.defaultValue === 'true'}\n          onChange={(newValue) => props.onChange(newValue.toString())}\n        />\n      );\n\n    case SearchParameterType.DATE:\n      return <Input type=\"date\" testid={name} defaultValue={props.defaultValue} onChange={props.onChange} />;\n\n    case SearchParameterType.DATETIME:\n      return <DateTimeInput testid={name} defaultValue={props.defaultValue} onChange={props.onChange} />;\n\n    case SearchParameterType.NUMBER:\n      return <Input type=\"number\" defaultValue={props.defaultValue} onChange={props.onChange} />;\n\n    case SearchParameterType.QUANTITY:\n      return (\n        <QuantityInput\n          name={name}\n          defaultValue={tryParseQuantity(props.defaultValue)}\n          onChange={(newQuantity: Quantity | undefined) => {\n            if (newQuantity) {\n              props.onChange(`${newQuantity.value}`);\n            } else {\n              props.onChange('');\n            }\n          }}\n        />\n      );\n\n    default:\n      return (\n        <Input testid={name} defaultValue={props.defaultValue} autoFocus={props.autoFocus} onChange={props.onChange} />\n      );\n  }\n}\n\nfunction tryParseQuantity(value: string | undefined): Quantity | undefined {\n  if (value) {\n    const [valueString, systemString, unitString] = value.split('|');\n    if (valueString) {\n      return {\n        value: parseFloat(valueString),\n        system: systemString,\n        unit: unitString,\n      };\n    }\n  }\n  return undefined;\n}\n"],"names":[],"mappings":"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"}