@vuu-ui/vuu-popups 0.13.90 → 0.13.91

package/cjs/index.js

@@ -6,9 +6,6 @@ var PopupMenu = require('./popup-menu/PopupMenu.js');
 var Portal = require('./portal/Portal.js');
 var Tooltip = require('./tooltip/Tooltip.js');
 var useTooltip = require('./tooltip/useTooltip.js');
-var NotificationsContext = require('./notifications/NotificationsContext.js');
-var NotificationsProvider = require('./notifications/NotificationsProvider.js');
-var ToastNotification = require('./notifications/ToastNotification.js');
 
 
 
@@ -18,11 +15,4 @@ exports.PopupMenu = PopupMenu.PopupMenu;
 exports.Portal = Portal.Portal;
 exports.Tooltip = Tooltip.Tooltip;
 exports.useTooltip = useTooltip.useTooltip;
-exports.NotificationLevel = NotificationsContext.NotificationLevel;
-exports.NotificationType = NotificationsContext.NotificationType;
-exports.isToastNotification = NotificationsContext.isToastNotification;
-exports.isWorkspaceNotification = NotificationsContext.isWorkspaceNotification;
-exports.NotificationsProvider = NotificationsProvider.NotificationsProvider;
-exports.useNotifications = NotificationsProvider.useNotifications;
-exports.ToastNotification = ToastNotification.ToastNotification;
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/cjs/popup/useAnchoredPosition.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var react = require('react');
 var getPositionRelativeToAnchor = require('./getPositionRelativeToAnchor.js');
 
 const useAnchoredPosition = ({
@@ -11,9 +11,9 @@ const useAnchoredPosition = ({
   placement,
   position: positionProp
 }) => {
-  const popupRef = React.useRef(null);
-  const [position, setPosition] = React.useState(positionProp);
-  React.useLayoutEffect(() => {
+  const popupRef = react.useRef(null);
+  const [position, setPosition] = react.useState(positionProp);
+  react.useLayoutEffect(() => {
     if (placement === "absolute" && positionProp) {
       setPosition(positionProp);
     } else if (anchorElement.current && placement !== "auto") {
@@ -29,7 +29,7 @@ const useAnchoredPosition = ({
       setPosition(position2);
     }
   }, [anchorElement, minWidth, offsetLeft, offsetTop, placement, positionProp]);
-  const popupCallbackRef = React.useCallback(
+  const popupCallbackRef = react.useCallback(
     (el) => {
       popupRef.current = el;
       if (el && placement === "center" && anchorElement.current) {

package/cjs/popup-menu/usePopupMenu.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var react = require('react');
 var getPositionRelativeToAnchor = require('../popup/getPositionRelativeToAnchor.js');
 var vuuContextMenu = require('@vuu-ui/vuu-context-menu');
 
@@ -16,10 +16,10 @@ const usePopupMenu = ({
   popupPlacement,
   tabIndex
 }) => {
-  const [menuOpen, _setMenuOpen] = React.useState(false);
-  const suppressShowMenuRef = React.useRef(false);
-  const rootRef = React.useRef(null);
-  const setMenuOpen = React.useCallback(
+  const [menuOpen, _setMenuOpen] = react.useState(false);
+  const suppressShowMenuRef = react.useRef(false);
+  const rootRef = react.useRef(null);
+  const setMenuOpen = react.useCallback(
     (isOpen) => {
       _setMenuOpen(isOpen);
       if (isOpen) {
@@ -29,7 +29,7 @@ const usePopupMenu = ({
     [onMenuOpen]
   );
   const showContextMenu = vuuContextMenu.useContextMenu(menuBuilder, menuActionHandler);
-  const handleMenuOpenChange = React.useCallback(
+  const handleMenuOpenChange = react.useCallback(
     (isOpen) => {
       if (isOpen === false) {
         setMenuOpen(false);
@@ -38,7 +38,7 @@ const usePopupMenu = ({
     },
     [onMenuClose, setMenuOpen]
   );
-  const showMenu = React.useCallback(
+  const showMenu = react.useCallback(
     (e) => {
       if (suppressShowMenuRef.current) {
         suppressShowMenuRef.current = false;

package/cjs/portal/Portal.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var vuuUtils = require('@vuu-ui/vuu-utils');
-var React = require('react');
+var react = require('react');
 var reactDom = require('react-dom');
 var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
@@ -38,11 +38,11 @@ const Portal = ({
     css: Portal$1,
     window: targetWindow
   });
-  const [mounted, setMounted] = React.useState(false);
-  const portalRef = React.useRef(null);
+  const [mounted, setMounted] = react.useState(false);
+  const portalRef = react.useRef(null);
   const container = getContainer(containerProp) ?? document.body;
   const [themeClass, densityClass, dataMode] = vuuUtils.useThemeAttributes(themeAttributes);
-  React.useLayoutEffect(() => {
+  react.useLayoutEffect(() => {
     const root = getFirstAvailableElementById(id);
     if (root) {
       portalRef.current = root;
@@ -58,7 +58,7 @@ const Portal = ({
     el.dataset.mode = dataMode;
     setMounted(true);
   }, [id, container, themeClass, densityClass, dataMode]);
-  React.useLayoutEffect(() => {
+  react.useLayoutEffect(() => {
     requestAnimationFrame(() => {
       onRender?.();
     });

package/cjs/tooltip/useTooltip.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var vuuUtils = require('@vuu-ui/vuu-utils');
-var React = require('react');
+var react = require('react');
 
 const useTooltip = ({
   anchorQuery = "*",
@@ -9,29 +9,29 @@ const useTooltip = ({
   placement = ["right", "above", "below"],
   tooltipContent
 }) => {
-  const hideTooltipRef = React.useRef(void 0);
-  const isHoveringRef = React.useRef(false);
-  const anchorElementRef = React.useRef(null);
-  const mouseEnterTimerRef = React.useRef(void 0);
-  const mouseLeaveTimerRef = React.useRef(void 0);
-  const [tooltipProps, setTooltipProps] = React.useState();
+  const hideTooltipRef = react.useRef(void 0);
+  const isHoveringRef = react.useRef(false);
+  const anchorElementRef = react.useRef(null);
+  const mouseEnterTimerRef = react.useRef(void 0);
+  const mouseLeaveTimerRef = react.useRef(void 0);
+  const [tooltipProps, setTooltipProps] = react.useState();
   const id = vuuUtils.useId(idProp);
-  const escapeListener = React.useCallback((evt) => {
+  const escapeListener = react.useCallback((evt) => {
     if (evt.key === "Escape") {
       hideTooltipRef.current?.();
     }
   }, []);
-  hideTooltipRef.current = React.useCallback(() => {
+  hideTooltipRef.current = react.useCallback(() => {
     setTooltipProps(void 0);
     document.removeEventListener("keydown", escapeListener);
   }, [escapeListener]);
-  const handleMouseEnterTooltip = React.useCallback(() => {
+  const handleMouseEnterTooltip = react.useCallback(() => {
     window.clearTimeout(mouseLeaveTimerRef.current);
   }, []);
-  const handleMouseLeaveTooltip = React.useCallback(() => {
+  const handleMouseLeaveTooltip = react.useCallback(() => {
     hideTooltipRef.current?.();
   }, []);
-  const hideTooltip = React.useCallback((defer = 0) => {
+  const hideTooltip = react.useCallback((defer = 0) => {
     if (mouseEnterTimerRef.current) {
       window.clearTimeout(mouseEnterTimerRef.current);
       mouseEnterTimerRef.current = void 0;
@@ -46,7 +46,7 @@ const useTooltip = ({
       }
     }
   }, []);
-  const showTooltip = React.useCallback(
+  const showTooltip = react.useCallback(
     (ref = anchorElementRef) => {
       const { current: anchorEl } = ref;
       if (anchorEl) {
@@ -73,7 +73,7 @@ const useTooltip = ({
       tooltipContent
     ]
   );
-  const handleMouseEnter = React.useCallback(
+  const handleMouseEnter = react.useCallback(
     (evt) => {
       isHoveringRef.current = true;
       const el = vuuUtils.queryClosest(evt.target, anchorQuery);
@@ -85,7 +85,7 @@ const useTooltip = ({
     },
     [anchorQuery, showTooltip]
   );
-  const handleMouseLeave = React.useCallback(() => {
+  const handleMouseLeave = react.useCallback(() => {
     isHoveringRef.current = false;
     hideTooltip(200);
   }, [hideTooltip]);

package/cjs/tooltip/useTooltipAnchoredPosition.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var react = require('react');
 
 const pointerSize = 12;
 const roomAbove = (anchor, tooltip) => tooltip.height + pointerSize < anchor.top;
@@ -84,7 +84,7 @@ const useTooltipAnchoredPosition = ({
   anchorElement,
   placement
 }) => {
-  const ref = React.useCallback(
+  const ref = react.useCallback(
     (el) => {
       if (el && anchorElement.current) {
         const anchorRect = anchorElement.current.getBoundingClientRect();

package/esm/index.js

@@ -4,7 +4,4 @@ export { PopupMenu } from './popup-menu/PopupMenu.js';
 export { Portal } from './portal/Portal.js';
 export { Tooltip } from './tooltip/Tooltip.js';
 export { useTooltip } from './tooltip/useTooltip.js';
-export { NotificationLevel, NotificationType, isToastNotification, isWorkspaceNotification } from './notifications/NotificationsContext.js';
-export { NotificationsProvider, useNotifications } from './notifications/NotificationsProvider.js';
-export { ToastNotification } from './notifications/ToastNotification.js';
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.13.90",
+  "version": "0.13.91",
   "description": "VUU popup components - Context Menu, Dialog etc",
   "author": "heswell",
   "license": "Apache-2.0",
@@ -7,16 +7,16 @@
     "@salt-ds/core": "1.48.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-context-menu": "0.13.90",
-    "@vuu-ui/vuu-data-types": "0.13.90",
-    "@vuu-ui/vuu-layout": "0.13.90",
-    "@vuu-ui/vuu-utils": "0.13.90",
-    "@vuu-ui/vuu-ui-controls": "0.13.90"
+    "@vuu-ui/vuu-context-menu": "0.13.91",
+    "@vuu-ui/vuu-data-types": "0.13.91",
+    "@vuu-ui/vuu-layout": "0.13.91",
+    "@vuu-ui/vuu-utils": "0.13.91",
+    "@vuu-ui/vuu-ui-controls": "0.13.91"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",
-    "react": "^19.2.1",
-    "react-dom": "^19.2.1"
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
   },
   "sideEffects": false,
   "files": [

package/types/index.d.ts

@@ -2,4 +2,3 @@ export * from "./popup";
 export * from "./popup-menu";
 export * from "./portal";
 export * from "./tooltip";
-export * from "./notifications";

package/cjs/notifications/NotificationsCenter.js

@@ -1,63 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var React = require('react');
-var NotificationsContext = require('./NotificationsContext.js');
-var ToastNotification = require('./ToastNotification.js');
-var WorkspaceNotification = require('./WorkspaceNotification.js');
-
-const toastOffsetTop = 60;
-const toastDisplayDuration = 6e3;
-const horizontalTransitionDuration = 1e3;
-const toastHeight = 56;
-const toastContainerContentGap = 10;
-const NotificationsCenter = ({
-  notificationsContext
-}) => {
-  const [workspaceNotification, setWorkspaceNotification] = React.useState(null);
-  const [notifications, setNotifications] = React.useState(
-    []
-  );
-  const showNotification = React.useCallback((notification) => {
-    if (NotificationsContext.isToastNotification(notification)) {
-      const newNotification = {
-        ...notification,
-        id: vuuUtils.getUniqueId()
-      };
-      setNotifications((prev) => prev.concat(newNotification));
-      setTimeout(
-        () => {
-          setNotifications((prev) => prev.filter((n) => n !== newNotification));
-        },
-        toastDisplayDuration + horizontalTransitionDuration * 2
-      );
-    } else if (NotificationsContext.isWorkspaceNotification(notification)) {
-      setWorkspaceNotification(
-        /* @__PURE__ */ jsxRuntime.jsx(WorkspaceNotification.WorkspaceNotification, { children: notification.content })
-      );
-    } else {
-      throw Error("[NotificationsCenter] invalid notification received");
-    }
-  }, []);
-  const hideNotification = React.useCallback(() => {
-    setWorkspaceNotification(null);
-  }, []);
-  React.useMemo(() => {
-    notificationsContext.setNotify(showNotification, hideNotification);
-  }, [hideNotification, notificationsContext, showNotification]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    workspaceNotification,
-    notifications.map((notification, i) => /* @__PURE__ */ jsxRuntime.jsx(
-      ToastNotification.ToastNotification,
-      {
-        top: toastOffsetTop + (toastHeight + toastContainerContentGap) * i,
-        notification
-      },
-      notification.id
-    ))
-  ] });
-};
-
-exports.NotificationsCenter = NotificationsCenter;
-//# sourceMappingURL=NotificationsCenter.js.map

package/cjs/notifications/NotificationsCenter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationsCenter.js","sources":["../../../../packages/vuu-popups/src/notifications/NotificationsCenter.tsx"],"sourcesContent":["import { getUniqueId } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode, useCallback, useMemo, useState } from \"react\";\nimport {\n  isToastNotification,\n  isWorkspaceNotification,\n  Notification,\n  NotificationsContext,\n  ToastNotificationDescriptor as ToastNotificationType,\n} from \"./NotificationsContext\";\nimport { ToastNotification } from \"./ToastNotification\";\nimport { WorkspaceNotification } from \"./WorkspaceNotification\";\n\nexport interface NotificationsCenterProps {\n  notificationsContext: NotificationsContext;\n}\n\ninterface ToastNotificationWithId extends ToastNotificationType {\n  id: string;\n}\n\n// animation times in milliseconds\nconst toastOffsetTop = 60;\nconst toastDisplayDuration = 6000;\nconst horizontalTransitionDuration = 1000;\n\n// toast size in pixels\nconst toastHeight = 56;\nconst toastContainerContentGap = 10;\n// rightPadding is used together with the toastWidth to compute the toast position\n// at the beginning and at the end of the animation\n\nexport const NotificationsCenter = ({\n  notificationsContext,\n}: NotificationsCenterProps) => {\n  const [workspaceNotification, setWorkspaceNotification] =\n    useState<ReactNode>(null);\n  const [notifications, setNotifications] = useState<ToastNotificationWithId[]>(\n    [],\n  );\n\n  const showNotification = useCallback((notification: Notification) => {\n    if (isToastNotification(notification)) {\n      const newNotification: ToastNotificationWithId = {\n        ...notification,\n        id: getUniqueId(),\n      };\n      setNotifications((prev) => prev.concat(newNotification));\n      setTimeout(\n        () => {\n          setNotifications((prev) => prev.filter((n) => n !== newNotification));\n        },\n        toastDisplayDuration + horizontalTransitionDuration * 2,\n      );\n    } else if (isWorkspaceNotification(notification)) {\n      setWorkspaceNotification(\n        <WorkspaceNotification>{notification.content}</WorkspaceNotification>,\n      );\n    } else {\n      throw Error(\"[NotificationsCenter] invalid notification received\");\n    }\n  }, []);\n\n  const hideNotification = useCallback(() => {\n    setWorkspaceNotification(null);\n  }, []);\n\n  useMemo(() => {\n    notificationsContext.setNotify(showNotification, hideNotification);\n  }, [hideNotification, notificationsContext, showNotification]);\n\n  return (\n    <>\n      {workspaceNotification}\n      {notifications.map((notification, i) => (\n        <ToastNotification\n          top={toastOffsetTop + (toastHeight + toastContainerContentGap) * i}\n          notification={notification}\n          key={notification.id}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":["useState","useCallback","isToastNotification","getUniqueId","isWorkspaceNotification","jsx","WorkspaceNotification","useMemo","jsxs","Fragment","ToastNotification"],"mappings":";;;;;;;;;AAqBA,MAAM,cAAiB,GAAA,EAAA;AACvB,MAAM,oBAAuB,GAAA,GAAA;AAC7B,MAAM,4BAA+B,GAAA,GAAA;AAGrC,MAAM,WAAc,GAAA,EAAA;AACpB,MAAM,wBAA2B,GAAA,EAAA;AAI1B,MAAM,sBAAsB,CAAC;AAAA,EAClC;AACF,CAAgC,KAAA;AAC9B,EAAA,MAAM,CAAC,qBAAA,EAAuB,wBAAwB,CAAA,GACpDA,eAAoB,IAAI,CAAA;AAC1B,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAAA,cAAA;AAAA,IACxC;AAAC,GACH;AAEA,EAAM,MAAA,gBAAA,GAAmBC,iBAAY,CAAA,CAAC,YAA+B,KAAA;AACnE,IAAI,IAAAC,wCAAA,CAAoB,YAAY,CAAG,EAAA;AACrC,MAAA,MAAM,eAA2C,GAAA;AAAA,QAC/C,GAAG,YAAA;AAAA,QACH,IAAIC,oBAAY;AAAA,OAClB;AACA,MAAA,gBAAA,CAAiB,CAAC,IAAA,KAAS,IAAK,CAAA,MAAA,CAAO,eAAe,CAAC,CAAA;AACvD,MAAA,UAAA;AAAA,QACE,MAAM;AACJ,UAAiB,gBAAA,CAAA,CAAC,SAAS,IAAK,CAAA,MAAA,CAAO,CAAC,CAAM,KAAA,CAAA,KAAM,eAAe,CAAC,CAAA;AAAA,SACtE;AAAA,QACA,uBAAuB,4BAA+B,GAAA;AAAA,OACxD;AAAA,KACF,MAAA,IAAWC,4CAAwB,CAAA,YAAY,CAAG,EAAA;AAChD,MAAA,wBAAA;AAAA,wBACEC,cAAA,CAACC,2CAAuB,EAAA,EAAA,QAAA,EAAA,YAAA,CAAa,OAAQ,EAAA;AAAA,OAC/C;AAAA,KACK,MAAA;AACL,MAAA,MAAM,MAAM,qDAAqD,CAAA;AAAA;AACnE,GACF,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,gBAAA,GAAmBL,kBAAY,MAAM;AACzC,IAAA,wBAAA,CAAyB,IAAI,CAAA;AAAA,GAC/B,EAAG,EAAE,CAAA;AAEL,EAAAM,aAAA,CAAQ,MAAM;AACZ,IAAqB,oBAAA,CAAA,SAAA,CAAU,kBAAkB,gBAAgB,CAAA;AAAA,GAChE,EAAA,CAAC,gBAAkB,EAAA,oBAAA,EAAsB,gBAAgB,CAAC,CAAA;AAE7D,EAAA,uBAEKC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,qBAAA;AAAA,IACA,aAAc,CAAA,GAAA,CAAI,CAAC,YAAA,EAAc,CAChC,qBAAAJ,cAAA;AAAA,MAACK,mCAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,cAAkB,GAAA,CAAA,WAAA,GAAc,wBAA4B,IAAA,CAAA;AAAA,QACjE;AAAA,OAAA;AAAA,MACK,YAAa,CAAA;AAAA,KAErB;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/cjs/notifications/NotificationsContext.js

@@ -1,20 +0,0 @@
-'use strict';
-
-const NotificationLevel = {
-  Error: "error",
-  Info: "info",
-  Success: "success",
-  Warning: "warning"
-};
-const NotificationType = {
-  Toast: "toast",
-  Workspace: "workspace"
-};
-const isToastNotification = (n) => n.type === NotificationType.Toast;
-const isWorkspaceNotification = (n) => n.type === NotificationType.Workspace;
-
-exports.NotificationLevel = NotificationLevel;
-exports.NotificationType = NotificationType;
-exports.isToastNotification = isToastNotification;
-exports.isWorkspaceNotification = isWorkspaceNotification;
-//# sourceMappingURL=NotificationsContext.js.map

package/cjs/notifications/NotificationsContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationsContext.js","sources":["../../../../packages/vuu-popups/src/notifications/NotificationsContext.tsx"],"sourcesContent":["import { ValueOf } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode } from \"react\";\n\nexport type DispatchShowNotification = (notification: Notification) => void;\nexport type DispatchHideNotification = () => void;\n\nexport const NotificationLevel = {\n  Error: \"error\",\n  Info: \"info\",\n  Success: \"success\",\n  Warning: \"warning\",\n} as const;\n\nexport type NotificationLevel = ValueOf<typeof NotificationLevel>;\n\nexport const NotificationType = {\n  Toast: \"toast\",\n  Workspace: \"workspace\",\n} as const;\n\nexport type NotificationType = ValueOf<typeof NotificationType>;\n\ninterface NotificationDescriptorBase<T extends NotificationType> {\n  level: NotificationLevel;\n  type: T;\n}\n\nexport interface ToastNotificationDescriptor\n  extends NotificationDescriptorBase<\"toast\"> {\n  content: string;\n  header: string;\n}\n\nexport interface WorkspaceNotificationDescriptor\n  extends NotificationDescriptorBase<\"workspace\"> {\n  content: ReactNode;\n}\n\nexport type Notification =\n  | ToastNotificationDescriptor\n  | WorkspaceNotificationDescriptor;\n\nexport const isToastNotification = (\n  n: Notification,\n): n is ToastNotificationDescriptor => n.type === NotificationType.Toast;\n\nexport const isWorkspaceNotification = (\n  n: Notification,\n): n is WorkspaceNotificationDescriptor =>\n  n.type === NotificationType.Workspace;\n\nexport type NotificationsContext = {\n  hideNotification: DispatchHideNotification;\n  showNotification: DispatchShowNotification;\n  setNotify: (\n    showNotificationDispatcher: DispatchShowNotification,\n    hideNotificationDispatcher: DispatchHideNotification,\n  ) => void;\n};\n"],"names":[],"mappings":";;AAMO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,KAAO,EAAA,OAAA;AAAA,EACP,IAAM,EAAA,MAAA;AAAA,EACN,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA;AACX;AAIO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,KAAO,EAAA,OAAA;AAAA,EACP,SAAW,EAAA;AACb;AAwBO,MAAM,mBAAsB,GAAA,CACjC,CACqC,KAAA,CAAA,CAAE,SAAS,gBAAiB,CAAA;AAE5D,MAAM,uBAA0B,GAAA,CACrC,CAEA,KAAA,CAAA,CAAE,SAAS,gBAAiB,CAAA;;;;;;;"}

package/cjs/notifications/NotificationsProvider.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var NotificationsCenter = require('./NotificationsCenter.js');
-
-var __defProp = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _showNotification, _hideNotification;
-class NotificationsContextObject {
-  constructor() {
-    __privateAdd(this, _showNotification, () => console.log("have you forgotten to provide a NotificationsCenter?"));
-    __privateAdd(this, _hideNotification, () => console.log("have you forgotten to provide a NotificationsCenter?"));
-    // We want the public notify method to be stable, setNotify call should not trigger re-renders
-    __publicField(this, "showNotification", (notification) => __privateGet(this, _showNotification).call(this, notification));
-    __publicField(this, "hideNotification", () => __privateGet(this, _hideNotification).call(this));
-    __publicField(this, "setNotify", (showNotificationDispatcher, hideNotificationDispatcher) => {
-      __privateSet(this, _showNotification, showNotificationDispatcher);
-      __privateSet(this, _hideNotification, hideNotificationDispatcher);
-    });
-  }
-}
-_showNotification = new WeakMap();
-_hideNotification = new WeakMap();
-const NotificationsContext = React.createContext(
-  new NotificationsContextObject()
-);
-const NotificationsProvider = (props) => {
-  const context = React.useContext(NotificationsContext);
-  return /* @__PURE__ */ jsxRuntime.jsxs(NotificationsContext.Provider, { value: context, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(NotificationsCenter.NotificationsCenter, { notificationsContext: context }),
-    props.children
-  ] });
-};
-const useNotifications = () => {
-  const { hideNotification, showNotification } = React.useContext(NotificationsContext);
-  return { hideNotification, showNotification };
-};
-
-exports.NotificationsProvider = NotificationsProvider;
-exports.useNotifications = useNotifications;
-//# sourceMappingURL=NotificationsProvider.js.map

package/cjs/notifications/NotificationsProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationsProvider.js","sources":["../../../../packages/vuu-popups/src/notifications/NotificationsProvider.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from \"react\";\nimport { NotificationsCenter } from \"./NotificationsCenter\";\nimport {\n  DispatchHideNotification,\n  DispatchShowNotification,\n  NotificationsContext,\n} from \"./NotificationsContext\";\n\n/*\n  The Context is not exposed outside this module, only the notify\n  prop can be accessed via the useNotifications hook.\n  The NotificationsCenter receives the full context object and\n  sets the notify method. State management around dispatched\n  notifications is handled entirely within the NotificationsCenter,\n  avoiding rerendering our children when notifications are \n  dispatched.\n*/\nclass NotificationsContextObject implements NotificationsContext {\n  #showNotification: DispatchShowNotification = () =>\n    console.log(\"have you forgotten to provide a NotificationsCenter?\");\n  #hideNotification: DispatchHideNotification = () =>\n    console.log(\"have you forgotten to provide a NotificationsCenter?\");\n  // We want the public notify method to be stable, setNotify call should not trigger re-renders\n  showNotification: DispatchShowNotification = (notification) =>\n    this.#showNotification(notification);\n  hideNotification: DispatchHideNotification = () => this.#hideNotification();\n  setNotify = (\n    showNotificationDispatcher: DispatchShowNotification,\n    hideNotificationDispatcher: DispatchHideNotification,\n  ) => {\n    this.#showNotification = showNotificationDispatcher;\n    this.#hideNotification = hideNotificationDispatcher;\n  };\n}\n\nconst NotificationsContext = React.createContext<NotificationsContext>(\n  new NotificationsContextObject(),\n);\n\nexport const NotificationsProvider = (props: {\n  children: ReactElement | ReactElement[];\n}) => {\n  const context = useContext(NotificationsContext);\n  return (\n    <NotificationsContext.Provider value={context}>\n      <NotificationsCenter notificationsContext={context} />\n      {props.children}\n    </NotificationsContext.Provider>\n  );\n};\n\nexport const useNotifications = () => {\n  const { hideNotification, showNotification } =\n    useContext(NotificationsContext);\n  return { hideNotification, showNotification };\n};\n"],"names":["useContext","jsxs","jsx","NotificationsCenter"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAA,iBAAA,EAAA,iBAAA;AAiBA,MAAM,0BAA2D,CAAA;AAAA,EAAjE,WAAA,GAAA;AACE,IAA8C,YAAA,CAAA,IAAA,EAAA,iBAAA,EAAA,MAC5C,OAAQ,CAAA,GAAA,CAAI,sDAAsD,CAAA,CAAA;AACpE,IAA8C,YAAA,CAAA,IAAA,EAAA,iBAAA,EAAA,MAC5C,OAAQ,CAAA,GAAA,CAAI,sDAAsD,CAAA,CAAA;AAEpE;AAAA,IAAA,aAAA,CAAA,IAAA,EAAA,kBAAA,EAA6C,CAAC,YAAA,KAC5C,YAAK,CAAA,IAAA,EAAA,iBAAA,CAAA,CAAL,IAAuB,CAAA,IAAA,EAAA,YAAA,CAAA,CAAA;AACzB,IAA6C,aAAA,CAAA,IAAA,EAAA,kBAAA,EAAA,MAAM,mBAAK,iBAAL,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA;AACnD,IAAY,aAAA,CAAA,IAAA,EAAA,WAAA,EAAA,CACV,4BACA,0BACG,KAAA;AACH,MAAA,YAAA,CAAA,IAAA,EAAK,iBAAoB,EAAA,0BAAA,CAAA;AACzB,MAAA,YAAA,CAAA,IAAA,EAAK,iBAAoB,EAAA,0BAAA,CAAA;AAAA,KAC3B,CAAA;AAAA;AACF;AAfE,iBAAA,GAAA,IAAA,OAAA,EAAA;AAEA,iBAAA,GAAA,IAAA,OAAA,EAAA;AAeF,MAAM,uBAAuB,KAAM,CAAA,aAAA;AAAA,EACjC,IAAI,0BAA2B;AACjC,CAAA;AAEa,MAAA,qBAAA,GAAwB,CAAC,KAEhC,KAAA;AACJ,EAAM,MAAA,OAAA,GAAUA,iBAAW,oBAAoB,CAAA;AAC/C,EAAA,uBACGC,eAAA,CAAA,oBAAA,CAAqB,QAArB,EAAA,EAA8B,OAAO,OACpC,EAAA,QAAA,EAAA;AAAA,oBAACC,cAAA,CAAAC,uCAAA,EAAA,EAAoB,sBAAsB,OAAS,EAAA,CAAA;AAAA,IACnD,KAAM,CAAA;AAAA,GACT,EAAA,CAAA;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,gBAAA,EAAkB,gBAAiB,EAAA,GACzCH,iBAAW,oBAAoB,CAAA;AACjC,EAAO,OAAA,EAAE,kBAAkB,gBAAiB,EAAA;AAC9C;;;;;"}

package/cjs/notifications/ToastNotification.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var toastNotificationCss = ".vuuToastNotification {\n  --notification-color: var(--salt-content-primary-foreground);\n  --vuu-icon-size: 24px;\n\n  color: var(--notification-color);\n  position: absolute;\n  display: flex;\n  padding: 8px 32px 8px 8px;\n  align-items: center;\n  gap: 8px;\n  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);\n  z-index: 100000;\n}\n\n.vuuToastNotification-toastContent {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-spacing-100);\n}\n\n.vuuToastNotification-toastHeader {\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.vuuToastNotification-error {\n  --notification-color: var(--salt-status-error-foreground);\n  background: var(--salt-status-error-background);\n}\n\n.vuuToastNotification-success {\n  background: var(--salt-status-success-background);\n}\n\n.vuuToastNotification-info {\n  --notification-color: var(--salt-status-info-foreground);\n  background: var(--salt-status-info-background);\n}\n\n.vuuToastNotification-warning {\n  --notification-color: var(--salt-status-warning-foreground);\n  background: var(--salt-status-warning-background);\n}\n";
-
-module.exports = toastNotificationCss;
-//# sourceMappingURL=ToastNotification.css.js.map

package/cjs/notifications/ToastNotification.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastNotification.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/notifications/ToastNotification.js

@@ -1,66 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var cx = require('clsx');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var React = require('react');
-var Portal = require('../portal/Portal.js');
-var ToastNotification$1 = require('./ToastNotification.css.js');
-
-const toastWidth = 300;
-const toastContainerRightPadding = 50;
-const toastDisplayDuration = 6e3;
-const horizontalTransitionDuration = 1e3;
-const toastHeight = 56;
-const verticalTransitionDuration = 300;
-const classBase = "vuuToastNotification";
-const icon = {
-  error: "error",
-  info: "info-circle",
-  success: "tick",
-  warning: "warn-triangle"
-};
-const ToastNotification = (props) => {
-  const { top, notification, animated = true } = props;
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-toast-notification",
-    css: ToastNotification$1,
-    window: targetWindow
-  });
-  const [right, setRight] = React.useState(-toastWidth - toastContainerRightPadding);
-  React.useEffect(() => {
-    setTimeout(() => setRight(toastContainerRightPadding));
-    if (animated) {
-      setTimeout(
-        () => setRight(-toastWidth - toastContainerRightPadding),
-        toastDisplayDuration + horizontalTransitionDuration
-      );
-    }
-  }, [animated]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Portal.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: cx(classBase, `${classBase}-${notification.type}`),
-      style: {
-        height: toastHeight,
-        right,
-        width: toastWidth,
-        top,
-        transition: animated ? `right ${horizontalTransitionDuration}ms, top ${verticalTransitionDuration}ms ` : "none"
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(vuuUiControls.Icon, { name: icon[notification.level] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classBase}-toastContent`, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("strong", { className: `${classBase}-toastHeader`, children: notification.header }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { children: notification.content })
-        ] })
-      ]
-    }
-  ) });
-};
-
-exports.ToastNotification = ToastNotification;
-//# sourceMappingURL=ToastNotification.js.map

package/cjs/notifications/ToastNotification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastNotification.js","sources":["../../../../packages/vuu-popups/src/notifications/ToastNotification.tsx"],"sourcesContent":["import { Icon } from \"@vuu-ui/vuu-ui-controls\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useEffect, useState } from \"react\";\nimport { Portal } from \"../portal\";\nimport type { ToastNotificationDescriptor } from \"./NotificationsContext\";\n\nimport toastNotificationCss from \"./ToastNotification.css\";\n\nconst toastWidth = 300;\nconst toastContainerRightPadding = 50;\nconst toastDisplayDuration = 6000;\nconst horizontalTransitionDuration = 1000;\nconst toastHeight = 56;\nconst verticalTransitionDuration = 300;\n\nexport type ToastNotificationProps = {\n  top: number;\n  notification: ToastNotificationDescriptor;\n  animated?: boolean;\n};\n\nconst classBase = \"vuuToastNotification\";\n\nconst icon = {\n  error: \"error\",\n  info: \"info-circle\",\n  success: \"tick\",\n  warning: \"warn-triangle\",\n};\n\nexport const ToastNotification = (props: ToastNotificationProps) => {\n  const { top, notification, animated = true } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-toast-notification\",\n    css: toastNotificationCss,\n    window: targetWindow,\n  });\n\n  const [right, setRight] = useState(-toastWidth - toastContainerRightPadding);\n\n  useEffect(() => {\n    setTimeout(() => setRight(toastContainerRightPadding));\n\n    if (animated) {\n      setTimeout(\n        () => setRight(-toastWidth - toastContainerRightPadding),\n        toastDisplayDuration + horizontalTransitionDuration,\n      );\n    }\n  }, [animated]);\n\n  return (\n    <Portal>\n      <div\n        className={cx(classBase, `${classBase}-${notification.type}`)}\n        style={{\n          height: toastHeight,\n          right,\n          width: toastWidth,\n          top,\n          transition: animated\n            ? `right ${horizontalTransitionDuration}ms, top ${verticalTransitionDuration}ms `\n            : \"none\",\n        }}\n      >\n        <Icon name={icon[notification.level]} />\n        <div className={`${classBase}-toastContent`}>\n          <strong className={`${classBase}-toastHeader`}>\n            {notification.header}\n          </strong>\n          <div>{notification.content}</div>\n        </div>\n      </div>\n    </Portal>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","toastNotificationCss","useState","useEffect","Portal","jsxs","jsx","Icon"],"mappings":";;;;;;;;;;;AAUA,MAAM,UAAa,GAAA,GAAA;AACnB,MAAM,0BAA6B,GAAA,EAAA;AACnC,MAAM,oBAAuB,GAAA,GAAA;AAC7B,MAAM,4BAA+B,GAAA,GAAA;AACrC,MAAM,WAAc,GAAA,EAAA;AACpB,MAAM,0BAA6B,GAAA,GAAA;AAQnC,MAAM,SAAY,GAAA,sBAAA;AAElB,MAAM,IAAO,GAAA;AAAA,EACX,KAAO,EAAA,OAAA;AAAA,EACP,IAAM,EAAA,aAAA;AAAA,EACN,OAAS,EAAA,MAAA;AAAA,EACT,OAAS,EAAA;AACX,CAAA;AAEa,MAAA,iBAAA,GAAoB,CAAC,KAAkC,KAAA;AAClE,EAAA,MAAM,EAAE,GAAA,EAAK,YAAc,EAAA,QAAA,GAAW,MAAS,GAAA,KAAA;AAC/C,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,mBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,IAAIC,cAAS,CAAA,CAAC,aAAa,0BAA0B,CAAA;AAE3E,EAAAC,eAAA,CAAU,MAAM;AACd,IAAW,UAAA,CAAA,MAAM,QAAS,CAAA,0BAA0B,CAAC,CAAA;AAErD,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,UAAA;AAAA,QACE,MAAM,QAAA,CAAS,CAAC,UAAA,GAAa,0BAA0B,CAAA;AAAA,QACvD,oBAAuB,GAAA;AAAA,OACzB;AAAA;AACF,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,sCACGC,aACC,EAAA,EAAA,QAAA,kBAAAC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,SAAW,EAAA,CAAA,EAAG,SAAS,CAAI,CAAA,EAAA,YAAA,CAAa,IAAI,CAAE,CAAA,CAAA;AAAA,MAC5D,KAAO,EAAA;AAAA,QACL,MAAQ,EAAA,WAAA;AAAA,QACR,KAAA;AAAA,QACA,KAAO,EAAA,UAAA;AAAA,QACP,GAAA;AAAA,QACA,YAAY,QACR,GAAA,CAAA,MAAA,EAAS,4BAA4B,CAAA,QAAA,EAAW,0BAA0B,CAC1E,GAAA,CAAA,GAAA;AAAA,OACN;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACC,kBAAK,EAAA,EAAA,IAAA,EAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CAAG,EAAA,CAAA;AAAA,wBACrCF,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAC1B,aAAA,CAAA,EAAA,QAAA,EAAA;AAAA,0BAAAC,cAAA,CAAC,YAAO,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,YAAA,CAAA,EAC5B,uBAAa,MAChB,EAAA,CAAA;AAAA,0BACAA,cAAA,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,YAAA,CAAa,OAAQ,EAAA;AAAA,SAC7B,EAAA;AAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/cjs/notifications/WorkspaceNotification.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var workspaceNotificationCss = ".vuuWorkspaceNotification {\n    position: absolute;\n    z-index: var(--salt-zIndex-notification);\n\n    .vuuWorkspaceNotification-content {\n        align-items: center;\n        background: var(--salt-container-primary-background);\n        display: flex;\n        justify-content: center\n    }\n}";
-
-module.exports = workspaceNotificationCss;
-//# sourceMappingURL=WorkspaceNotification.css.js.map

package/cjs/notifications/WorkspaceNotification.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceNotification.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/notifications/WorkspaceNotification.js

@@ -1,52 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var WorkspaceNotification$1 = require('./WorkspaceNotification.css.js');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var core = require('@salt-ds/core');
-
-const classBase = "vuuWorkspaceNotification";
-const WorkspaceNotification = ({
-  children,
-  className,
-  style: styleProp,
-  ...htmlAttributes
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-toast-notification",
-    css: WorkspaceNotification$1,
-    window: targetWindow
-  });
-  const { Component: FloatingComponent } = core.useFloatingComponent();
-  const [left, top, width, height] = React.useMemo(() => {
-    const target = document.querySelector(
-      `#${vuuUtils.VuuShellLocation.WorkspaceContainer}`
-    );
-    if (target) {
-      const { left: left2, top: top2, width: width2, height: height2 } = target.getBoundingClientRect();
-      return [left2, top2, width2, height2];
-    } else {
-      return [0, 0, 200, 200];
-    }
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    FloatingComponent,
-    {
-      ...htmlAttributes,
-      className: cx(classBase, className),
-      open: true,
-      role: "alert",
-      left,
-      top,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-content`, style: { height, width }, children })
-    }
-  );
-};
-
-exports.WorkspaceNotification = WorkspaceNotification;
-//# sourceMappingURL=WorkspaceNotification.js.map

package/cjs/notifications/WorkspaceNotification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceNotification.js","sources":["../../../../packages/vuu-popups/src/notifications/WorkspaceNotification.tsx"],"sourcesContent":["import { HTMLAttributes, ReactNode, useMemo } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\n\nimport workspaceNotificationCss from \"./WorkspaceNotification.css\";\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { useFloatingComponent } from \"@salt-ds/core\";\n\nconst classBase = \"vuuWorkspaceNotification\";\n\nexport interface WorkspaceNotificationProps\n  extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const WorkspaceNotification = ({\n  children,\n  className,\n  style: styleProp,\n  ...htmlAttributes\n}: WorkspaceNotificationProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-toast-notification\",\n    css: workspaceNotificationCss,\n    window: targetWindow,\n  });\n\n  const { Component: FloatingComponent } = useFloatingComponent();\n\n  const [left, top, width, height] = useMemo<\n    [number, number, number, number]\n  >(() => {\n    const target = document.querySelector(\n      `#${VuuShellLocation.WorkspaceContainer}`,\n    );\n    if (target) {\n      const { left, top, width, height } = target.getBoundingClientRect();\n      return [left, top, width, height];\n    } else {\n      return [0, 0, 200, 200];\n    }\n  }, []);\n\n  return (\n    <FloatingComponent\n      {...htmlAttributes}\n      className={cx(classBase, className)}\n      open\n      role=\"alert\"\n      left={left}\n      top={top}\n    >\n      <div className={`${classBase}-content`} style={{ height, width }}>\n        {children}\n      </div>\n    </FloatingComponent>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","workspaceNotificationCss","useFloatingComponent","useMemo","VuuShellLocation","left","top","width","height","jsx"],"mappings":";;;;;;;;;;;AASA,MAAM,SAAY,GAAA,0BAAA;AAOX,MAAM,wBAAwB,CAAC;AAAA,EACpC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,GAAG;AACL,CAAkC,KAAA;AAChC,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAAC,uBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAIC,yBAAqB,EAAA;AAE9D,EAAA,MAAM,CAAC,IAAM,EAAA,GAAA,EAAK,OAAO,MAAM,CAAA,GAAIC,cAEjC,MAAM;AACN,IAAA,MAAM,SAAS,QAAS,CAAA,aAAA;AAAA,MACtB,CAAA,CAAA,EAAIC,0BAAiB,kBAAkB,CAAA;AAAA,KACzC;AACA,IAAA,IAAI,MAAQ,EAAA;AACV,MAAM,MAAA,EAAE,IAAAC,EAAAA,KAAAA,EAAM,GAAAC,EAAAA,IAAAA,EAAK,KAAAC,EAAAA,MAAAA,EAAO,MAAAC,EAAAA,OAAAA,EAAW,GAAA,MAAA,CAAO,qBAAsB,EAAA;AAClE,MAAA,OAAO,CAACH,KAAAA,EAAMC,IAAKC,EAAAA,MAAAA,EAAOC,OAAM,CAAA;AAAA,KAC3B,MAAA;AACL,MAAA,OAAO,CAAC,CAAA,EAAG,CAAG,EAAA,GAAA,EAAK,GAAG,CAAA;AAAA;AACxB,GACF,EAAG,EAAE,CAAA;AAEL,EACE,uBAAAC,cAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,IAAI,EAAA,IAAA;AAAA,MACJ,IAAK,EAAA,OAAA;AAAA,MACL,IAAA;AAAA,MACA,GAAA;AAAA,MAEA,QAAA,kBAAAA,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,CAAY,QAAA,CAAA,EAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,KAAM,EAAA,EAC5D,QACH,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/esm/notifications/NotificationsCenter.js

@@ -1,61 +0,0 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { getUniqueId } from '@vuu-ui/vuu-utils';
-import { useState, useCallback, useMemo } from 'react';
-import { isToastNotification, isWorkspaceNotification } from './NotificationsContext.js';
-import { ToastNotification } from './ToastNotification.js';
-import { WorkspaceNotification } from './WorkspaceNotification.js';
-
-const toastOffsetTop = 60;
-const toastDisplayDuration = 6e3;
-const horizontalTransitionDuration = 1e3;
-const toastHeight = 56;
-const toastContainerContentGap = 10;
-const NotificationsCenter = ({
-  notificationsContext
-}) => {
-  const [workspaceNotification, setWorkspaceNotification] = useState(null);
-  const [notifications, setNotifications] = useState(
-    []
-  );
-  const showNotification = useCallback((notification) => {
-    if (isToastNotification(notification)) {
-      const newNotification = {
-        ...notification,
-        id: getUniqueId()
-      };
-      setNotifications((prev) => prev.concat(newNotification));
-      setTimeout(
-        () => {
-          setNotifications((prev) => prev.filter((n) => n !== newNotification));
-        },
-        toastDisplayDuration + horizontalTransitionDuration * 2
-      );
-    } else if (isWorkspaceNotification(notification)) {
-      setWorkspaceNotification(
-        /* @__PURE__ */ jsx(WorkspaceNotification, { children: notification.content })
-      );
-    } else {
-      throw Error("[NotificationsCenter] invalid notification received");
-    }
-  }, []);
-  const hideNotification = useCallback(() => {
-    setWorkspaceNotification(null);
-  }, []);
-  useMemo(() => {
-    notificationsContext.setNotify(showNotification, hideNotification);
-  }, [hideNotification, notificationsContext, showNotification]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    workspaceNotification,
-    notifications.map((notification, i) => /* @__PURE__ */ jsx(
-      ToastNotification,
-      {
-        top: toastOffsetTop + (toastHeight + toastContainerContentGap) * i,
-        notification
-      },
-      notification.id
-    ))
-  ] });
-};
-
-export { NotificationsCenter };
-//# sourceMappingURL=NotificationsCenter.js.map

package/esm/notifications/NotificationsCenter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationsCenter.js","sources":["../../../../packages/vuu-popups/src/notifications/NotificationsCenter.tsx"],"sourcesContent":["import { getUniqueId } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode, useCallback, useMemo, useState } from \"react\";\nimport {\n  isToastNotification,\n  isWorkspaceNotification,\n  Notification,\n  NotificationsContext,\n  ToastNotificationDescriptor as ToastNotificationType,\n} from \"./NotificationsContext\";\nimport { ToastNotification } from \"./ToastNotification\";\nimport { WorkspaceNotification } from \"./WorkspaceNotification\";\n\nexport interface NotificationsCenterProps {\n  notificationsContext: NotificationsContext;\n}\n\ninterface ToastNotificationWithId extends ToastNotificationType {\n  id: string;\n}\n\n// animation times in milliseconds\nconst toastOffsetTop = 60;\nconst toastDisplayDuration = 6000;\nconst horizontalTransitionDuration = 1000;\n\n// toast size in pixels\nconst toastHeight = 56;\nconst toastContainerContentGap = 10;\n// rightPadding is used together with the toastWidth to compute the toast position\n// at the beginning and at the end of the animation\n\nexport const NotificationsCenter = ({\n  notificationsContext,\n}: NotificationsCenterProps) => {\n  const [workspaceNotification, setWorkspaceNotification] =\n    useState<ReactNode>(null);\n  const [notifications, setNotifications] = useState<ToastNotificationWithId[]>(\n    [],\n  );\n\n  const showNotification = useCallback((notification: Notification) => {\n    if (isToastNotification(notification)) {\n      const newNotification: ToastNotificationWithId = {\n        ...notification,\n        id: getUniqueId(),\n      };\n      setNotifications((prev) => prev.concat(newNotification));\n      setTimeout(\n        () => {\n          setNotifications((prev) => prev.filter((n) => n !== newNotification));\n        },\n        toastDisplayDuration + horizontalTransitionDuration * 2,\n      );\n    } else if (isWorkspaceNotification(notification)) {\n      setWorkspaceNotification(\n        <WorkspaceNotification>{notification.content}</WorkspaceNotification>,\n      );\n    } else {\n      throw Error(\"[NotificationsCenter] invalid notification received\");\n    }\n  }, []);\n\n  const hideNotification = useCallback(() => {\n    setWorkspaceNotification(null);\n  }, []);\n\n  useMemo(() => {\n    notificationsContext.setNotify(showNotification, hideNotification);\n  }, [hideNotification, notificationsContext, showNotification]);\n\n  return (\n    <>\n      {workspaceNotification}\n      {notifications.map((notification, i) => (\n        <ToastNotification\n          top={toastOffsetTop + (toastHeight + toastContainerContentGap) * i}\n          notification={notification}\n          key={notification.id}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAqBA,MAAM,cAAiB,GAAA,EAAA;AACvB,MAAM,oBAAuB,GAAA,GAAA;AAC7B,MAAM,4BAA+B,GAAA,GAAA;AAGrC,MAAM,WAAc,GAAA,EAAA;AACpB,MAAM,wBAA2B,GAAA,EAAA;AAI1B,MAAM,sBAAsB,CAAC;AAAA,EAClC;AACF,CAAgC,KAAA;AAC9B,EAAA,MAAM,CAAC,qBAAA,EAAuB,wBAAwB,CAAA,GACpD,SAAoB,IAAI,CAAA;AAC1B,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACxC;AAAC,GACH;AAEA,EAAM,MAAA,gBAAA,GAAmB,WAAY,CAAA,CAAC,YAA+B,KAAA;AACnE,IAAI,IAAA,mBAAA,CAAoB,YAAY,CAAG,EAAA;AACrC,MAAA,MAAM,eAA2C,GAAA;AAAA,QAC/C,GAAG,YAAA;AAAA,QACH,IAAI,WAAY;AAAA,OAClB;AACA,MAAA,gBAAA,CAAiB,CAAC,IAAA,KAAS,IAAK,CAAA,MAAA,CAAO,eAAe,CAAC,CAAA;AACvD,MAAA,UAAA;AAAA,QACE,MAAM;AACJ,UAAiB,gBAAA,CAAA,CAAC,SAAS,IAAK,CAAA,MAAA,CAAO,CAAC,CAAM,KAAA,CAAA,KAAM,eAAe,CAAC,CAAA;AAAA,SACtE;AAAA,QACA,uBAAuB,4BAA+B,GAAA;AAAA,OACxD;AAAA,KACF,MAAA,IAAW,uBAAwB,CAAA,YAAY,CAAG,EAAA;AAChD,MAAA,wBAAA;AAAA,wBACE,GAAA,CAAC,qBAAuB,EAAA,EAAA,QAAA,EAAA,YAAA,CAAa,OAAQ,EAAA;AAAA,OAC/C;AAAA,KACK,MAAA;AACL,MAAA,MAAM,MAAM,qDAAqD,CAAA;AAAA;AACnE,GACF,EAAG,EAAE,CAAA;AAEL,EAAM,MAAA,gBAAA,GAAmB,YAAY,MAAM;AACzC,IAAA,wBAAA,CAAyB,IAAI,CAAA;AAAA,GAC/B,EAAG,EAAE,CAAA;AAEL,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAqB,oBAAA,CAAA,SAAA,CAAU,kBAAkB,gBAAgB,CAAA;AAAA,GAChE,EAAA,CAAC,gBAAkB,EAAA,oBAAA,EAAsB,gBAAgB,CAAC,CAAA;AAE7D,EAAA,uBAEK,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,qBAAA;AAAA,IACA,aAAc,CAAA,GAAA,CAAI,CAAC,YAAA,EAAc,CAChC,qBAAA,GAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,cAAkB,GAAA,CAAA,WAAA,GAAc,wBAA4B,IAAA,CAAA;AAAA,QACjE;AAAA,OAAA;AAAA,MACK,YAAa,CAAA;AAAA,KAErB;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/esm/notifications/NotificationsContext.js

@@ -1,15 +0,0 @@
-const NotificationLevel = {
-  Error: "error",
-  Info: "info",
-  Success: "success",
-  Warning: "warning"
-};
-const NotificationType = {
-  Toast: "toast",
-  Workspace: "workspace"
-};
-const isToastNotification = (n) => n.type === NotificationType.Toast;
-const isWorkspaceNotification = (n) => n.type === NotificationType.Workspace;
-
-export { NotificationLevel, NotificationType, isToastNotification, isWorkspaceNotification };
-//# sourceMappingURL=NotificationsContext.js.map

package/esm/notifications/NotificationsContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationsContext.js","sources":["../../../../packages/vuu-popups/src/notifications/NotificationsContext.tsx"],"sourcesContent":["import { ValueOf } from \"@vuu-ui/vuu-utils\";\nimport { ReactNode } from \"react\";\n\nexport type DispatchShowNotification = (notification: Notification) => void;\nexport type DispatchHideNotification = () => void;\n\nexport const NotificationLevel = {\n  Error: \"error\",\n  Info: \"info\",\n  Success: \"success\",\n  Warning: \"warning\",\n} as const;\n\nexport type NotificationLevel = ValueOf<typeof NotificationLevel>;\n\nexport const NotificationType = {\n  Toast: \"toast\",\n  Workspace: \"workspace\",\n} as const;\n\nexport type NotificationType = ValueOf<typeof NotificationType>;\n\ninterface NotificationDescriptorBase<T extends NotificationType> {\n  level: NotificationLevel;\n  type: T;\n}\n\nexport interface ToastNotificationDescriptor\n  extends NotificationDescriptorBase<\"toast\"> {\n  content: string;\n  header: string;\n}\n\nexport interface WorkspaceNotificationDescriptor\n  extends NotificationDescriptorBase<\"workspace\"> {\n  content: ReactNode;\n}\n\nexport type Notification =\n  | ToastNotificationDescriptor\n  | WorkspaceNotificationDescriptor;\n\nexport const isToastNotification = (\n  n: Notification,\n): n is ToastNotificationDescriptor => n.type === NotificationType.Toast;\n\nexport const isWorkspaceNotification = (\n  n: Notification,\n): n is WorkspaceNotificationDescriptor =>\n  n.type === NotificationType.Workspace;\n\nexport type NotificationsContext = {\n  hideNotification: DispatchHideNotification;\n  showNotification: DispatchShowNotification;\n  setNotify: (\n    showNotificationDispatcher: DispatchShowNotification,\n    hideNotificationDispatcher: DispatchHideNotification,\n  ) => void;\n};\n"],"names":[],"mappings":"AAMO,MAAM,iBAAoB,GAAA;AAAA,EAC/B,KAAO,EAAA,OAAA;AAAA,EACP,IAAM,EAAA,MAAA;AAAA,EACN,OAAS,EAAA,SAAA;AAAA,EACT,OAAS,EAAA;AACX;AAIO,MAAM,gBAAmB,GAAA;AAAA,EAC9B,KAAO,EAAA,OAAA;AAAA,EACP,SAAW,EAAA;AACb;AAwBO,MAAM,mBAAsB,GAAA,CACjC,CACqC,KAAA,CAAA,CAAE,SAAS,gBAAiB,CAAA;AAE5D,MAAM,uBAA0B,GAAA,CACrC,CAEA,KAAA,CAAA,CAAE,SAAS,gBAAiB,CAAA;;;;"}

package/esm/notifications/NotificationsProvider.js

@@ -1,47 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useContext } from 'react';
-import { NotificationsCenter } from './NotificationsCenter.js';
-
-var __defProp = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _showNotification, _hideNotification;
-class NotificationsContextObject {
-  constructor() {
-    __privateAdd(this, _showNotification, () => console.log("have you forgotten to provide a NotificationsCenter?"));
-    __privateAdd(this, _hideNotification, () => console.log("have you forgotten to provide a NotificationsCenter?"));
-    // We want the public notify method to be stable, setNotify call should not trigger re-renders
-    __publicField(this, "showNotification", (notification) => __privateGet(this, _showNotification).call(this, notification));
-    __publicField(this, "hideNotification", () => __privateGet(this, _hideNotification).call(this));
-    __publicField(this, "setNotify", (showNotificationDispatcher, hideNotificationDispatcher) => {
-      __privateSet(this, _showNotification, showNotificationDispatcher);
-      __privateSet(this, _hideNotification, hideNotificationDispatcher);
-    });
-  }
-}
-_showNotification = new WeakMap();
-_hideNotification = new WeakMap();
-const NotificationsContext = React.createContext(
-  new NotificationsContextObject()
-);
-const NotificationsProvider = (props) => {
-  const context = useContext(NotificationsContext);
-  return /* @__PURE__ */ jsxs(NotificationsContext.Provider, { value: context, children: [
-    /* @__PURE__ */ jsx(NotificationsCenter, { notificationsContext: context }),
-    props.children
-  ] });
-};
-const useNotifications = () => {
-  const { hideNotification, showNotification } = useContext(NotificationsContext);
-  return { hideNotification, showNotification };
-};
-
-export { NotificationsProvider, useNotifications };
-//# sourceMappingURL=NotificationsProvider.js.map

package/esm/notifications/NotificationsProvider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NotificationsProvider.js","sources":["../../../../packages/vuu-popups/src/notifications/NotificationsProvider.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from \"react\";\nimport { NotificationsCenter } from \"./NotificationsCenter\";\nimport {\n  DispatchHideNotification,\n  DispatchShowNotification,\n  NotificationsContext,\n} from \"./NotificationsContext\";\n\n/*\n  The Context is not exposed outside this module, only the notify\n  prop can be accessed via the useNotifications hook.\n  The NotificationsCenter receives the full context object and\n  sets the notify method. State management around dispatched\n  notifications is handled entirely within the NotificationsCenter,\n  avoiding rerendering our children when notifications are \n  dispatched.\n*/\nclass NotificationsContextObject implements NotificationsContext {\n  #showNotification: DispatchShowNotification = () =>\n    console.log(\"have you forgotten to provide a NotificationsCenter?\");\n  #hideNotification: DispatchHideNotification = () =>\n    console.log(\"have you forgotten to provide a NotificationsCenter?\");\n  // We want the public notify method to be stable, setNotify call should not trigger re-renders\n  showNotification: DispatchShowNotification = (notification) =>\n    this.#showNotification(notification);\n  hideNotification: DispatchHideNotification = () => this.#hideNotification();\n  setNotify = (\n    showNotificationDispatcher: DispatchShowNotification,\n    hideNotificationDispatcher: DispatchHideNotification,\n  ) => {\n    this.#showNotification = showNotificationDispatcher;\n    this.#hideNotification = hideNotificationDispatcher;\n  };\n}\n\nconst NotificationsContext = React.createContext<NotificationsContext>(\n  new NotificationsContextObject(),\n);\n\nexport const NotificationsProvider = (props: {\n  children: ReactElement | ReactElement[];\n}) => {\n  const context = useContext(NotificationsContext);\n  return (\n    <NotificationsContext.Provider value={context}>\n      <NotificationsCenter notificationsContext={context} />\n      {props.children}\n    </NotificationsContext.Provider>\n  );\n};\n\nexport const useNotifications = () => {\n  const { hideNotification, showNotification } =\n    useContext(NotificationsContext);\n  return { hideNotification, showNotification };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,IAAA,iBAAA,EAAA,iBAAA;AAiBA,MAAM,0BAA2D,CAAA;AAAA,EAAjE,WAAA,GAAA;AACE,IAA8C,YAAA,CAAA,IAAA,EAAA,iBAAA,EAAA,MAC5C,OAAQ,CAAA,GAAA,CAAI,sDAAsD,CAAA,CAAA;AACpE,IAA8C,YAAA,CAAA,IAAA,EAAA,iBAAA,EAAA,MAC5C,OAAQ,CAAA,GAAA,CAAI,sDAAsD,CAAA,CAAA;AAEpE;AAAA,IAAA,aAAA,CAAA,IAAA,EAAA,kBAAA,EAA6C,CAAC,YAAA,KAC5C,YAAK,CAAA,IAAA,EAAA,iBAAA,CAAA,CAAL,IAAuB,CAAA,IAAA,EAAA,YAAA,CAAA,CAAA;AACzB,IAA6C,aAAA,CAAA,IAAA,EAAA,kBAAA,EAAA,MAAM,mBAAK,iBAAL,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA;AACnD,IAAY,aAAA,CAAA,IAAA,EAAA,WAAA,EAAA,CACV,4BACA,0BACG,KAAA;AACH,MAAA,YAAA,CAAA,IAAA,EAAK,iBAAoB,EAAA,0BAAA,CAAA;AACzB,MAAA,YAAA,CAAA,IAAA,EAAK,iBAAoB,EAAA,0BAAA,CAAA;AAAA,KAC3B,CAAA;AAAA;AACF;AAfE,iBAAA,GAAA,IAAA,OAAA,EAAA;AAEA,iBAAA,GAAA,IAAA,OAAA,EAAA;AAeF,MAAM,uBAAuB,KAAM,CAAA,aAAA;AAAA,EACjC,IAAI,0BAA2B;AACjC,CAAA;AAEa,MAAA,qBAAA,GAAwB,CAAC,KAEhC,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,WAAW,oBAAoB,CAAA;AAC/C,EAAA,uBACG,IAAA,CAAA,oBAAA,CAAqB,QAArB,EAAA,EAA8B,OAAO,OACpC,EAAA,QAAA,EAAA;AAAA,oBAAC,GAAA,CAAA,mBAAA,EAAA,EAAoB,sBAAsB,OAAS,EAAA,CAAA;AAAA,IACnD,KAAM,CAAA;AAAA,GACT,EAAA,CAAA;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,gBAAA,EAAkB,gBAAiB,EAAA,GACzC,WAAW,oBAAoB,CAAA;AACjC,EAAO,OAAA,EAAE,kBAAkB,gBAAiB,EAAA;AAC9C;;;;"}

package/esm/notifications/ToastNotification.css.js

@@ -1,4 +0,0 @@
-var toastNotificationCss = ".vuuToastNotification {\n  --notification-color: var(--salt-content-primary-foreground);\n  --vuu-icon-size: 24px;\n\n  color: var(--notification-color);\n  position: absolute;\n  display: flex;\n  padding: 8px 32px 8px 8px;\n  align-items: center;\n  gap: 8px;\n  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4);\n  z-index: 100000;\n}\n\n.vuuToastNotification-toastContent {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-spacing-100);\n}\n\n.vuuToastNotification-toastHeader {\n  font-size: 16px;\n  font-weight: 700;\n}\n\n.vuuToastNotification-error {\n  --notification-color: var(--salt-status-error-foreground);\n  background: var(--salt-status-error-background);\n}\n\n.vuuToastNotification-success {\n  background: var(--salt-status-success-background);\n}\n\n.vuuToastNotification-info {\n  --notification-color: var(--salt-status-info-foreground);\n  background: var(--salt-status-info-background);\n}\n\n.vuuToastNotification-warning {\n  --notification-color: var(--salt-status-warning-foreground);\n  background: var(--salt-status-warning-background);\n}\n";
-
-export { toastNotificationCss as default };
-//# sourceMappingURL=ToastNotification.css.js.map

package/esm/notifications/ToastNotification.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastNotification.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/notifications/ToastNotification.js

@@ -1,64 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { Icon } from '@vuu-ui/vuu-ui-controls';
-import cx from 'clsx';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useState, useEffect } from 'react';
-import { Portal } from '../portal/Portal.js';
-import toastNotificationCss from './ToastNotification.css.js';
-
-const toastWidth = 300;
-const toastContainerRightPadding = 50;
-const toastDisplayDuration = 6e3;
-const horizontalTransitionDuration = 1e3;
-const toastHeight = 56;
-const verticalTransitionDuration = 300;
-const classBase = "vuuToastNotification";
-const icon = {
-  error: "error",
-  info: "info-circle",
-  success: "tick",
-  warning: "warn-triangle"
-};
-const ToastNotification = (props) => {
-  const { top, notification, animated = true } = props;
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-toast-notification",
-    css: toastNotificationCss,
-    window: targetWindow
-  });
-  const [right, setRight] = useState(-toastWidth - toastContainerRightPadding);
-  useEffect(() => {
-    setTimeout(() => setRight(toastContainerRightPadding));
-    if (animated) {
-      setTimeout(
-        () => setRight(-toastWidth - toastContainerRightPadding),
-        toastDisplayDuration + horizontalTransitionDuration
-      );
-    }
-  }, [animated]);
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cx(classBase, `${classBase}-${notification.type}`),
-      style: {
-        height: toastHeight,
-        right,
-        width: toastWidth,
-        top,
-        transition: animated ? `right ${horizontalTransitionDuration}ms, top ${verticalTransitionDuration}ms ` : "none"
-      },
-      children: [
-        /* @__PURE__ */ jsx(Icon, { name: icon[notification.level] }),
-        /* @__PURE__ */ jsxs("div", { className: `${classBase}-toastContent`, children: [
-          /* @__PURE__ */ jsx("strong", { className: `${classBase}-toastHeader`, children: notification.header }),
-          /* @__PURE__ */ jsx("div", { children: notification.content })
-        ] })
-      ]
-    }
-  ) });
-};
-
-export { ToastNotification };
-//# sourceMappingURL=ToastNotification.js.map

package/esm/notifications/ToastNotification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToastNotification.js","sources":["../../../../packages/vuu-popups/src/notifications/ToastNotification.tsx"],"sourcesContent":["import { Icon } from \"@vuu-ui/vuu-ui-controls\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { useEffect, useState } from \"react\";\nimport { Portal } from \"../portal\";\nimport type { ToastNotificationDescriptor } from \"./NotificationsContext\";\n\nimport toastNotificationCss from \"./ToastNotification.css\";\n\nconst toastWidth = 300;\nconst toastContainerRightPadding = 50;\nconst toastDisplayDuration = 6000;\nconst horizontalTransitionDuration = 1000;\nconst toastHeight = 56;\nconst verticalTransitionDuration = 300;\n\nexport type ToastNotificationProps = {\n  top: number;\n  notification: ToastNotificationDescriptor;\n  animated?: boolean;\n};\n\nconst classBase = \"vuuToastNotification\";\n\nconst icon = {\n  error: \"error\",\n  info: \"info-circle\",\n  success: \"tick\",\n  warning: \"warn-triangle\",\n};\n\nexport const ToastNotification = (props: ToastNotificationProps) => {\n  const { top, notification, animated = true } = props;\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-toast-notification\",\n    css: toastNotificationCss,\n    window: targetWindow,\n  });\n\n  const [right, setRight] = useState(-toastWidth - toastContainerRightPadding);\n\n  useEffect(() => {\n    setTimeout(() => setRight(toastContainerRightPadding));\n\n    if (animated) {\n      setTimeout(\n        () => setRight(-toastWidth - toastContainerRightPadding),\n        toastDisplayDuration + horizontalTransitionDuration,\n      );\n    }\n  }, [animated]);\n\n  return (\n    <Portal>\n      <div\n        className={cx(classBase, `${classBase}-${notification.type}`)}\n        style={{\n          height: toastHeight,\n          right,\n          width: toastWidth,\n          top,\n          transition: animated\n            ? `right ${horizontalTransitionDuration}ms, top ${verticalTransitionDuration}ms `\n            : \"none\",\n        }}\n      >\n        <Icon name={icon[notification.level]} />\n        <div className={`${classBase}-toastContent`}>\n          <strong className={`${classBase}-toastHeader`}>\n            {notification.header}\n          </strong>\n          <div>{notification.content}</div>\n        </div>\n      </div>\n    </Portal>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAUA,MAAM,UAAa,GAAA,GAAA;AACnB,MAAM,0BAA6B,GAAA,EAAA;AACnC,MAAM,oBAAuB,GAAA,GAAA;AAC7B,MAAM,4BAA+B,GAAA,GAAA;AACrC,MAAM,WAAc,GAAA,EAAA;AACpB,MAAM,0BAA6B,GAAA,GAAA;AAQnC,MAAM,SAAY,GAAA,sBAAA;AAElB,MAAM,IAAO,GAAA;AAAA,EACX,KAAO,EAAA,OAAA;AAAA,EACP,IAAM,EAAA,aAAA;AAAA,EACN,OAAS,EAAA,MAAA;AAAA,EACT,OAAS,EAAA;AACX,CAAA;AAEa,MAAA,iBAAA,GAAoB,CAAC,KAAkC,KAAA;AAClE,EAAA,MAAM,EAAE,GAAA,EAAK,YAAc,EAAA,QAAA,GAAW,MAAS,GAAA,KAAA;AAC/C,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAA,oBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,KAAO,EAAA,QAAQ,IAAI,QAAS,CAAA,CAAC,aAAa,0BAA0B,CAAA;AAE3E,EAAA,SAAA,CAAU,MAAM;AACd,IAAW,UAAA,CAAA,MAAM,QAAS,CAAA,0BAA0B,CAAC,CAAA;AAErD,IAAA,IAAI,QAAU,EAAA;AACZ,MAAA,UAAA;AAAA,QACE,MAAM,QAAA,CAAS,CAAC,UAAA,GAAa,0BAA0B,CAAA;AAAA,QACvD,oBAAuB,GAAA;AAAA,OACzB;AAAA;AACF,GACF,EAAG,CAAC,QAAQ,CAAC,CAAA;AAEb,EAAA,2BACG,MACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,SAAW,EAAA,CAAA,EAAG,SAAS,CAAI,CAAA,EAAA,YAAA,CAAa,IAAI,CAAE,CAAA,CAAA;AAAA,MAC5D,KAAO,EAAA;AAAA,QACL,MAAQ,EAAA,WAAA;AAAA,QACR,KAAA;AAAA,QACA,KAAO,EAAA,UAAA;AAAA,QACP,GAAA;AAAA,QACA,YAAY,QACR,GAAA,CAAA,MAAA,EAAS,4BAA4B,CAAA,QAAA,EAAW,0BAA0B,CAC1E,GAAA,CAAA,GAAA;AAAA,OACN;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,IAAK,EAAA,EAAA,IAAA,EAAM,IAAK,CAAA,YAAA,CAAa,KAAK,CAAG,EAAA,CAAA;AAAA,wBACrC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAC1B,aAAA,CAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAO,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,YAAA,CAAA,EAC5B,uBAAa,MAChB,EAAA,CAAA;AAAA,0BACA,GAAA,CAAC,KAAK,EAAA,EAAA,QAAA,EAAA,YAAA,CAAa,OAAQ,EAAA;AAAA,SAC7B,EAAA;AAAA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAEJ;;;;"}

package/esm/notifications/WorkspaceNotification.css.js

@@ -1,4 +0,0 @@
-var workspaceNotificationCss = ".vuuWorkspaceNotification {\n    position: absolute;\n    z-index: var(--salt-zIndex-notification);\n\n    .vuuWorkspaceNotification-content {\n        align-items: center;\n        background: var(--salt-container-primary-background);\n        display: flex;\n        justify-content: center\n    }\n}";
-
-export { workspaceNotificationCss as default };
-//# sourceMappingURL=WorkspaceNotification.css.js.map

package/esm/notifications/WorkspaceNotification.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceNotification.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/notifications/WorkspaceNotification.js

@@ -1,50 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import workspaceNotificationCss from './WorkspaceNotification.css.js';
-import { VuuShellLocation } from '@vuu-ui/vuu-utils';
-import { useFloatingComponent } from '@salt-ds/core';
-
-const classBase = "vuuWorkspaceNotification";
-const WorkspaceNotification = ({
-  children,
-  className,
-  style: styleProp,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-toast-notification",
-    css: workspaceNotificationCss,
-    window: targetWindow
-  });
-  const { Component: FloatingComponent } = useFloatingComponent();
-  const [left, top, width, height] = useMemo(() => {
-    const target = document.querySelector(
-      `#${VuuShellLocation.WorkspaceContainer}`
-    );
-    if (target) {
-      const { left: left2, top: top2, width: width2, height: height2 } = target.getBoundingClientRect();
-      return [left2, top2, width2, height2];
-    } else {
-      return [0, 0, 200, 200];
-    }
-  }, []);
-  return /* @__PURE__ */ jsx(
-    FloatingComponent,
-    {
-      ...htmlAttributes,
-      className: cx(classBase, className),
-      open: true,
-      role: "alert",
-      left,
-      top,
-      children: /* @__PURE__ */ jsx("div", { className: `${classBase}-content`, style: { height, width }, children })
-    }
-  );
-};
-
-export { WorkspaceNotification };
-//# sourceMappingURL=WorkspaceNotification.js.map

package/esm/notifications/WorkspaceNotification.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WorkspaceNotification.js","sources":["../../../../packages/vuu-popups/src/notifications/WorkspaceNotification.tsx"],"sourcesContent":["import { HTMLAttributes, ReactNode, useMemo } from \"react\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\n\nimport workspaceNotificationCss from \"./WorkspaceNotification.css\";\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { useFloatingComponent } from \"@salt-ds/core\";\n\nconst classBase = \"vuuWorkspaceNotification\";\n\nexport interface WorkspaceNotificationProps\n  extends HTMLAttributes<HTMLDivElement> {\n  children: ReactNode;\n}\n\nexport const WorkspaceNotification = ({\n  children,\n  className,\n  style: styleProp,\n  ...htmlAttributes\n}: WorkspaceNotificationProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-toast-notification\",\n    css: workspaceNotificationCss,\n    window: targetWindow,\n  });\n\n  const { Component: FloatingComponent } = useFloatingComponent();\n\n  const [left, top, width, height] = useMemo<\n    [number, number, number, number]\n  >(() => {\n    const target = document.querySelector(\n      `#${VuuShellLocation.WorkspaceContainer}`,\n    );\n    if (target) {\n      const { left, top, width, height } = target.getBoundingClientRect();\n      return [left, top, width, height];\n    } else {\n      return [0, 0, 200, 200];\n    }\n  }, []);\n\n  return (\n    <FloatingComponent\n      {...htmlAttributes}\n      className={cx(classBase, className)}\n      open\n      role=\"alert\"\n      left={left}\n      top={top}\n    >\n      <div className={`${classBase}-content`} style={{ height, width }}>\n        {children}\n      </div>\n    </FloatingComponent>\n  );\n};\n"],"names":["left","top","width","height"],"mappings":";;;;;;;;;AASA,MAAM,SAAY,GAAA,0BAAA;AAOX,MAAM,wBAAwB,CAAC;AAAA,EACpC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,GAAG;AACL,CAAkC,KAAA;AAChC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAA,wBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,EAAE,SAAA,EAAW,iBAAkB,EAAA,GAAI,oBAAqB,EAAA;AAE9D,EAAA,MAAM,CAAC,IAAM,EAAA,GAAA,EAAK,OAAO,MAAM,CAAA,GAAI,QAEjC,MAAM;AACN,IAAA,MAAM,SAAS,QAAS,CAAA,aAAA;AAAA,MACtB,CAAA,CAAA,EAAI,iBAAiB,kBAAkB,CAAA;AAAA,KACzC;AACA,IAAA,IAAI,MAAQ,EAAA;AACV,MAAM,MAAA,EAAE,IAAAA,EAAAA,KAAAA,EAAM,GAAAC,EAAAA,IAAAA,EAAK,KAAAC,EAAAA,MAAAA,EAAO,MAAAC,EAAAA,OAAAA,EAAW,GAAA,MAAA,CAAO,qBAAsB,EAAA;AAClE,MAAA,OAAO,CAACH,KAAAA,EAAMC,IAAKC,EAAAA,MAAAA,EAAOC,OAAM,CAAA;AAAA,KAC3B,MAAA;AACL,MAAA,OAAO,CAAC,CAAA,EAAG,CAAG,EAAA,GAAA,EAAK,GAAG,CAAA;AAAA;AACxB,GACF,EAAG,EAAE,CAAA;AAEL,EACE,uBAAA,GAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,IAAI,EAAA,IAAA;AAAA,MACJ,IAAK,EAAA,OAAA;AAAA,MACL,IAAA;AAAA,MACA,GAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,CAAY,QAAA,CAAA,EAAA,KAAA,EAAO,EAAE,MAAA,EAAQ,KAAM,EAAA,EAC5D,QACH,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/types/notifications/NotificationsCenter.d.ts

@@ -1,5 +0,0 @@
-import { NotificationsContext } from "./NotificationsContext";
-export interface NotificationsCenterProps {
-    notificationsContext: NotificationsContext;
-}
-export declare const NotificationsCenter: ({ notificationsContext, }: NotificationsCenterProps) => import("react/jsx-runtime").JSX.Element;

package/types/notifications/NotificationsContext.d.ts

@@ -1,36 +0,0 @@
-import { ValueOf } from "@vuu-ui/vuu-utils";
-import { ReactNode } from "react";
-export type DispatchShowNotification = (notification: Notification) => void;
-export type DispatchHideNotification = () => void;
-export declare const NotificationLevel: {
-    readonly Error: "error";
-    readonly Info: "info";
-    readonly Success: "success";
-    readonly Warning: "warning";
-};
-export type NotificationLevel = ValueOf<typeof NotificationLevel>;
-export declare const NotificationType: {
-    readonly Toast: "toast";
-    readonly Workspace: "workspace";
-};
-export type NotificationType = ValueOf<typeof NotificationType>;
-interface NotificationDescriptorBase<T extends NotificationType> {
-    level: NotificationLevel;
-    type: T;
-}
-export interface ToastNotificationDescriptor extends NotificationDescriptorBase<"toast"> {
-    content: string;
-    header: string;
-}
-export interface WorkspaceNotificationDescriptor extends NotificationDescriptorBase<"workspace"> {
-    content: ReactNode;
-}
-export type Notification = ToastNotificationDescriptor | WorkspaceNotificationDescriptor;
-export declare const isToastNotification: (n: Notification) => n is ToastNotificationDescriptor;
-export declare const isWorkspaceNotification: (n: Notification) => n is WorkspaceNotificationDescriptor;
-export type NotificationsContext = {
-    hideNotification: DispatchHideNotification;
-    showNotification: DispatchShowNotification;
-    setNotify: (showNotificationDispatcher: DispatchShowNotification, hideNotificationDispatcher: DispatchHideNotification) => void;
-};
-export {};

package/types/notifications/NotificationsProvider.d.ts

@@ -1,9 +0,0 @@
-import { ReactElement } from "react";
-import { DispatchHideNotification, DispatchShowNotification } from "./NotificationsContext";
-export declare const NotificationsProvider: (props: {
-    children: ReactElement | ReactElement[];
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const useNotifications: () => {
-    hideNotification: DispatchHideNotification;
-    showNotification: DispatchShowNotification;
-};

package/types/notifications/ToastNotification.d.ts

@@ -1,7 +0,0 @@
-import type { ToastNotificationDescriptor } from "./NotificationsContext";
-export type ToastNotificationProps = {
-    top: number;
-    notification: ToastNotificationDescriptor;
-    animated?: boolean;
-};
-export declare const ToastNotification: (props: ToastNotificationProps) => import("react/jsx-runtime").JSX.Element;

package/types/notifications/WorkspaceNotification.d.ts

@@ -1,5 +0,0 @@
-import { HTMLAttributes, ReactNode } from "react";
-export interface WorkspaceNotificationProps extends HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-}
-export declare const WorkspaceNotification: ({ children, className, style: styleProp, ...htmlAttributes }: WorkspaceNotificationProps) => import("react/jsx-runtime").JSX.Element;

package/types/notifications/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./NotificationsContext";
-export * from "./NotificationsProvider";
-export * from "./ToastNotification";