@medplum/react 0.9.25 → 0.9.28

package/dist/esm/ResourceTimeline.js

@@ -0,0 +1,221 @@
+import { getReferenceString } from '@medplum/core';
+import React, { useRef, useState, useCallback, useEffect } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { AttachmentDisplay } from './AttachmentDisplay.js';
+import { Button } from './Button.js';
+import { DiagnosticReportDisplay } from './DiagnosticReportDisplay.js';
+import { Form } from './Form.js';
+import { Input } from './Input.js';
+import { Loading } from './Loading.js';
+import { useMedplum } from './MedplumProvider.js';
+import { MenuItem } from './MenuItem.js';
+import { ResourceDiffTable } from './ResourceDiffTable.js';
+import { ResourceTable } from './ResourceTable.js';
+import { Scrollable } from './Scrollable.js';
+import { Timeline, TimelineItem } from './Timeline.js';
+import { UploadButton } from './UploadButton.js';
+import { useResource } from './useResource.js';
+import { sortByDateAndPriority } from './utils/date.js';
+
+function ResourceTimeline(props) {
+    const navigate = useNavigate();
+    const medplum = useMedplum();
+    const sender = medplum.getProfile();
+    const inputRef = useRef(null);
+    const resource = useResource(props.value);
+    const [history, setHistory] = useState();
+    const [items, setItems] = useState([]);
+    const buildSearchRequests = props.buildSearchRequests;
+    const itemsRef = useRef(items);
+    itemsRef.current = items;
+    const loadTimeline = useCallback(() => {
+        if (!resource) {
+            setItems([]);
+            setHistory({});
+            return;
+        }
+        medplum.executeBatch(buildSearchRequests(resource)).then(handleBatchResponse);
+    }, [medplum, resource, buildSearchRequests]);
+    useEffect(() => {
+        loadTimeline();
+    }, [loadTimeline]);
+    /**
+     * Handles a batch request response.
+     * @param batchResponse The batch response.
+     */
+    function handleBatchResponse(batchResponse) {
+        const newItems = [];
+        if (batchResponse.entry) {
+            for (const batchEntry of batchResponse.entry) {
+                const bundle = batchEntry.resource;
+                if (!bundle) {
+                    // User may not have access to all resource types
+                    continue;
+                }
+                if (bundle.type === 'history') {
+                    setHistory(bundle);
+                }
+                if (bundle.entry) {
+                    for (const entry of bundle.entry) {
+                        newItems.push(entry.resource);
+                    }
+                }
+            }
+            sortByDateAndPriority(newItems);
+            newItems.reverse();
+        }
+        setItems(newItems);
+    }
+    /**
+     * Adds an array of resources to the timeline.
+     * @param resources Array of resources.
+     */
+    function addResources(resources) {
+        const newItems = [...itemsRef.current, ...resources];
+        sortByDateAndPriority(newItems);
+        newItems.reverse();
+        setItems(newItems);
+    }
+    /**
+     * Adds a Communication resource to the timeline.
+     * @param contentString The comment content.
+     */
+    function createComment(contentString) {
+        if (!resource || !props.createCommunication) {
+            // Encounter not loaded yet
+            return;
+        }
+        medplum.createResource(props.createCommunication(resource, sender, contentString)).then((result) => {
+            addResources([result]);
+        });
+    }
+    /**
+     * Adds a Media resource to the timeline.
+     * @param attachment The media attachment.
+     */
+    function createMedia(attachment) {
+        if (!resource || !props.createMedia) {
+            // Encounter not loaded yet
+            return;
+        }
+        medplum.createResource(props.createMedia(resource, sender, attachment)).then((result) => {
+            addResources([result]);
+        });
+    }
+    function setPriority(communication, priority) {
+        return medplum.updateResource(Object.assign(Object.assign({}, communication), { priority }));
+    }
+    function onPin(communication) {
+        setPriority(communication, 'stat').then(loadTimeline);
+    }
+    function onUnpin(communication) {
+        setPriority(communication, 'routine').then(loadTimeline);
+    }
+    function onDetails(timelineItem) {
+        navigate(`/${timelineItem.resourceType}/${timelineItem.id}`);
+    }
+    function onEdit(timelineItem) {
+        navigate(`/${timelineItem.resourceType}/${timelineItem.id}/edit`);
+    }
+    function onDelete(timelineItem) {
+        navigate(`/${timelineItem.resourceType}/${timelineItem.id}/delete`);
+    }
+    function onVersionDetails(version) {
+        var _a;
+        navigate(`/${version.resourceType}/${version.id}/_history/${(_a = version.meta) === null || _a === void 0 ? void 0 : _a.versionId}`);
+    }
+    if (!resource || !history) {
+        return React.createElement(Loading, null);
+    }
+    return (React.createElement(Timeline, null,
+        props.createCommunication && (React.createElement("article", { className: "medplum-timeline-item" },
+            React.createElement("div", { className: "medplum-timeline-item-header" },
+                React.createElement(Form, { testid: "timeline-form", onSubmit: (formData) => {
+                        createComment(formData.text);
+                        const input = inputRef.current;
+                        if (input) {
+                            input.value = '';
+                            input.focus();
+                        }
+                    } },
+                    React.createElement(Input, { name: "text", testid: "timeline-input", inputRef: inputRef }),
+                    React.createElement(Button, { type: "submit" }, "Comment"),
+                    React.createElement(UploadButton, { onUpload: createMedia }))))),
+        items.map((item) => {
+            var _a;
+            if (item.resourceType === resource.resourceType && item.id === resource.id) {
+                return (React.createElement(HistoryTimelineItem, { key: (_a = item.meta) === null || _a === void 0 ? void 0 : _a.versionId, history: history, resource: item, onDetails: onVersionDetails }));
+            }
+            const key = `${item.resourceType}/${item.id}`;
+            switch (item.resourceType) {
+                case 'AuditEvent':
+                    return React.createElement(AuditEventTimelineItem, { key: key, resource: item, onDetails: onDetails });
+                case 'Communication':
+                    return (React.createElement(CommunicationTimelineItem, { key: key, resource: item, onPin: item.priority !== 'stat' ? onPin : undefined, onUnpin: item.priority === 'stat' ? onUnpin : undefined, onDetails: onDetails, onEdit: onEdit, onDelete: onDelete }));
+                case 'DiagnosticReport':
+                    return (React.createElement(DiagnosticReportTimelineItem, { key: key, resource: item, onDetails: onDetails, onEdit: onEdit, onDelete: onDelete }));
+                case 'Media':
+                    return (React.createElement(MediaTimelineItem, { key: key, resource: item, onDetails: onDetails, onEdit: onEdit, onDelete: onDelete }));
+                default:
+                    return (React.createElement(TimelineItem, { key: key, resource: item, padding: true },
+                        React.createElement(ResourceTable, { value: item, ignoreMissingValues: true })));
+            }
+        })));
+}
+function TimelineItemPopupMenu(props) {
+    return (React.createElement(React.Fragment, null,
+        props.onPin && (React.createElement(MenuItem, { onClick: () => props.onPin(props.resource), label: `Pin ${getReferenceString(props.resource)}` }, "Pin")),
+        props.onUnpin && (React.createElement(MenuItem, { onClick: () => props.onUnpin(props.resource), label: `Unpin ${getReferenceString(props.resource)}` }, "Unpin")),
+        props.onDetails && (React.createElement(MenuItem, { onClick: () => props.onDetails(props.resource), label: `Details ${getReferenceString(props.resource)}` }, "Details")),
+        props.onEdit && (React.createElement(MenuItem, { onClick: () => props.onEdit(props.resource), label: `Edit ${getReferenceString(props.resource)}` }, "Edit")),
+        props.onDelete && (React.createElement(MenuItem, { onClick: () => props.onDelete(props.resource), label: `Delete ${getReferenceString(props.resource)}` }, "Delete"))));
+}
+function HistoryTimelineItem(props) {
+    const previous = getPrevious(props.history, props.resource);
+    if (previous) {
+        return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
+            React.createElement(ResourceDiffTable, { original: previous, revised: props.resource })));
+    }
+    else {
+        return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
+            React.createElement("h3", null, "Created"),
+            React.createElement(ResourceTable, { value: props.resource, ignoreMissingValues: true })));
+    }
+}
+function getPrevious(history, version) {
+    const entries = history.entry;
+    const index = entries.findIndex((entry) => { var _a, _b, _c; return ((_b = (_a = entry.resource) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.versionId) === ((_c = version.meta) === null || _c === void 0 ? void 0 : _c.versionId); });
+    if (index >= entries.length - 1) {
+        return undefined;
+    }
+    return entries[index + 1].resource;
+}
+function CommunicationTimelineItem(props) {
+    var _a, _b;
+    const routine = !props.resource.priority || props.resource.priority === 'routine';
+    const className = routine ? 'medplum-timeline-item' : 'medplum-timeline-item medplum-timeline-item-pinned';
+    return (React.createElement(TimelineItem, { resource: props.resource, profile: props.resource.sender, padding: true, className: className, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
+        React.createElement("p", null, (_b = (_a = props.resource.payload) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.contentString)));
+}
+function MediaTimelineItem(props) {
+    var _a;
+    const contentType = (_a = props.resource.content) === null || _a === void 0 ? void 0 : _a.contentType;
+    const padding = contentType &&
+        !contentType.startsWith('image/') &&
+        !contentType.startsWith('video/') &&
+        contentType !== 'application/pdf';
+    return (React.createElement(TimelineItem, { resource: props.resource, padding: !!padding, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
+        React.createElement(AttachmentDisplay, { value: props.resource.content })));
+}
+function AuditEventTimelineItem(props) {
+    return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
+        React.createElement(Scrollable, null,
+            React.createElement("pre", null, props.resource.outcomeDesc))));
+}
+function DiagnosticReportTimelineItem(props) {
+    return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, Object.assign({}, props)) },
+        React.createElement(DiagnosticReportDisplay, { value: props.resource })));
+}
+
+export { ResourceTimeline };
+//# sourceMappingURL=ResourceTimeline.js.map

package/dist/esm/ResourceTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceTimeline.js","sources":["../../src/ResourceTimeline.tsx"],"sourcesContent":["import { getReferenceString, ProfileResource } from '@medplum/core';\nimport {\n  Attachment,\n  AuditEvent,\n  Bundle,\n  BundleEntry,\n  Communication,\n  DiagnosticReport,\n  Media,\n  Reference,\n  Resource,\n} from '@medplum/fhirtypes';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { AttachmentDisplay } from './AttachmentDisplay';\nimport { Button } from './Button';\nimport { DiagnosticReportDisplay } from './DiagnosticReportDisplay';\nimport { Form } from './Form';\nimport { Input } from './Input';\nimport { Loading } from './Loading';\nimport { useMedplum } from './MedplumProvider';\nimport { MenuItem } from './MenuItem';\nimport { ResourceDiffTable } from './ResourceDiffTable';\nimport { ResourceTable } from './ResourceTable';\nimport { Scrollable } from './Scrollable';\nimport { Timeline, TimelineItem } from './Timeline';\nimport { UploadButton } from './UploadButton';\nimport { useResource } from './useResource';\nimport { sortByDateAndPriority } from './utils/date';\nimport './ResourceTimeline.css';\n\nexport interface ResourceTimelineProps<T extends Resource> {\n  value: T | Reference<T>;\n  buildSearchRequests: (resource: T) => Bundle;\n  createCommunication?: (resource: T, sender: ProfileResource, text: string) => Communication;\n  createMedia?: (resource: T, operator: ProfileResource, attachment: Attachment) => Media;\n}\n\nexport function ResourceTimeline<T extends Resource>(props: ResourceTimelineProps<T>): JSX.Element {\n  const navigate = useNavigate();\n  const medplum = useMedplum();\n  const sender = medplum.getProfile() as ProfileResource;\n  const inputRef = useRef<HTMLInputElement>(null);\n  const resource = useResource(props.value);\n  const [history, setHistory] = useState<Bundle>();\n  const [items, setItems] = useState<Resource[]>([]);\n  const buildSearchRequests = props.buildSearchRequests;\n\n  const itemsRef = useRef<Resource[]>(items);\n  itemsRef.current = items;\n\n  const loadTimeline = useCallback(() => {\n    if (!resource) {\n      setItems([]);\n      setHistory({} as Bundle);\n      return;\n    }\n    medplum.executeBatch(buildSearchRequests(resource)).then(handleBatchResponse);\n  }, [medplum, resource, buildSearchRequests]);\n\n  useEffect(() => {\n    loadTimeline();\n  }, [loadTimeline]);\n\n  /**\n   * Handles a batch request response.\n   * @param batchResponse The batch response.\n   */\n  function handleBatchResponse(batchResponse: Bundle): void {\n    const newItems = [];\n\n    if (batchResponse.entry) {\n      for (const batchEntry of batchResponse.entry) {\n        const bundle = batchEntry.resource as Bundle;\n        if (!bundle) {\n          // User may not have access to all resource types\n          continue;\n        }\n\n        if (bundle.type === 'history') {\n          setHistory(bundle);\n        }\n\n        if (bundle.entry) {\n          for (const entry of bundle.entry) {\n            newItems.push(entry.resource as Resource);\n          }\n        }\n      }\n\n      sortByDateAndPriority(newItems);\n      newItems.reverse();\n    }\n\n    setItems(newItems);\n  }\n\n  /**\n   * Adds an array of resources to the timeline.\n   * @param resources Array of resources.\n   */\n  function addResources(resources: Resource[]): void {\n    const newItems = [...itemsRef.current, ...resources];\n    sortByDateAndPriority(newItems);\n    newItems.reverse();\n    setItems(newItems);\n  }\n\n  /**\n   * Adds a Communication resource to the timeline.\n   * @param contentString The comment content.\n   */\n  function createComment(contentString: string): void {\n    if (!resource || !props.createCommunication) {\n      // Encounter not loaded yet\n      return;\n    }\n    medplum.createResource(props.createCommunication(resource, sender, contentString)).then((result) => {\n      addResources([result]);\n    });\n  }\n\n  /**\n   * Adds a Media resource to the timeline.\n   * @param attachment The media attachment.\n   */\n  function createMedia(attachment: Attachment): void {\n    if (!resource || !props.createMedia) {\n      // Encounter not loaded yet\n      return;\n    }\n    medplum.createResource(props.createMedia(resource, sender, attachment)).then((result) => {\n      addResources([result]);\n    });\n  }\n\n  function setPriority(communication: Communication, priority: string): Promise<Communication> {\n    return medplum.updateResource({ ...communication, priority });\n  }\n\n  function onPin(communication: Communication): void {\n    setPriority(communication, 'stat').then(loadTimeline);\n  }\n\n  function onUnpin(communication: Communication): void {\n    setPriority(communication, 'routine').then(loadTimeline);\n  }\n\n  function onDetails(timelineItem: Resource): void {\n    navigate(`/${timelineItem.resourceType}/${timelineItem.id}`);\n  }\n\n  function onEdit(timelineItem: Resource): void {\n    navigate(`/${timelineItem.resourceType}/${timelineItem.id}/edit`);\n  }\n\n  function onDelete(timelineItem: Resource): void {\n    navigate(`/${timelineItem.resourceType}/${timelineItem.id}/delete`);\n  }\n\n  function onVersionDetails(version: Resource): void {\n    navigate(`/${version.resourceType}/${version.id}/_history/${version.meta?.versionId}`);\n  }\n\n  if (!resource || !history) {\n    return <Loading />;\n  }\n\n  return (\n    <Timeline>\n      {props.createCommunication && (\n        <article className=\"medplum-timeline-item\">\n          <div className=\"medplum-timeline-item-header\">\n            <Form\n              testid=\"timeline-form\"\n              onSubmit={(formData: Record<string, string>) => {\n                createComment(formData.text);\n\n                const input = inputRef.current;\n                if (input) {\n                  input.value = '';\n                  input.focus();\n                }\n              }}\n            >\n              <Input name=\"text\" testid=\"timeline-input\" inputRef={inputRef} />\n              <Button type=\"submit\">Comment</Button>\n              <UploadButton onUpload={createMedia} />\n            </Form>\n          </div>\n        </article>\n      )}\n      {items.map((item) => {\n        if (item.resourceType === resource.resourceType && item.id === resource.id) {\n          return (\n            <HistoryTimelineItem\n              key={item.meta?.versionId}\n              history={history}\n              resource={item}\n              onDetails={onVersionDetails}\n            />\n          );\n        }\n        const key = `${item.resourceType}/${item.id}`;\n        switch (item.resourceType) {\n          case 'AuditEvent':\n            return <AuditEventTimelineItem key={key} resource={item} onDetails={onDetails} />;\n          case 'Communication':\n            return (\n              <CommunicationTimelineItem\n                key={key}\n                resource={item}\n                onPin={item.priority !== 'stat' ? onPin : undefined}\n                onUnpin={item.priority === 'stat' ? onUnpin : undefined}\n                onDetails={onDetails}\n                onEdit={onEdit}\n                onDelete={onDelete}\n              />\n            );\n          case 'DiagnosticReport':\n            return (\n              <DiagnosticReportTimelineItem\n                key={key}\n                resource={item}\n                onDetails={onDetails}\n                onEdit={onEdit}\n                onDelete={onDelete}\n              />\n            );\n          case 'Media':\n            return (\n              <MediaTimelineItem key={key} resource={item} onDetails={onDetails} onEdit={onEdit} onDelete={onDelete} />\n            );\n          default:\n            return (\n              <TimelineItem key={key} resource={item} padding={true}>\n                <ResourceTable value={item} ignoreMissingValues={true} />\n              </TimelineItem>\n            );\n        }\n      })}\n    </Timeline>\n  );\n}\n\ninterface BaseTimelineItemProps<T extends Resource> {\n  resource: T;\n  onPin?: (resource: T) => void;\n  onUnpin?: (resource: T) => void;\n  onDetails?: (resource: T) => void;\n  onEdit?: (resource: T) => void;\n  onDelete?: (resource: T) => void;\n}\n\nfunction TimelineItemPopupMenu<T extends Resource>(props: BaseTimelineItemProps<T>): JSX.Element {\n  return (\n    <>\n      {props.onPin && (\n        <MenuItem\n          onClick={() => (props.onPin as (resource: T) => void)(props.resource)}\n          label={`Pin ${getReferenceString(props.resource)}`}\n        >\n          Pin\n        </MenuItem>\n      )}\n      {props.onUnpin && (\n        <MenuItem\n          onClick={() => (props.onUnpin as (resource: T) => void)(props.resource)}\n          label={`Unpin ${getReferenceString(props.resource)}`}\n        >\n          Unpin\n        </MenuItem>\n      )}\n      {props.onDetails && (\n        <MenuItem\n          onClick={() => (props.onDetails as (resource: T) => void)(props.resource)}\n          label={`Details ${getReferenceString(props.resource)}`}\n        >\n          Details\n        </MenuItem>\n      )}\n      {props.onEdit && (\n        <MenuItem\n          onClick={() => (props.onEdit as (resource: T) => void)(props.resource)}\n          label={`Edit ${getReferenceString(props.resource)}`}\n        >\n          Edit\n        </MenuItem>\n      )}\n      {props.onDelete && (\n        <MenuItem\n          onClick={() => (props.onDelete as (resource: T) => void)(props.resource)}\n          label={`Delete ${getReferenceString(props.resource)}`}\n        >\n          Delete\n        </MenuItem>\n      )}\n    </>\n  );\n}\n\ninterface HistoryTimelineItemProps extends BaseTimelineItemProps<Resource> {\n  history: Bundle;\n}\n\nfunction HistoryTimelineItem(props: HistoryTimelineItemProps): JSX.Element {\n  const previous = getPrevious(props.history, props.resource);\n  if (previous) {\n    return (\n      <TimelineItem resource={props.resource} padding={true} popupMenuItems={<TimelineItemPopupMenu {...props} />}>\n        <ResourceDiffTable original={previous} revised={props.resource} />\n      </TimelineItem>\n    );\n  } else {\n    return (\n      <TimelineItem resource={props.resource} padding={true} popupMenuItems={<TimelineItemPopupMenu {...props} />}>\n        <h3>Created</h3>\n        <ResourceTable value={props.resource} ignoreMissingValues={true} />\n      </TimelineItem>\n    );\n  }\n}\n\nfunction getPrevious(history: Bundle, version: Resource): Resource | undefined {\n  const entries = history.entry as BundleEntry[];\n  const index = entries.findIndex((entry) => entry.resource?.meta?.versionId === version.meta?.versionId);\n  if (index >= entries.length - 1) {\n    return undefined;\n  }\n  return entries[index + 1].resource;\n}\n\nfunction CommunicationTimelineItem(props: BaseTimelineItemProps<Communication>): JSX.Element {\n  const routine = !props.resource.priority || props.resource.priority === 'routine';\n  const className = routine ? 'medplum-timeline-item' : 'medplum-timeline-item medplum-timeline-item-pinned';\n  return (\n    <TimelineItem\n      resource={props.resource}\n      profile={props.resource.sender}\n      padding={true}\n      className={className}\n      popupMenuItems={<TimelineItemPopupMenu {...props} />}\n    >\n      <p>{props.resource.payload?.[0]?.contentString}</p>\n    </TimelineItem>\n  );\n}\n\nfunction MediaTimelineItem(props: BaseTimelineItemProps<Media>): JSX.Element {\n  const contentType = props.resource.content?.contentType;\n  const padding =\n    contentType &&\n    !contentType.startsWith('image/') &&\n    !contentType.startsWith('video/') &&\n    contentType !== 'application/pdf';\n  return (\n    <TimelineItem resource={props.resource} padding={!!padding} popupMenuItems={<TimelineItemPopupMenu {...props} />}>\n      <AttachmentDisplay value={props.resource.content} />\n    </TimelineItem>\n  );\n}\n\nfunction AuditEventTimelineItem(props: BaseTimelineItemProps<AuditEvent>): JSX.Element {\n  return (\n    <TimelineItem resource={props.resource} padding={true} popupMenuItems={<TimelineItemPopupMenu {...props} />}>\n      <Scrollable>\n        <pre>{props.resource.outcomeDesc}</pre>\n      </Scrollable>\n    </TimelineItem>\n  );\n}\n\nfunction DiagnosticReportTimelineItem(props: BaseTimelineItemProps<DiagnosticReport>): JSX.Element {\n  return (\n    <TimelineItem resource={props.resource} padding={true} popupMenuItems={<TimelineItemPopupMenu {...props} />}>\n      <DiagnosticReportDisplay value={props.resource} />\n    </TimelineItem>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/Scheduler.js

@@ -0,0 +1,82 @@
+import { getReferenceString } from '@medplum/core';
+import React, { useState, useRef, useEffect } from 'react';
+import { Avatar } from './Avatar.js';
+import { Button } from './Button.js';
+import { CalendarInput } from './CalendarInput.js';
+import { FormSection } from './FormSection.js';
+import { Input } from './Input.js';
+import { useMedplum } from './MedplumProvider.js';
+import { ResourceName } from './ResourceName.js';
+import { useResource } from './useResource.js';
+
+function Scheduler(props) {
+    var _a;
+    const medplum = useMedplum();
+    const schedule = useResource(props.schedule);
+    const [slots, setSlots] = useState();
+    const slotsRef = useRef();
+    slotsRef.current = slots;
+    const [date, setDate] = useState();
+    const [slot, setSlot] = useState();
+    const [info, setInfo] = useState();
+    const [form, setForm] = useState();
+    useEffect(() => {
+        if (schedule) {
+            medplum.search('Slot', 'schedule=' + getReferenceString(schedule)).then((bundle) => {
+                setSlots(bundle.entry.map((entry) => entry.resource));
+            });
+        }
+        else {
+            setSlots(undefined);
+        }
+    }, [medplum, schedule]);
+    if (!schedule || !slots) {
+        return null;
+    }
+    const actor = (_a = schedule.actor) === null || _a === void 0 ? void 0 : _a[0];
+    return (React.createElement("div", { className: "medplum-calendar-container", "data-testid": "scheduler" },
+        React.createElement("div", { className: "medplum-calendar-info-pane" },
+            actor && React.createElement(Avatar, { value: actor, size: "large" }),
+            actor && (React.createElement("h1", null,
+                React.createElement(ResourceName, { value: actor }))),
+            React.createElement("p", null, "1 hour"),
+            date && React.createElement("p", null, date.toLocaleDateString()),
+            slot && React.createElement("p", null, formatTime(new Date(slot.start)))),
+        React.createElement("div", { className: "medplum-calendar-selection-pane" },
+            !date && (React.createElement("div", null,
+                React.createElement("h3", null, "Select date"),
+                React.createElement(CalendarInput, { slots: slots, onClick: setDate }))),
+            date && !slot && (React.createElement("div", null,
+                React.createElement("h3", null, "Select time"),
+                slots.map((s) => {
+                    const slotStart = new Date(s.start);
+                    return (slotStart.getTime() > date.getTime() &&
+                        slotStart.getTime() < date.getTime() + 24 * 3600 * 1000 && (React.createElement("div", { key: s.id },
+                        React.createElement(Button, { style: { width: 150 }, onClick: () => setSlot(s) }, formatTime(slotStart)))));
+                }))),
+            date && slot && !info && (React.createElement("div", null,
+                React.createElement("h3", null, "Enter your info"),
+                React.createElement(FormSection, { title: "Name", htmlFor: "name" },
+                    React.createElement(Input, { name: "name" })),
+                React.createElement(FormSection, { title: "Email", htmlFor: "email" },
+                    React.createElement(Input, { name: "email" })),
+                React.createElement(Button, { primary: true, onClick: () => setInfo('info') }, "Next"))),
+            date && slot && info && !form && (React.createElement("div", null,
+                React.createElement("h3", null, "Custom questions"),
+                React.createElement(FormSection, { title: "Question 1", htmlFor: "q1" },
+                    React.createElement(Input, { name: "q1" })),
+                React.createElement(FormSection, { title: "Question 2", htmlFor: "q2" },
+                    React.createElement(Input, { name: "email" })),
+                React.createElement(FormSection, { title: "Question 3", htmlFor: "q3" },
+                    React.createElement(Input, { name: "email" })),
+                React.createElement(Button, { primary: true, onClick: () => setForm('form') }, "Next"))),
+            date && slot && info && form && (React.createElement("div", null,
+                React.createElement("h3", null, "You're all set!"),
+                React.createElement("p", null, "Check your email for a calendar invite."))))));
+}
+function formatTime(date) {
+    return date.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });
+}
+
+export { Scheduler };
+//# sourceMappingURL=Scheduler.js.map

package/dist/esm/Scheduler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scheduler.js","sources":["../../src/Scheduler.tsx"],"sourcesContent":["import { getReferenceString } from '@medplum/core';\nimport { BundleEntry, Reference, Schedule, Slot } from '@medplum/fhirtypes';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Avatar } from './Avatar';\nimport { Button } from './Button';\nimport { CalendarInput } from './CalendarInput';\nimport { FormSection } from './FormSection';\nimport { Input } from './Input';\nimport { useMedplum } from './MedplumProvider';\nimport { ResourceName } from './ResourceName';\nimport { useResource } from './useResource';\nimport './Scheduler.css';\n\nexport interface SchedulerProps {\n  schedule: Schedule | Reference<Schedule>;\n}\n\nexport function Scheduler(props: SchedulerProps): JSX.Element | null {\n  const medplum = useMedplum();\n  const schedule = useResource(props.schedule);\n\n  const [slots, setSlots] = useState<Slot[]>();\n  const slotsRef = useRef<Slot[]>();\n  slotsRef.current = slots;\n\n  const [date, setDate] = useState<Date>();\n  const [slot, setSlot] = useState<Slot>();\n  const [info, setInfo] = useState<string>();\n  const [form, setForm] = useState<string>();\n\n  useEffect(() => {\n    if (schedule) {\n      medplum.search('Slot', 'schedule=' + getReferenceString(schedule)).then((bundle) => {\n        setSlots((bundle.entry as BundleEntry<Slot>[]).map((entry) => entry.resource as Slot));\n      });\n    } else {\n      setSlots(undefined);\n    }\n  }, [medplum, schedule]);\n\n  if (!schedule || !slots) {\n    return null;\n  }\n\n  const actor = schedule.actor?.[0];\n\n  return (\n    <div className=\"medplum-calendar-container\" data-testid=\"scheduler\">\n      <div className=\"medplum-calendar-info-pane\">\n        {actor && <Avatar value={actor} size=\"large\" />}\n        {actor && (\n          <h1>\n            <ResourceName value={actor} />\n          </h1>\n        )}\n        <p>1 hour</p>\n        {date && <p>{date.toLocaleDateString()}</p>}\n        {slot && <p>{formatTime(new Date(slot.start as string))}</p>}\n      </div>\n      <div className=\"medplum-calendar-selection-pane\">\n        {!date && (\n          <div>\n            <h3>Select date</h3>\n            <CalendarInput slots={slots} onClick={setDate} />\n          </div>\n        )}\n        {date && !slot && (\n          <div>\n            <h3>Select time</h3>\n            {slots.map((s) => {\n              const slotStart = new Date(s.start as string);\n              return (\n                slotStart.getTime() > date.getTime() &&\n                slotStart.getTime() < date.getTime() + 24 * 3600 * 1000 && (\n                  <div key={s.id}>\n                    <Button style={{ width: 150 }} onClick={() => setSlot(s)}>\n                      {formatTime(slotStart)}\n                    </Button>\n                  </div>\n                )\n              );\n            })}\n          </div>\n        )}\n        {date && slot && !info && (\n          <div>\n            <h3>Enter your info</h3>\n            <FormSection title=\"Name\" htmlFor=\"name\">\n              <Input name=\"name\" />\n            </FormSection>\n            <FormSection title=\"Email\" htmlFor=\"email\">\n              <Input name=\"email\" />\n            </FormSection>\n            <Button primary={true} onClick={() => setInfo('info')}>\n              Next\n            </Button>\n          </div>\n        )}\n        {date && slot && info && !form && (\n          <div>\n            <h3>Custom questions</h3>\n            <FormSection title=\"Question 1\" htmlFor=\"q1\">\n              <Input name=\"q1\" />\n            </FormSection>\n            <FormSection title=\"Question 2\" htmlFor=\"q2\">\n              <Input name=\"email\" />\n            </FormSection>\n            <FormSection title=\"Question 3\" htmlFor=\"q3\">\n              <Input name=\"email\" />\n            </FormSection>\n            <Button primary={true} onClick={() => setForm('form')}>\n              Next\n            </Button>\n          </div>\n        )}\n        {date && slot && info && form && (\n          <div>\n            <h3>You're all set!</h3>\n            <p>Check your email for a calendar invite.</p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction formatTime(date: Date): string {\n  return date.toLocaleTimeString([], { hour: 'numeric', minute: '2-digit' });\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/Scrollable.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+function Scrollable(props) {
+    const containerHeight = props.height || '100%';
+    const contentHeight = props.height ? props.height + 25 : '100%';
+    const className = 'medplum-scrollable-content' + (props.className ? ` ${props.className}` : '');
+    return (React.createElement("div", { className: "medplum-scrollable-container", style: { height: containerHeight } },
+        React.createElement("div", { className: className, role: props.role, style: { height: contentHeight } }, props.children)));
+}
+
+export { Scrollable };
+//# sourceMappingURL=Scrollable.js.map

package/dist/esm/Scrollable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scrollable.js","sources":["../../src/Scrollable.tsx"],"sourcesContent":["import React from 'react';\nimport './Scrollable.css';\n\nexport interface ScrollableProps {\n  readonly role?: string;\n  readonly className?: string;\n  readonly height?: number;\n  readonly children: React.ReactNode;\n}\n\nexport function Scrollable(props: ScrollableProps): JSX.Element {\n  const containerHeight = props.height || '100%';\n  const contentHeight = props.height ? props.height + 25 : '100%';\n  const className = 'medplum-scrollable-content' + (props.className ? ` ${props.className}` : '');\n  return (\n    <div className=\"medplum-scrollable-container\" style={{ height: containerHeight }}>\n      <div className={className} role={props.role} style={{ height: contentHeight }}>\n        {props.children}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAUM,SAAU,UAAU,CAAC,KAAsB,EAAA;AAC/C,IAAA,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC;AAC/C,IAAA,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,EAAE,GAAG,MAAM,CAAC;IAChE,MAAM,SAAS,GAAG,4BAA4B,IAAI,KAAK,CAAC,SAAS,GAAG,CAAI,CAAA,EAAA,KAAK,CAAC,SAAS,CAAA,CAAE,GAAG,EAAE,CAAC,CAAC;AAChG,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,8BAA8B,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,eAAe,EAAE,EAAA;QAC9E,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,EAC1E,EAAA,KAAK,CAAC,QAAQ,CACX,CACF,EACN;AACJ;;;;"}