@medplum/react 0.9.27 → 0.9.30

package/dist/cjs/stories/AddressInput.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const DefaultValue: () => JSX.Element;

package/dist/cjs/stories/AttachmentArrayInput.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const DefaultValue: () => JSX.Element;

package/dist/cjs/stories/AttachmentInput.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const DefaultValue: () => JSX.Element;

package/dist/cjs/stories/Autocomplete.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Single: () => JSX.Element;
+export declare const Multiple: () => JSX.Element;
+export declare const Prefilled: () => JSX.Element;
+export declare const HelpText: () => JSX.Element;
+export declare const LoadOnFocus: () => JSX.Element;

package/dist/cjs/stories/Avatar.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Image: () => JSX.Element;
+export declare const Letter: () => JSX.Element;
+export declare const Sizes: () => JSX.Element;
+export declare const LetterSizes: () => JSX.Element;
+export declare const Resource: () => JSX.Element;
+export declare const WithText: () => JSX.Element;

package/dist/cjs/stories/Button.stories.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: () => JSX.Element;
+export declare const Secondary: () => JSX.Element;
+export declare const Danger: () => JSX.Element;
+export declare const Large: () => JSX.Element;
+export declare const Small: () => JSX.Element;

package/dist/cjs/stories/CodeableConceptDisplay.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Empty: () => JSX.Element;
+export declare const TextValue: () => JSX.Element;
+export declare const CodeValue: () => JSX.Element;
+export declare const MultipleValues: () => JSX.Element;

package/dist/cjs/stories/DiagnosticReportDisplay.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Simple: () => JSX.Element;

package/dist/cjs/stories/Dialog.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;

package/dist/cjs/stories/EncounterTimeline.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Encounter: () => JSX.Element;

package/dist/cjs/stories/FhirPathDisplay.stories.d.ts

@@ -0,0 +1,7 @@
+import { FhirPathDisplay } from '../FhirPathDisplay';
+import { ComponentStory, Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Id: ComponentStory<typeof FhirPathDisplay>;
+export declare const ArrayElement: ComponentStory<typeof FhirPathDisplay>;
+export declare const CompositeElement: ComponentStory<typeof FhirPathDisplay>;

package/dist/cjs/stories/FormSection.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const DefaultValue: () => JSX.Element;

package/dist/cjs/stories/Header.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+import { HeaderProps } from '../Header';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: (args: HeaderProps) => JSX.Element;
+export declare const CustomColor: (args: HeaderProps) => JSX.Element;
+export declare const Search: (args: HeaderProps) => JSX.Element;

package/dist/cjs/stories/Input.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const DefaultValue: () => JSX.Element;

package/dist/cjs/stories/Loading.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Example: () => JSX.Element;

package/dist/cjs/stories/Logo.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;

package/dist/cjs/stories/PatientTimeline.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Patient: () => JSX.Element;

package/dist/cjs/stories/PlanDefinitionBuilder.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;

package/dist/cjs/stories/QuestionnaireBuilder.stories.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const Groups: () => JSX.Element;
+export declare const MultipleChoice: () => JSX.Element;

package/dist/cjs/stories/QuestionnaireForm.stories.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const Groups: () => JSX.Element;
+export declare const MultipleChoice: () => JSX.Element;
+export declare const KitchenSink: () => JSX.Element;
+export declare const KitchenSinkWithInitialValues: () => JSX.Element;
+export declare const USSurgeonGeneralFamilyHealthPortrait: () => JSX.Element;
+export declare const AHCHRSNScreening: () => JSX.Element;

package/dist/cjs/stories/ReferenceInput.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const TargetProfile: () => JSX.Element;
+export declare const FreeText: () => JSX.Element;

package/dist/cjs/stories/RegisterForm.stories.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare function Basic(): JSX.Element;
+export declare function WithFooter(): JSX.Element;
+export declare function WithGoogle(): JSX.Element;

package/dist/cjs/stories/RequestGroupDisplay.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Simple: () => JSX.Element;

package/dist/cjs/stories/ResourceBlame.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;

package/dist/cjs/stories/ResourceForm.stories.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Patient: () => JSX.Element;
+export declare const Organization: () => JSX.Element;
+export declare const Practitioner: () => JSX.Element;
+export declare const DiagnosticReport: () => JSX.Element;
+export declare const DiagnosticReportIssues: () => JSX.Element;
+export declare const Observation: () => JSX.Element;
+export declare const Questionnaire: () => JSX.Element;
+export declare const Specimen: () => JSX.Element;

package/dist/cjs/stories/ResourceHistoryTable.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;

package/dist/cjs/stories/ResourceTable.stories.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Patient: () => JSX.Element;
+export declare const Observation: () => JSX.Element;
+export declare const ObservationIgnoreEmpty: () => JSX.Element;

package/dist/cjs/stories/Scheduler.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;

package/dist/cjs/stories/SearchControl.stories.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Checkboxes: () => JSX.Element;
+export declare const NoCheckboxes: () => JSX.Element;
+export declare const AllButtons: () => JSX.Element;
+export declare const ExtraFields: () => JSX.Element;
+export declare const ServiceRequests: () => JSX.Element;
+export declare const Observations: () => JSX.Element;
+export declare const HideToolbar: () => JSX.Element;
+export declare const HideFilters: () => JSX.Element;
+export declare const HideToolbarAndFilters: () => JSX.Element;

package/dist/cjs/stories/Select.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const DefaultValue: () => JSX.Element;

package/dist/cjs/stories/SignInForm.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare function Basic(): JSX.Element;
+export declare function WithLinks(): JSX.Element;
+export declare function WithFooter(): JSX.Element;
+export declare function WithGoogle(): JSX.Element;

package/dist/cjs/stories/StatusBadge.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const ExampleStatuses: () => JSX.Element;

package/dist/cjs/stories/Tabs.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;
+export declare const LongStrings: () => JSX.Element;

package/dist/cjs/stories/Timeline.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;

package/dist/cjs/stories/TimingInput.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Example: () => JSX.Element;
+export declare const DefaultValue: () => JSX.Element;

package/dist/cjs/stories/UploadButton.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Example: () => JSX.Element;
+export declare const CustomText: () => JSX.Element;

package/dist/cjs/styles.css

@@ -468,11 +468,75 @@ input[type='radio']:disabled {
   background: var(--medplum-gray-100);
 }
 
-.medplum-resource-badge {
-  display: inline-flex;
+.modal-dialog {
+  background: var(--medplum-gray-600);
+  border: 0.1px solid var(--medplum-gray-700);
+  color: var(--medplum-foreground);
+  padding: 0;
+  position: absolute;
+  z-index: 21;
+  box-shadow: var(--medplum-shadow) 0 2px 6px;
+  outline: 0;
+}
+
+.modal-dialog a,
+.modal-dialog a:link,
+.modal-dialog a:visited {
+  color: var(--medplum-blue-800);
+  cursor: pointer;
+}
+
+.modal-dialog-bg {
+  background: rgba(0, 0, 0, 0.5);
+  left: 0;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 20;
+}
+
+.modal-dialog-title {
+  background: var(--medplum-gray-800);
+  color: var(--medplum-surface);
+  cursor: pointer;
+  padding: 6px;
+  display: flex;
+  justify-content: space-between;
   align-items: center;
-  gap: 4px;
-  white-space: nowrap;
+}
+
+.modal-dialog-title-close {
+  cursor: pointer;
+  vertical-align: middle;
+  width: 20px;
+  height: 20px;
+}
+
+.modal-dialog-title-close:hover {
+  background-color: var(--medplum-gray-700);
+}
+
+.modal-dialog-title-close > svg {
+  width: 20px;
+  height: 20px;
+}
+
+.modal-dialog-content {
+  text-align: center;
+  background-color: var(--medplum-surface);
+  padding: 8px;
+}
+
+.modal-dialog-buttons {
+  text-align: right;
+  background-color: var(--medplum-gray-100);
+  border-top: 1px solid var(--medplum-gray-400);
+  padding: 8px;
+}
+
+.modal-dialog-buttons button {
+  padding: 1px 6px;
 }
 
 .medplum-diagnostic-report-header {
@@ -513,6 +577,13 @@ input[type='radio']:disabled {
   margin: 0;
 }
 
+.medplum-resource-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  white-space: nowrap;
+}
+
 table.medplum-table {
   border-collapse: collapse;
   width: 100%;
@@ -797,125 +868,6 @@ table.medplum-diff-table td {
   width: 100%;
 }
 
-.modal-dialog {
-  background: var(--medplum-gray-600);
-  border: 0.1px solid var(--medplum-gray-700);
-  color: var(--medplum-foreground);
-  padding: 0;
-  position: absolute;
-  z-index: 21;
-  box-shadow: var(--medplum-shadow) 0 2px 6px;
-  outline: 0;
-}
-
-.modal-dialog a,
-.modal-dialog a:link,
-.modal-dialog a:visited {
-  color: var(--medplum-blue-800);
-  cursor: pointer;
-}
-
-.modal-dialog-bg {
-  background: rgba(0, 0, 0, 0.5);
-  left: 0;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 20;
-}
-
-.modal-dialog-title {
-  background: var(--medplum-gray-800);
-  color: var(--medplum-surface);
-  cursor: pointer;
-  padding: 6px;
-  display: flex;
-  justify-content: space-between;
-}
-
-.modal-dialog-title-close {
-  cursor: pointer;
-  vertical-align: middle;
-}
-
-.modal-dialog-title-close:hover {
-  background-color: var(--medplum-gray-700);
-}
-
-.modal-dialog-title-close > svg {
-  width: 20px;
-  height: 20px;
-}
-
-.modal-dialog-content {
-  text-align: center;
-  background-color: var(--medplum-surface);
-  padding: 8px;
-}
-
-.modal-dialog-buttons {
-  text-align: right;
-  background-color: var(--medplum-gray-100);
-  border-top: 1px solid var(--medplum-gray-400);
-  padding: 8px;
-}
-
-.modal-dialog-buttons button {
-  padding: 1px 6px;
-}
-
-.medplum-filter-editor {
-  text-align: left;
-  width: 900px;
-  max-width: 900px;
-}
-
-.medplum-filter-editor-table {
-  width: 100%;
-  border-collapse: collapse;
-}
-
-.medplum-menu-separator {
-  border-top: 0.1px solid var(--medplum-gray-400);
-  margin: 4px 0;
-  padding: 0;
-}
-
-.medplum-submenu-arrow {
-  color: var(--medplum-foreground);
-  left: auto;
-  padding-right: 6px;
-  position: absolute;
-  right: 0;
-  text-align: right;
-  user-select: none;
-}
-
-.medplum-title-bar {
-  display: flex;
-  width: 100%;
-  height: 50px;
-  padding: 15px;
-  justify-content: space-between;
-  background: var(--medplum-surface);
-  border-bottom: 2px solid var(--medplum-gray-200);
-  color: var(--medplum-gray-800);
-}
-
-.medplum-title-bar > div {
-  display: flex;
-  align-items: center;
-}
-
-.medplum-title-bar h1 {
-  font-size: 14px;
-  font-weight: bold;
-  padding: 0 4px 0 1px;
-  margin: 0 4px 0 1px;
-  color: var(--medplum-gray-800);
-}
-
 .medplum-search-control {
   max-width: 100%;
   overflow: auto;
@@ -1035,6 +987,57 @@ table.medplum-diff-table td {
   outline: 0;
 }
 
+.medplum-filter-editor {
+  text-align: left;
+  width: 900px;
+  max-width: 900px;
+}
+
+.medplum-filter-editor-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.medplum-menu-separator {
+  border-top: 0.1px solid var(--medplum-gray-400);
+  margin: 4px 0;
+  padding: 0;
+}
+
+.medplum-submenu-arrow {
+  color: var(--medplum-foreground);
+  left: auto;
+  padding-right: 6px;
+  position: absolute;
+  right: 0;
+  text-align: right;
+  user-select: none;
+}
+
+.medplum-title-bar {
+  display: flex;
+  width: 100%;
+  height: 50px;
+  padding: 15px;
+  justify-content: space-between;
+  background: var(--medplum-surface);
+  border-bottom: 2px solid var(--medplum-gray-200);
+  color: var(--medplum-gray-800);
+}
+
+.medplum-title-bar > div {
+  display: flex;
+  align-items: center;
+}
+
+.medplum-title-bar h1 {
+  font-size: 14px;
+  font-weight: bold;
+  padding: 0 4px 0 1px;
+  margin: 0 4px 0 1px;
+  color: var(--medplum-gray-800);
+}
+
 .medplum-footer {
   text-align: center;
   font-size: 12px;
@@ -1316,10 +1319,10 @@ div.medplum-nav-menu-container {
 
 .medplum-questionnaire-builder .section {
   position: relative;
-  margin: 4px;
-  padding: 16px 12px 16px 4px;
+  margin: 4px 4px 4px 0;
+  padding: 4px 12px 16px 2px;
   background-color: var(--medplum-surface);
-  border: 1px solid var(--medplum-gray-300);
+  border: 1px solid var(--medplum-surface);
   border-radius: 8px;
 }
 
@@ -1328,18 +1331,19 @@ div.medplum-nav-menu-container {
 }
 
 .medplum-questionnaire-builder .section.hovering {
-  border-color: var(--medplum-blue-500);
+  border: 1px solid var(--medplum-blue-500);
 }
 
 .medplum-questionnaire-builder .section.editing {
-  margin: 8px 4px 12px 4px;
-  padding: 4px 4px 20px 4px;
+  margin: 8px 4px 12px 0;
+  padding: 4px 4px 20px 12px;
+  border: 1px solid var(--medplum-gray-300);
   border-left: 4px solid var(--medplum-blue-500);
 }
 
 .medplum-questionnaire-builder .section.editing input,
 .medplum-questionnaire-builder .section.editing select {
-  margin: 2px 4px;
+  margin: 2px 4px 2px 0;
 }
 
 .medplum-questionnaire-builder .section > .top-actions {
@@ -1393,6 +1397,7 @@ div.medplum-nav-menu-container {
 .medplum-signin-google-container {
   padding: 20px 0 10px 0;
   margin: 20px 0 10px 0;
+  height: 70px;
   text-align: center;
   display: flex;
   align-items: center;

package/dist/cjs/test.setup.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/cjs/useResource.d.ts

@@ -0,0 +1,8 @@
+import { Reference, Resource } from '@medplum/fhirtypes';
+/**
+ * React Hook to use a FHIR reference.
+ * Handles the complexity of resolving references and caching resources.
+ * @param value The resource or reference to resource.
+ * @returns The resolved resource.
+ */
+export declare function useResource<T extends Resource>(value: Reference<T> | T | undefined): T | undefined;

package/dist/cjs/utils/blame.d.ts

@@ -0,0 +1,8 @@
+import { Bundle, Meta } from '@medplum/fhirtypes';
+export interface BlameRow {
+    id: string;
+    meta: Meta;
+    value: string;
+    span: number;
+}
+export declare function blame(history: Bundle): BlameRow[];

package/dist/cjs/utils/date.d.ts

@@ -0,0 +1,6 @@
+import { Resource } from '@medplum/fhirtypes';
+/**
+ * Sorts an array of resources in place by meta.lastUpdated ascending.
+ * @param resources Array of resources.
+ */
+export declare function sortByDateAndPriority(resources: Resource[]): void;