@luscii-healthtech/web-ui 55.2.9 → 56.0.0

package/dist/index.development.js

@@ -3966,129 +3966,6 @@ const CheckboxList = ({ groups, onChange, onStateChange, className }) => {
   }) });
 };
 
-const Divider = (props) => {
-  if ("version" in props) {
-    switch (props.variant) {
-      case "vertical-flow":
-        return jsxRuntime.jsx(VerticalFlowDivider, Object.assign({}, props));
-      case "horizontal-flow":
-        return jsxRuntime.jsx(HorizontalFlowDivider, Object.assign({}, props));
-      case "vertical":
-        return jsxRuntime.jsx(VerticalDivider, Object.assign({}, props));
-      default:
-        return jsxRuntime.jsx(HrDivider, Object.assign({}, props));
-    }
-  }
-  const { className, dark } = props, rest = __rest(props, ["className", "dark"]);
-  const darkTheme = Boolean(dark);
-  return jsxRuntime.jsx("div", Object.assign({ className: classNames__default.default("ui:border-color ui:block ui:w-full ui:border-b ui:border-solid ui:last:border-b-0", className, {
-    "ui:border-color-divider": !darkTheme,
-    "ui:border-slate-600": darkTheme
-  }) }, rest));
-};
-const HrDivider = (props) => {
-  const { className, color = "border" } = props;
-  return jsxRuntime.jsx("hr", { className: classNames__default.default({
-    "ui:border-color-divider": color === "divider",
-    "ui:border-color-border": color === "border",
-    "ui:border-neutral-border-high-contrast": color === "high-contrast",
-    "ui:border-neutral-border-low-contrast": color === "low-contrast"
-  }, className) });
-};
-const VerticalDivider = (props) => {
-  const {
-    className,
-    color = "border",
-    // Strip discriminant props so they don't land on the DOM element.
-    version: _version,
-    variant: _variant
-  } = props, rest = __rest(props, ["className", "color", "version", "variant"]);
-  return jsxRuntime.jsx("div", Object.assign({ role: "separator", "aria-orientation": "vertical", className: classNames__default.default("ui:self-stretch ui:w-0 ui:border-l ui:border-solid", {
-    "ui:border-color-divider": color === "divider",
-    "ui:border-color-border": color === "border",
-    "ui:border-neutral-border-high-contrast": color === "high-contrast",
-    "ui:border-neutral-border-low-contrast": color === "low-contrast"
-  }, className) }, rest));
-};
-const VerticalFlowDivider = (props) => {
-  return jsxRuntime.jsx(Stack, Object.assign({ width: "full", align: "center", role: "separator", pb: "xxxxs" }, props, { children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 29, fill: "none", children: [jsxRuntime.jsx("path", { fill: "#94A3B8", d: "M7.293 28.707a1 1 0 0 0 1.414 0l6.364-6.364a1 1 0 0 0-1.414-1.414L8 26.586l-5.657-5.657A1 1 0 0 0 .93 22.343l6.364 6.364ZM7 0v28h2V0H7Z" }), jsxRuntime.jsx("circle", { cx: 8, cy: 3, r: 2.5, fill: "#CBD5E1", stroke: "#64748B" })] }) }));
-};
-const HorizontalFlowDivider = (props) => {
-  return jsxRuntime.jsx(Stack, Object.assign({ axis: "x", align: "center", role: "separator" }, props, { children: jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M16.6269 12.7491H5.25C5.03718 12.7491 4.85898 12.6773 4.7154 12.5337C4.5718 12.3901 4.5 12.2119 4.5 11.9991C4.5 11.7863 4.5718 11.6081 4.7154 11.4645C4.85898 11.3209 5.03718 11.2491 5.25 11.2491H16.6269L11.4577 6.07985C11.309 5.93114 11.2356 5.7571 11.2375 5.55775C11.2394 5.35839 11.3179 5.18114 11.4731 5.02603C11.6282 4.88116 11.8038 4.80616 12 4.80103C12.1961 4.79589 12.3718 4.87089 12.5269 5.02603L18.8672 11.3664C18.9608 11.46 19.0269 11.5587 19.0653 11.6626C19.1038 11.7664 19.123 11.8786 19.123 11.9991C19.123 12.1196 19.1038 12.2318 19.0653 12.3356C19.0269 12.4395 18.9608 12.5382 18.8672 12.6318L12.5269 18.9721C12.3884 19.1106 12.217 19.1814 12.0125 19.1846C11.808 19.1878 11.6282 19.117 11.4731 18.9721C11.3179 18.817 11.2404 18.6388 11.2404 18.4375C11.2404 18.2362 11.3179 18.058 11.4731 17.9029L16.6269 12.7491Z", fill: "#64748B" }) }) }));
-};
-
-const transformToGroups = (items) => {
-  const pinned = items.find((option) => option.isPinned);
-  const itemsWithGroup = items.filter((option) => option.group);
-  const groups = Object.entries(lodashEs.groupBy(itemsWithGroup, "group")).map((group) => ({
-    title: group[0],
-    items: group[1].sort((a, b) => a.label > b.label ? 1 : b.label > a.label ? -1 : 0)
-  }));
-  const itemsWithoutGroup = items.filter((option) => !option.group);
-  const restGroup = {
-    name: void 0,
-    items: itemsWithoutGroup
-  };
-  if (pinned) {
-    const myGroup = {
-      items: [pinned]
-    };
-    return [myGroup, ...groups, restGroup];
-  }
-  return [...groups, restGroup];
-};
-const CheckboxListModal = ({
-  texts,
-  accessory,
-  initialItems,
-  isLoadingInitialItems,
-  isOpen,
-  onSave,
-  onCloseClick,
-  /**
-   * Predicate used in this component to set the visible items
-   * in the list based on the search query.
-   */
-  filterItem = () => true,
-  hasSearch = false
-}) => {
-  const [items, setItems] = React.useState([]);
-  const [visibleItems, setVisibleItems] = React.useState([]);
-  const [groups, setGroups] = React.useState([]);
-  const [search, setSearch] = React.useState("");
-  React.useEffect(() => {
-    setItems(initialItems);
-  }, [initialItems]);
-  React.useEffect(() => {
-    setVisibleItems(items.filter((item) => filterItem(item, search)));
-  }, [items, search]);
-  React.useEffect(() => {
-    setGroups(transformToGroups(visibleItems));
-  }, [visibleItems]);
-  const handleOnItemChange = (event) => {
-    const updatedItems = [...items];
-    const index = updatedItems.findIndex((item) => item.id === event.id);
-    updatedItems[index].isChecked = event.newCheckedValue;
-    setItems(updatedItems);
-  };
-  const handleOnCloseClick = (event) => {
-    event.stopPropagation();
-    onCloseClick();
-  };
-  const handleOnSaveClick = () => {
-    onSave(items.filter((item) => item.isChecked));
-    onCloseClick();
-  };
-  const handleOnSearchChange = (event) => {
-    var _a;
-    setSearch((_a = event.currentTarget.value) !== null && _a !== void 0 ? _a : "");
-  };
-  return jsxRuntime.jsxs(Modal, { isOpen, title: texts.title, onCloseClick: handleOnCloseClick, footerTrailingComponents: {
-    primaryButton: jsxRuntime.jsx(PrimaryButton, { dataTestId: "modal-footer-trailing-primary-button", onClick: handleOnSaveClick, children: texts.confirmLabel }),
-    secondaryButton: jsxRuntime.jsx(SecondaryButton, { dataTestId: "modal-footer-trailing-secondary-button", onClick: handleOnCloseClick, children: texts.cancelLabel })
-  }, scrollableContent: true, children: [accessory && jsxRuntime.jsxs("div", { className: "ui:mb-6 ui:flex ui:flex-col ui:space-y-6", children: [accessory, jsxRuntime.jsx(Divider, { version: "v2", color: "divider" })] }), isLoadingInitialItems && jsxRuntime.jsx(LoadingIndicator, {}), hasSearch && !isLoadingInitialItems && jsxRuntime.jsx("div", { className: "ui:mb-2", children: jsxRuntime.jsxs("label", { htmlFor: "checkbox-list-search", className: "ui:flex ui:flex-col ui:space-y-2", children: [texts.searchInputLabel && jsxRuntime.jsx(Text, { variant: "strong", children: texts.searchInputLabel }), jsxRuntime.jsx(SearchInput, { id: "checkbox-list-search", width: "full", value: search, placeholder: texts.searchPlaceHolder, onChange: handleOnSearchChange })] }) }), !isLoadingInitialItems && (items === null || items === void 0 ? void 0 : items.length) > 0 && jsxRuntime.jsx(CheckboxList, { groups, onChange: handleOnItemChange }), !isLoadingInitialItems && (items === null || items === void 0 ? void 0 : items.length) === 0 && jsxRuntime.jsx(Text, { text: texts.emptyState })] });
-};
-
 const NavLayout = (props) => {
   const { patientSidebar = null, isNavDisabled, menu, disableScrolling, pageHeader, children, isInViewer, secondaryNavigation = null, rowBreakpoint = "lg" } = props, rest = __rest(props, ["patientSidebar", "isNavDisabled", "menu", "disableScrolling", "pageHeader", "children", "isInViewer", "secondaryNavigation", "rowBreakpoint"]);
   const rowBreakpointClasses = {
@@ -4306,6 +4183,57 @@ const PageTitle = (props) => {
   ) }));
 };
 
+const Divider = (props) => {
+  if ("version" in props) {
+    switch (props.variant) {
+      case "vertical-flow":
+        return jsxRuntime.jsx(VerticalFlowDivider, Object.assign({}, props));
+      case "horizontal-flow":
+        return jsxRuntime.jsx(HorizontalFlowDivider, Object.assign({}, props));
+      case "vertical":
+        return jsxRuntime.jsx(VerticalDivider, Object.assign({}, props));
+      default:
+        return jsxRuntime.jsx(HrDivider, Object.assign({}, props));
+    }
+  }
+  const { className, dark } = props, rest = __rest(props, ["className", "dark"]);
+  const darkTheme = Boolean(dark);
+  return jsxRuntime.jsx("div", Object.assign({ className: classNames__default.default("ui:border-color ui:block ui:w-full ui:border-b ui:border-solid ui:last:border-b-0", className, {
+    "ui:border-color-divider": !darkTheme,
+    "ui:border-slate-600": darkTheme
+  }) }, rest));
+};
+const HrDivider = (props) => {
+  const { className, color = "border" } = props;
+  return jsxRuntime.jsx("hr", { className: classNames__default.default({
+    "ui:border-color-divider": color === "divider",
+    "ui:border-color-border": color === "border",
+    "ui:border-neutral-border-high-contrast": color === "high-contrast",
+    "ui:border-neutral-border-low-contrast": color === "low-contrast"
+  }, className) });
+};
+const VerticalDivider = (props) => {
+  const {
+    className,
+    color = "border",
+    // Strip discriminant props so they don't land on the DOM element.
+    version: _version,
+    variant: _variant
+  } = props, rest = __rest(props, ["className", "color", "version", "variant"]);
+  return jsxRuntime.jsx("div", Object.assign({ role: "separator", "aria-orientation": "vertical", className: classNames__default.default("ui:self-stretch ui:w-0 ui:border-l ui:border-solid", {
+    "ui:border-color-divider": color === "divider",
+    "ui:border-color-border": color === "border",
+    "ui:border-neutral-border-high-contrast": color === "high-contrast",
+    "ui:border-neutral-border-low-contrast": color === "low-contrast"
+  }, className) }, rest));
+};
+const VerticalFlowDivider = (props) => {
+  return jsxRuntime.jsx(Stack, Object.assign({ width: "full", align: "center", role: "separator", pb: "xxxxs" }, props, { children: jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 29, fill: "none", children: [jsxRuntime.jsx("path", { fill: "#94A3B8", d: "M7.293 28.707a1 1 0 0 0 1.414 0l6.364-6.364a1 1 0 0 0-1.414-1.414L8 26.586l-5.657-5.657A1 1 0 0 0 .93 22.343l6.364 6.364ZM7 0v28h2V0H7Z" }), jsxRuntime.jsx("circle", { cx: 8, cy: 3, r: 2.5, fill: "#CBD5E1", stroke: "#64748B" })] }) }));
+};
+const HorizontalFlowDivider = (props) => {
+  return jsxRuntime.jsx(Stack, Object.assign({ axis: "x", align: "center", role: "separator" }, props, { children: jsxRuntime.jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { d: "M16.6269 12.7491H5.25C5.03718 12.7491 4.85898 12.6773 4.7154 12.5337C4.5718 12.3901 4.5 12.2119 4.5 11.9991C4.5 11.7863 4.5718 11.6081 4.7154 11.4645C4.85898 11.3209 5.03718 11.2491 5.25 11.2491H16.6269L11.4577 6.07985C11.309 5.93114 11.2356 5.7571 11.2375 5.55775C11.2394 5.35839 11.3179 5.18114 11.4731 5.02603C11.6282 4.88116 11.8038 4.80616 12 4.80103C12.1961 4.79589 12.3718 4.87089 12.5269 5.02603L18.8672 11.3664C18.9608 11.46 19.0269 11.5587 19.0653 11.6626C19.1038 11.7664 19.123 11.8786 19.123 11.9991C19.123 12.1196 19.1038 12.2318 19.0653 12.3356C19.0269 12.4395 18.9608 12.5382 18.8672 12.6318L12.5269 18.9721C12.3884 19.1106 12.217 19.1814 12.0125 19.1846C11.808 19.1878 11.6282 19.117 11.4731 18.9721C11.3179 18.817 11.2404 18.6388 11.2404 18.4375C11.2404 18.2362 11.3179 18.058 11.4731 17.9029L16.6269 12.7491Z", fill: "#64748B" }) }) }));
+};
+
 const PageHeader = ({ navigation, breadcrumbs, dataTestId, accessories, isPolling, title, contained, className, truncateBreadcrumbsAfter, renderBreadcrumbItem, banner }) => {
   var _a, _b;
   const withContained = { "ui:max-w-3xl ui:m-auto": contained };
@@ -4635,6 +4563,13 @@ function generateCustomStyles(hasError) {
     menu: (baseStyles) => Object.assign(Object.assign({}, baseStyles), { zIndex: 20 })
   };
 }
+function getDataAttributes(selectProps) {
+  return Object.fromEntries(Object.entries(selectProps).filter(([prop]) => prop.includes("data-")));
+}
+const CustomContainer = (_a) => {
+  var { children } = _a, containerProps = __rest(_a, ["children"]);
+  return jsxRuntime.jsx(ReactSelect.components.SelectContainer, Object.assign({}, containerProps, { innerProps: Object.assign(Object.assign({}, containerProps.innerProps), getDataAttributes(containerProps.selectProps)), children }));
+};
 const Select = React__namespace.default.forwardRef((_a, innerRef) => {
   var _b, _c;
   var { isError = false, styles, options, onChange, value, width = "full", isMulti, className, skipValueProcessing, isCreatable = false, onCreateOption, formatCreateLabel } = _a, otherProps = __rest(_a, ["isError", "styles", "options", "onChange", "value", "width", "isMulti", "className", "skipValueProcessing", "isCreatable", "onCreateOption", "formatCreateLabel"]);
@@ -4664,19 +4599,6 @@ const Select = React__namespace.default.forwardRef((_a, innerRef) => {
   const flatmappedOptions = !options ? [] : isOptionsGrouped ? options.flatMap((g) => g.options) : options;
   const onChangeWrapped = !onChange ? void 0 : isMulti ? (val, a) => onChange(val.map((v) => v.value), a) : (val, a) => onChange(val === null || val === void 0 ? void 0 : val.value, a);
   const valueWrapped = !value || !options ? value : isMulti ? flatmappedOptions.filter((o) => value.includes(o.value)) : flatmappedOptions.find((o) => o.value === value);
-  const getDataAttributes = () => {
-    const dataProps = {};
-    for (const prop in otherProps) {
-      if (prop.includes("data-")) {
-        dataProps[prop] = otherProps[prop];
-      }
-    }
-    return dataProps;
-  };
-  const CustomContainer = (_a2) => {
-    var { children } = _a2, commonProps2 = __rest(_a2, ["children"]);
-    return jsxRuntime.jsx(ReactSelect.components.SelectContainer, Object.assign({}, commonProps2, { innerProps: Object.assign({}, commonProps2.innerProps, Object.assign({}, getDataAttributes())), children }));
-  };
   const commonProps = Object.assign(Object.assign({}, otherProps), {
     ref: mergedRef,
     styles: mergedStyles,
@@ -7212,7 +7134,6 @@ exports.CheckFilledColoredIcon = CheckFilledColoredIcon;
 exports.CheckIcon = CheckIcon;
 exports.Checkbox = Checkbox;
 exports.CheckboxList = CheckboxList;
-exports.CheckboxListModal = CheckboxListModal;
 exports.ChevronDoubleIcon = ChevronDoubleIcon;
 exports.ChevronDownIcon = ChevronDownIcon;
 exports.ChevronLeftIcon = LeftArrowIcon;