@hitachivantara/uikit-react-lab 4.5.0 → 5.0.2

package/dist/legacy/NotificationPanel/Notification/Notification.js

@@ -1,188 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import clsx from "clsx";
-import dayjs from "dayjs";
-import relativeTime from "dayjs/plugin/relativeTime";
-import { HvTypography, withTooltip } from "@hitachivantara/uikit-react-core";
-import { withStyles } from "@mui/styles";
-import styles from "./styles";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-dayjs.extend(relativeTime);
-var hideTooltip = function hideTooltip(evt) {
-  return evt.target.scrollHeight <= evt.target.clientHeight;
-};
-var wrapperTooltip = function wrapperTooltip(Component, label) {
-  var ComponentFunction = function ComponentFunction() {
-    return Component;
-  };
-  // override thr withTooltip styles as we want to use the styles of the component
-  return withTooltip(ComponentFunction, label, "top", hideTooltip, {
-    style: {}
-  });
-};
-var Notification = function Notification(_ref) {
-  var classes = _ref.classes,
-    className = _ref.className,
-    notificationId = _ref.notificationId,
-    title = _ref.title,
-    isRead = _ref.isRead,
-    icon = _ref.icon,
-    date = _ref.date,
-    _onClick = _ref.onClick,
-    _onKeyPress = _ref.onKeyPress,
-    rightContainer = _ref.rightContainer,
-    isHighlighted = _ref.isHighlighted;
-  var getTime = function getTime() {
-    if (!isRead) {
-      return dayjs(date).fromNow();
-    }
-    var d = dayjs(date);
-    var format = "D MMMM YYYY, h:mm A";
-    if (d.isSame(Date.now(), "week")) {
-      format = "ddd, h:mm A";
-    }
-    return d.format(format);
-  };
-  var NotificationWithTooltip = wrapperTooltip( /*#__PURE__*/_jsx("div", {
-    className: classes.messageContainer,
-    children: /*#__PURE__*/_jsx(HvTypography, {
-      variant: isRead ? "normalText" : "highlightText",
-      children: title
-    })
-  }), title);
-  return /*#__PURE__*/_jsxs("div", {
-    onClick: function onClick(event) {
-      return _onClick === null || _onClick === void 0 ? void 0 : _onClick(event, notificationId);
-    },
-    onKeyPress: function onKeyPress(event) {
-      return _onKeyPress === null || _onKeyPress === void 0 ? void 0 : _onKeyPress(event, notificationId);
-    },
-    className: clsx(className, classes.root, isHighlighted && classes.notificationWrapperDropdown, isRead && classes.read),
-    role: "button",
-    tabIndex: 0,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: clsx(classes.notificationWrapper, isHighlighted && classes.notificationDropdownOpen, !!_onClick && classes.clickable),
-      children: [/*#__PURE__*/_jsx("div", {
-        className: classes.iconContainer,
-        children: icon
-      }), /*#__PURE__*/_jsxs("div", {
-        children: [/*#__PURE__*/_jsx(NotificationWithTooltip, {}), /*#__PURE__*/_jsxs("div", {
-          className: classes.timeContainer,
-          children: [/*#__PURE__*/_jsx("div", {
-            className: clsx(classes.bullet, isRead && classes.hide)
-          }), /*#__PURE__*/_jsx("div", {
-            className: classes.time,
-            children: getTime()
-          })]
-        })]
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: classes.notificationActionWrapper,
-      children: rightContainer
-    })]
-  });
-};
-process.env.NODE_ENV !== "production" ? Notification.propTypes = {
-  /**
-   * A Jss Object used to override or extend the component styles.
-   */
-  classes: PropTypes.shape({
-    /**
-     * Styles applied to the component root of the accordion.
-     */
-    root: PropTypes.string,
-    /**
-     * Styles applied to the notification wrapper.
-     */
-    notificationWrapper: PropTypes.string,
-    /**
-     * Styles applied to the notification wrapper when the actions dropdown is open.
-     */
-    notificationWrapperDropdown: PropTypes.string,
-    /**
-     * Styles applied to the notification icon container.
-     */
-    iconContainer: PropTypes.string,
-    /**
-     * Styles applied to the notification message container.
-     */
-    messageContainer: PropTypes.string,
-    /**
-     * Styles applied to the notification time container.
-     */
-    timeContainer: PropTypes.string,
-    /**
-     * Styles applied to the notification bullet.
-     */
-    bullet: PropTypes.string,
-    /**
-     * Styles applied to the content when it is hidden.
-     */
-    hide: PropTypes.string,
-    /**
-     * Styles applied to the notification time indicator.
-     */
-    time: PropTypes.string,
-    /**
-     * Styles applied to the notification is read.
-     */
-    read: PropTypes.string,
-    /**
-     * Styles applied when the notification dropdown is open.
-     */
-    notificationDropdownOpen: PropTypes.string,
-    /**
-     * Styles applied to the notification message actions dropdown.
-     */
-    notificationActionWrapper: PropTypes.string,
-    /**
-     * Styles applied to the notification when clickable
-     */
-    clickable: PropTypes.string
-  }).isRequired,
-  /**
-   * Class names to be applied to the accordion.
-   */
-  className: PropTypes.string,
-  /**
-   * Notification id
-   */
-  notificationId: PropTypes.string,
-  /**
-   * Title of the notification
-   */
-  title: PropTypes.string.isRequired,
-  /**
-   * 'true' if the notification has been read or 'false' if it has not been read
-   */
-  isRead: PropTypes.bool.isRequired,
-  /**
-   * date the notification was created
-   */
-  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,
-  /**
-   * renderable icon that denotes the status of the notification
-   */
-  icon: PropTypes.element,
-  /**
-   * Click action applied to the notification
-   */
-  onClick: PropTypes.func,
-  /**
-   * On Key Press action applied to the notification
-   */
-  onKeyPress: PropTypes.func,
-  /**
-   * Actions to be executed by the notification, available in the dropdown menu
-   */
-  rightContainer: PropTypes.node,
-  /**
-   * Denotes index of clicked notification
-   */
-  isHighlighted: PropTypes.bool
-} : void 0;
-export default withStyles(styles, {
-  name: "HvNotificationPanelNotification"
-})(Notification);
-//# sourceMappingURL=Notification.js.map

package/dist/legacy/NotificationPanel/Notification/Notification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Notification.js","names":["React","PropTypes","clsx","dayjs","relativeTime","HvTypography","withTooltip","withStyles","styles","extend","hideTooltip","evt","target","scrollHeight","clientHeight","wrapperTooltip","Component","label","ComponentFunction","style","Notification","classes","className","notificationId","title","isRead","icon","date","onClick","onKeyPress","rightContainer","isHighlighted","getTime","fromNow","d","format","isSame","Date","now","NotificationWithTooltip","messageContainer","event","root","notificationWrapperDropdown","read","notificationWrapper","notificationDropdownOpen","clickable","iconContainer","timeContainer","bullet","hide","time","notificationActionWrapper","propTypes","shape","string","isRequired","bool","oneOfType","number","object","element","func","node","name"],"sources":["../../../../src/NotificationPanel/Notification/Notification.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport dayjs from \"dayjs\";\nimport relativeTime from \"dayjs/plugin/relativeTime\";\nimport { HvTypography, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\ndayjs.extend(relativeTime);\n\nconst hideTooltip = (evt) => evt.target.scrollHeight <= evt.target.clientHeight;\n\nconst wrapperTooltip = (Component, label) => {\n  const ComponentFunction = () => Component;\n  // override thr withTooltip styles as we want to use the styles of the component\n  return withTooltip(ComponentFunction, label, \"top\", hideTooltip, { style: {} });\n};\n\nconst Notification = ({\n  classes,\n  className,\n  notificationId,\n  title,\n  isRead,\n  icon,\n  date,\n  onClick,\n  onKeyPress,\n  rightContainer,\n  isHighlighted,\n}) => {\n  const getTime = () => {\n    if (!isRead) {\n      return dayjs(date).fromNow();\n    }\n\n    const d = dayjs(date);\n    let format = \"D MMMM YYYY, h:mm A\";\n\n    if (d.isSame(Date.now(), \"week\")) {\n      format = \"ddd, h:mm A\";\n    }\n\n    return d.format(format);\n  };\n\n  const NotificationWithTooltip = wrapperTooltip(\n    <div className={classes.messageContainer}>\n      <HvTypography variant={isRead ? \"normalText\" : \"highlightText\"}>{title}</HvTypography>\n    </div>,\n    title\n  );\n\n  return (\n    <div\n      onClick={(event) => onClick?.(event, notificationId)}\n      onKeyPress={(event) => onKeyPress?.(event, notificationId)}\n      className={clsx(className, classes.root, {\n        [classes.notificationWrapperDropdown]: isHighlighted,\n        [classes.read]: isRead,\n      })}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <div\n        className={clsx(classes.notificationWrapper, {\n          [classes.notificationDropdownOpen]: isHighlighted,\n          [classes.clickable]: !!onClick,\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div>\n          <NotificationWithTooltip />\n          <div className={classes.timeContainer}>\n            <div\n              className={clsx(classes.bullet, {\n                [classes.hide]: isRead,\n              })}\n            />\n            <div className={classes.time}>{getTime()}</div>\n          </div>\n        </div>\n      </div>\n      <div className={classes.notificationActionWrapper}>{rightContainer}</div>\n    </div>\n  );\n};\n\nNotification.propTypes = {\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the notification wrapper.\n     */\n    notificationWrapper: PropTypes.string,\n\n    /**\n     * Styles applied to the notification wrapper when the actions dropdown is open.\n     */\n    notificationWrapperDropdown: PropTypes.string,\n\n    /**\n     * Styles applied to the notification icon container.\n     */\n    iconContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message container.\n     */\n    messageContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time container.\n     */\n    timeContainer: PropTypes.string,\n\n    /**\n     * Styles applied to the notification bullet.\n     */\n    bullet: PropTypes.string,\n\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hide: PropTypes.string,\n\n    /**\n     * Styles applied to the notification time indicator.\n     */\n    time: PropTypes.string,\n    /**\n     * Styles applied to the notification is read.\n     */\n    read: PropTypes.string,\n    /**\n     * Styles applied when the notification dropdown is open.\n     */\n    notificationDropdownOpen: PropTypes.string,\n\n    /**\n     * Styles applied to the notification message actions dropdown.\n     */\n    notificationActionWrapper: PropTypes.string,\n    /**\n     * Styles applied to the notification when clickable\n     */\n    clickable: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Notification id\n   */\n  notificationId: PropTypes.string,\n  /**\n   * Title of the notification\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * 'true' if the notification has been read or 'false' if it has not been read\n   */\n  isRead: PropTypes.bool.isRequired,\n  /**\n   * date the notification was created\n   */\n  date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n  /**\n   * renderable icon that denotes the status of the notification\n   */\n  icon: PropTypes.element,\n  /**\n   * Click action applied to the notification\n   */\n  onClick: PropTypes.func,\n  /**\n   * On Key Press action applied to the notification\n   */\n  onKeyPress: PropTypes.func,\n  /**\n   * Actions to be executed by the notification, available in the dropdown menu\n   */\n  rightContainer: PropTypes.node,\n  /**\n   * Denotes index of clicked notification\n   */\n  isHighlighted: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanelNotification\" })(Notification);\n"],"mappings":"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"}

package/dist/legacy/NotificationPanel/Notification/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./Notification";
-export * from "./Notification";

package/dist/legacy/NotificationPanel/Notification/index.js

@@ -1,2 +0,0 @@
-export { default } from "./Notification";
-//# sourceMappingURL=index.js.map

package/dist/legacy/NotificationPanel/Notification/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../../src/NotificationPanel/Notification/index.js"],"sourcesContent":["export { default } from \"./Notification\";\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,gBAAgB"}

package/dist/legacy/NotificationPanel/Notification/styles.js

@@ -1,129 +0,0 @@
-import "core-js/modules/es.object.keys.js";
-import "core-js/modules/es.symbol.js";
-import "core-js/modules/es.array.filter.js";
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/es.object.get-own-property-descriptor.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import "core-js/modules/es.object.get-own-property-descriptors.js";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var outlineStyles = {
-  outlineColor: "#52A8EC",
-  outlineStyle: "solid",
-  outlineWidth: "0px",
-  outlineOffset: "-1px",
-  boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
-};
-var styles = function styles(theme) {
-  return {
-    root: {
-      display: "flex",
-      backgroundColor: theme.hv.palette.atmosphere.atmo1,
-      margin: "3px 3px 6px 3px",
-      "&:hover": {
-        outline: "3px solid ".concat(theme.hv.palette.atmosphere.atmo3),
-        backgroundColor: theme.hv.palette.atmosphere.atmo3,
-        "& $notificationActionWrapper": {
-          display: "block"
-        }
-      },
-      "&$read": {
-        backgroundColor: theme.hv.palette.atmosphere.atmo2,
-        outline: "3px solid ".concat(theme.hv.palette.atmosphere.atmo2),
-        "&:hover": {
-          backgroundColor: theme.hv.palette.atmosphere.atmo3,
-          outline: "3px solid ".concat(theme.hv.palette.atmosphere.atmo3),
-          "&.focus-visible": _objectSpread({}, outlineStyles)
-        }
-      },
-      "&.focus-visible": _objectSpread(_objectSpread({}, outlineStyles), {}, {
-        backgroundColor: theme.hv.palette.atmosphere.atmo3,
-        "&$read": _objectSpread({}, outlineStyles),
-        "& $notificationActionWrapper": {
-          display: "block"
-        }
-      })
-    },
-    notificationWrapper: {
-      display: "flex",
-      minHeight: "72px",
-      marginRight: theme.hv.spacing.xs,
-      color: theme.hv.palette.accent.acce1,
-      padding: "17px",
-      paddingRight: 0,
-      "&:focus": {
-        backgroundColor: theme.hv.palette.atmosphere.atmo3,
-        outline: "5px solid ".concat(theme.hv.palette.atmosphere.atmo3),
-        boxShadow: "none",
-        "& $notificationActionWrapper": {
-          display: "block"
-        }
-      },
-      "&.focus-visible": _objectSpread(_objectSpread({}, outlineStyles), {}, {
-        backgroundColor: theme.hv.palette.atmosphere.atmo3,
-        "& $notificationActionWrapper": {
-          display: "block"
-        }
-      }),
-      "&$clickable": {
-        cursor: "pointer"
-      }
-    },
-    iconContainer: {
-      width: "32px",
-      minWidth: "32px",
-      marginRight: "".concat(theme.hv.spacing.sm, "px")
-    },
-    messageContainer: {
-      width: "196px",
-      maxWidth: "196px",
-      display: "-webkit-box",
-      lineClamp: 2,
-      boxOrient: "vertical",
-      overflow: "hidden",
-      wordBreak: "break-all"
-    },
-    title: _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {
-      marginBottom: "5px"
-    }),
-    timeContainer: _objectSpread(_objectSpread({}, theme.hv.typography.vizText), {}, {
-      display: "flex",
-      alignItems: "center"
-    }),
-    bullet: {
-      width: "8px",
-      height: "8px",
-      borderRadius: "50%",
-      marginRight: "4px",
-      backgroundColor: theme.hv.palette.accent.acce1,
-      "&$hide": {
-        display: "none"
-      }
-    },
-    hide: {},
-    read: {},
-    clickable: {},
-    notificationWrapperDropdown: {
-      outline: "3px solid ".concat(theme.hv.palette.atmosphere.atmo3),
-      backgroundColor: theme.hv.palette.atmosphere.atmo3,
-      "& $notificationActionWrapper": {
-        display: "block"
-      },
-      "&$read": {
-        backgroundColor: theme.hv.palette.atmosphere.atmo3,
-        outline: "3px solid ".concat(theme.hv.palette.atmosphere.atmo3)
-      }
-    },
-    notificationDropdownOpen: {
-      backgroundColor: theme.hv.palette.atmosphere.atmo3
-    },
-    notificationActionWrapper: {
-      "& > div": {
-        marginTop: 17
-      }
-    }
-  };
-};
-export default styles;
-//# sourceMappingURL=styles.js.map

package/dist/legacy/NotificationPanel/Notification/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","names":["outlineStyles","outlineColor","outlineStyle","outlineWidth","outlineOffset","boxShadow","styles","theme","root","display","backgroundColor","hv","palette","atmosphere","atmo1","margin","outline","atmo3","atmo2","notificationWrapper","minHeight","marginRight","spacing","xs","color","accent","acce1","padding","paddingRight","cursor","iconContainer","width","minWidth","sm","messageContainer","maxWidth","lineClamp","boxOrient","overflow","wordBreak","title","typography","highlightText","marginBottom","timeContainer","vizText","alignItems","bullet","height","borderRadius","hide","read","clickable","notificationWrapperDropdown","notificationDropdownOpen","notificationActionWrapper","marginTop"],"sources":["../../../../src/NotificationPanel/Notification/styles.js"],"sourcesContent":["const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n\nconst styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    margin: \"3px 3px 6px 3px\",\n    \"&:hover\": {\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo2,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n      \"&:hover\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n\n        \"&.focus-visible\": {\n          ...outlineStyles,\n        },\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"&$read\": {\n        ...outlineStyles,\n      },\n\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n  },\n  notificationWrapper: {\n    display: \"flex\",\n    minHeight: \"72px\",\n    marginRight: theme.hv.spacing.xs,\n    color: theme.hv.palette.accent.acce1,\n    padding: \"17px\",\n    paddingRight: 0,\n\n    \"&:focus\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `5px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      boxShadow: \"none\",\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      \"& $notificationActionWrapper\": {\n        display: \"block\",\n      },\n    },\n\n    \"&$clickable\": {\n      cursor: \"pointer\",\n    },\n  },\n\n  iconContainer: {\n    width: \"32px\",\n    minWidth: \"32px\",\n    marginRight: `${theme.hv.spacing.sm}px`,\n  },\n\n  messageContainer: {\n    width: \"196px\",\n    maxWidth: \"196px\",\n    display: \"-webkit-box\",\n    lineClamp: 2,\n    boxOrient: \"vertical\",\n    overflow: \"hidden\",\n    wordBreak: \"break-all\",\n  },\n\n  title: {\n    ...theme.hv.typography.highlightText,\n    marginBottom: \"5px\",\n  },\n  timeContainer: {\n    ...theme.hv.typography.vizText,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    width: \"8px\",\n    height: \"8px\",\n    borderRadius: \"50%\",\n    marginRight: \"4px\",\n    backgroundColor: theme.hv.palette.accent.acce1,\n\n    \"&$hide\": {\n      display: \"none\",\n    },\n  },\n  hide: {},\n  read: {},\n  clickable: {},\n  notificationWrapperDropdown: {\n    outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    \"& $notificationActionWrapper\": {\n      display: \"block\",\n    },\n    \"&$read\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo3,\n      outline: `3px solid ${theme.hv.palette.atmosphere.atmo3}`,\n    },\n  },\n\n  notificationDropdownOpen: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n\n  notificationActionWrapper: {\n    \"& > div\": {\n      marginTop: 17,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/legacy/NotificationPanel/NotificationPanel.d.ts

@@ -1,117 +0,0 @@
-import * as React from "react";
-import { StandardProps } from "@mui/material";
-import { HvDropDownMenuProps } from "@hitachivantara/uikit-react-core";
-
-export interface Actions {
-  values: string;
-  dropDownMenuProps: HvDropDownMenuProps;
-}
-
-export interface Labels {
-  notificationGroupHeader: {
-    newNotifications: string;
-    olderNotifications: string;
-  };
-  notificationIndicator: {
-    label: string;
-    buttonLabel: string;
-  };
-}
-
-interface Header {
-  /**
-   * The title of the header
-   */
-  headerTitle: string;
-  /**
-   * The icon that denoted close functionality
-   */
-  headerCloseImg: React.ElementType<React.HTMLAttributes<HTMLElement>>;
-}
-
-interface Value {
-  label: string;
-  action: string;
-  callback?: (event: Event, notificationId: string) => void;
-}
-
-interface actions {
-  values: Value[];
-  dropDownMenuProps?: HvDropDownMenuProps;
-}
-
-interface notification {
-  id: string;
-  title: string;
-  isRead?: boolean;
-  date: string | number | Record<string, unknown>;
-  icon?: React.ReactNode;
-  onClick?: (event: Event, notificationId: string) => void;
-  onKeyPress?: (event: Event, notificationId: string) => void;
-  onToggleOpen?: (open: boolean) => void;
-  actions?: actions;
-}
-
-export type HvNotificationPanelClassKey =
-  | "root"
-  | "closed"
-  | "open"
-  | "panel"
-  | "actionBar"
-  | "actionBarRoot"
-  | "notificationsIndicator";
-
-export interface HvNotificationPanelProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvNotificationPanelClassKey> {
-  /**
-   * 'true' if panel is open or 'false' if the panel is not open
-   *
-   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.
-   */
-  open?: boolean;
-
-  /**
-   * Array of notification object to be rendered inside the panel
-   */
-  notifications: notification[];
-  /**
-   * Indicates that new notifications have arrived
-   */
-  hasNewNotifications?: boolean;
-
-  /**
-   * renderable footer element
-   */
-  footer?: React.ReactNode;
-
-  /**
-   * Title of the EmptyStatePanel
-   */
-  emptyStatePanelTitle?: string;
-
-  /**
-   * Message of the EmptyStatePanel
-   */
-  emptyStatePanelMessage?: string;
-
-  /**
-   * Empty Panel custom Icon
-   */
-  emptyStatePanelIcon?: React.ReactNode;
-
-  /**
-   * Labels to apply to the Panel
-   */
-  labels?: Labels[];
-
-  /**
-   * Function to be supplied to the notification update button
-   */
-  newNotificationsButtonAction?: (event: Event) => void;
-  /**
-   * The locale to be used on the notification date, if undefined it will use the one from the HvProvider
-   */
-  locale?: string;
-}
-
-export default function HvNotificationPanel(props: HvNotificationPanelProps): JSX.Element | null;