@hitachivantara/uikit-react-lab 4.0.3 → 4.0.4

package/dist/modern/NotificationPanel/NotificationPanel.js

@@ -1,12 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["id", "className", "classes", "open", "footer", "notifications", "hasNewNotifications", "emptyStatePanelTitle", "emptyStatePanelMessage", "emptyStatePanelIcon", "labels", "newNotificationsButtonAction", "locale"];
-
 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; }
-
-import "core-js/modules/web.dom-collections.iterator.js";
 import React, { useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -29,34 +25,32 @@ const DEFAULT_LABELS = {
     buttonLabel: "Update"
   }
 };
+
 /**
  * Notification Panel displays all of read and unread notifications. Still in development
  */
-
 const HvNotificationPanel = _ref => {
   let {
-    id,
-    className,
-    classes,
-    open,
-    footer,
-    notifications,
-    hasNewNotifications = false,
-    emptyStatePanelTitle = "No notifications",
-    emptyStatePanelMessage = "You currently have no notifications.",
-    emptyStatePanelIcon,
-    labels: labelsProp,
-    newNotificationsButtonAction,
-    locale: localeProp
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      id,
+      className,
+      classes,
+      open,
+      footer,
+      notifications,
+      hasNewNotifications = false,
+      emptyStatePanelTitle = "No notifications",
+      emptyStatePanelMessage = "You currently have no notifications.",
+      emptyStatePanelIcon,
+      labels: labelsProp,
+      newNotificationsButtonAction,
+      locale: localeProp
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   const localeFromProvider = useLocale();
   const locale = localeProp || localeFromProvider;
   const [highlighted, setHighlighted] = useState(undefined);
   const [isExpanded, setIsExpanded] = useState(false);
   const labels = useLabels(DEFAULT_LABELS, labelsProp);
-
   const generateNotificationsActions = (notificationId, onToggle, actions) => {
     const expand = notificationId === highlighted;
     const dList = [...actions.values];
@@ -64,25 +58,21 @@ const HvNotificationPanel = _ref => {
       expanded: expand,
       onClick: (event, item) => {
         var _item$callback;
-
         setHighlighted(undefined);
         item === null || item === void 0 ? void 0 : (_item$callback = item.callback) === null || _item$callback === void 0 ? void 0 : _item$callback.call(item, event, notificationId);
       },
       dataList: dList,
       onToggle: (event, s) => {
         onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, s);
-
         if (s) {
           setHighlighted(notificationId);
         } else {
           setHighlighted(undefined);
         }
-
         setIsExpanded(!isExpanded);
       }
     }, actions.dropDownMenuProps));
   };
-
   const notificationElementGenerator = notificationsToRender => {
     return notificationsToRender.map(notification => {
       const notificationIsHighlighted = highlighted === notification.id;
@@ -100,11 +90,8 @@ const HvNotificationPanel = _ref => {
       }, notification.id);
     });
   };
-
   const hasNotifications = notifications.length > 0;
-
   const renderNotifications = notificationsToRender => notificationElementGenerator(notificationsToRender);
-
   return /*#__PURE__*/_jsxs(HvPanel, _objectSpread(_objectSpread({
     id: id,
     className: clsx(className, classes.root, open === false && classes.closed, open && classes.open)
@@ -131,25 +118,21 @@ const HvNotificationPanel = _ref => {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
   /**
    * Id to be applied to the root node of the panel.
    */
   id: PropTypes.string,
-
   /**
    * Class names to be applied to the root element.
    */
   className: PropTypes.string,
-
   /**
    * '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: deprecatedPropType(PropTypes.bool),
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -158,43 +141,35 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
      * styles object applied to the root
      */
     root: PropTypes.string,
-
     /**
      * styles object applied to the root when closed
      */
     closed: PropTypes.string,
-
     /**
      * styles object applied to the root when open
      */
     open: PropTypes.string,
-
     /**
      * styles object applied to the panel
      */
     panel: PropTypes.string,
-
     /**
      * styles object applied to the action bar
      */
     actionBar: PropTypes.string,
-
     /**
      * styles object applied to the root of the action bar
      */
     actionBarRoot: PropTypes.string,
-
     /**
      * styles object applied to the new notification indicator
      */
     notificationsIndicator: PropTypes.string,
-
     /**
      * styles object applied to the empty state panel
      */
     emptyState: PropTypes.string
   }).isRequired,
-
   /**
    * The properties of the notifications to be rendered in the Panel.
    */
@@ -214,32 +189,26 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
       dropDownMenuProps: PropTypes.instanceOf(Object)
     })
   })),
-
   /**
    * Whether to render the new notifications indicator
    */
   hasNewNotifications: PropTypes.bool,
-
   /**
    * Action buttons to render in footer
    */
   footer: PropTypes.node,
-
   /**
    * Title of the EmptyStatePanel
    */
   emptyStatePanelTitle: PropTypes.string,
-
   /**
    * Message of the EmptyStatePanel
    */
   emptyStatePanelMessage: PropTypes.string,
-
   /**
    * Empty Panel custom Icon
    */
   emptyStatePanelIcon: PropTypes.node,
-
   /**
    * Labels to apply to the Panel
    */
@@ -251,7 +220,6 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
       olderNotifications: PropTypes.string,
       newNotifications: PropTypes.string
     },
-
     /**
      * Labels to apply to the element of the New Notifications Indicator
      */
@@ -260,12 +228,10 @@ process.env.NODE_ENV !== "production" ? HvNotificationPanel.propTypes = {
       buttonLabel: PropTypes.string
     }
   }),
-
   /**
    * Function to be supplied to the notification update button
    */
   newNotificationsButtonAction: PropTypes.func,
-
   /**
    * The locale to be used on the notification date, if undefined it will use the one from the HvProvider
    */

package/dist/modern/NotificationPanel/NotificationPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPanel.js","names":["React","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvPanel","HvActionBar","HvDropDownMenu","setId","useLabels","useLocale","styles","Notification","EmptyStatePanel","NotificationsIndicator","DEFAULT_LABELS","notificationGroupHeader","newNotifications","olderNotifications","notificationIndicator","label","buttonLabel","HvNotificationPanel","id","className","classes","open","footer","notifications","hasNewNotifications","emptyStatePanelTitle","emptyStatePanelMessage","emptyStatePanelIcon","labels","labelsProp","newNotificationsButtonAction","locale","localeProp","others","localeFromProvider","highlighted","setHighlighted","undefined","isExpanded","setIsExpanded","generateNotificationsActions","notificationId","onToggle","actions","expand","dList","values","event","item","callback","s","dropDownMenuProps","notificationElementGenerator","notificationsToRender","map","notification","notificationIsHighlighted","title","isRead","icon","date","onClick","onKeyPress","hasNotifications","length","renderNotifications","root","closed","panel","emptyState","actionBarRoot","actionBar","propTypes","string","bool","shape","notificationsIndicator","isRequired","arrayOf","oneOfType","number","object","element","func","action","instanceOf","Object","node","name"],"sources":["../../../src/NotificationPanel/NotificationPanel.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport {\n  HvPanel,\n  HvActionBar,\n  HvDropDownMenu,\n  setId,\n  useLabels,\n  useLocale,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport Notification from \"./Notification\";\nimport EmptyStatePanel from \"./EmptyStatePanel\";\nimport NotificationsIndicator from \"./NotificationsIndicator\";\n\nconst DEFAULT_LABELS = {\n  notificationGroupHeader: {\n    newNotifications: \"New\",\n    olderNotifications: \"Earlier\",\n  },\n  notificationIndicator: {\n    label: \"You have new notifications\",\n    buttonLabel: \"Update\",\n  },\n};\n\n/**\n * Notification Panel displays all of read and unread notifications. Still in development\n */\nconst HvNotificationPanel = ({\n  id,\n  className,\n  classes,\n  open,\n  footer,\n  notifications,\n  hasNewNotifications = false,\n  emptyStatePanelTitle = \"No notifications\",\n  emptyStatePanelMessage = \"You currently have no notifications.\",\n  emptyStatePanelIcon,\n  labels: labelsProp,\n  newNotificationsButtonAction,\n  locale: localeProp,\n  ...others\n}) => {\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [highlighted, setHighlighted] = useState(undefined);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const generateNotificationsActions = (notificationId, onToggle, actions) => {\n    const expand = notificationId === highlighted;\n    const dList = [...actions.values];\n    return (\n      <HvDropDownMenu\n        expanded={expand}\n        onClick={(event, item) => {\n          setHighlighted(undefined);\n          item?.callback?.(event, notificationId);\n        }}\n        dataList={dList}\n        onToggle={(event, s) => {\n          onToggle?.(event, s);\n          if (s) {\n            setHighlighted(notificationId);\n          } else {\n            setHighlighted(undefined);\n          }\n          setIsExpanded(!isExpanded);\n        }}\n        {...actions.dropDownMenuProps}\n      />\n    );\n  };\n\n  const notificationElementGenerator = (notificationsToRender) => {\n    return notificationsToRender.map((notification) => {\n      const notificationIsHighlighted = highlighted === notification.id;\n      return (\n        <Notification\n          key={notification.id}\n          notificationId={notification.id}\n          title={notification.title}\n          isRead={notification.isRead}\n          icon={notification.icon}\n          date={notification.date}\n          onClick={notification.onClick}\n          onKeyPress={notification.onKeyPress}\n          rightContainer={generateNotificationsActions(\n            notification.id,\n            notification.onToggle,\n            notification.actions\n          )}\n          isHighlighted={notificationIsHighlighted}\n          locale={locale}\n        />\n      );\n    });\n  };\n\n  const hasNotifications = notifications.length > 0;\n\n  const renderNotifications = (notificationsToRender) =>\n    notificationElementGenerator(notificationsToRender);\n\n  return (\n    <HvPanel\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.closed]: open === false,\n        [classes.open]: open,\n      })}\n      {...others}\n    >\n      {hasNewNotifications && (\n        <NotificationsIndicator\n          labels={labels.notificationIndicator}\n          onClick={newNotificationsButtonAction}\n        />\n      )}\n      {hasNotifications ? (\n        <div className={classes.panel}>\n          {notifications.length > 0 && renderNotifications(notifications)}\n        </div>\n      ) : (\n        <EmptyStatePanel\n          id={setId(id, \"empty-state\")}\n          title={emptyStatePanelTitle}\n          message={emptyStatePanelMessage}\n          icon={emptyStatePanelIcon}\n          className={classes.emptyState}\n        />\n      )}\n      {footer && (\n        <HvActionBar\n          id={setId(id, \"action-bar\")}\n          classes={{\n            root: classes.actionBarRoot,\n          }}\n          className={classes.actionBar}\n        >\n          {footer}\n        </HvActionBar>\n      )}\n    </HvPanel>\n  );\n};\n\nHvNotificationPanel.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * 'true' if panel is open or 'false' if the panel is not open\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  open: deprecatedPropType(PropTypes.bool),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * styles object applied to the root\n     */\n    root: PropTypes.string,\n    /**\n     * styles object applied to the root when closed\n     */\n    closed: PropTypes.string,\n    /**\n     * styles object applied to the root when open\n     */\n    open: PropTypes.string,\n    /**\n     * styles object applied to the panel\n     */\n    panel: PropTypes.string,\n    /**\n     * styles object applied to the action bar\n     */\n    actionBar: PropTypes.string,\n    /**\n     * styles object applied to the root of the action bar\n     */\n    actionBarRoot: PropTypes.string,\n    /**\n     * styles object applied to the new notification indicator\n     */\n    notificationsIndicator: PropTypes.string,\n    /**\n     * styles object applied to the empty state panel\n     */\n    emptyState: PropTypes.string,\n  }).isRequired,\n  /**\n   * The properties of the notifications to be rendered in the Panel.\n   */\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      isRead: PropTypes.bool.isRequired,\n      date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n      icon: PropTypes.element,\n      onClick: PropTypes.func,\n      onKeyPress: PropTypes.func,\n      onToggle: PropTypes.func,\n      actions: PropTypes.shape({\n        label: PropTypes.bool,\n        action: PropTypes.string,\n        callback: PropTypes.func,\n        dropDownMenuProps: PropTypes.instanceOf(Object),\n      }),\n    })\n  ),\n  /**\n   * Whether to render the new notifications indicator\n   */\n  hasNewNotifications: PropTypes.bool,\n  /**\n   * Action buttons to render in footer\n   */\n  footer: PropTypes.node,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  emptyStatePanelTitle: PropTypes.string,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  emptyStatePanelMessage: PropTypes.string,\n  /**\n   * Empty Panel custom Icon\n   */\n  emptyStatePanelIcon: PropTypes.node,\n  /**\n   * Labels to apply to the Panel\n   */\n  labels: PropTypes.shape({\n    /**\n     * Labels to apply to the groups separating newer and older notifications\n     */\n    notificationGroupHeader: {\n      olderNotifications: PropTypes.string,\n      newNotifications: PropTypes.string,\n    },\n    /**\n     * Labels to apply to the element of the New Notifications Indicator\n     */\n    notificationIndicator: {\n      label: PropTypes.string,\n      buttonLabel: PropTypes.string,\n    },\n  }),\n  /**\n   * Function to be supplied to the notification update button\n   */\n  newNotificationsButtonAction: PropTypes.func,\n  /**\n   * The locale to be used on the notification date, if undefined it will use the one from the HvProvider\n   */\n  locale: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanel\" })(HvNotificationPanel);\n"],"mappings":";;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,kBAAT,QAAmC,eAAnC;AACA,SAASC,UAAT,QAA2B,aAA3B;AAEA,SACEC,OADF,EAEEC,WAFF,EAGEC,cAHF,EAIEC,KAJF,EAKEC,SALF,EAMEC,SANF,QAOO,kCAPP;AASA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,OAAOC,sBAAP,MAAmC,0BAAnC;;;AAEA,MAAMC,cAAc,GAAG;EACrBC,uBAAuB,EAAE;IACvBC,gBAAgB,EAAE,KADK;IAEvBC,kBAAkB,EAAE;EAFG,CADJ;EAKrBC,qBAAqB,EAAE;IACrBC,KAAK,EAAE,4BADc;IAErBC,WAAW,EAAE;EAFQ;AALF,CAAvB;AAWA;AACA;AACA;;AACA,MAAMC,mBAAmB,GAAG,QAetB;EAAA,IAfuB;IAC3BC,EAD2B;IAE3BC,SAF2B;IAG3BC,OAH2B;IAI3BC,IAJ2B;IAK3BC,MAL2B;IAM3BC,aAN2B;IAO3BC,mBAAmB,GAAG,KAPK;IAQ3BC,oBAAoB,GAAG,kBARI;IAS3BC,sBAAsB,GAAG,sCATE;IAU3BC,mBAV2B;IAW3BC,MAAM,EAAEC,UAXmB;IAY3BC,4BAZ2B;IAa3BC,MAAM,EAAEC;EAbmB,CAevB;EAAA,IADDC,MACC;;EACJ,MAAMC,kBAAkB,GAAG7B,SAAS,EAApC;EAEA,MAAM0B,MAAM,GAAGC,UAAU,IAAIE,kBAA7B;EAEA,MAAM,CAACC,WAAD,EAAcC,cAAd,IAAgCzC,QAAQ,CAAC0C,SAAD,CAA9C;EACA,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8B5C,QAAQ,CAAC,KAAD,CAA5C;EAEA,MAAMiC,MAAM,GAAGxB,SAAS,CAACM,cAAD,EAAiBmB,UAAjB,CAAxB;;EAEA,MAAMW,4BAA4B,GAAG,CAACC,cAAD,EAAiBC,QAAjB,EAA2BC,OAA3B,KAAuC;IAC1E,MAAMC,MAAM,GAAGH,cAAc,KAAKN,WAAlC;IACA,MAAMU,KAAK,GAAG,CAAC,GAAGF,OAAO,CAACG,MAAZ,CAAd;IACA,oBACE,KAAC,cAAD;MACE,QAAQ,EAAEF,MADZ;MAEE,OAAO,EAAE,CAACG,KAAD,EAAQC,IAAR,KAAiB;QAAA;;QACxBZ,cAAc,CAACC,SAAD,CAAd;QACAW,IAAI,SAAJ,IAAAA,IAAI,WAAJ,8BAAAA,IAAI,CAAEC,QAAN,uEAAAD,IAAI,EAAaD,KAAb,EAAoBN,cAApB,CAAJ;MACD,CALH;MAME,QAAQ,EAAEI,KANZ;MAOE,QAAQ,EAAE,CAACE,KAAD,EAAQG,CAAR,KAAc;QACtBR,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGK,KAAH,EAAUG,CAAV,CAAR;;QACA,IAAIA,CAAJ,EAAO;UACLd,cAAc,CAACK,cAAD,CAAd;QACD,CAFD,MAEO;UACLL,cAAc,CAACC,SAAD,CAAd;QACD;;QACDE,aAAa,CAAC,CAACD,UAAF,CAAb;MACD;IAfH,GAgBMK,OAAO,CAACQ,iBAhBd,EADF;EAoBD,CAvBD;;EAyBA,MAAMC,4BAA4B,GAAIC,qBAAD,IAA2B;IAC9D,OAAOA,qBAAqB,CAACC,GAAtB,CAA2BC,YAAD,IAAkB;MACjD,MAAMC,yBAAyB,GAAGrB,WAAW,KAAKoB,YAAY,CAACrC,EAA/D;MACA,oBACE,KAAC,YAAD;QAEE,cAAc,EAAEqC,YAAY,CAACrC,EAF/B;QAGE,KAAK,EAAEqC,YAAY,CAACE,KAHtB;QAIE,MAAM,EAAEF,YAAY,CAACG,MAJvB;QAKE,IAAI,EAAEH,YAAY,CAACI,IALrB;QAME,IAAI,EAAEJ,YAAY,CAACK,IANrB;QAOE,OAAO,EAAEL,YAAY,CAACM,OAPxB;QAQE,UAAU,EAAEN,YAAY,CAACO,UAR3B;QASE,cAAc,EAAEtB,4BAA4B,CAC1Ce,YAAY,CAACrC,EAD6B,EAE1CqC,YAAY,CAACb,QAF6B,EAG1Ca,YAAY,CAACZ,OAH6B,CAT9C;QAcE,aAAa,EAAEa,yBAdjB;QAeE,MAAM,EAAEzB;MAfV,GACOwB,YAAY,CAACrC,EADpB,CADF;IAmBD,CArBM,CAAP;EAsBD,CAvBD;;EAyBA,MAAM6C,gBAAgB,GAAGxC,aAAa,CAACyC,MAAd,GAAuB,CAAhD;;EAEA,MAAMC,mBAAmB,GAAIZ,qBAAD,IAC1BD,4BAA4B,CAACC,qBAAD,CAD9B;;EAGA,oBACE,MAAC,OAAD;IACE,EAAE,EAAEnC,EADN;IAEE,SAAS,EAAErB,IAAI,CAACsB,SAAD,EAAYC,OAAO,CAAC8C,IAApB,EACK7C,IAAI,KAAK,KADd,IACZD,OAAO,CAAC+C,MADI,EAEG9C,IAFH,IAEZD,OAAO,CAACC,IAFI;EAFjB,GAMMY,MANN;IAAA,WAQGT,mBAAmB,iBAClB,KAAC,sBAAD;MACE,MAAM,EAAEI,MAAM,CAACd,qBADjB;MAEE,OAAO,EAAEgB;IAFX,EATJ,EAcGiC,gBAAgB,gBACf;MAAK,SAAS,EAAE3C,OAAO,CAACgD,KAAxB;MAAA,UACG7C,aAAa,CAACyC,MAAd,GAAuB,CAAvB,IAA4BC,mBAAmB,CAAC1C,aAAD;IADlD,EADe,gBAKf,KAAC,eAAD;MACE,EAAE,EAAEpB,KAAK,CAACe,EAAD,EAAK,aAAL,CADX;MAEE,KAAK,EAAEO,oBAFT;MAGE,OAAO,EAAEC,sBAHX;MAIE,IAAI,EAAEC,mBAJR;MAKE,SAAS,EAAEP,OAAO,CAACiD;IALrB,EAnBJ,EA2BG/C,MAAM,iBACL,KAAC,WAAD;MACE,EAAE,EAAEnB,KAAK,CAACe,EAAD,EAAK,YAAL,CADX;MAEE,OAAO,EAAE;QACPgD,IAAI,EAAE9C,OAAO,CAACkD;MADP,CAFX;MAKE,SAAS,EAAElD,OAAO,CAACmD,SALrB;MAAA,UAOGjD;IAPH,EA5BJ;EAAA,GADF;AAyCD,CAzHD;;AA2HA,wCAAAL,mBAAmB,CAACuD,SAApB,GAAgC;EAC9B;AACF;AACA;EACEtD,EAAE,EAAEtB,SAAS,CAAC6E,MAJgB;;EAK9B;AACF;AACA;EACEtD,SAAS,EAAEvB,SAAS,CAAC6E,MARS;;EAS9B;AACF;AACA;AACA;AACA;EACEpD,IAAI,EAAEvB,kBAAkB,CAACF,SAAS,CAAC8E,IAAX,CAdM;;EAe9B;AACF;AACA;EACEtD,OAAO,EAAExB,SAAS,CAAC+E,KAAV,CAAgB;IACvB;AACJ;AACA;IACIT,IAAI,EAAEtE,SAAS,CAAC6E,MAJO;;IAKvB;AACJ;AACA;IACIN,MAAM,EAAEvE,SAAS,CAAC6E,MARK;;IASvB;AACJ;AACA;IACIpD,IAAI,EAAEzB,SAAS,CAAC6E,MAZO;;IAavB;AACJ;AACA;IACIL,KAAK,EAAExE,SAAS,CAAC6E,MAhBM;;IAiBvB;AACJ;AACA;IACIF,SAAS,EAAE3E,SAAS,CAAC6E,MApBE;;IAqBvB;AACJ;AACA;IACIH,aAAa,EAAE1E,SAAS,CAAC6E,MAxBF;;IAyBvB;AACJ;AACA;IACIG,sBAAsB,EAAEhF,SAAS,CAAC6E,MA5BX;;IA6BvB;AACJ;AACA;IACIJ,UAAU,EAAEzE,SAAS,CAAC6E;EAhCC,CAAhB,EAiCNI,UAnD2B;;EAoD9B;AACF;AACA;EACEtD,aAAa,EAAE3B,SAAS,CAACkF,OAAV,CACblF,SAAS,CAAC+E,KAAV,CAAgB;IACdzD,EAAE,EAAEtB,SAAS,CAAC6E,MAAV,CAAiBI,UADP;IAEdpB,KAAK,EAAE7D,SAAS,CAAC6E,MAAV,CAAiBI,UAFV;IAGdnB,MAAM,EAAE9D,SAAS,CAAC8E,IAAV,CAAeG,UAHT;IAIdjB,IAAI,EAAEhE,SAAS,CAACmF,SAAV,CAAoB,CAACnF,SAAS,CAAC6E,MAAX,EAAmB7E,SAAS,CAACoF,MAA7B,EAAqCpF,SAAS,CAACqF,MAA/C,CAApB,EAA4EJ,UAJpE;IAKdlB,IAAI,EAAE/D,SAAS,CAACsF,OALF;IAMdrB,OAAO,EAAEjE,SAAS,CAACuF,IANL;IAOdrB,UAAU,EAAElE,SAAS,CAACuF,IAPR;IAQdzC,QAAQ,EAAE9C,SAAS,CAACuF,IARN;IASdxC,OAAO,EAAE/C,SAAS,CAAC+E,KAAV,CAAgB;MACvB5D,KAAK,EAAEnB,SAAS,CAAC8E,IADM;MAEvBU,MAAM,EAAExF,SAAS,CAAC6E,MAFK;MAGvBxB,QAAQ,EAAErD,SAAS,CAACuF,IAHG;MAIvBhC,iBAAiB,EAAEvD,SAAS,CAACyF,UAAV,CAAqBC,MAArB;IAJI,CAAhB;EATK,CAAhB,CADa,CAvDe;;EAyE9B;AACF;AACA;EACE9D,mBAAmB,EAAE5B,SAAS,CAAC8E,IA5ED;;EA6E9B;AACF;AACA;EACEpD,MAAM,EAAE1B,SAAS,CAAC2F,IAhFY;;EAiF9B;AACF;AACA;EACE9D,oBAAoB,EAAE7B,SAAS,CAAC6E,MApFF;;EAqF9B;AACF;AACA;EACE/C,sBAAsB,EAAE9B,SAAS,CAAC6E,MAxFJ;;EAyF9B;AACF;AACA;EACE9C,mBAAmB,EAAE/B,SAAS,CAAC2F,IA5FD;;EA6F9B;AACF;AACA;EACE3D,MAAM,EAAEhC,SAAS,CAAC+E,KAAV,CAAgB;IACtB;AACJ;AACA;IACIhE,uBAAuB,EAAE;MACvBE,kBAAkB,EAAEjB,SAAS,CAAC6E,MADP;MAEvB7D,gBAAgB,EAAEhB,SAAS,CAAC6E;IAFL,CAJH;;IAQtB;AACJ;AACA;IACI3D,qBAAqB,EAAE;MACrBC,KAAK,EAAEnB,SAAS,CAAC6E,MADI;MAErBzD,WAAW,EAAEpB,SAAS,CAAC6E;IAFF;EAXD,CAAhB,CAhGsB;;EAgH9B;AACF;AACA;EACE3C,4BAA4B,EAAElC,SAAS,CAACuF,IAnHV;;EAoH9B;AACF;AACA;EACEpD,MAAM,EAAEnC,SAAS,CAAC6E;AAvHY,CAAhC;AA0HA,eAAe1E,UAAU,CAACO,MAAD,EAAS;EAAEkF,IAAI,EAAE;AAAR,CAAT,CAAV,CAAoDvE,mBAApD,CAAf"}
+{"version":3,"file":"NotificationPanel.js","names":["React","useState","PropTypes","clsx","deprecatedPropType","withStyles","HvPanel","HvActionBar","HvDropDownMenu","setId","useLabels","useLocale","styles","Notification","EmptyStatePanel","NotificationsIndicator","DEFAULT_LABELS","notificationGroupHeader","newNotifications","olderNotifications","notificationIndicator","label","buttonLabel","HvNotificationPanel","id","className","classes","open","footer","notifications","hasNewNotifications","emptyStatePanelTitle","emptyStatePanelMessage","emptyStatePanelIcon","labels","labelsProp","newNotificationsButtonAction","locale","localeProp","others","localeFromProvider","highlighted","setHighlighted","undefined","isExpanded","setIsExpanded","generateNotificationsActions","notificationId","onToggle","actions","expand","dList","values","event","item","callback","s","dropDownMenuProps","notificationElementGenerator","notificationsToRender","map","notification","notificationIsHighlighted","title","isRead","icon","date","onClick","onKeyPress","hasNotifications","length","renderNotifications","root","closed","panel","emptyState","actionBarRoot","actionBar","propTypes","string","bool","shape","notificationsIndicator","isRequired","arrayOf","oneOfType","number","object","element","func","action","instanceOf","Object","node","name"],"sources":["../../../src/NotificationPanel/NotificationPanel.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { deprecatedPropType } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\n\nimport {\n  HvPanel,\n  HvActionBar,\n  HvDropDownMenu,\n  setId,\n  useLabels,\n  useLocale,\n} from \"@hitachivantara/uikit-react-core\";\n\nimport styles from \"./styles\";\n\nimport Notification from \"./Notification\";\nimport EmptyStatePanel from \"./EmptyStatePanel\";\nimport NotificationsIndicator from \"./NotificationsIndicator\";\n\nconst DEFAULT_LABELS = {\n  notificationGroupHeader: {\n    newNotifications: \"New\",\n    olderNotifications: \"Earlier\",\n  },\n  notificationIndicator: {\n    label: \"You have new notifications\",\n    buttonLabel: \"Update\",\n  },\n};\n\n/**\n * Notification Panel displays all of read and unread notifications. Still in development\n */\nconst HvNotificationPanel = ({\n  id,\n  className,\n  classes,\n  open,\n  footer,\n  notifications,\n  hasNewNotifications = false,\n  emptyStatePanelTitle = \"No notifications\",\n  emptyStatePanelMessage = \"You currently have no notifications.\",\n  emptyStatePanelIcon,\n  labels: labelsProp,\n  newNotificationsButtonAction,\n  locale: localeProp,\n  ...others\n}) => {\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [highlighted, setHighlighted] = useState(undefined);\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const generateNotificationsActions = (notificationId, onToggle, actions) => {\n    const expand = notificationId === highlighted;\n    const dList = [...actions.values];\n    return (\n      <HvDropDownMenu\n        expanded={expand}\n        onClick={(event, item) => {\n          setHighlighted(undefined);\n          item?.callback?.(event, notificationId);\n        }}\n        dataList={dList}\n        onToggle={(event, s) => {\n          onToggle?.(event, s);\n          if (s) {\n            setHighlighted(notificationId);\n          } else {\n            setHighlighted(undefined);\n          }\n          setIsExpanded(!isExpanded);\n        }}\n        {...actions.dropDownMenuProps}\n      />\n    );\n  };\n\n  const notificationElementGenerator = (notificationsToRender) => {\n    return notificationsToRender.map((notification) => {\n      const notificationIsHighlighted = highlighted === notification.id;\n      return (\n        <Notification\n          key={notification.id}\n          notificationId={notification.id}\n          title={notification.title}\n          isRead={notification.isRead}\n          icon={notification.icon}\n          date={notification.date}\n          onClick={notification.onClick}\n          onKeyPress={notification.onKeyPress}\n          rightContainer={generateNotificationsActions(\n            notification.id,\n            notification.onToggle,\n            notification.actions\n          )}\n          isHighlighted={notificationIsHighlighted}\n          locale={locale}\n        />\n      );\n    });\n  };\n\n  const hasNotifications = notifications.length > 0;\n\n  const renderNotifications = (notificationsToRender) =>\n    notificationElementGenerator(notificationsToRender);\n\n  return (\n    <HvPanel\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.closed]: open === false,\n        [classes.open]: open,\n      })}\n      {...others}\n    >\n      {hasNewNotifications && (\n        <NotificationsIndicator\n          labels={labels.notificationIndicator}\n          onClick={newNotificationsButtonAction}\n        />\n      )}\n      {hasNotifications ? (\n        <div className={classes.panel}>\n          {notifications.length > 0 && renderNotifications(notifications)}\n        </div>\n      ) : (\n        <EmptyStatePanel\n          id={setId(id, \"empty-state\")}\n          title={emptyStatePanelTitle}\n          message={emptyStatePanelMessage}\n          icon={emptyStatePanelIcon}\n          className={classes.emptyState}\n        />\n      )}\n      {footer && (\n        <HvActionBar\n          id={setId(id, \"action-bar\")}\n          classes={{\n            root: classes.actionBarRoot,\n          }}\n          className={classes.actionBar}\n        >\n          {footer}\n        </HvActionBar>\n      )}\n    </HvPanel>\n  );\n};\n\nHvNotificationPanel.propTypes = {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * 'true' if panel is open or 'false' if the panel is not open\n   *\n   * @deprecated This logic should be external, i.e. using the HvAppSwitcherPanel inside a Drawer component.\n   */\n  open: deprecatedPropType(PropTypes.bool),\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * styles object applied to the root\n     */\n    root: PropTypes.string,\n    /**\n     * styles object applied to the root when closed\n     */\n    closed: PropTypes.string,\n    /**\n     * styles object applied to the root when open\n     */\n    open: PropTypes.string,\n    /**\n     * styles object applied to the panel\n     */\n    panel: PropTypes.string,\n    /**\n     * styles object applied to the action bar\n     */\n    actionBar: PropTypes.string,\n    /**\n     * styles object applied to the root of the action bar\n     */\n    actionBarRoot: PropTypes.string,\n    /**\n     * styles object applied to the new notification indicator\n     */\n    notificationsIndicator: PropTypes.string,\n    /**\n     * styles object applied to the empty state panel\n     */\n    emptyState: PropTypes.string,\n  }).isRequired,\n  /**\n   * The properties of the notifications to be rendered in the Panel.\n   */\n  notifications: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      title: PropTypes.string.isRequired,\n      isRead: PropTypes.bool.isRequired,\n      date: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]).isRequired,\n      icon: PropTypes.element,\n      onClick: PropTypes.func,\n      onKeyPress: PropTypes.func,\n      onToggle: PropTypes.func,\n      actions: PropTypes.shape({\n        label: PropTypes.bool,\n        action: PropTypes.string,\n        callback: PropTypes.func,\n        dropDownMenuProps: PropTypes.instanceOf(Object),\n      }),\n    })\n  ),\n  /**\n   * Whether to render the new notifications indicator\n   */\n  hasNewNotifications: PropTypes.bool,\n  /**\n   * Action buttons to render in footer\n   */\n  footer: PropTypes.node,\n  /**\n   * Title of the EmptyStatePanel\n   */\n  emptyStatePanelTitle: PropTypes.string,\n  /**\n   * Message of the EmptyStatePanel\n   */\n  emptyStatePanelMessage: PropTypes.string,\n  /**\n   * Empty Panel custom Icon\n   */\n  emptyStatePanelIcon: PropTypes.node,\n  /**\n   * Labels to apply to the Panel\n   */\n  labels: PropTypes.shape({\n    /**\n     * Labels to apply to the groups separating newer and older notifications\n     */\n    notificationGroupHeader: {\n      olderNotifications: PropTypes.string,\n      newNotifications: PropTypes.string,\n    },\n    /**\n     * Labels to apply to the element of the New Notifications Indicator\n     */\n    notificationIndicator: {\n      label: PropTypes.string,\n      buttonLabel: PropTypes.string,\n    },\n  }),\n  /**\n   * Function to be supplied to the notification update button\n   */\n  newNotificationsButtonAction: PropTypes.func,\n  /**\n   * The locale to be used on the notification date, if undefined it will use the one from the HvProvider\n   */\n  locale: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationPanel\" })(HvNotificationPanel);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,kBAAkB,QAAQ,eAAe;AAClD,SAASC,UAAU,QAAQ,aAAa;AAExC,SACEC,OAAO,EACPC,WAAW,EACXC,cAAc,EACdC,KAAK,EACLC,SAAS,EACTC,SAAS,QACJ,kCAAkC;AAEzC,OAAOC,MAAM,MAAM,UAAU;AAE7B,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,sBAAsB,MAAM,0BAA0B;AAAC;AAAA;AAE9D,MAAMC,cAAc,GAAG;EACrBC,uBAAuB,EAAE;IACvBC,gBAAgB,EAAE,KAAK;IACvBC,kBAAkB,EAAE;EACtB,CAAC;EACDC,qBAAqB,EAAE;IACrBC,KAAK,EAAE,4BAA4B;IACnCC,WAAW,EAAE;EACf;AACF,CAAC;;AAED;AACA;AACA;AACA,MAAMC,mBAAmB,GAAG,QAetB;EAAA,IAfuB;MAC3BC,EAAE;MACFC,SAAS;MACTC,OAAO;MACPC,IAAI;MACJC,MAAM;MACNC,aAAa;MACbC,mBAAmB,GAAG,KAAK;MAC3BC,oBAAoB,GAAG,kBAAkB;MACzCC,sBAAsB,GAAG,sCAAsC;MAC/DC,mBAAmB;MACnBC,MAAM,EAAEC,UAAU;MAClBC,4BAA4B;MAC5BC,MAAM,EAAEC;IAEV,CAAC;IADIC,MAAM;EAET,MAAMC,kBAAkB,GAAG7B,SAAS,EAAE;EAEtC,MAAM0B,MAAM,GAAGC,UAAU,IAAIE,kBAAkB;EAE/C,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGzC,QAAQ,CAAC0C,SAAS,CAAC;EACzD,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG5C,QAAQ,CAAC,KAAK,CAAC;EAEnD,MAAMiC,MAAM,GAAGxB,SAAS,CAACM,cAAc,EAAEmB,UAAU,CAAC;EAEpD,MAAMW,4BAA4B,GAAG,CAACC,cAAc,EAAEC,QAAQ,EAAEC,OAAO,KAAK;IAC1E,MAAMC,MAAM,GAAGH,cAAc,KAAKN,WAAW;IAC7C,MAAMU,KAAK,GAAG,CAAC,GAAGF,OAAO,CAACG,MAAM,CAAC;IACjC,oBACE,KAAC,cAAc;MACb,QAAQ,EAAEF,MAAO;MACjB,OAAO,EAAE,CAACG,KAAK,EAAEC,IAAI,KAAK;QAAA;QACxBZ,cAAc,CAACC,SAAS,CAAC;QACzBW,IAAI,aAAJA,IAAI,yCAAJA,IAAI,CAAEC,QAAQ,mDAAd,oBAAAD,IAAI,EAAaD,KAAK,EAAEN,cAAc,CAAC;MACzC,CAAE;MACF,QAAQ,EAAEI,KAAM;MAChB,QAAQ,EAAE,CAACE,KAAK,EAAEG,CAAC,KAAK;QACtBR,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAGK,KAAK,EAAEG,CAAC,CAAC;QACpB,IAAIA,CAAC,EAAE;UACLd,cAAc,CAACK,cAAc,CAAC;QAChC,CAAC,MAAM;UACLL,cAAc,CAACC,SAAS,CAAC;QAC3B;QACAE,aAAa,CAAC,CAACD,UAAU,CAAC;MAC5B;IAAE,GACEK,OAAO,CAACQ,iBAAiB,EAC7B;EAEN,CAAC;EAED,MAAMC,4BAA4B,GAAIC,qBAAqB,IAAK;IAC9D,OAAOA,qBAAqB,CAACC,GAAG,CAAEC,YAAY,IAAK;MACjD,MAAMC,yBAAyB,GAAGrB,WAAW,KAAKoB,YAAY,CAACrC,EAAE;MACjE,oBACE,KAAC,YAAY;QAEX,cAAc,EAAEqC,YAAY,CAACrC,EAAG;QAChC,KAAK,EAAEqC,YAAY,CAACE,KAAM;QAC1B,MAAM,EAAEF,YAAY,CAACG,MAAO;QAC5B,IAAI,EAAEH,YAAY,CAACI,IAAK;QACxB,IAAI,EAAEJ,YAAY,CAACK,IAAK;QACxB,OAAO,EAAEL,YAAY,CAACM,OAAQ;QAC9B,UAAU,EAAEN,YAAY,CAACO,UAAW;QACpC,cAAc,EAAEtB,4BAA4B,CAC1Ce,YAAY,CAACrC,EAAE,EACfqC,YAAY,CAACb,QAAQ,EACrBa,YAAY,CAACZ,OAAO,CACpB;QACF,aAAa,EAAEa,yBAA0B;QACzC,MAAM,EAAEzB;MAAO,GAdVwB,YAAY,CAACrC,EAAE,CAepB;IAEN,CAAC,CAAC;EACJ,CAAC;EAED,MAAM6C,gBAAgB,GAAGxC,aAAa,CAACyC,MAAM,GAAG,CAAC;EAEjD,MAAMC,mBAAmB,GAAIZ,qBAAqB,IAChDD,4BAA4B,CAACC,qBAAqB,CAAC;EAErD,oBACE,MAAC,OAAO;IACN,EAAE,EAAEnC,EAAG;IACP,SAAS,EAAErB,IAAI,CAACsB,SAAS,EAAEC,OAAO,CAAC8C,IAAI,EACnB7C,IAAI,KAAK,KAAK,IAA/BD,OAAO,CAAC+C,MAAM,EACC9C,IAAI,IAAnBD,OAAO,CAACC,IAAI;EACZ,GACCY,MAAM;IAAA,WAETT,mBAAmB,iBAClB,KAAC,sBAAsB;MACrB,MAAM,EAAEI,MAAM,CAACd,qBAAsB;MACrC,OAAO,EAAEgB;IAA6B,EAEzC,EACAiC,gBAAgB,gBACf;MAAK,SAAS,EAAE3C,OAAO,CAACgD,KAAM;MAAA,UAC3B7C,aAAa,CAACyC,MAAM,GAAG,CAAC,IAAIC,mBAAmB,CAAC1C,aAAa;IAAC,EAC3D,gBAEN,KAAC,eAAe;MACd,EAAE,EAAEpB,KAAK,CAACe,EAAE,EAAE,aAAa,CAAE;MAC7B,KAAK,EAAEO,oBAAqB;MAC5B,OAAO,EAAEC,sBAAuB;MAChC,IAAI,EAAEC,mBAAoB;MAC1B,SAAS,EAAEP,OAAO,CAACiD;IAAW,EAEjC,EACA/C,MAAM,iBACL,KAAC,WAAW;MACV,EAAE,EAAEnB,KAAK,CAACe,EAAE,EAAE,YAAY,CAAE;MAC5B,OAAO,EAAE;QACPgD,IAAI,EAAE9C,OAAO,CAACkD;MAChB,CAAE;MACF,SAAS,EAAElD,OAAO,CAACmD,SAAU;MAAA,UAE5BjD;IAAM,EAEV;EAAA,GACO;AAEd,CAAC;AAED,wCAAAL,mBAAmB,CAACuD,SAAS,GAAG;EAC9B;AACF;AACA;EACEtD,EAAE,EAAEtB,SAAS,CAAC6E,MAAM;EACpB;AACF;AACA;EACEtD,SAAS,EAAEvB,SAAS,CAAC6E,MAAM;EAC3B;AACF;AACA;AACA;AACA;EACEpD,IAAI,EAAEvB,kBAAkB,CAACF,SAAS,CAAC8E,IAAI,CAAC;EACxC;AACF;AACA;EACEtD,OAAO,EAAExB,SAAS,CAAC+E,KAAK,CAAC;IACvB;AACJ;AACA;IACIT,IAAI,EAAEtE,SAAS,CAAC6E,MAAM;IACtB;AACJ;AACA;IACIN,MAAM,EAAEvE,SAAS,CAAC6E,MAAM;IACxB;AACJ;AACA;IACIpD,IAAI,EAAEzB,SAAS,CAAC6E,MAAM;IACtB;AACJ;AACA;IACIL,KAAK,EAAExE,SAAS,CAAC6E,MAAM;IACvB;AACJ;AACA;IACIF,SAAS,EAAE3E,SAAS,CAAC6E,MAAM;IAC3B;AACJ;AACA;IACIH,aAAa,EAAE1E,SAAS,CAAC6E,MAAM;IAC/B;AACJ;AACA;IACIG,sBAAsB,EAAEhF,SAAS,CAAC6E,MAAM;IACxC;AACJ;AACA;IACIJ,UAAU,EAAEzE,SAAS,CAAC6E;EACxB,CAAC,CAAC,CAACI,UAAU;EACb;AACF;AACA;EACEtD,aAAa,EAAE3B,SAAS,CAACkF,OAAO,CAC9BlF,SAAS,CAAC+E,KAAK,CAAC;IACdzD,EAAE,EAAEtB,SAAS,CAAC6E,MAAM,CAACI,UAAU;IAC/BpB,KAAK,EAAE7D,SAAS,CAAC6E,MAAM,CAACI,UAAU;IAClCnB,MAAM,EAAE9D,SAAS,CAAC8E,IAAI,CAACG,UAAU;IACjCjB,IAAI,EAAEhE,SAAS,CAACmF,SAAS,CAAC,CAACnF,SAAS,CAAC6E,MAAM,EAAE7E,SAAS,CAACoF,MAAM,EAAEpF,SAAS,CAACqF,MAAM,CAAC,CAAC,CAACJ,UAAU;IAC5FlB,IAAI,EAAE/D,SAAS,CAACsF,OAAO;IACvBrB,OAAO,EAAEjE,SAAS,CAACuF,IAAI;IACvBrB,UAAU,EAAElE,SAAS,CAACuF,IAAI;IAC1BzC,QAAQ,EAAE9C,SAAS,CAACuF,IAAI;IACxBxC,OAAO,EAAE/C,SAAS,CAAC+E,KAAK,CAAC;MACvB5D,KAAK,EAAEnB,SAAS,CAAC8E,IAAI;MACrBU,MAAM,EAAExF,SAAS,CAAC6E,MAAM;MACxBxB,QAAQ,EAAErD,SAAS,CAACuF,IAAI;MACxBhC,iBAAiB,EAAEvD,SAAS,CAACyF,UAAU,CAACC,MAAM;IAChD,CAAC;EACH,CAAC,CAAC,CACH;EACD;AACF;AACA;EACE9D,mBAAmB,EAAE5B,SAAS,CAAC8E,IAAI;EACnC;AACF;AACA;EACEpD,MAAM,EAAE1B,SAAS,CAAC2F,IAAI;EACtB;AACF;AACA;EACE9D,oBAAoB,EAAE7B,SAAS,CAAC6E,MAAM;EACtC;AACF;AACA;EACE/C,sBAAsB,EAAE9B,SAAS,CAAC6E,MAAM;EACxC;AACF;AACA;EACE9C,mBAAmB,EAAE/B,SAAS,CAAC2F,IAAI;EACnC;AACF;AACA;EACE3D,MAAM,EAAEhC,SAAS,CAAC+E,KAAK,CAAC;IACtB;AACJ;AACA;IACIhE,uBAAuB,EAAE;MACvBE,kBAAkB,EAAEjB,SAAS,CAAC6E,MAAM;MACpC7D,gBAAgB,EAAEhB,SAAS,CAAC6E;IAC9B,CAAC;IACD;AACJ;AACA;IACI3D,qBAAqB,EAAE;MACrBC,KAAK,EAAEnB,SAAS,CAAC6E,MAAM;MACvBzD,WAAW,EAAEpB,SAAS,CAAC6E;IACzB;EACF,CAAC,CAAC;EACF;AACF;AACA;EACE3C,4BAA4B,EAAElC,SAAS,CAACuF,IAAI;EAC5C;AACF;AACA;EACEpD,MAAM,EAAEnC,SAAS,CAAC6E;AACpB,CAAC;AAED,eAAe1E,UAAU,CAACO,MAAM,EAAE;EAAEkF,IAAI,EAAE;AAAsB,CAAC,CAAC,CAACvE,mBAAmB,CAAC"}

package/dist/modern/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["classes", "className", "labels", "onClick"];
-
 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; }
-
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -14,16 +11,14 @@ 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";
-
 const NotificationsIndicator = _ref => {
   let {
-    classes,
-    className,
-    labels,
-    onClick
-  } = _ref,
-      others = _objectWithoutProperties(_ref, _excluded);
-
+      classes,
+      className,
+      labels,
+      onClick
+    } = _ref,
+    others = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({
     className: clsx(className, classes.root, classes.notificationsIndicator)
   }, others), {}, {
@@ -43,7 +38,6 @@ const NotificationsIndicator = _ref => {
     })]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? NotificationsIndicator.propTypes = {
   /**
    * A Jss Object used to override or extend the component styles.
@@ -53,28 +47,23 @@ process.env.NODE_ENV !== "production" ? NotificationsIndicator.propTypes = {
      * Styles applied to the root of the element.
      */
     root: PropTypes.string,
-
     /**
      * Styles applied to the NotificationsIndicator container.
      */
     notificationsIndicator: PropTypes.string,
-
     /**
      * Styles applied to the notification focus
      */
     newNotificationsFocus: PropTypes.string,
-
     /**
      * Override to text color for usage over semantic background in wicked
      */
     semanticColoring: PropTypes.string
   }).isRequired,
-
   /**
    * Class names to be applied to the accordion.
    */
   className: PropTypes.string,
-
   /**
    * Labels to apply to component
    */
@@ -83,13 +72,11 @@ process.env.NODE_ENV !== "production" ? NotificationsIndicator.propTypes = {
      * Notification indicator label
      */
     label: PropTypes.string,
-
     /**
      * Label to apply to the button label
      */
     buttonLabel: PropTypes.string
   }).isRequired,
-
   /**
    * Function passed to the notification panel button
    */

package/dist/modern/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsIndicator.js","names":["React","PropTypes","clsx","HvButton","HvTypography","withStyles","styles","NotificationsIndicator","classes","className","labels","onClick","others","root","notificationsIndicator","normalText","semanticColoring","label","newNotificationsFocus","focusVisible","buttonLabel","propTypes","shape","string","isRequired","func","name"],"sources":["../../../../src/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst NotificationsIndicator = ({ classes, className, labels, onClick, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root, classes.notificationsIndicator)} {...others}>\n      <HvTypography classes={{ normalText: classes.semanticColoring }}>{labels.label}</HvTypography>\n      <HvButton\n        category=\"semantic\"\n        className={classes.newNotificationsFocus}\n        classes={{\n          focusVisible: classes.newNotificationsFocus,\n        }}\n        onClick={onClick}\n      >\n        {labels.buttonLabel}\n      </HvButton>\n    </div>\n  );\n};\n\nNotificationsIndicator.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 root of the element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the NotificationsIndicator container.\n     */\n    notificationsIndicator: PropTypes.string,\n\n    /**\n     * Styles applied to the notification focus\n     */\n    newNotificationsFocus: PropTypes.string,\n    /**\n     * Override to text color for usage over semantic background in wicked\n     */\n    semanticColoring: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Labels to apply to component\n   */\n  labels: PropTypes.shape({\n    /**\n     * Notification indicator label\n     */\n    label: PropTypes.string,\n    /**\n     * Label to apply to the button label\n     */\n    buttonLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * Function passed to the notification panel button\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationsIndicator\" })(NotificationsIndicator);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,QAAT,EAAmBC,YAAnB,QAAuC,kCAAvC;AAEA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;;AAEA,MAAMC,sBAAsB,GAAG,QAAwD;EAAA,IAAvD;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,MAAtB;IAA8BC;EAA9B,CAAuD;EAAA,IAAbC,MAAa;;EACrF,oBACE;IAAK,SAAS,EAAEV,IAAI,CAACO,SAAD,EAAYD,OAAO,CAACK,IAApB,EAA0BL,OAAO,CAACM,sBAAlC;EAApB,GAAmFF,MAAnF;IAAA,wBACE,KAAC,YAAD;MAAc,OAAO,EAAE;QAAEG,UAAU,EAAEP,OAAO,CAACQ;MAAtB,CAAvB;MAAA,UAAkEN,MAAM,CAACO;IAAzE,EADF,eAEE,KAAC,QAAD;MACE,QAAQ,EAAC,UADX;MAEE,SAAS,EAAET,OAAO,CAACU,qBAFrB;MAGE,OAAO,EAAE;QACPC,YAAY,EAAEX,OAAO,CAACU;MADf,CAHX;MAME,OAAO,EAAEP,OANX;MAAA,UAQGD,MAAM,CAACU;IARV,EAFF;EAAA,GADF;AAeD,CAhBD;;AAkBA,wCAAAb,sBAAsB,CAACc,SAAvB,GAAmC;EACjC;AACF;AACA;EACEb,OAAO,EAAEP,SAAS,CAACqB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIT,IAAI,EAAEZ,SAAS,CAACsB,MAJO;;IAKvB;AACJ;AACA;IACIT,sBAAsB,EAAEb,SAAS,CAACsB,MARX;;IAUvB;AACJ;AACA;IACIL,qBAAqB,EAAEjB,SAAS,CAACsB,MAbV;;IAcvB;AACJ;AACA;IACIP,gBAAgB,EAAEf,SAAS,CAACsB;EAjBL,CAAhB,EAkBNC,UAtB8B;;EAwBjC;AACF;AACA;EACEf,SAAS,EAAER,SAAS,CAACsB,MA3BY;;EA4BjC;AACF;AACA;EACEb,MAAM,EAAET,SAAS,CAACqB,KAAV,CAAgB;IACtB;AACJ;AACA;IACIL,KAAK,EAAEhB,SAAS,CAACsB,MAJK;;IAKtB;AACJ;AACA;IACIH,WAAW,EAAEnB,SAAS,CAACsB;EARD,CAAhB,EASLC,UAxC8B;;EAyCjC;AACF;AACA;EACEb,OAAO,EAAEV,SAAS,CAACwB;AA5Cc,CAAnC;AA+CA,eAAepB,UAAU,CAACC,MAAD,EAAS;EAAEoB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAyDnB,sBAAzD,CAAf"}
+{"version":3,"file":"NotificationsIndicator.js","names":["React","PropTypes","clsx","HvButton","HvTypography","withStyles","styles","NotificationsIndicator","classes","className","labels","onClick","others","root","notificationsIndicator","normalText","semanticColoring","label","newNotificationsFocus","focusVisible","buttonLabel","propTypes","shape","string","isRequired","func","name"],"sources":["../../../../src/NotificationPanel/NotificationsIndicator/NotificationsIndicator.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst NotificationsIndicator = ({ classes, className, labels, onClick, ...others }) => {\n  return (\n    <div className={clsx(className, classes.root, classes.notificationsIndicator)} {...others}>\n      <HvTypography classes={{ normalText: classes.semanticColoring }}>{labels.label}</HvTypography>\n      <HvButton\n        category=\"semantic\"\n        className={classes.newNotificationsFocus}\n        classes={{\n          focusVisible: classes.newNotificationsFocus,\n        }}\n        onClick={onClick}\n      >\n        {labels.buttonLabel}\n      </HvButton>\n    </div>\n  );\n};\n\nNotificationsIndicator.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 root of the element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the NotificationsIndicator container.\n     */\n    notificationsIndicator: PropTypes.string,\n\n    /**\n     * Styles applied to the notification focus\n     */\n    newNotificationsFocus: PropTypes.string,\n    /**\n     * Override to text color for usage over semantic background in wicked\n     */\n    semanticColoring: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * Labels to apply to component\n   */\n  labels: PropTypes.shape({\n    /**\n     * Notification indicator label\n     */\n    label: PropTypes.string,\n    /**\n     * Label to apply to the button label\n     */\n    buttonLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * Function passed to the notification panel button\n   */\n  onClick: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvNotificationsIndicator\" })(NotificationsIndicator);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,MAAM;AACvB,SAASC,QAAQ,EAAEC,YAAY,QAAQ,kCAAkC;AAEzE,SAASC,UAAU,QAAQ,aAAa;AACxC,OAAOC,MAAM,MAAM,UAAU;AAAC;AAAA;AAE9B,MAAMC,sBAAsB,GAAG,QAAwD;EAAA,IAAvD;MAAEC,OAAO;MAAEC,SAAS;MAAEC,MAAM;MAAEC;IAAmB,CAAC;IAARC,MAAM;EAC9E,oBACE;IAAK,SAAS,EAAEV,IAAI,CAACO,SAAS,EAAED,OAAO,CAACK,IAAI,EAAEL,OAAO,CAACM,sBAAsB;EAAE,GAAKF,MAAM;IAAA,wBACvF,KAAC,YAAY;MAAC,OAAO,EAAE;QAAEG,UAAU,EAAEP,OAAO,CAACQ;MAAiB,CAAE;MAAA,UAAEN,MAAM,CAACO;IAAK,EAAgB,eAC9F,KAAC,QAAQ;MACP,QAAQ,EAAC,UAAU;MACnB,SAAS,EAAET,OAAO,CAACU,qBAAsB;MACzC,OAAO,EAAE;QACPC,YAAY,EAAEX,OAAO,CAACU;MACxB,CAAE;MACF,OAAO,EAAEP,OAAQ;MAAA,UAEhBD,MAAM,CAACU;IAAW,EACV;EAAA,GACP;AAEV,CAAC;AAED,wCAAAb,sBAAsB,CAACc,SAAS,GAAG;EACjC;AACF;AACA;EACEb,OAAO,EAAEP,SAAS,CAACqB,KAAK,CAAC;IACvB;AACJ;AACA;IACIT,IAAI,EAAEZ,SAAS,CAACsB,MAAM;IACtB;AACJ;AACA;IACIT,sBAAsB,EAAEb,SAAS,CAACsB,MAAM;IAExC;AACJ;AACA;IACIL,qBAAqB,EAAEjB,SAAS,CAACsB,MAAM;IACvC;AACJ;AACA;IACIP,gBAAgB,EAAEf,SAAS,CAACsB;EAC9B,CAAC,CAAC,CAACC,UAAU;EAEb;AACF;AACA;EACEf,SAAS,EAAER,SAAS,CAACsB,MAAM;EAC3B;AACF;AACA;EACEb,MAAM,EAAET,SAAS,CAACqB,KAAK,CAAC;IACtB;AACJ;AACA;IACIL,KAAK,EAAEhB,SAAS,CAACsB,MAAM;IACvB;AACJ;AACA;IACIH,WAAW,EAAEnB,SAAS,CAACsB;EACzB,CAAC,CAAC,CAACC,UAAU;EACb;AACF;AACA;EACEb,OAAO,EAAEV,SAAS,CAACwB;AACrB,CAAC;AAED,eAAepB,UAAU,CAACC,MAAM,EAAE;EAAEoB,IAAI,EAAE;AAA2B,CAAC,CAAC,CAACnB,sBAAsB,CAAC"}

package/dist/modern/NotificationPanel/NotificationsIndicator/index.js.map

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

package/dist/modern/NotificationPanel/NotificationsIndicator/styles.js

@@ -16,6 +16,5 @@ const styles = theme => ({
     color: theme.hv.palette.base.base2
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/NotificationPanel/NotificationsIndicator/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","notificationsIndicator","height","backgroundColor","hv","palette","semantic","sema7","display","justifyContent","alignItems","padding","spacing","sm","margin","xs","borderRadius","semanticColoring","color","base","base2"],"sources":["../../../../src/NotificationPanel/NotificationsIndicator/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {},\n  notificationsIndicator: {\n    height: 32,\n    backgroundColor: theme.hv.palette.semantic.sema7,\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    padding: `0 0 0 ${theme.hv.spacing.sm}px`,\n    \"& button\": {\n      margin: `0 0 0 ${theme.hv.spacing.xs}px`,\n      borderRadius: 0,\n    },\n  },\n\n  semanticColoring: {\n    color: theme.hv.palette.base.base2,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE,EADmB;EAEzBC,sBAAsB,EAAE;IACtBC,MAAM,EAAE,EADc;IAEtBC,eAAe,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KAFrB;IAGtBC,OAAO,EAAE,MAHa;IAItBC,cAAc,EAAE,eAJM;IAKtBC,UAAU,EAAE,QALU;IAMtBC,OAAO,EAAG,SAAQZ,KAAK,CAACK,EAAN,CAASQ,OAAT,CAAiBC,EAAG,IANhB;IAOtB,YAAY;MACVC,MAAM,EAAG,SAAQf,KAAK,CAACK,EAAN,CAASQ,OAAT,CAAiBG,EAAG,IAD3B;MAEVC,YAAY,EAAE;IAFJ;EAPU,CAFC;EAezBC,gBAAgB,EAAE;IAChBC,KAAK,EAAEnB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBc,IAAjB,CAAsBC;EADb;AAfO,CAAZ,CAAf;;AAoBA,eAAetB,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","notificationsIndicator","height","backgroundColor","hv","palette","semantic","sema7","display","justifyContent","alignItems","padding","spacing","sm","margin","xs","borderRadius","semanticColoring","color","base","base2"],"sources":["../../../../src/NotificationPanel/NotificationsIndicator/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {},\n  notificationsIndicator: {\n    height: 32,\n    backgroundColor: theme.hv.palette.semantic.sema7,\n    display: \"flex\",\n    justifyContent: \"space-between\",\n    alignItems: \"center\",\n    padding: `0 0 0 ${theme.hv.spacing.sm}px`,\n    \"& button\": {\n      margin: `0 0 0 ${theme.hv.spacing.xs}px`,\n      borderRadius: 0,\n    },\n  },\n\n  semanticColoring: {\n    color: theme.hv.palette.base.base2,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE,CAAC,CAAC;EACRC,sBAAsB,EAAE;IACtBC,MAAM,EAAE,EAAE;IACVC,eAAe,EAAEJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,QAAQ,CAACC,KAAK;IAChDC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE,eAAe;IAC/BC,UAAU,EAAE,QAAQ;IACpBC,OAAO,EAAG,SAAQZ,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACC,EAAG,IAAG;IACzC,UAAU,EAAE;MACVC,MAAM,EAAG,SAAQf,KAAK,CAACK,EAAE,CAACQ,OAAO,CAACG,EAAG,IAAG;MACxCC,YAAY,EAAE;IAChB;EACF,CAAC;EAEDC,gBAAgB,EAAE;IAChBC,KAAK,EAAEnB,KAAK,CAACK,EAAE,CAACC,OAAO,CAACc,IAAI,CAACC;EAC/B;AACF,CAAC,CAAC;AAEF,eAAetB,MAAM"}

package/dist/modern/NotificationPanel/index.js.map

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

package/dist/modern/NotificationPanel/styles.js

@@ -34,6 +34,5 @@ const styles = theme => ({
     height: "500px"
   }
 });
-
 export default styles;
 //# sourceMappingURL=styles.js.map

package/dist/modern/NotificationPanel/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","padding","width","overflow","closed","open","position","right","boxShadow","hv","shadows","actionBar","marginTop","panel","flexGrow","outline","actionBarRoot","backgroundColor","palette","atmosphere","atmo1","justifyContent","emptyState","height"],"sources":["../../../src/NotificationPanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: 0,\n    width: 320,\n    overflow: \"hidden\",\n  },\n  closed: { display: \"none\" },\n  open: {\n    position: \"absolute\",\n    right: 0,\n    boxShadow: theme.hv.shadows[1],\n  },\n  actionBar: {\n    marginTop: \"auto\",\n  },\n  panel: {\n    flexGrow: 1,\n    overflow: \"auto\",\n    padding: 0,\n    width: \"100%\",\n    \"&.focus-visible\": {\n      outline: \"none\",\n    },\n  },\n\n  actionBarRoot: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    justifyContent: \"space-between\",\n  },\n\n  emptyState: {\n    height: \"500px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAGJC,OAAO,EAAE,CAHL;IAIJC,KAAK,EAAE,GAJH;IAKJC,QAAQ,EAAE;EALN,CADmB;EAQzBC,MAAM,EAAE;IAAEL,OAAO,EAAE;EAAX,CARiB;EASzBM,IAAI,EAAE;IACJC,QAAQ,EAAE,UADN;IAEJC,KAAK,EAAE,CAFH;IAGJC,SAAS,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiB,CAAjB;EAHP,CATmB;EAczBC,SAAS,EAAE;IACTC,SAAS,EAAE;EADF,CAdc;EAiBzBC,KAAK,EAAE;IACLC,QAAQ,EAAE,CADL;IAELX,QAAQ,EAAE,MAFL;IAGLF,OAAO,EAAE,CAHJ;IAILC,KAAK,EAAE,MAJF;IAKL,mBAAmB;MACjBa,OAAO,EAAE;IADQ;EALd,CAjBkB;EA2BzBC,aAAa,EAAE;IACbC,eAAe,EAAEpB,KAAK,CAACY,EAAN,CAASS,OAAT,CAAiBC,UAAjB,CAA4BC,KADhC;IAEbC,cAAc,EAAE;EAFH,CA3BU;EAgCzBC,UAAU,EAAE;IACVC,MAAM,EAAE;EADE;AAhCa,CAAZ,CAAf;;AAqCA,eAAe3B,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","padding","width","overflow","closed","open","position","right","boxShadow","hv","shadows","actionBar","marginTop","panel","flexGrow","outline","actionBarRoot","backgroundColor","palette","atmosphere","atmo1","justifyContent","emptyState","height"],"sources":["../../../src/NotificationPanel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    padding: 0,\n    width: 320,\n    overflow: \"hidden\",\n  },\n  closed: { display: \"none\" },\n  open: {\n    position: \"absolute\",\n    right: 0,\n    boxShadow: theme.hv.shadows[1],\n  },\n  actionBar: {\n    marginTop: \"auto\",\n  },\n  panel: {\n    flexGrow: 1,\n    overflow: \"auto\",\n    padding: 0,\n    width: \"100%\",\n    \"&.focus-visible\": {\n      outline: \"none\",\n    },\n  },\n\n  actionBarRoot: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    justifyContent: \"space-between\",\n  },\n\n  emptyState: {\n    height: \"500px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAK,KAAM;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE,GAAG;IACVC,QAAQ,EAAE;EACZ,CAAC;EACDC,MAAM,EAAE;IAAEL,OAAO,EAAE;EAAO,CAAC;EAC3BM,IAAI,EAAE;IACJC,QAAQ,EAAE,UAAU;IACpBC,KAAK,EAAE,CAAC;IACRC,SAAS,EAAEX,KAAK,CAACY,EAAE,CAACC,OAAO,CAAC,CAAC;EAC/B,CAAC;EACDC,SAAS,EAAE;IACTC,SAAS,EAAE;EACb,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,CAAC;IACXX,QAAQ,EAAE,MAAM;IAChBF,OAAO,EAAE,CAAC;IACVC,KAAK,EAAE,MAAM;IACb,iBAAiB,EAAE;MACjBa,OAAO,EAAE;IACX;EACF,CAAC;EAEDC,aAAa,EAAE;IACbC,eAAe,EAAEpB,KAAK,CAACY,EAAE,CAACS,OAAO,CAACC,UAAU,CAACC,KAAK;IAClDC,cAAc,EAAE;EAClB,CAAC;EAEDC,UAAU,EAAE;IACVC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,eAAe3B,MAAM"}

package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.js

@@ -1,50 +1,48 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 const _excluded = ["numSteps", "stepSize", "getTitles", "getDynamicValues", "children"];
-
 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; }
-
 import React from "react";
 import PropTypes from "prop-types";
 import { withStyles } from "@mui/styles";
 import HvStep from "./Step";
 import { getColor, stepSizes } from "./utils";
 import styles from "./styles";
+
 /**
  * Default Navigation
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const HvDefaultNavigation = _ref => {
   let {
-    numSteps,
-    stepSize,
-    getTitles,
-    getDynamicValues,
-    children
-  } = _ref,
-      other = _objectWithoutProperties(_ref, _excluded);
-
+      numSteps,
+      stepSize,
+      getTitles,
+      getDynamicValues,
+      children
+    } = _ref,
+    other = _objectWithoutProperties(_ref, _excluded);
   // step values
   const {
     container: maxSize,
     avatar: minSize
   } = stepSizes[stepSize];
-  const StepComponent = HvStep; //
+  const StepComponent = HvStep;
+  //
 
   const stepsWidth = maxSize + minSize * (numSteps - 1);
   const {
     width,
     titleWidth,
     separatorWidth
-  } = getDynamicValues(stepsWidth); // separator values
+  } = getDynamicValues(stepsWidth);
 
+  // separator values
   const maxWidth = Math.max(titleWidth - minSize, separatorWidth);
-  const minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth); //
+  const minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth);
+  //
 
   const Steps = children;
   const titles = getTitles(({
@@ -71,13 +69,11 @@ const HvDefaultNavigation = _ref => {
     }), titles]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvDefaultNavigation.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -87,27 +83,22 @@ process.env.NODE_ENV !== "production" ? HvDefaultNavigation.propTypes = {
      */
     root: PropTypes.string
   }).isRequired,
-
   /**
    * Number of steps to show on the component.
    */
   numSteps: PropTypes.number.isRequired,
-
   /**
    * Sets one of the standard sizes of the steps
    */
   stepSize: PropTypes.oneOf(["XS", "SM", "MD", "LG", "XL"]).isRequired,
-
   /**
    * Returns dynamic width values of the component (width, titleWidth, separatorWidth).
    */
   getDynamicValues: PropTypes.func.isRequired,
-
   /**
    * Returns a JSX.element of the titles container.
    */
   getTitles: PropTypes.func.isRequired,
-
   /**
    * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}
    */

package/dist/modern/StepNavigation/DefaultNavigation/DefaultNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultNavigation.js","names":["React","PropTypes","withStyles","HvStep","getColor","stepSizes","styles","HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","container","maxSize","avatar","minSize","StepComponent","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","state","variant","navWidth","separatorValues","height","stepValues","propTypes","className","string","classes","shape","root","isRequired","number","oneOf","func","elementType","name"],"sources":["../../../../src/StepNavigation/DefaultNavigation/DefaultNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport HvStep from \"./Step\";\nimport { getColor, stepSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Default Navigation\n */\nconst HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  children,\n  ...other\n}) => {\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: state === \"Disabled\" ? \"disabledText\" : \"highlightText\",\n    titleWidth,\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: 3,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n\nHvDefaultNavigation.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Number of steps to show on the component.\n   */\n  numSteps: PropTypes.number.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).\n   */\n  getDynamicValues: PropTypes.func.isRequired,\n  /**\n   * Returns a JSX.element of the titles container.\n   */\n  getTitles: PropTypes.func.isRequired,\n  /**\n   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}\n   */\n  children: PropTypes.elementType.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDefaultNavigation\" })(HvDefaultNavigation);\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,UAAT,QAA2B,aAA3B;AAEA,OAAOC,MAAP,MAAmB,QAAnB;AACA,SAASC,QAAT,EAAmBC,SAAnB,QAAoC,SAApC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;;;;AACA,MAAMC,mBAAmB,GAAG,QAOtB;EAAA,IAPuB;IAC3BC,QAD2B;IAE3BC,QAF2B;IAG3BC,SAH2B;IAI3BC,gBAJ2B;IAK3BC;EAL2B,CAOvB;EAAA,IADDC,KACC;;EACJ;EACA,MAAM;IAAEC,SAAS,EAAEC,OAAb;IAAsBC,MAAM,EAAEC;EAA9B,IAA0CZ,SAAS,CAACI,QAAD,CAAzD;EACA,MAAMS,aAAa,GAAGf,MAAtB,CAHI,CAIJ;;EAEA,MAAMgB,UAAU,GAAGJ,OAAO,GAAGE,OAAO,IAAIT,QAAQ,GAAG,CAAf,CAApC;EACA,MAAM;IAAEY,KAAF;IAASC,UAAT;IAAqBC;EAArB,IAAwCX,gBAAgB,CAACQ,UAAD,CAA9D,CAPI,CASJ;;EACA,MAAMI,QAAQ,GAAGC,IAAI,CAACC,GAAL,CAASJ,UAAU,GAAGJ,OAAtB,EAA+BK,cAA/B,CAAjB;EACA,MAAMI,QAAQ,GAAGF,IAAI,CAACC,GAAL,CAASJ,UAAU,GAAG,CAACN,OAAO,GAAGE,OAAX,IAAsB,GAA5C,EAAiDK,cAAjD,CAAjB,CAXI,CAYJ;;EAEA,MAAMK,KAAK,GAAGf,QAAd;EAEA,MAAMgB,MAAM,GAAGlB,SAAS,CAAC,CAAC;IAAEmB;EAAF,CAAD,MAAgB;IACvCC,OAAO,EAAED,KAAK,KAAK,UAAV,GAAuB,cAAvB,GAAwC,eADV;IAEvCR;EAFuC,CAAhB,CAAD,CAAxB;EAKA,oBACE,6CAASR,KAAT;IAAA,wBACE,KAAC,KAAD;MAEIM,UAFJ;MAGIY,QAAQ,EAAEX,KAHd;MAIIY,eAAe,EAAE;QACfN,QADe;QAEfH,QAFe;QAGfnB,QAHe;QAIf6B,MAAM,EAAE;MAJO,CAJrB;MAUIC,UAAU,EAAE;QACVjB,OADU;QAEVF,OAFU;QAGVG;MAHU;IAVhB,EADF,EAkBGU,MAlBH;EAAA,GADF;AAsBD,CAlDD;;AAoDA,wCAAArB,mBAAmB,CAAC4B,SAApB,GAAgC;EAC9B;AACF;AACA;EACEC,SAAS,EAAEnC,SAAS,CAACoC,MAJS;;EAK9B;AACF;AACA;EACEC,OAAO,EAAErC,SAAS,CAACsC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIC,IAAI,EAAEvC,SAAS,CAACoC;EAJO,CAAhB,EAKNI,UAb2B;;EAc9B;AACF;AACA;EACEjC,QAAQ,EAAEP,SAAS,CAACyC,MAAV,CAAiBD,UAjBG;;EAkB9B;AACF;AACA;EACEhC,QAAQ,EAAER,SAAS,CAAC0C,KAAV,CAAgB,CAAC,IAAD,EAAO,IAAP,EAAa,IAAb,EAAmB,IAAnB,EAAyB,IAAzB,CAAhB,EAAgDF,UArB5B;;EAsB9B;AACF;AACA;EACE9B,gBAAgB,EAAEV,SAAS,CAAC2C,IAAV,CAAeH,UAzBH;;EA0B9B;AACF;AACA;EACE/B,SAAS,EAAET,SAAS,CAAC2C,IAAV,CAAeH,UA7BI;;EA8B9B;AACF;AACA;EACE7B,QAAQ,EAAEX,SAAS,CAAC4C,WAAV,CAAsBJ;AAjCF,CAAhC;AAoCA,eAAevC,UAAU,CAACI,MAAD,EAAS;EAAEwC,IAAI,EAAE;AAAR,CAAT,CAAV,CAAoDvC,mBAApD,CAAf"}
+{"version":3,"file":"DefaultNavigation.js","names":["React","PropTypes","withStyles","HvStep","getColor","stepSizes","styles","HvDefaultNavigation","numSteps","stepSize","getTitles","getDynamicValues","children","other","container","maxSize","avatar","minSize","StepComponent","stepsWidth","width","titleWidth","separatorWidth","maxWidth","Math","max","minWidth","Steps","titles","state","variant","navWidth","separatorValues","height","stepValues","propTypes","className","string","classes","shape","root","isRequired","number","oneOf","func","elementType","name"],"sources":["../../../../src/StepNavigation/DefaultNavigation/DefaultNavigation.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@mui/styles\";\n\nimport HvStep from \"./Step\";\nimport { getColor, stepSizes } from \"./utils\";\nimport styles from \"./styles\";\n\n/**\n * Default Navigation\n */\nconst HvDefaultNavigation = ({\n  numSteps,\n  stepSize,\n  getTitles,\n  getDynamicValues,\n  children,\n  ...other\n}) => {\n  // step values\n  const { container: maxSize, avatar: minSize } = stepSizes[stepSize];\n  const StepComponent = HvStep;\n  //\n\n  const stepsWidth = maxSize + minSize * (numSteps - 1);\n  const { width, titleWidth, separatorWidth } = getDynamicValues(stepsWidth);\n\n  // separator values\n  const maxWidth = Math.max(titleWidth - minSize, separatorWidth);\n  const minWidth = Math.max(titleWidth - (maxSize + minSize) * 0.5, separatorWidth);\n  //\n\n  const Steps = children;\n\n  const titles = getTitles(({ state }) => ({\n    variant: state === \"Disabled\" ? \"disabledText\" : \"highlightText\",\n    titleWidth,\n  }));\n\n  return (\n    <div {...other}>\n      <Steps\n        {...{\n          stepsWidth,\n          navWidth: width,\n          separatorValues: {\n            minWidth,\n            maxWidth,\n            getColor,\n            height: 3,\n          },\n          stepValues: {\n            minSize,\n            maxSize,\n            StepComponent,\n          },\n        }}\n      />\n      {titles}\n    </div>\n  );\n};\n\nHvDefaultNavigation.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * Number of steps to show on the component.\n   */\n  numSteps: PropTypes.number.isRequired,\n  /**\n   * Sets one of the standard sizes of the steps\n   */\n  stepSize: PropTypes.oneOf([\"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]).isRequired,\n  /**\n   * Returns dynamic width values of the component (width, titleWidth, separatorWidth).\n   */\n  getDynamicValues: PropTypes.func.isRequired,\n  /**\n   * Returns a JSX.element of the titles container.\n   */\n  getTitles: PropTypes.func.isRequired,\n  /**\n   * Component to render Step Navigation with props = {separatorValues, stepValues, stepsWidth}\n   */\n  children: PropTypes.elementType.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvDefaultNavigation\" })(HvDefaultNavigation);\n"],"mappings":";;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAElC,SAASC,UAAU,QAAQ,aAAa;AAExC,OAAOC,MAAM,MAAM,QAAQ;AAC3B,SAASC,QAAQ,EAAEC,SAAS,QAAQ,SAAS;AAC7C,OAAOC,MAAM,MAAM,UAAU;;AAE7B;AACA;AACA;AAFA;AAAA;AAGA,MAAMC,mBAAmB,GAAG,QAOtB;EAAA,IAPuB;MAC3BC,QAAQ;MACRC,QAAQ;MACRC,SAAS;MACTC,gBAAgB;MAChBC;IAEF,CAAC;IADIC,KAAK;EAER;EACA,MAAM;IAAEC,SAAS,EAAEC,OAAO;IAAEC,MAAM,EAAEC;EAAQ,CAAC,GAAGZ,SAAS,CAACI,QAAQ,CAAC;EACnE,MAAMS,aAAa,GAAGf,MAAM;EAC5B;;EAEA,MAAMgB,UAAU,GAAGJ,OAAO,GAAGE,OAAO,IAAIT,QAAQ,GAAG,CAAC,CAAC;EACrD,MAAM;IAAEY,KAAK;IAAEC,UAAU;IAAEC;EAAe,CAAC,GAAGX,gBAAgB,CAACQ,UAAU,CAAC;;EAE1E;EACA,MAAMI,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACJ,UAAU,GAAGJ,OAAO,EAAEK,cAAc,CAAC;EAC/D,MAAMI,QAAQ,GAAGF,IAAI,CAACC,GAAG,CAACJ,UAAU,GAAG,CAACN,OAAO,GAAGE,OAAO,IAAI,GAAG,EAAEK,cAAc,CAAC;EACjF;;EAEA,MAAMK,KAAK,GAAGf,QAAQ;EAEtB,MAAMgB,MAAM,GAAGlB,SAAS,CAAC,CAAC;IAAEmB;EAAM,CAAC,MAAM;IACvCC,OAAO,EAAED,KAAK,KAAK,UAAU,GAAG,cAAc,GAAG,eAAe;IAChER;EACF,CAAC,CAAC,CAAC;EAEH,oBACE,6CAASR,KAAK;IAAA,wBACZ,KAAC,KAAK;MAEFM,UAAU;MACVY,QAAQ,EAAEX,KAAK;MACfY,eAAe,EAAE;QACfN,QAAQ;QACRH,QAAQ;QACRnB,QAAQ;QACR6B,MAAM,EAAE;MACV,CAAC;MACDC,UAAU,EAAE;QACVjB,OAAO;QACPF,OAAO;QACPG;MACF;IAAC,EAEH,EACDU,MAAM;EAAA,GACH;AAEV,CAAC;AAED,wCAAArB,mBAAmB,CAAC4B,SAAS,GAAG;EAC9B;AACF;AACA;EACEC,SAAS,EAAEnC,SAAS,CAACoC,MAAM;EAC3B;AACF;AACA;EACEC,OAAO,EAAErC,SAAS,CAACsC,KAAK,CAAC;IACvB;AACJ;AACA;IACIC,IAAI,EAAEvC,SAAS,CAACoC;EAClB,CAAC,CAAC,CAACI,UAAU;EACb;AACF;AACA;EACEjC,QAAQ,EAAEP,SAAS,CAACyC,MAAM,CAACD,UAAU;EACrC;AACF;AACA;EACEhC,QAAQ,EAAER,SAAS,CAAC0C,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,CAACF,UAAU;EACpE;AACF;AACA;EACE9B,gBAAgB,EAAEV,SAAS,CAAC2C,IAAI,CAACH,UAAU;EAC3C;AACF;AACA;EACE/B,SAAS,EAAET,SAAS,CAAC2C,IAAI,CAACH,UAAU;EACpC;AACF;AACA;EACE7B,QAAQ,EAAEX,SAAS,CAAC4C,WAAW,CAACJ;AAClC,CAAC;AAED,eAAevC,UAAU,CAACI,MAAM,EAAE;EAAEwC,IAAI,EAAE;AAAsB,CAAC,CAAC,CAACvC,mBAAmB,CAAC"}