@luscii-healthtech/web-ui 33.1.0 → 34.0.0

package/dist/index.d.ts

@@ -46,7 +46,6 @@ export { List, ListItem, type ListProps, type ListItemProps, type DraggableListP
 export { CheckboxList, type CheckboxListProps, } from "./components/CheckboxList/CheckboxList";
 export { CheckboxListModal, type CheckboxListModalProps, } from "./components/CheckBoxListModal/CheckboxListModal";
 export { NavLayout, type Props as NavLayoutProps, } from "./components/NavMenu/NavLayout";
-export { NavMenu } from "./components/NavMenu/NavMenu";
 export { NotificationBanner, type NotificationBannerColor, type NotificationBannerLinkProps, } from "./components/NotificationBanner/NotificationBanner";
 export { Page, CRUDPage, type CRUDPageProps } from "./components/Page";
 export { PaginationMenu } from "./components/PaginationMenu/PaginationMenu";

package/dist/index.development.js

@@ -3913,8 +3913,8 @@ function TableBody(props) {
         },
         props.isSelectable && React__namespace.default.createElement(
           "td",
-          { className: "ui-px-2 first:ui-pl-6 last:ui-pr-6" },
-          React__namespace.default.createElement(Checkbox, { isChecked: isItemChecked(index), onClick: (event) => event.stopPropagation(), onChange: (event) => {
+          { className: "ui-px-0" },
+          React__namespace.default.createElement(Checkbox, { className: "ui-ml-4 ui-w-fit", classNameCheckboxLabel: "ui-p-2", isChecked: isItemChecked(index), onClick: (event) => event.stopPropagation(), onChange: (event) => {
             var _a2;
             event.stopPropagation();
             (_a2 = props.onSelectRow) === null || _a2 === void 0 ? void 0 : _a2.call(props, {
@@ -4615,147 +4615,6 @@ const NavLayout = (props) => {
   );
 };
 
-const NavMenuFooter = ({ text, subtext, visible = true }) => {
-  if (!visible) {
-    return null;
-  }
-  return React__namespace.default.createElement(
-    "div",
-    { className: "-ui-mx-1 ui-border-t ui-border-slate-600 ui-bg-nav-menu" },
-    React__namespace.default.createElement(
-      FlexRow,
-      { backgroundColor: "transparent", hasPadding: true, alignItems: "center", spacing: "none" },
-      React__namespace.default.createElement(
-        FlexColumn,
-        { backgroundColor: "transparent", spacing: "none" },
-        React__namespace.default.createElement(Text, { text, title: text, color: "white", className: "ui-max-w-50 ui-break-normal" }),
-        subtext && React__namespace.default.createElement(Text, { text: subtext, type: "sm", color: "white", truncate: true, className: "ui-max-w-50", title: subtext })
-      )
-    )
-  );
-};
-
-const NavMenuItem = (props) => {
-  var _a, _b;
-  const [currentImg, setCurrentImg] = React.useState(props.isSelected ? props.imgOnHover : props.img);
-  const classes = classNames__default.default([
-    "ui-h-11",
-    "ui-flex",
-    "ui-flex-row",
-    "ui-items-center",
-    "ui-w-auto",
-    "ui-px-4",
-    "ui-mb-1",
-    "ui-rounded",
-    "hover:ui-bg-gray-600",
-    "ui-transition",
-    "ui-ease-in",
-    "ui-duration-150",
-    "lg:last:ui-pb-2",
-    "focus:ui-outline-primary",
-    "ui-group"
-  ], {
-    "ui-bg-nav-menu": !props.isSelected,
-    "ui-bg-gray-600": props.isSelected
-  });
-  const handleOnMouseOver = () => {
-    if (!props.isSelected) {
-      setCurrentImg(props.imgOnHover);
-    }
-  };
-  const handleOnMouseOut = () => {
-    if (!props.isSelected) {
-      setCurrentImg(props.img);
-    }
-  };
-  return React__namespace.createElement(
-    "a",
-    { href: (_b = (_a = props.href) !== null && _a !== void 0 ? _a : props.linkTo) !== null && _b !== void 0 ? _b : "#", "data-test-id": props.dataTestId, className: classes, onMouseOver: handleOnMouseOver, onMouseOut: handleOnMouseOut, onClick: handleMenuClick },
-    React__namespace.createElement("img", { src: currentImg, className: "ui-ml-0 ui-mr-4" }),
-    React__namespace.createElement(Text, { type: "strong", text: props.title, hoverInGroup: true, color: "slate-200", hoverColor: "white" })
-  );
-  function handleMenuClick(event) {
-    var _a2;
-    if (event.metaKey || event.ctrlKey) {
-      return;
-    }
-    event.preventDefault();
-    (_a2 = props.trackEvent) === null || _a2 === void 0 ? void 0 : _a2.call(props);
-    if (props.isExternal) {
-      window.open(props.href, "_blank");
-    } else if (props.href) {
-      window.location.assign(props.href);
-    } else if (props.linkTo) {
-      router.navigate(props.linkTo);
-    }
-  }
-};
-
-const NavMenuHeader = (props) => {
-  const { text, visible = true, onClick, belowHeader } = props;
-  if (!visible) {
-    return React__namespace.default.createElement("div", { "data-test-id": "separator", className: "ui-mb-1 ui-border-b ui-border-slate-600" });
-  }
-  const onClickHandler = () => onClick === null || onClick === void 0 ? void 0 : onClick();
-  return React__namespace.default.createElement(
-    React__namespace.default.Fragment,
-    null,
-    React__namespace.default.createElement(
-      "div",
-      { onClick: onClickHandler, className: classNames__default.default({
-        "ui-cursor-pointer": onClick
-      }), role: "link" },
-      React__namespace.default.createElement(Text, { text, type: "xl-strong", color: "white", className: "ui-max-w-55 ui-break-normal ui-pl-4 ui-pt-6", clampLines: true }),
-      belowHeader && React__namespace.default.createElement("div", { className: "ui-pl-4 ui-pt-1" }, belowHeader)
-    ),
-    React__namespace.default.createElement("div", { "data-test-id": "separator", className: "ui-mb-1 ui-mt-5 ui-border-b ui-border-slate-600" })
-  );
-};
-
-const NavMenuContent = ({ roleItems, publicItems, authenticationItems, isUserAuthenticated, navMenuHeaderProps: organizationNameWidgetProps, navMenuFooterProps: loggedInUserWidgetProps }) => {
-  return React__namespace.default.createElement(
-    "div",
-    { className: classNames__default.default("ui-flex ui-w-60 ui-flex-col ui-bg-nav-menu ui-px-1 ui-pb-1 ui-shadow-lg lg:ui-relative lg:ui-h-full") },
-    React__namespace.default.createElement(NavMenuHeader, Object.assign({}, organizationNameWidgetProps)),
-    !isUserAuthenticated && React__namespace.default.createElement(NavMenuItem, Object.assign({}, authenticationItems.login, { key: authenticationItems.login.title })),
-    roleItems.map((item) => React__namespace.default.createElement(NavMenuItem, Object.assign({}, item, { key: item.title || item.dataTestId }))),
-    React__namespace.default.createElement(Divider, { dark: true }),
-    React__namespace.default.createElement("div", { className: "ui-mt-1" }, publicItems.map((item) => React__namespace.default.createElement(NavMenuItem, Object.assign({}, item, { key: item.title || item.dataTestId })))),
-    React__namespace.default.createElement(
-      "div",
-      { className: "ui-mt-auto" },
-      isUserAuthenticated && React__namespace.default.createElement(NavMenuItem, Object.assign({}, authenticationItems.logout, { key: authenticationItems.logout.title })),
-      React__namespace.default.createElement(NavMenuFooter, Object.assign({}, loggedInUserWidgetProps))
-    )
-  );
-};
-
-function NavMenu(props) {
-  const [isOpen, setIsOpen] = React.useState(false);
-  const handleToggleOpen = () => {
-    setIsOpen(!isOpen);
-  };
-  return React__namespace.default.createElement(
-    React__namespace.default.Fragment,
-    null,
-    React__namespace.default.createElement(
-      "div",
-      { className: "ui-hidden ui-h-screen lg:ui-flex" },
-      React__namespace.default.createElement(NavMenuContent, Object.assign({}, props))
-    ),
-    React__namespace.default.createElement(
-      "div",
-      { className: "ui-relative ui-flex ui-w-screen ui-items-center ui-bg-nav-header ui-p-2 ui-shadow-lg lg:ui-hidden" },
-      React__namespace.default.createElement(Button, { hasIcon: true, role: "secondaryDark", iconName: isOpen ? "close" : "hamburger", onClick: handleToggleOpen })
-    ),
-    isOpen && React__namespace.default.createElement(
-      "div",
-      { className: "ui-absolute ui-z-20" },
-      React__namespace.default.createElement(NavMenuContent, Object.assign({}, props))
-    )
-  );
-}
-
 var css_248z$6 = ".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}";
 styleInject(css_248z$6);
 
@@ -7065,7 +6924,6 @@ exports.Modal = Modal;
 exports.MoreIcon = MoreIcon;
 exports.MouseIcon = MouseIcon;
 exports.NavLayout = NavLayout;
-exports.NavMenu = NavMenu;
 exports.NoteIcon = NoteIcon;
 exports.NotesIcon = NoteIcon;
 exports.NotificationBanner = NotificationBanner;