@medplum/react 0.9.27 → 0.9.28

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

@@ -6,3 +6,4 @@ 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/esm/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/esm/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/esm/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,74 +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;
@@ -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 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medplum/react",
-  "version": "0.9.27",
+  "version": "0.9.28",
   "description": "Medplum React Component Library",
   "author": "Medplum <hello@medplum.com>",
   "license": "Apache-2.0",
@@ -19,9 +19,9 @@
     "storybook": "build-storybook"
   },
   "devDependencies": {
-    "@medplum/core": "0.9.27",
-    "@medplum/fhirtypes": "0.9.27",
-    "@medplum/mock": "0.9.27",
+    "@medplum/core": "0.9.28",
+    "@medplum/fhirtypes": "0.9.28",
+    "@medplum/mock": "0.9.28",
     "@storybook/addon-actions": "6.5.9",
     "@storybook/addon-essentials": "6.5.9",
     "@storybook/addon-links": "6.5.9",
@@ -48,7 +48,7 @@
     "typescript": "4.7.4"
   },
   "peerDependencies": {
-    "@medplum/core": "0.9.27",
+    "@medplum/core": "0.9.28",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0",
     "react-router-dom": "^6.2.2"