@luscii-healthtech/web-ui 2.47.5 → 2.47.7

package/dist/components/Button/Button.types.d.ts

@@ -13,7 +13,7 @@ export declare const BUTTON_ROLES: {
     readonly ICON: "icon";
 };
 declare type BUTTON_KEYS = keyof typeof BUTTON_ROLES;
-export declare type BUTTON_TYPE = typeof BUTTON_ROLES[BUTTON_KEYS];
+export declare type BUTTON_TYPE = (typeof BUTTON_ROLES)[BUTTON_KEYS];
 export declare type ButtonType = "button" | "submit";
 export interface ButtonProps extends RestPropped {
     text?: string;
@@ -23,7 +23,7 @@ export interface ButtonProps extends RestPropped {
     link?: string;
     isPending?: boolean;
     isDisabled?: boolean;
-    onClick?: (arg: any) => void;
+    onClick?: (arg: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     className?: string;
     iconName?: string;
     hasIcon?: boolean;

package/dist/components/EmptyListMessage/EmptyListMessage.d.ts

@@ -1,7 +1,7 @@
 declare const imageSrc: {
-    "no-open-alerts": any;
-    "search-not-found": any;
-    "no-notes-found": any;
+    "no-open-alerts": string;
+    "search-not-found": string;
+    "no-notes-found": string;
 };
 interface EmptyListMessageProps {
     text: string;

package/dist/components/LoadingIndicator/LoadingIndicator.d.ts

@@ -5,6 +5,7 @@ export interface LoadingIndicatorProps extends RestPropped {
     asSpinner?: boolean;
     className?: string;
     spinnerColor?: "blue" | "gray";
+    dataTestId?: string;
 }
-export declare function LoadingIndicator({ asModal, asSpinner, className, spinnerColor, ...restProps }: LoadingIndicatorProps): JSX.Element;
+export declare function LoadingIndicator({ asModal, asSpinner, className, spinnerColor, dataTestId, ...restProps }: LoadingIndicatorProps): JSX.Element;
 export default LoadingIndicator;

package/dist/components/Page/Page.d.ts

@@ -19,9 +19,8 @@ export type Breadcrumb = {
  * @typedef {{ name?: string, icon?: string|Object, link?: string}} Breadcrumb
  *
  */
-declare function Page({ dataTestId, breadcrumbs, title, accessories, accessoryPosition, className, children, content, isLoading, isPolling, spinnerColor, navLayoutProps, showFeedbackBlock, feedbackBlock, navMenu, id, }: {
+declare function Page({ dataTestId, title, accessories, accessoryPosition, className, children, content, isLoading, isPolling, spinnerColor, navLayoutProps, feedbackBlock, navMenu, id, }: {
     dataTestId?: string | undefined;
-    breadcrumbs: any;
     title: any;
     accessories: any;
     accessoryPosition?: string | undefined;
@@ -32,7 +31,6 @@ declare function Page({ dataTestId, breadcrumbs, title, accessories, accessoryPo
     isPolling?: boolean | undefined;
     spinnerColor?: string | undefined;
     navLayoutProps?: {} | undefined;
-    showFeedbackBlock?: boolean | undefined;
     feedbackBlock?: JSX.Element | undefined;
     navMenu: any;
     id: any;

package/dist/components/Steps/Steps.d.ts

@@ -6,5 +6,5 @@ interface StepsProps {
         step: string;
     };
 }
-export declare const Steps: ({ orderedStepTitles, currentStep, className, localization }: StepsProps) => JSX.Element;
+export declare const Steps: ({ orderedStepTitles, currentStep, className, localization, }: StepsProps) => JSX.Element;
 export {};

package/dist/web-ui.cjs.development.js

@@ -1683,7 +1683,7 @@ var img$5 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3
 var css_248z$6 = ".cweb-loading {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.cweb-loading .cweb-loading-text {\n  margin-bottom: 24px;\n}\n\n.cweb-loading.as-modal {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 9999;\n  background-color: rgba(255, 255, 255, 0.6);\n}\n\n.cweb-loading.as-modal .cweb-loading-panel {\n  position: relative;\n  width: 320px;\n  min-height: 120px;\n  border-radius: 4px;\n  padding: 16px;\n  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.36);\n  background-color: #ffffff;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: center;\n}\n\n.cweb-loading.as-modal .cweb-loading-panel:before {\n  position: absolute;\n  content: \"\";\n  top: 0;\n  left: 0;\n  right: 0;\n  z-index: 1;\n  height: 3px;\n  background-color: #6abfa5;\n  border-top-left-radius: 4px;\n  border-top-right-radius: 4px;\n}";
 styleInject(css_248z$6);
 
-var _excluded$5 = ["asModal", "asSpinner", "className", "spinnerColor"];
+var _excluded$5 = ["asModal", "asSpinner", "className", "spinnerColor", "dataTestId"];
 function LoadingIndicator(_ref) {
   var _ref$asModal = _ref.asModal,
       asModal = _ref$asModal === void 0 ? false : _ref$asModal,
@@ -1693,6 +1693,8 @@ function LoadingIndicator(_ref) {
       className = _ref$className === void 0 ? "" : _ref$className,
       _ref$spinnerColor = _ref.spinnerColor,
       spinnerColor = _ref$spinnerColor === void 0 ? "blue" : _ref$spinnerColor,
+      _ref$dataTestId = _ref.dataTestId,
+      dataTestId = _ref$dataTestId === void 0 ? "loading-indicator" : _ref$dataTestId,
       restProps = _objectWithoutPropertiesLoose(_ref, _excluded$5);
 
   var spinnerToRender = spinnerColor === "blue" ? img$4 : img$5;
@@ -1700,7 +1702,8 @@ function LoadingIndicator(_ref) {
     "as-modal": asModal
   });
   return /*#__PURE__*/React__default.createElement("div", _extends({}, restProps, {
-    className: containerClassName
+    className: containerClassName,
+    "data-test-id": dataTestId
   }), /*#__PURE__*/React__default.createElement("img", {
     src: asSpinner ? spinnerToRender : img$3,
     "data-chromatic": "ignore",
@@ -2373,10 +2376,14 @@ var Carousel = function Carousel(_ref) {
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "glider-track h-full"
   }, slides == null ? void 0 : slides.map(function (slide, index) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      key: index,
-      className: "overflow-hidden"
-    }, slide);
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-array-index-key
+      React__default.createElement("div", {
+        key: index,
+        className: "overflow-hidden"
+      }, slide)
+    );
   }))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
 };
 
@@ -3245,12 +3252,14 @@ var Dropdown = /*#__PURE__*/function (_PureComponent) {
   _proto.render = function render() {
     var _this2 = this;
 
-    // eslint-disable-next-line no-unused-vars
+    /* eslint-disable @typescript-eslint/no-unused-vars */
     var _this$props = this.props,
         _this$props$placehold = _this$props.placeholder,
         placeholder = _this$props$placehold === void 0 ? "" : _this$props$placehold,
         className = _this$props.className,
         otherProps = _objectWithoutPropertiesLoose(_this$props, _excluded$b);
+    /* eslint-enable @typescript-eslint/no-unused-vars */
+
 
     var _this$state2 = this.state,
         selectedItem = _this$state2.selectedItem,
@@ -3388,18 +3397,22 @@ function InfoBlock(_ref) {
 }
 
 var InfoField = function InfoField(props) {
-  var clipboard = new ClipboardJS("button");
-  clipboard.on("success", function (e) {
-    props.onCopyToClipboard && props.onCopyToClipboard();
-    e.clearSelection();
-  });
-  var ContainerElement;
+  React.useEffect(function () {
+    var clipboard = new ClipboardJS("button");
+    clipboard.on("success", function (e) {
+      props.onCopyToClipboard && props.onCopyToClipboard();
+      e.clearSelection();
+    });
+    return function () {
+      return clipboard.destroy();
+    };
+  }, [props.onCopyToClipboard]);
   var containerProps;
 
   switch (props.linkType) {
     case "link":
-      ContainerElement = "a";
       containerProps = {
+        element: "a",
         href: props.value,
         target: "_blank",
         rel: "noopener noreferrer"
@@ -3407,15 +3420,15 @@ var InfoField = function InfoField(props) {
       break;
 
     case "tel":
-      ContainerElement = "a";
       containerProps = {
+        element: "a",
         href: "tel:" + props.value
       };
       break;
 
     case "clipboard":
-      ContainerElement = "button";
       containerProps = {
+        element: "button",
         type: "button",
         "data-clipboard-text": props.value
       };
@@ -3423,10 +3436,13 @@ var InfoField = function InfoField(props) {
 
     case "none":
     default:
-      ContainerElement = "div";
+      containerProps = {
+        element: "div"
+      };
       break;
   }
 
+  var ContainerElement = containerProps.element;
   return /*#__PURE__*/React__default.createElement("div", {
     className: classNames("flex flex-row align-center items-center", props.className)
   }, props.icon, /*#__PURE__*/React__default.createElement(ContainerElement, _extends({
@@ -5045,7 +5061,9 @@ var Steps = function Steps(_ref) {
       className = _ref.className,
       localization = _ref.localization;
   var renderedSteps = orderedStepTitles.map(function (stepTitle, index) {
-    return /*#__PURE__*/React__default.createElement(Step, {
+    return /*#__PURE__*/React__default.createElement(Step // eslint-disable-next-line react/no-array-index-key
+    , {
+      // eslint-disable-next-line react/no-array-index-key
       key: "step-" + index + "-" + stepTitle.split(" ")[0],
       title: stepTitle,
       stepNumber: index + 1,
@@ -6213,7 +6231,7 @@ var TabLinksSelect = function TabLinksSelect(_ref) {
       value: url,
       label: text
     };
-  });
+  }); // eslint-disable-next-line @typescript-eslint/no-explicit-any
 
   var handleChange = function handleChange(value) {
     navigate(value == null ? void 0 : value.href);