@medplum/react 0.9.38 → 0.10.1

package/dist/esm/Scrollable.js

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;;;;"}

package/dist/esm/Select.d.ts

@@ -1,16 +0,0 @@
-import { OperationOutcome } from '@medplum/fhirtypes';
-import React, { RefObject } from 'react';
-import './Select.css';
-export interface SelectProps {
-    name?: string;
-    defaultValue?: string;
-    required?: boolean;
-    autoFocus?: boolean;
-    inputRef?: RefObject<HTMLSelectElement>;
-    children: React.ReactNode;
-    outcome?: OperationOutcome;
-    testid?: string;
-    style?: React.CSSProperties;
-    onChange?: (newValue: string) => void;
-}
-export declare function Select(props: SelectProps): JSX.Element;

package/dist/esm/Select.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { getIssuesForExpression } from './utils/outcomes.js';
-
-function Select(props) {
-    const className = 'medplum-select';
-    const issues = getIssuesForExpression(props.outcome, props.name);
-    const invalid = issues && issues.length > 0;
-    return (React.createElement("select", { id: props.name, name: props.name, className: className, defaultValue: props.defaultValue || '', required: props.required, autoFocus: props.autoFocus, ref: props.inputRef, style: props.style, "aria-invalid": invalid, "aria-describedby": invalid ? props.name + '-errors' : '', "data-testid": props.testid, onChange: (e) => {
-            if (props.onChange) {
-                props.onChange(e.currentTarget.value);
-            }
-        } }, props.children));
-}
-
-export { Select };
-//# sourceMappingURL=Select.js.map

package/dist/esm/Select.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.js","sources":["../../src/Select.tsx"],"sourcesContent":["import { OperationOutcome } from '@medplum/fhirtypes';\nimport React, { RefObject } from 'react';\nimport { getIssuesForExpression } from './utils/outcomes';\nimport './Select.css';\n\nexport interface SelectProps {\n  name?: string;\n  defaultValue?: string;\n  required?: boolean;\n  autoFocus?: boolean;\n  inputRef?: RefObject<HTMLSelectElement>;\n  children: React.ReactNode;\n  outcome?: OperationOutcome;\n  testid?: string;\n  style?: React.CSSProperties;\n  onChange?: (newValue: string) => void;\n}\n\nexport function Select(props: SelectProps): JSX.Element {\n  const className = 'medplum-select';\n  const issues = getIssuesForExpression(props.outcome, props.name);\n  const invalid = issues && issues.length > 0;\n  return (\n    <select\n      id={props.name}\n      name={props.name}\n      className={className}\n      defaultValue={props.defaultValue || ''}\n      required={props.required}\n      autoFocus={props.autoFocus}\n      ref={props.inputRef}\n      style={props.style}\n      aria-invalid={invalid}\n      aria-describedby={invalid ? props.name + '-errors' : ''}\n      data-testid={props.testid}\n      onChange={(e) => {\n        if (props.onChange) {\n          props.onChange(e.currentTarget.value);\n        }\n      }}\n    >\n      {props.children}\n    </select>\n  );\n}\n"],"names":[],"mappings":";;;AAkBM,SAAU,MAAM,CAAC,KAAkB,EAAA;IACvC,MAAM,SAAS,GAAG,gBAAgB,CAAC;AACnC,IAAA,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;AAC5C,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE,EACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,KAAK,EAAE,KAAK,CAAC,KAAK,kBACJ,OAAO,EAAA,kBAAA,EACH,OAAO,GAAG,KAAK,CAAC,IAAI,GAAG,SAAS,GAAG,EAAE,EAC1C,aAAA,EAAA,KAAK,CAAC,MAAM,EACzB,QAAQ,EAAE,CAAC,CAAC,KAAI;YACd,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACvC,aAAA;AACH,SAAC,IAEA,KAAK,CAAC,QAAQ,CACR,EACT;AACJ;;;;"}

package/dist/esm/SubMenu.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import './SubMenu.css';
-export interface SubMenuProps {
-    title: string;
-    children: React.ReactNode;
-}
-export declare function SubMenu(props: SubMenuProps): JSX.Element;

package/dist/esm/SubMenu.js

@@ -1,38 +0,0 @@
-import React, { useState, useRef, useEffect } from 'react';
-import { Popup } from './Popup.js';
-
-function SubMenu(props) {
-    const [hover, setHover] = useState(false);
-    const [visible, setVisible] = useState(false);
-    const [anchor, setAnchor] = useState(undefined);
-    const menuItemRef = useRef(null);
-    const hoverRef = useRef(false);
-    hoverRef.current = hover;
-    const visibleRef = useRef(false);
-    visibleRef.current = visible;
-    function show() {
-        const el = menuItemRef.current;
-        if (el) {
-            setAnchor(el.getBoundingClientRect());
-            setVisible(true);
-        }
-    }
-    useEffect(() => {
-        const timerId = window.setInterval(() => {
-            if (!visibleRef.current && hoverRef.current) {
-                show();
-            }
-            else if (visibleRef.current && !hoverRef.current) {
-                setVisible(false);
-            }
-        }, 150);
-        return () => window.clearInterval(timerId);
-    }, []);
-    return (React.createElement("div", { ref: menuItemRef, className: "medplum-menu-item medplum-submenu-item", onClick: () => show(), onMouseOver: () => setHover(true), onMouseLeave: () => setHover(false) },
-        props.title,
-        React.createElement("span", { className: "medplum-submenu-arrow" }, '\u25BA'),
-        React.createElement(Popup, { visible: visible, anchor: anchor, autoClose: true, onClose: () => setVisible(false) }, props.children)));
-}
-
-export { SubMenu };
-//# sourceMappingURL=SubMenu.js.map

package/dist/esm/SubMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubMenu.js","sources":["../../src/SubMenu.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Popup } from './Popup';\nimport './SubMenu.css';\n\nexport interface SubMenuProps {\n  title: string;\n  children: React.ReactNode;\n}\n\nexport function SubMenu(props: SubMenuProps): JSX.Element {\n  const [hover, setHover] = useState(false);\n  const [visible, setVisible] = useState(false);\n  const [anchor, setAnchor] = useState<DOMRectReadOnly | undefined>(undefined);\n  const menuItemRef = useRef<HTMLDivElement>(null);\n\n  const hoverRef = useRef<boolean>(false);\n  hoverRef.current = hover;\n\n  const visibleRef = useRef<boolean>(false);\n  visibleRef.current = visible;\n\n  function show(): void {\n    const el = menuItemRef.current;\n    if (el) {\n      setAnchor(el.getBoundingClientRect());\n      setVisible(true);\n    }\n  }\n\n  useEffect(() => {\n    const timerId = window.setInterval(() => {\n      if (!visibleRef.current && hoverRef.current) {\n        show();\n      } else if (visibleRef.current && !hoverRef.current) {\n        setVisible(false);\n      }\n    }, 150);\n    return () => window.clearInterval(timerId);\n  }, []);\n\n  return (\n    <div\n      ref={menuItemRef}\n      className=\"medplum-menu-item medplum-submenu-item\"\n      onClick={() => show()}\n      onMouseOver={() => setHover(true)}\n      onMouseLeave={() => setHover(false)}\n    >\n      {props.title}\n      <span className=\"medplum-submenu-arrow\">{'\\u25BA'}</span>\n      <Popup visible={visible} anchor={anchor} autoClose={true} onClose={() => setVisible(false)}>\n        {props.children}\n      </Popup>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AASM,SAAU,OAAO,CAAC,KAAmB,EAAA;IACzC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA8B,SAAS,CAAC,CAAC;AAC7E,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAEjD,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AACxC,IAAA,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;AAEzB,IAAA,MAAM,UAAU,GAAG,MAAM,CAAU,KAAK,CAAC,CAAC;AAC1C,IAAA,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;AAE7B,IAAA,SAAS,IAAI,GAAA;AACX,QAAA,MAAM,EAAE,GAAG,WAAW,CAAC,OAAO,CAAC;AAC/B,QAAA,IAAI,EAAE,EAAE;AACN,YAAA,SAAS,CAAC,EAAE,CAAC,qBAAqB,EAAE,CAAC,CAAC;YACtC,UAAU,CAAC,IAAI,CAAC,CAAC;AAClB,SAAA;KACF;IAED,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;YACtC,IAAI,CAAC,UAAU,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,EAAE;AAC3C,gBAAA,IAAI,EAAE,CAAC;AACR,aAAA;iBAAM,IAAI,UAAU,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;gBAClD,UAAU,CAAC,KAAK,CAAC,CAAC;AACnB,aAAA;SACF,EAAE,GAAG,CAAC,CAAC;QACR,OAAO,MAAM,MAAM,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;KAC5C,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,QACE,KACE,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,WAAW,EAChB,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAE,MAAM,IAAI,EAAE,EACrB,WAAW,EAAE,MAAM,QAAQ,CAAC,IAAI,CAAC,EACjC,YAAY,EAAE,MAAM,QAAQ,CAAC,KAAK,CAAC,EAAA;AAElC,QAAA,KAAK,CAAC,KAAK;AACZ,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,EAAE,QAAQ,CAAQ;AACzD,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC,KAAK,CAAC,EACvF,EAAA,KAAK,CAAC,QAAQ,CACT,CACJ,EACN;AACJ;;;;"}

package/dist/esm/Tab.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import './Tab.css';
-export interface TabClickHandler {
-    (name: string, button: number): void;
-}
-export interface TabProps {
-    name: string;
-    label: string;
-    selected?: boolean;
-    onClick?: TabClickHandler;
-}
-export declare function Tab(props: TabProps): JSX.Element;

package/dist/esm/Tab.js

@@ -1,19 +0,0 @@
-import React from 'react';
-import { killEvent } from './utils/dom.js';
-
-function Tab(props) {
-    let className = 'medplum-tab';
-    if (props.selected) {
-        className += ' selected';
-    }
-    function clickHandler(e) {
-        killEvent(e);
-        // The onClick prop is set by TabBar as parent component.
-        // Using Tab outside of a TabBar is unsupported.
-        props.onClick(props.name, e.button);
-    }
-    return (React.createElement("a", { href: `#${props.name}`, role: "tab", "aria-selected": props.selected, className: className, onClick: clickHandler, onAuxClick: clickHandler }, props.label));
-}
-
-export { Tab };
-//# sourceMappingURL=Tab.js.map

package/dist/esm/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sources":["../../src/Tab.tsx"],"sourcesContent":["import React from 'react';\nimport './Tab.css';\nimport { killEvent } from './utils/dom';\n\nexport interface TabClickHandler {\n  (name: string, button: number): void;\n}\n\nexport interface TabProps {\n  name: string;\n  label: string;\n  selected?: boolean;\n  onClick?: TabClickHandler;\n}\n\nexport function Tab(props: TabProps): JSX.Element {\n  let className = 'medplum-tab';\n  if (props.selected) {\n    className += ' selected';\n  }\n\n  function clickHandler(e: React.MouseEvent): void {\n    killEvent(e);\n\n    // The onClick prop is set by TabBar as parent component.\n    // Using Tab outside of a TabBar is unsupported.\n    (props.onClick as TabClickHandler)(props.name, e.button);\n  }\n\n  return (\n    <a\n      href={`#${props.name}`}\n      role=\"tab\"\n      aria-selected={props.selected}\n      className={className}\n      onClick={clickHandler}\n      onAuxClick={clickHandler}\n    >\n      {props.label}\n    </a>\n  );\n}\n"],"names":[],"mappings":";;;AAeM,SAAU,GAAG,CAAC,KAAe,EAAA;IACjC,IAAI,SAAS,GAAG,aAAa,CAAC;IAC9B,IAAI,KAAK,CAAC,QAAQ,EAAE;QAClB,SAAS,IAAI,WAAW,CAAC;AAC1B,KAAA;IAED,SAAS,YAAY,CAAC,CAAmB,EAAA;QACvC,SAAS,CAAC,CAAC,CAAC,CAAC;;;QAIZ,KAAK,CAAC,OAA2B,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;KAC1D;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,IAAI,KAAK,CAAC,IAAI,CAAA,CAAE,EACtB,IAAI,EAAC,KAAK,EAAA,eAAA,EACK,KAAK,CAAC,QAAQ,EAC7B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,YAAY,IAEvB,KAAK,CAAC,KAAK,CACV,EACJ;AACJ;;;;"}

package/dist/esm/TabList.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { TabClickHandler } from './Tab';
-import './Surface.css';
-import './TabList.css';
-export interface TabListProps {
-    value?: string;
-    onChange: TabClickHandler;
-    children: React.ReactNode;
-}
-export declare function TabList(props: TabListProps): JSX.Element;

package/dist/esm/TabList.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import { Scrollable } from './Scrollable.js';
-import { Tab } from './Tab.js';
-
-function TabList(props) {
-    return (React.createElement(Scrollable, { className: "medplum-surface", height: 50 },
-        React.createElement("div", { role: "tablist", className: "medplum-tablist" },
-            React.createElement("div", { className: "medplum-tablist-foreground" }, React.Children.map(props.children, (child, tabIndex) => {
-                if (React.isValidElement(child) && child.type === Tab) {
-                    return React.cloneElement(child, {
-                        selected: child.props.name === props.value,
-                        onClick: props.onChange,
-                        tabIndex,
-                    });
-                }
-                else {
-                    return null;
-                }
-            })))));
-}
-
-export { TabList };
-//# sourceMappingURL=TabList.js.map

package/dist/esm/TabList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabList.js","sources":["../../src/TabList.tsx"],"sourcesContent":["import React from 'react';\nimport { Scrollable } from './Scrollable';\nimport { Tab, TabClickHandler } from './Tab';\nimport './Surface.css';\nimport './TabList.css';\n\nexport interface TabListProps {\n  value?: string;\n  onChange: TabClickHandler;\n  children: React.ReactNode;\n}\n\nexport function TabList(props: TabListProps): JSX.Element {\n  return (\n    <Scrollable className=\"medplum-surface\" height={50}>\n      <div role=\"tablist\" className=\"medplum-tablist\">\n        <div className=\"medplum-tablist-foreground\">\n          {React.Children.map(props.children, (child, tabIndex) => {\n            if (React.isValidElement(child) && child.type === Tab) {\n              return React.cloneElement(child as React.ReactElement<any>, {\n                selected: child.props.name === props.value,\n                onClick: props.onChange,\n                tabIndex,\n              });\n            } else {\n              return null;\n            }\n          })}\n        </div>\n      </div>\n    </Scrollable>\n  );\n}\n"],"names":[],"mappings":";;;;AAYM,SAAU,OAAO,CAAC,KAAmB,EAAA;IACzC,QACE,KAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAC,iBAAiB,EAAC,MAAM,EAAE,EAAE,EAAA;AAChD,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,SAAS,EAAC,SAAS,EAAC,iBAAiB,EAAA;AAC7C,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,IACxC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAI;AACtD,gBAAA,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,GAAG,EAAE;AACrD,oBAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAgC,EAAE;wBAC1D,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK;wBAC1C,OAAO,EAAE,KAAK,CAAC,QAAQ;wBACvB,QAAQ;AACT,qBAAA,CAAC,CAAC;AACJ,iBAAA;AAAM,qBAAA;AACL,oBAAA,OAAO,IAAI,CAAC;AACb,iBAAA;AACH,aAAC,CAAC,CACE,CACF,CACK,EACb;AACJ;;;;"}

package/dist/esm/TabPanel.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface TabPanelProps {
-    name: string;
-    children: React.ReactNode;
-}
-export declare function TabPanel(props: TabPanelProps): JSX.Element;

package/dist/esm/TabPanel.js

@@ -1,8 +0,0 @@
-import React from 'react';
-
-function TabPanel(props) {
-    return React.createElement("div", { role: "tabpanel" }, props.children);
-}
-
-export { TabPanel };
-//# sourceMappingURL=TabPanel.js.map

package/dist/esm/TabPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.js","sources":["../../src/TabPanel.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface TabPanelProps {\n  name: string;\n  children: React.ReactNode;\n}\n\nexport function TabPanel(props: TabPanelProps): JSX.Element {\n  return <div role=\"tabpanel\">{props.children}</div>;\n}\n"],"names":[],"mappings":";;AAOM,SAAU,QAAQ,CAAC,KAAoB,EAAA;IAC3C,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,IAAI,EAAC,UAAU,IAAE,KAAK,CAAC,QAAQ,CAAO,CAAC;AACrD;;;;"}

package/dist/esm/TabSwitch.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface TabSwitchProps {
-    value?: string;
-    children: React.ReactNode;
-}
-export declare function TabSwitch(props: TabSwitchProps): JSX.Element;

package/dist/esm/TabSwitch.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { TabPanel } from './TabPanel.js';
-
-function TabSwitch(props) {
-    return (React.createElement(React.Fragment, null, React.Children.map(props.children, (child) => {
-        if (React.isValidElement(child) && child.type === TabPanel && child.props.name === props.value) {
-            return child;
-        }
-        else {
-            return null;
-        }
-    })));
-}
-
-export { TabSwitch };
-//# sourceMappingURL=TabSwitch.js.map

package/dist/esm/TabSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabSwitch.js","sources":["../../src/TabSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport { TabPanel } from './TabPanel';\n\nexport interface TabSwitchProps {\n  value?: string;\n  children: React.ReactNode;\n}\n\nexport function TabSwitch(props: TabSwitchProps): JSX.Element {\n  return (\n    <>\n      {React.Children.map(props.children, (child) => {\n        if (React.isValidElement(child) && child.type === TabPanel && child.props.name === props.value) {\n          return child;\n        } else {\n          return null;\n        }\n      })}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;AAQM,SAAU,SAAS,CAAC,KAAqB,EAAA;AAC7C,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;QAC5C,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,EAAE;AAC9F,YAAA,OAAO,KAAK,CAAC;AACd,SAAA;AAAM,aAAA;AACL,YAAA,OAAO,IAAI,CAAC;AACb,SAAA;KACF,CAAC,CACD,EACH;AACJ;;;;"}

package/dist/esm/TextArea.d.ts

@@ -1,18 +0,0 @@
-import { OperationOutcome } from '@medplum/fhirtypes';
-import React, { RefObject } from 'react';
-import './TextArea.css';
-export interface TextAreaProps {
-    name?: string;
-    defaultValue?: string;
-    required?: boolean;
-    autoComplete?: string;
-    autoFocus?: boolean;
-    inputRef?: RefObject<HTMLTextAreaElement>;
-    outcome?: OperationOutcome;
-    placeholder?: string;
-    testid?: string;
-    monospace?: boolean;
-    style?: React.CSSProperties;
-    onChange?: (newValue: string) => void;
-}
-export declare function TextArea(props: TextAreaProps): JSX.Element;

package/dist/esm/TextArea.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import { getIssuesForExpression } from './utils/outcomes.js';
-
-function TextArea(props) {
-    const className = 'medplum-textarea' + (props.monospace ? ' monospace' : '');
-    const issues = getIssuesForExpression(props.outcome, props.name);
-    const invalid = issues && issues.length > 0;
-    return (React.createElement("textarea", { id: props.name, name: props.name, className: className, defaultValue: props.defaultValue || '', required: props.required, autoComplete: props.autoComplete, autoFocus: props.autoFocus, ref: props.inputRef, "aria-invalid": invalid, "aria-describedby": invalid ? props.name + '-errors' : '', placeholder: props.placeholder, "data-testid": props.testid, style: props.style, onChange: (e) => {
-            if (props.onChange) {
-                props.onChange(e.currentTarget.value);
-            }
-        } }));
-}
-
-export { TextArea };
-//# sourceMappingURL=TextArea.js.map

package/dist/esm/TextArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextArea.js","sources":["../../src/TextArea.tsx"],"sourcesContent":["import { OperationOutcome } from '@medplum/fhirtypes';\nimport React, { RefObject } from 'react';\nimport { getIssuesForExpression } from './utils/outcomes';\nimport './TextArea.css';\n\nexport interface TextAreaProps {\n  name?: string;\n  defaultValue?: string;\n  required?: boolean;\n  autoComplete?: string;\n  autoFocus?: boolean;\n  inputRef?: RefObject<HTMLTextAreaElement>;\n  outcome?: OperationOutcome;\n  placeholder?: string;\n  testid?: string;\n  monospace?: boolean;\n  style?: React.CSSProperties;\n  onChange?: (newValue: string) => void;\n}\n\nexport function TextArea(props: TextAreaProps): JSX.Element {\n  const className = 'medplum-textarea' + (props.monospace ? ' monospace' : '');\n  const issues = getIssuesForExpression(props.outcome, props.name);\n  const invalid = issues && issues.length > 0;\n  return (\n    <textarea\n      id={props.name}\n      name={props.name}\n      className={className}\n      defaultValue={props.defaultValue || ''}\n      required={props.required}\n      autoComplete={props.autoComplete}\n      autoFocus={props.autoFocus}\n      ref={props.inputRef}\n      aria-invalid={invalid}\n      aria-describedby={invalid ? props.name + '-errors' : ''}\n      placeholder={props.placeholder}\n      data-testid={props.testid}\n      style={props.style}\n      onChange={(e) => {\n        if (props.onChange) {\n          props.onChange(e.currentTarget.value);\n        }\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;AAoBM,SAAU,QAAQ,CAAC,KAAoB,EAAA;AAC3C,IAAA,MAAM,SAAS,GAAG,kBAAkB,IAAI,KAAK,CAAC,SAAS,GAAG,YAAY,GAAG,EAAE,CAAC,CAAC;AAC7E,IAAA,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;AAC5C,IAAA,QACE,KACE,CAAA,aAAA,CAAA,UAAA,EAAA,EAAA,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE,EACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,GAAG,EAAE,KAAK,CAAC,QAAQ,EACL,cAAA,EAAA,OAAO,sBACH,OAAO,GAAG,KAAK,CAAC,IAAI,GAAG,SAAS,GAAG,EAAE,EACvD,WAAW,EAAE,KAAK,CAAC,WAAW,iBACjB,KAAK,CAAC,MAAM,EACzB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,CAAC,KAAI;YACd,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACvC,aAAA;SACF,EAAA,CACD,EACF;AACJ;;;;"}

package/dist/esm/TitleBar.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import './TitleBar.css';
-export interface TitleBarProps {
-    children?: React.ReactNode;
-}
-export declare function TitleBar(props: TitleBarProps): JSX.Element;

package/dist/esm/TitleBar.js

@@ -1,8 +0,0 @@
-import React from 'react';
-
-function TitleBar(props) {
-    return React.createElement("div", { className: "medplum-title-bar" }, props.children);
-}
-
-export { TitleBar };
-//# sourceMappingURL=TitleBar.js.map

package/dist/esm/TitleBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TitleBar.js","sources":["../../src/TitleBar.tsx"],"sourcesContent":["import React from 'react';\nimport './TitleBar.css';\n\nexport interface TitleBarProps {\n  children?: React.ReactNode;\n}\n\nexport function TitleBar(props: TitleBarProps): JSX.Element {\n  return <div className=\"medplum-title-bar\">{props.children}</div>;\n}\n"],"names":[],"mappings":";;AAOM,SAAU,QAAQ,CAAC,KAAoB,EAAA;IAC3C,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAC,QAAQ,CAAO,CAAC;AACnE;;;;"}

package/dist/esm/UploadButton.d.ts

@@ -1,7 +0,0 @@
-import { Attachment } from '@medplum/fhirtypes';
-import React from 'react';
-export interface UploadButtonProps {
-    onUpload: (attachment: Attachment) => void;
-    children?: React.ReactNode;
-}
-export declare function UploadButton(props: UploadButtonProps): JSX.Element;

package/dist/esm/UploadButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UploadButton.js","sources":["../../src/UploadButton.tsx"],"sourcesContent":["import { Attachment, Binary, OperationOutcome } from '@medplum/fhirtypes';\nimport React, { useRef } from 'react';\nimport { Button } from './Button';\nimport { useMedplum } from './MedplumProvider';\nimport { killEvent } from './utils/dom';\n\nexport interface UploadButtonProps {\n  onUpload: (attachment: Attachment) => void;\n  children?: React.ReactNode;\n}\n\nexport function UploadButton(props: UploadButtonProps): JSX.Element {\n  const medplum = useMedplum();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  function onFileChange(e: React.ChangeEvent): void {\n    killEvent(e);\n    const files = (e.target as HTMLInputElement).files;\n    if (files) {\n      Array.from(files).forEach(processFile);\n    }\n  }\n\n  /**\n   * Processes a single file.\n   *\n   * @param {File} file The file descriptor.\n   */\n  function processFile(file: File): void {\n    if (!file) {\n      return;\n    }\n\n    const fileName = file.name;\n    if (!fileName) {\n      return;\n    }\n\n    const filename = file.name;\n    const contentType = file.type || 'application/octet-stream';\n    medplum\n      .createBinary(file, filename, contentType)\n      .then((binary: Binary) => {\n        props.onUpload({\n          contentType: binary.contentType,\n          url: binary.url,\n          title: filename,\n        });\n      })\n      .catch((outcome: OperationOutcome) => {\n        alert(outcome?.issue?.[0]?.details?.text);\n      });\n  }\n\n  return (\n    <>\n      <input\n        type=\"file\"\n        data-testid=\"upload-file-input\"\n        style={{ display: 'none' }}\n        ref={fileInputRef}\n        onChange={(e) => onFileChange(e)}\n      />\n      <Button\n        testid=\"upload-button\"\n        onClick={(e) => {\n          killEvent(e);\n          fileInputRef.current?.click();\n        }}\n      >\n        {props.children || 'Upload...'}\n      </Button>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;AAWM,SAAU,YAAY,CAAC,KAAwB,EAAA;AACnD,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;AAC7B,IAAA,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEpD,SAAS,YAAY,CAAC,CAAoB,EAAA;QACxC,SAAS,CAAC,CAAC,CAAC,CAAC;AACb,QAAA,MAAM,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;AACnD,QAAA,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;AACxC,SAAA;KACF;AAED;;;;AAIG;IACH,SAAS,WAAW,CAAC,IAAU,EAAA;QAC7B,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;AACR,SAAA;AAED,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;AACR,SAAA;AAED,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,IAAI,0BAA0B,CAAC;QAC5D,OAAO;AACJ,aAAA,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC;AACzC,aAAA,IAAI,CAAC,CAAC,MAAc,KAAI;YACvB,KAAK,CAAC,QAAQ,CAAC;gBACb,WAAW,EAAE,MAAM,CAAC,WAAW;gBAC/B,GAAG,EAAE,MAAM,CAAC,GAAG;AACf,gBAAA,KAAK,EAAE,QAAQ;AAChB,aAAA,CAAC,CAAC;AACL,SAAC,CAAC;AACD,aAAA,KAAK,CAAC,CAAC,OAAyB,KAAI;;AACnC,YAAA,KAAK,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAI,CAAC,CAAC;AAC5C,SAAC,CAAC,CAAC;KACN;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,MAAM,EAAA,aAAA,EACC,mBAAmB,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,EAChC,CAAA;QACF,KAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,MAAM,EAAC,eAAe,EACtB,OAAO,EAAE,CAAC,CAAC,KAAI;;gBACb,SAAS,CAAC,CAAC,CAAC,CAAC;AACb,gBAAA,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;aAC/B,EAAA,EAEA,KAAK,CAAC,QAAQ,IAAI,WAAW,CACvB,CACR,EACH;AACJ;;;;"}

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

@@ -1,9 +0,0 @@
-/// <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/esm/stories/Button.stories.d.ts

@@ -1,9 +0,0 @@
-/// <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/esm/stories/Dialog.stories.d.ts

@@ -1,5 +0,0 @@
-/// <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/esm/stories/Header.stories.d.ts

@@ -1,8 +0,0 @@
-/// <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/esm/stories/Input.stories.d.ts

@@ -1,6 +0,0 @@
-/// <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/esm/stories/Loading.stories.d.ts

@@ -1,5 +0,0 @@
-/// <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/esm/stories/Select.stories.d.ts

@@ -1,6 +0,0 @@
-/// <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/esm/stories/Tabs.stories.d.ts

@@ -1,6 +0,0 @@
-/// <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;