@luscii-healthtech/web-ui 42.4.3 → 42.4.5

package/dist/index.development.js

@@ -724,6 +724,9 @@ var TreeIcon = IconWrapper(SvgTreeIcon);
 const SvgUnassignedIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M12.596 11.642q.639-.694.944-1.594.306-.9.306-1.856t-.306-1.856a4.4 4.4 0 0 0-.944-1.594q1.318.152 2.188 1.138t.87 2.312-.87 2.313a3.33 3.33 0 0 1-2.188 1.137m4.863 7.666q.189-.345.288-.733.1-.388.1-.787v-.826q0-.819-.334-1.556a3.6 3.6 0 0 0-.944-1.267q1.15.383 2.117 1.032.968.65.968 1.79v.828q0 .632-.444 1.075a1.47 1.47 0 0 1-1.075.444zm4.945-8.558h-4a.73.73 0 0 1-.535-.216.73.73 0 0 1-.215-.534q0-.32.215-.534a.73.73 0 0 1 .535-.216h4q.318 0 .534.216a.73.73 0 0 1 .216.534q0 .32-.216.534a.73.73 0 0 1-.534.216m-14.058.942q-1.443 0-2.472-1.028T4.846 8.192t1.028-2.471 2.472-1.029 2.472 1.029 1.028 2.471-1.028 2.472-2.472 1.028m-7.5 6.096v-.704q0-.735.4-1.36a2.66 2.66 0 0 1 1.065-.963 14.5 14.5 0 0 1 2.992-1.09 12.95 12.95 0 0 1 6.086 0 14.5 14.5 0 0 1 2.992 1.09q.667.338 1.066.963.4.625.4 1.36v.704q0 .633-.444 1.076a1.47 1.47 0 0 1-1.076.444H2.365q-.632 0-1.076-.444a1.47 1.47 0 0 1-.443-1.076m7.5-7.596q.825 0 1.413-.587.587-.588.587-1.413 0-.824-.587-1.412a1.93 1.93 0 0 0-1.413-.588q-.824 0-1.412.588a1.93 1.93 0 0 0-.588 1.412q0 .825.588 1.413.587.587 1.412.587m-6 7.616h12v-.724a1 1 0 0 0-.176-.562 1.3 1.3 0 0 0-.478-.422 13 13 0 0 0-2.635-.965 11.4 11.4 0 0 0-5.422 0q-1.343.33-2.635.965-.301.164-.478.422a1 1 0 0 0-.176.563z" }) }));
 var UnassignedIcon = IconWrapper(SvgUnassignedIcon);
 
+const SvgUnlinkIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "m15.423 12.755-1.342-1.342h.9q.319 0 .534.216a.73.73 0 0 1 .216.534.7.7 0 0 1-.08.344.7.7 0 0 1-.228.248m5.25 9.135a.72.72 0 0 1-.527.217.72.72 0 0 1-.527-.217L2.273 4.544a.73.73 0 0 1-.212-.522.7.7 0 0 1 .212-.532.72.72 0 0 1 .527-.218q.31 0 .527.218l17.346 17.346q.209.209.213.522a.7.7 0 0 1-.213.532M7.04 16.701q-1.884 0-3.21-1.328-1.33-1.327-1.33-3.209 0-1.667 1.074-2.926a4.35 4.35 0 0 1 2.695-1.52H6.5l1.408 1.407h-.87q-1.26 0-2.148.89A2.93 2.93 0 0 0 4 12.163q0 1.26.89 2.149.888.89 2.149.89h3.038q.32 0 .535.215a.73.73 0 0 1 .215.534.73.73 0 0 1-.215.535.73.73 0 0 1-.535.215zm1.98-3.788a.73.73 0 0 1-.534-.216.73.73 0 0 1-.216-.534q0-.32.216-.534a.73.73 0 0 1 .534-.216h1.193l1.475 1.5zm9.318 2.858a.76.76 0 0 1-.11-.568.65.65 0 0 1 .33-.461q.663-.405 1.053-1.084.39-.678.39-1.495 0-1.26-.884-2.149a2.9 2.9 0 0 0-2.135-.89h-3.058a.73.73 0 0 1-.534-.215.73.73 0 0 1-.216-.535q0-.318.216-.534a.73.73 0 0 1 .534-.216h3.058q1.873 0 3.196 1.328t1.323 3.211q0 1.186-.577 2.191a4.64 4.64 0 0 1-1.558 1.628.75.75 0 0 1-.562.11.7.7 0 0 1-.466-.321", opacity: 0.6 }) }));
+var UnlinkIcon = IconWrapper(SvgUnlinkIcon);
+
 const SvgUnpinIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props, { children: jsxRuntime.jsx("path", { fill: "currentColor", d: "M14 5h-4v2.175L7.567 4.742a.7.7 0 0 1-.163-.236.7.7 0 0 1-.048-.262q0-.284.191-.514a.65.65 0 0 1 .528-.23h7.675q.318 0 .534.216a.73.73 0 0 1 .216.537q0 .3-.262.44A4 4 0 0 0 15.75 5h-.25v6q0 .319-.216.534a.73.73 0 0 1-.534.216.72.72 0 0 1-.535-.216A.73.73 0 0 1 14 11zm-2.75 16v-5.5H8.179q-.55 0-.881-.385a1.28 1.28 0 0 1-.33-.857q-.001-.237.094-.469.094-.232.303-.443L8.5 12.211V10.64L2.658 4.765a.74.74 0 0 1-.22-.514.7.7 0 0 1 .222-.542.7.7 0 0 1 .525-.215q.31 0 .526.217l16.177 16.177a.7.7 0 0 1 .22.53.787.787 0 0 1-.762.764.7.7 0 0 1-.527-.225L13.361 15.5h-.611V21q0 .318-.216.534a.73.73 0 0 1-.534.216.72.72 0 0 1-.535-.216.73.73 0 0 1-.215-.534m-2.4-7h3.03l-1.85-1.83-.03.68z" }) }));
 var UnpinIcon = IconWrapper(SvgUnpinIcon);
 
@@ -881,6 +884,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     TrashBinIcon: TrashBinIcon,
     TreeIcon: TreeIcon,
     UnassignedIcon: UnassignedIcon,
+    UnlinkIcon: UnlinkIcon,
     UnpinIcon: UnpinIcon,
     UploadIcon: UploadIcon,
     VideoIcon: VideoIcon,
@@ -4016,19 +4020,20 @@ const CheckboxListModal = ({
 const NavLayout = (props) => {
   const { patientSidebar = null, isNavDisabled, menu, disableScrolling, pageHeader, children, isInViewer, secondaryNavigation = null } = props, rest = __rest(props, ["patientSidebar", "isNavDisabled", "menu", "disableScrolling", "pageHeader", "children", "isInViewer", "secondaryNavigation"]);
   const inViewer = isInViewer;
-  return jsxRuntime.jsxs("div", Object.assign({ "data-test-id": "nav-layout", "data-in-viewer": inViewer, className: "ui:mb-3 ui:flex ui:h-full ui:w-full ui:flex-col ui:lg:mb-0 ui:lg:flex-row" }, rest, { children: [!isNavDisabled && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [menu, secondaryNavigation, patientSidebar] }), jsxRuntime.jsxs("div", { id: "page-main-content", "data-test-id": "page-main-content", className: classNames__default.default([
+  return jsxRuntime.jsxs("div", Object.assign({ "data-test-id": "nav-layout", "data-in-viewer": inViewer, className: "ui:mb-3 ui:flex ui:h-full ui:w-full ui:flex-col ui:lg:mb-0 ui:lg:flex-row" }, rest, { children: [!isNavDisabled && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [menu, patientSidebar] }), jsxRuntime.jsxs("div", { id: "page-main-content", "data-test-id": "page-main-content", className: classNames__default.default([
     "ui:w-full",
+    "ui:flex ui:flex-row",
     {
       "ui:overflow-y-auto": !disableScrolling,
       "ui:max-h-screen": !inViewer,
       "ui:h-screen": inViewer
     }
-  ]), children: [pageHeader && jsxRuntime.jsx("div", { "data-test-id": "nav-layout-page-header", children: pageHeader }), jsxRuntime.jsx("div", { "data-test-id": "page-body", className: classNames__default.default({
+  ]), children: [!isNavDisabled && jsxRuntime.jsx(jsxRuntime.Fragment, { children: secondaryNavigation }), jsxRuntime.jsxs("div", { className: "ui:w-full", children: [pageHeader && jsxRuntime.jsx("div", { "data-test-id": "nav-layout-page-header", children: pageHeader }), jsxRuntime.jsx("div", { "data-test-id": "page-body", className: classNames__default.default({
     "ui:px-xl": !!pageHeader,
     // assuming this is not set because it's the PatientPages.js
     "ui:h-full": inViewer
     // this allows extra spacing in the small viewport of hix specially when dealing with dropdowns
-  }), children })] })] }));
+  }), children })] })] })] }));
 };
 
 var css_248z$7 = ".cweb-page {\n  width: 100%;\n  max-width: 1140px;\n  margin: 32px auto 0 auto;\n}\n.cweb-page .cweb-page-breadcrumbs {\n  margin-bottom: 16px;\n}\n.cweb-page .page-spinner {\n  margin-left: 8px;\n  margin-bottom: 4px;\n}\n.cweb-page .page-spinner img {\n  width: 21px;\n}\n.cweb-page .cweb-page-header {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  flex-grow: 0;\n}\n.cweb-page .cweb-page-header .cweb-page-title {\n  display: inline;\n}\n.cweb-page .cweb-page-header.accessory-right {\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n}\n.cweb-page .cweb-page-header.accessory-bottom {\n  flex-direction: column;\n  align-items: flex-start;\n}\n@media screen and (max-width: 426px) {\n  .cweb-page .cweb-page-header.accessory-bottom {\n    max-width: 75vw;\n  }\n  .cweb-page .cweb-page-header.accessory-bottom img {\n    max-width: 10vw;\n  }\n  .cweb-page .cweb-page-header.accessory-bottom button p {\n    font-size: 4vw;\n  }\n}\n.cweb-page .cweb-page-header.accessory-bottom .cweb-page-title {\n  margin-bottom: 8px;\n  display: inline;\n}";
@@ -6472,6 +6477,7 @@ exports.TrashBinIcon = TrashBinIcon;
 exports.TreeIcon = TreeIcon;
 exports.UList = UnorderedList;
 exports.UnassignedIcon = UnassignedIcon;
+exports.UnlinkIcon = UnlinkIcon;
 exports.UnorderedList = UnorderedList;
 exports.UnpinIcon = UnpinIcon;
 exports.UploadIcon = UploadIcon;