@vuu-ui/vuu-popups 0.8.93 → 0.8.95

package/cjs/dialog/useDialog.js

@@ -4,6 +4,9 @@ var jsxRuntime = require('react/jsx-runtime');
 var core = require('@salt-ds/core');
 var React = require('react');
 
+var __defProp = Object.defineProperty;
+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);
 const useDialog = () => {
   const [dialogState, setDialogState] = React.useState();
   const closeDialog = React.useCallback(() => {
@@ -43,8 +46,8 @@ const defaultCloseDialog = () => {
 };
 class DialogContextObject {
   constructor() {
-    this.showDialog = defaultShowDialog;
-    this.closeDialog = defaultCloseDialog;
+    __publicField(this, "showDialog", defaultShowDialog);
+    __publicField(this, "closeDialog", defaultCloseDialog);
   }
   setDialogDispatchers(showDialog, closeDialog) {
     this.showDialog = showDialog;

package/cjs/dialog/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialog.js","sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogActions,\n  DialogCloseButton,\n  DialogContent,\n  DialogHeader,\n} from \"@salt-ds/core\";\nimport {\n  createContext,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\nexport type DialogState = {\n  actions?: ReactElement[];\n  content: ReactElement;\n  title: string;\n  hideCloseButton?: boolean;\n};\n\nexport type SetDialog = (dialogState?: DialogState) => void;\n\nexport type ShowDialog = (\n  dialogContent: ReactElement,\n  title: string,\n  dialogActionButtons?: ReactElement[],\n  hideCloseButton?: boolean\n) => void;\n\nexport interface DialogContextProps {\n  showDialog: ShowDialog;\n  closeDialog: () => void;\n  setDialogDispatchers: (\n    showDialog: ShowDialog,\n    closeDialog: () => void\n  ) => void;\n}\n\nexport const useDialog = () => {\n  const [dialogState, setDialogState] = useState<DialogState>();\n\n  const closeDialog = useCallback(() => {\n    setDialogState(undefined);\n  }, []);\n\n  const handleOpenChange = useCallback(\n    (open?: boolean) => {\n      if (open !== true) {\n        closeDialog();\n      }\n    },\n    [closeDialog]\n  );\n\n  const dialog = dialogState ? (\n    <Dialog open={true} onOpenChange={handleOpenChange}>\n      <DialogHeader header={dialogState.title} />\n      <DialogContent>{dialogState.content}</DialogContent>\n      {dialogState.hideCloseButton !== true ? (\n        <DialogCloseButton\n          data-embedded\n          data-icon=\"close\"\n          onClick={closeDialog}\n        />\n      ) : null}\n      {dialogState.actions ? (\n        <DialogActions>{dialogState.actions}</DialogActions>\n      ) : null}\n    </Dialog>\n  ) : null;\n\n  return {\n    dialog,\n    setDialogState,\n  };\n};\n\nconst defaultShowDialog: ShowDialog = () => {\n  console.warn(\"No DialogProvider in place\");\n};\nconst defaultCloseDialog = () => {\n  console.warn(\"No DialogProvider in place\");\n};\n\nclass DialogContextObject implements DialogContextProps {\n  showDialog = defaultShowDialog;\n  closeDialog = defaultCloseDialog;\n  setDialogDispatchers(showDialog: ShowDialog, closeDialog: () => void) {\n    this.showDialog = showDialog;\n    this.closeDialog = closeDialog;\n  }\n}\n\nconst DialogContext = createContext<DialogContextProps>(\n  new DialogContextObject()\n);\n\nconst DialogHost = ({ context }: { context: DialogContextProps }) => {\n  const { dialog, setDialogState } = useDialog();\n  const showDialog: ShowDialog = useCallback(\n    (dialogContent, title, actionButtons, hideCloseButton) => {\n      setDialogState({\n        actions: actionButtons,\n        content: dialogContent,\n        title,\n        hideCloseButton,\n      });\n    },\n    [setDialogState]\n  );\n  const closeDialog = useCallback(() => {\n    setDialogState(undefined);\n  }, [setDialogState]);\n\n  useMemo(() => {\n    context.setDialogDispatchers(showDialog, closeDialog);\n  }, [closeDialog, context, showDialog]);\n  return dialog;\n};\n\nexport const DialogProvider = ({ children }: { children: ReactNode }) => {\n  const context = useContext(DialogContext);\n  return (\n    <DialogContext.Provider value={context}>\n      <DialogHost context={context} />\n      {children}\n    </DialogContext.Provider>\n  );\n};\n\nexport const useDialogContext = () => {\n  const { closeDialog, showDialog } = useContext(DialogContext);\n  return { showDialog, closeDialog };\n};\n"],"names":["useState","useCallback","jsxs","Dialog","jsx","DialogHeader","DialogContent","DialogCloseButton","DialogActions","createContext","useMemo","useContext"],"mappings":"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"}
+{"version":3,"file":"useDialog.js","sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogActions,\n  DialogCloseButton,\n  DialogContent,\n  DialogHeader,\n} from \"@salt-ds/core\";\nimport {\n  createContext,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\nexport type DialogState = {\n  actions?: ReactElement[];\n  content: ReactElement;\n  title: string;\n  hideCloseButton?: boolean;\n};\n\nexport type SetDialog = (dialogState?: DialogState) => void;\n\nexport type ShowDialog = (\n  dialogContent: ReactElement,\n  title: string,\n  dialogActionButtons?: ReactElement[],\n  hideCloseButton?: boolean\n) => void;\n\nexport interface DialogContextProps {\n  showDialog: ShowDialog;\n  closeDialog: () => void;\n  setDialogDispatchers: (\n    showDialog: ShowDialog,\n    closeDialog: () => void\n  ) => void;\n}\n\nexport const useDialog = () => {\n  const [dialogState, setDialogState] = useState<DialogState>();\n\n  const closeDialog = useCallback(() => {\n    setDialogState(undefined);\n  }, []);\n\n  const handleOpenChange = useCallback(\n    (open?: boolean) => {\n      if (open !== true) {\n        closeDialog();\n      }\n    },\n    [closeDialog]\n  );\n\n  const dialog = dialogState ? (\n    <Dialog open={true} onOpenChange={handleOpenChange}>\n      <DialogHeader header={dialogState.title} />\n      <DialogContent>{dialogState.content}</DialogContent>\n      {dialogState.hideCloseButton !== true ? (\n        <DialogCloseButton\n          data-embedded\n          data-icon=\"close\"\n          onClick={closeDialog}\n        />\n      ) : null}\n      {dialogState.actions ? (\n        <DialogActions>{dialogState.actions}</DialogActions>\n      ) : null}\n    </Dialog>\n  ) : null;\n\n  return {\n    dialog,\n    setDialogState,\n  };\n};\n\nconst defaultShowDialog: ShowDialog = () => {\n  console.warn(\"No DialogProvider in place\");\n};\nconst defaultCloseDialog = () => {\n  console.warn(\"No DialogProvider in place\");\n};\n\nclass DialogContextObject implements DialogContextProps {\n  showDialog = defaultShowDialog;\n  closeDialog = defaultCloseDialog;\n  setDialogDispatchers(showDialog: ShowDialog, closeDialog: () => void) {\n    this.showDialog = showDialog;\n    this.closeDialog = closeDialog;\n  }\n}\n\nconst DialogContext = createContext<DialogContextProps>(\n  new DialogContextObject()\n);\n\nconst DialogHost = ({ context }: { context: DialogContextProps }) => {\n  const { dialog, setDialogState } = useDialog();\n  const showDialog: ShowDialog = useCallback(\n    (dialogContent, title, actionButtons, hideCloseButton) => {\n      setDialogState({\n        actions: actionButtons,\n        content: dialogContent,\n        title,\n        hideCloseButton,\n      });\n    },\n    [setDialogState]\n  );\n  const closeDialog = useCallback(() => {\n    setDialogState(undefined);\n  }, [setDialogState]);\n\n  useMemo(() => {\n    context.setDialogDispatchers(showDialog, closeDialog);\n  }, [closeDialog, context, showDialog]);\n  return dialog;\n};\n\nexport const DialogProvider = ({ children }: { children: ReactNode }) => {\n  const context = useContext(DialogContext);\n  return (\n    <DialogContext.Provider value={context}>\n      <DialogHost context={context} />\n      {children}\n    </DialogContext.Provider>\n  );\n};\n\nexport const useDialogContext = () => {\n  const { closeDialog, showDialog } = useContext(DialogContext);\n  return { showDialog, closeDialog };\n};\n"],"names":["useState","useCallback","jsxs","Dialog","jsx","DialogHeader","DialogContent","DialogCloseButton","DialogActions","createContext","useMemo","useContext"],"mappings":";;;;;;;;;AA0CO,MAAM,YAAY,MAAM;AAC7B,EAAA,MAAM,CAAC,WAAA,EAAa,cAAc,CAAA,GAAIA,cAAsB,EAAA,CAAA;AAE5D,EAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,IAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,GAC1B,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,gBAAmB,GAAAA,iBAAA;AAAA,IACvB,CAAC,IAAmB,KAAA;AAClB,MAAA,IAAI,SAAS,IAAM,EAAA;AACjB,QAAY,WAAA,EAAA,CAAA;AAAA,OACd;AAAA,KACF;AAAA,IACA,CAAC,WAAW,CAAA;AAAA,GACd,CAAA;AAEA,EAAA,MAAM,SAAS,WACb,mBAAAC,eAAA,CAACC,eAAO,IAAM,EAAA,IAAA,EAAM,cAAc,gBAChC,EAAA,QAAA,EAAA;AAAA,oBAACC,cAAA,CAAAC,iBAAA,EAAA,EAAa,MAAQ,EAAA,WAAA,CAAY,KAAO,EAAA,CAAA;AAAA,oBACzCD,cAAA,CAACE,kBAAe,EAAA,EAAA,QAAA,EAAA,WAAA,CAAY,OAAQ,EAAA,CAAA;AAAA,IACnC,WAAA,CAAY,oBAAoB,IAC/B,mBAAAF,cAAA;AAAA,MAACG,sBAAA;AAAA,MAAA;AAAA,QACC,eAAa,EAAA,IAAA;AAAA,QACb,WAAU,EAAA,OAAA;AAAA,QACV,OAAS,EAAA,WAAA;AAAA,OAAA;AAAA,KAET,GAAA,IAAA;AAAA,IACH,YAAY,OACX,mBAAAH,cAAA,CAACI,kBAAe,EAAA,EAAA,QAAA,EAAA,WAAA,CAAY,SAAQ,CAClC,GAAA,IAAA;AAAA,GAAA,EACN,CACE,GAAA,IAAA,CAAA;AAEJ,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,cAAA;AAAA,GACF,CAAA;AACF,EAAA;AAEA,MAAM,oBAAgC,MAAM;AAC1C,EAAA,OAAA,CAAQ,KAAK,4BAA4B,CAAA,CAAA;AAC3C,CAAA,CAAA;AACA,MAAM,qBAAqB,MAAM;AAC/B,EAAA,OAAA,CAAQ,KAAK,4BAA4B,CAAA,CAAA;AAC3C,CAAA,CAAA;AAEA,MAAM,mBAAkD,CAAA;AAAA,EAAxD,WAAA,GAAA;AACE,IAAa,aAAA,CAAA,IAAA,EAAA,YAAA,EAAA,iBAAA,CAAA,CAAA;AACb,IAAc,aAAA,CAAA,IAAA,EAAA,aAAA,EAAA,kBAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EACd,oBAAA,CAAqB,YAAwB,WAAyB,EAAA;AACpE,IAAA,IAAA,CAAK,UAAa,GAAA,UAAA,CAAA;AAClB,IAAA,IAAA,CAAK,WAAc,GAAA,WAAA,CAAA;AAAA,GACrB;AACF,CAAA;AAEA,MAAM,aAAgB,GAAAC,mBAAA;AAAA,EACpB,IAAI,mBAAoB,EAAA;AAC1B,CAAA,CAAA;AAEA,MAAM,UAAa,GAAA,CAAC,EAAE,OAAA,EAA+C,KAAA;AACnE,EAAA,MAAM,EAAE,MAAA,EAAQ,cAAe,EAAA,GAAI,SAAU,EAAA,CAAA;AAC7C,EAAA,MAAM,UAAyB,GAAAR,iBAAA;AAAA,IAC7B,CAAC,aAAA,EAAe,KAAO,EAAA,aAAA,EAAe,eAAoB,KAAA;AACxD,MAAe,cAAA,CAAA;AAAA,QACb,OAAS,EAAA,aAAA;AAAA,QACT,OAAS,EAAA,aAAA;AAAA,QACT,KAAA;AAAA,QACA,eAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,cAAc,CAAA;AAAA,GACjB,CAAA;AACA,EAAM,MAAA,WAAA,GAAcA,kBAAY,MAAM;AACpC,IAAA,cAAA,CAAe,KAAS,CAAA,CAAA,CAAA;AAAA,GAC1B,EAAG,CAAC,cAAc,CAAC,CAAA,CAAA;AAEnB,EAAAS,aAAA,CAAQ,MAAM;AACZ,IAAQ,OAAA,CAAA,oBAAA,CAAqB,YAAY,WAAW,CAAA,CAAA;AAAA,GACnD,EAAA,CAAC,WAAa,EAAA,OAAA,EAAS,UAAU,CAAC,CAAA,CAAA;AACrC,EAAO,OAAA,MAAA,CAAA;AACT,CAAA,CAAA;AAEO,MAAM,cAAiB,GAAA,CAAC,EAAE,QAAA,EAAwC,KAAA;AACvE,EAAM,MAAA,OAAA,GAAUC,iBAAW,aAAa,CAAA,CAAA;AACxC,EAAA,uBACGT,eAAA,CAAA,aAAA,CAAc,QAAd,EAAA,EAAuB,OAAO,OAC7B,EAAA,QAAA,EAAA;AAAA,oBAAAE,cAAA,CAAC,cAAW,OAAkB,EAAA,CAAA;AAAA,IAC7B,QAAA;AAAA,GACH,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,WAAA,EAAa,UAAW,EAAA,GAAIO,iBAAW,aAAa,CAAA,CAAA;AAC5D,EAAO,OAAA,EAAE,YAAY,WAAY,EAAA,CAAA;AACnC;;;;;;"}

package/cjs/menu/ContextMenu.js

@@ -3,8 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var vuuUtils = require('@vuu-ui/vuu-utils');
-require('clsx');
-require('react-dom');
+require('../popup/popup-service.js');
 var Popup = require('../popup/Popup.js');
 var Portal = require('../portal/Portal.js');
 var MenuList = require('./MenuList.js');

package/cjs/menu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../src/menu/ContextMenu.tsx"],"sourcesContent":["import { useId } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useRef } from \"react\";\nimport { PopupCloseCallback, PopupComponent } from \"../popup\";\nimport { Portal, PortalProps } from \"../portal\";\nimport { MenuList, MenuListProps } from \"./MenuList\";\nimport { useCascade } from \"./use-cascade\";\nimport { useItemsWithIdsNext } from \"./use-items-with-ids-next\";\nimport { MenuCloseHandler } from \"./use-keyboard-navigation\";\nimport { ContextMenuOptions } from \"./useContextMenu\";\n\nexport interface ContextMenuProps extends Omit<MenuListProps, \"onCloseMenu\"> {\n  PortalProps?: Partial<PortalProps>;\n  onClose?: PopupCloseCallback;\n  position?: { x: number; y: number };\n  withPortal?: boolean;\n}\n\nconst noop = () => undefined;\n\nexport const ContextMenu = ({\n  PortalProps,\n  activatedByKeyboard,\n  children: childrenProp,\n  className,\n  id: idProp,\n  onClose = () => undefined,\n  position = { x: 0, y: 0 },\n  style,\n  ...menuListProps\n}: ContextMenuProps) => {\n  const id = useId(idProp);\n  const closeMenuRef = useRef<(location?: string) => void>(noop);\n  const [menus, actions] = useItemsWithIdsNext(childrenProp, id);\n  const navigatingWithKeyboard = useRef(activatedByKeyboard);\n  const handleMouseEnterItem = useCallback(() => {\n    navigatingWithKeyboard.current = false;\n  }, []);\n\n  const handleActivate = useCallback(\n    (menuItemId: string) => {\n      const actionId = menuItemId.slice(9);\n      const { action, options } = actions[actionId];\n      closeMenuRef.current(id);\n      onClose({\n        type: \"menu-action\",\n        menuId: action,\n        options: options as ContextMenuOptions,\n      });\n    },\n    [actions, id, onClose],\n  );\n\n  const {\n    closeMenu,\n    listItemProps,\n    openMenu: onOpenMenu,\n    openMenus,\n    handleRender,\n  } = useCascade({\n    // FIXME\n    id: `${id}`,\n    onActivate: handleActivate,\n    onMouseEnterItem: handleMouseEnterItem,\n    position,\n  });\n  closeMenuRef.current = closeMenu;\n\n  const handleCloseMenu = useCallback<MenuCloseHandler>(\n    (evt, reason) => {\n      navigatingWithKeyboard.current = true;\n      closeMenu();\n      if (reason === \"tab-away\") {\n        // TODO we should fire onclose whenever we're closing\n        // the root menu, not just on Tab\n        onClose({\n          event: evt,\n          type: \"tab-away\",\n        });\n      }\n    },\n    [closeMenu, onClose],\n  );\n\n  const handleHighlightMenuItem = () => {\n    // console.log(`highlight ${idx}`);\n  };\n\n  const lastMenu = openMenus.length - 1;\n\n  const getChildMenuId = (i: number) => {\n    if (i >= lastMenu) {\n      return undefined;\n    } else {\n      const { id } = openMenus[i + 1];\n      return id;\n    }\n  };\n\n  return (\n    <>\n      {openMenus.map(({ id: menuId, left, top }, i, all) => {\n        const childMenuId = getChildMenuId(i);\n        return (\n          <Portal {...PortalProps} key={i} onRender={handleRender}>\n            <PopupComponent\n              anchorElement={{ current: document.body }}\n              placement=\"absolute\"\n              position={{ left, top }}\n            >\n              <MenuList\n                {...menuListProps}\n                activatedByKeyboard={navigatingWithKeyboard.current}\n                childMenuShowing={childMenuId}\n                className={className}\n                id={menuId}\n                isRoot={i === 0}\n                key={i}\n                listItemProps={listItemProps}\n                onActivate={handleActivate}\n                onHighlightMenuItem={handleHighlightMenuItem}\n                onCloseMenu={handleCloseMenu}\n                openMenu={onOpenMenu}\n                style={style}\n                tabIndex={i === all.length - 1 ? 0 : undefined}\n              >\n                {menus[menuId]}\n              </MenuList>\n            </PopupComponent>\n          </Portal>\n        );\n      })}\n    </>\n  );\n};\n\nContextMenu.displayName = \"ContextMenu\";\n"],"names":["PortalProps","useId","useRef","useItemsWithIdsNext","useCallback","useCascade","id","jsx","Fragment","Portal","PopupComponent","createElement","MenuList"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sources":["../../src/menu/ContextMenu.tsx"],"sourcesContent":["import { useId } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useRef } from \"react\";\nimport { PopupCloseCallback, PopupComponent } from \"../popup\";\nimport { Portal, PortalProps } from \"../portal\";\nimport { MenuList, MenuListProps } from \"./MenuList\";\nimport { useCascade } from \"./use-cascade\";\nimport { useItemsWithIdsNext } from \"./use-items-with-ids-next\";\nimport { MenuCloseHandler } from \"./use-keyboard-navigation\";\nimport { ContextMenuOptions } from \"./useContextMenu\";\n\nexport interface ContextMenuProps extends Omit<MenuListProps, \"onCloseMenu\"> {\n  PortalProps?: Partial<PortalProps>;\n  onClose?: PopupCloseCallback;\n  position?: { x: number; y: number };\n  withPortal?: boolean;\n}\n\nconst noop = () => undefined;\n\nexport const ContextMenu = ({\n  PortalProps,\n  activatedByKeyboard,\n  children: childrenProp,\n  className,\n  id: idProp,\n  onClose = () => undefined,\n  position = { x: 0, y: 0 },\n  style,\n  ...menuListProps\n}: ContextMenuProps) => {\n  const id = useId(idProp);\n  const closeMenuRef = useRef<(location?: string) => void>(noop);\n  const [menus, actions] = useItemsWithIdsNext(childrenProp, id);\n  const navigatingWithKeyboard = useRef(activatedByKeyboard);\n  const handleMouseEnterItem = useCallback(() => {\n    navigatingWithKeyboard.current = false;\n  }, []);\n\n  const handleActivate = useCallback(\n    (menuItemId: string) => {\n      const actionId = menuItemId.slice(9);\n      const { action, options } = actions[actionId];\n      closeMenuRef.current(id);\n      onClose({\n        type: \"menu-action\",\n        menuId: action,\n        options: options as ContextMenuOptions,\n      });\n    },\n    [actions, id, onClose],\n  );\n\n  const {\n    closeMenu,\n    listItemProps,\n    openMenu: onOpenMenu,\n    openMenus,\n    handleRender,\n  } = useCascade({\n    // FIXME\n    id: `${id}`,\n    onActivate: handleActivate,\n    onMouseEnterItem: handleMouseEnterItem,\n    position,\n  });\n  closeMenuRef.current = closeMenu;\n\n  const handleCloseMenu = useCallback<MenuCloseHandler>(\n    (evt, reason) => {\n      navigatingWithKeyboard.current = true;\n      closeMenu();\n      if (reason === \"tab-away\") {\n        // TODO we should fire onclose whenever we're closing\n        // the root menu, not just on Tab\n        onClose({\n          event: evt,\n          type: \"tab-away\",\n        });\n      }\n    },\n    [closeMenu, onClose],\n  );\n\n  const handleHighlightMenuItem = () => {\n    // console.log(`highlight ${idx}`);\n  };\n\n  const lastMenu = openMenus.length - 1;\n\n  const getChildMenuId = (i: number) => {\n    if (i >= lastMenu) {\n      return undefined;\n    } else {\n      const { id } = openMenus[i + 1];\n      return id;\n    }\n  };\n\n  return (\n    <>\n      {openMenus.map(({ id: menuId, left, top }, i, all) => {\n        const childMenuId = getChildMenuId(i);\n        return (\n          <Portal {...PortalProps} key={i} onRender={handleRender}>\n            <PopupComponent\n              anchorElement={{ current: document.body }}\n              placement=\"absolute\"\n              position={{ left, top }}\n            >\n              <MenuList\n                {...menuListProps}\n                activatedByKeyboard={navigatingWithKeyboard.current}\n                childMenuShowing={childMenuId}\n                className={className}\n                id={menuId}\n                isRoot={i === 0}\n                key={i}\n                listItemProps={listItemProps}\n                onActivate={handleActivate}\n                onHighlightMenuItem={handleHighlightMenuItem}\n                onCloseMenu={handleCloseMenu}\n                openMenu={onOpenMenu}\n                style={style}\n                tabIndex={i === all.length - 1 ? 0 : undefined}\n              >\n                {menus[menuId]}\n              </MenuList>\n            </PopupComponent>\n          </Portal>\n        );\n      })}\n    </>\n  );\n};\n\nContextMenu.displayName = \"ContextMenu\";\n"],"names":["PortalProps","useId","useRef","useItemsWithIdsNext","useCallback","useCascade","id","jsx","Fragment","Portal","PopupComponent","createElement","MenuList"],"mappings":"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"}

package/cjs/notifications/NotificationsProvider.js

@@ -4,9 +4,12 @@ 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);
@@ -16,10 +19,10 @@ class NotificationsContextObject {
   constructor() {
     __privateAdd(this, _notify, () => 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
-    this.notify = (notification) => __privateGet(this, _notify).call(this, notification);
-    this.setNotify = (dispatcher) => {
+    __publicField(this, "notify", (notification) => __privateGet(this, _notify).call(this, notification));
+    __publicField(this, "setNotify", (dispatcher) => {
       __privateSet(this, _notify, dispatcher);
-    };
+    });
   }
 }
 _notify = new WeakMap();

package/cjs/notifications/NotificationsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsProvider.js","sources":["../../src/notifications/NotificationsProvider.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { NotificationsCenter } from \"./NotificationsCenter\";\nimport { Notification } from \"./notificationTypes\";\n\nexport type DispatchNotification = (\n  notification: Omit<Notification, \"id\">\n) => void;\n\nexport type NotificationsContext = {\n  notify: DispatchNotification;\n  setNotify: (dispatcher: DispatchNotification) => void;\n};\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  #notify: DispatchNotification = () =>\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  notify: DispatchNotification = (notification) => this.#notify(notification);\n  setNotify = (dispatcher: DispatchNotification) => {\n    this.#notify = dispatcher;\n  };\n}\n\nconst NotificationsContext = React.createContext<NotificationsContext>(\n  new NotificationsContextObject()\n);\n\nexport const NotificationsProvider = (props: {\n  children: JSX.Element | JSX.Element[];\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 { notify } = useContext(NotificationsContext);\n  return notify;\n};\n"],"names":["useContext","jsxs","jsx","NotificationsCenter"],"mappings":";;;;;;;;;;;;;AAAA,IAAA,OAAA,CAAA;AAsBA,MAAM,0BAA2D,CAAA;AAAA,EAAjE,WAAA,GAAA;AACE,IAAgC,YAAA,CAAA,IAAA,EAAA,OAAA,EAAA,MAC9B,OAAQ,CAAA,GAAA,CAAI,sDAAsD,CAAA,CAAA,CAAA;AAEpE;AAAA,IAAA,IAAA,CAAA,MAAA,GAA+B,CAAC,YAAA,KAAiB,YAAK,CAAA,IAAA,EAAA,OAAA,CAAA,CAAL,IAAa,CAAA,IAAA,EAAA,YAAA,CAAA,CAAA;AAC9D,IAAA,IAAA,CAAA,SAAA,GAAY,CAAC,UAAqC,KAAA;AAChD,MAAA,YAAA,CAAA,IAAA,EAAK,OAAU,EAAA,UAAA,CAAA,CAAA;AAAA,KACjB,CAAA;AAAA,GAAA;AACF,CAAA;AAPE,OAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AASF,MAAM,uBAAuB,KAAM,CAAA,aAAA;AAAA,EACjC,IAAI,0BAA2B,EAAA;AACjC,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,CAAC,KAEhC,KAAA;AACJ,EAAM,MAAA,OAAA,GAAUA,iBAAW,oBAAoB,CAAA,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,QAAA;AAAA,GACT,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,MAAA,EAAW,GAAAH,gBAAA,CAAW,oBAAoB,CAAA,CAAA;AAClD,EAAO,OAAA,MAAA,CAAA;AACT;;;;;"}
+{"version":3,"file":"NotificationsProvider.js","sources":["../../src/notifications/NotificationsProvider.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { NotificationsCenter } from \"./NotificationsCenter\";\nimport { Notification } from \"./notificationTypes\";\n\nexport type DispatchNotification = (\n  notification: Omit<Notification, \"id\">\n) => void;\n\nexport type NotificationsContext = {\n  notify: DispatchNotification;\n  setNotify: (dispatcher: DispatchNotification) => void;\n};\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  #notify: DispatchNotification = () =>\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  notify: DispatchNotification = (notification) => this.#notify(notification);\n  setNotify = (dispatcher: DispatchNotification) => {\n    this.#notify = dispatcher;\n  };\n}\n\nconst NotificationsContext = React.createContext<NotificationsContext>(\n  new NotificationsContextObject()\n);\n\nexport const NotificationsProvider = (props: {\n  children: JSX.Element | JSX.Element[];\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 { notify } = useContext(NotificationsContext);\n  return notify;\n};\n"],"names":["useContext","jsxs","jsx","NotificationsCenter"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAA,OAAA,CAAA;AAsBA,MAAM,0BAA2D,CAAA;AAAA,EAAjE,WAAA,GAAA;AACE,IAAgC,YAAA,CAAA,IAAA,EAAA,OAAA,EAAA,MAC9B,OAAQ,CAAA,GAAA,CAAI,sDAAsD,CAAA,CAAA,CAAA;AAEpE;AAAA,IAAA,aAAA,CAAA,IAAA,EAAA,QAAA,EAA+B,CAAC,YAAA,KAAiB,YAAK,CAAA,IAAA,EAAA,OAAA,CAAA,CAAL,IAAa,CAAA,IAAA,EAAA,YAAA,CAAA,CAAA,CAAA;AAC9D,IAAA,aAAA,CAAA,IAAA,EAAA,WAAA,EAAY,CAAC,UAAqC,KAAA;AAChD,MAAA,YAAA,CAAA,IAAA,EAAK,OAAU,EAAA,UAAA,CAAA,CAAA;AAAA,KACjB,CAAA,CAAA;AAAA,GAAA;AACF,CAAA;AAPE,OAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AASF,MAAM,uBAAuB,KAAM,CAAA,aAAA;AAAA,EACjC,IAAI,0BAA2B,EAAA;AACjC,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,CAAC,KAEhC,KAAA;AACJ,EAAM,MAAA,OAAA,GAAUA,iBAAW,oBAAoB,CAAA,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,QAAA;AAAA,GACT,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,MAAA,EAAW,GAAAH,gBAAA,CAAW,oBAAoB,CAAA,CAAA;AAClD,EAAO,OAAA,MAAA,CAAA;AACT;;;;;"}

package/cjs/popup/popup-service.js

@@ -5,6 +5,9 @@ var React = require('react');
 var ReactDOM = require('react-dom');
 var renderPortal = require('../portal-deprecated/render-portal.js');
 
+var __defProp = Object.defineProperty;
+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);
 let _dialogOpen = false;
 const _popups = [];
 const reasonIsMenuAction = (reason) => reason?.type === "menu-action";
@@ -91,7 +94,7 @@ const PopupComponent = ({
   return React.createElement("div", { className, style }, children);
 };
 let incrementingKey = 1;
-class PopupService {
+const _PopupService = class _PopupService {
   static showPopup({
     group = "all",
     name = "anon",
@@ -106,12 +109,12 @@ class PopupService {
       throw Error(`PopupService showPopup, no component supplied`);
     }
     if (typeof component.props.onClose === "function") {
-      PopupService.onClose = component.props.onClose;
+      _PopupService.onClose = component.props.onClose;
     } else {
-      PopupService.onClose = void 0;
+      _PopupService.onClose = void 0;
     }
     popupOpened(name);
-    document.addEventListener("keydown", PopupService.escapeKeyListener, true);
+    document.addEventListener("keydown", _PopupService.escapeKeyListener, true);
     let el = document.body.querySelector(".vuuPopup." + group);
     if (el === null) {
       el = document.createElement("div");
@@ -129,13 +132,13 @@ class PopupService {
       left,
       top,
       () => {
-        PopupService.keepWithinThePage(el, right);
+        _PopupService.keepWithinThePage(el, right);
       }
     );
   }
   static escapeKeyListener(evt) {
     if (evt.key === "Escape") {
-      PopupService.hidePopup({ type: "escape", event: evt });
+      _PopupService.hidePopup({ type: "escape", event: evt });
     }
   }
   static hidePopup(reason, name = "anon", group = "all") {
@@ -148,10 +151,10 @@ class PopupService {
     }
     document.removeEventListener(
       "keydown",
-      PopupService.escapeKeyListener,
+      _PopupService.escapeKeyListener,
       true
     );
-    PopupService?.onClose?.(
+    _PopupService?.onClose?.(
       reason ? {
         ...reason,
         closedBy: "popup-service"
@@ -184,7 +187,9 @@ class PopupService {
       }
     }
   }
-}
+};
+__publicField(_PopupService, "onClose");
+let PopupService = _PopupService;
 class DialogService {
   static showDialog(dialog) {
     const containerEl = ".vuuDialog";

package/cjs/popup/popup-service.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup-service.js","sources":["../../src/popup/popup-service.ts"],"sourcesContent":["import cx from \"clsx\";\nimport React, {\n  createElement,\n  CSSProperties,\n  HTMLAttributes,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactElement,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ContextMenuOptions } from \"../menu\";\nimport { renderPortal } from \"../portal-deprecated\";\n\nlet _dialogOpen = false;\nconst _popups: string[] = [];\n\nexport type PopupCloseCallback = (reason?: PopupCloseReason) => void;\n\nexport type TabAwayClosePopup = {\n  closedBy?: string;\n  type: \"tab-away\";\n  event: ReactKeyboardEvent;\n};\n\nexport type ClickAwayClosePopup = {\n  closedBy?: string;\n  type: \"click-away\";\n  mouseEvt: MouseEvent;\n};\n\nexport type EscapeClosePopup = {\n  closedBy?: string;\n  event: KeyboardEvent;\n  type: \"escape\";\n};\n\nexport type MenuActionClosePopup = {\n  closedBy?: string;\n  menuId: string;\n  options: ContextMenuOptions;\n  type: \"menu-action\";\n};\n\nexport type PopupCloseReason =\n  | ClickAwayClosePopup\n  | EscapeClosePopup\n  | MenuActionClosePopup\n  | TabAwayClosePopup;\n\nexport const reasonIsMenuAction = (\n  reason?: PopupCloseReason\n): reason is MenuActionClosePopup => reason?.type === \"menu-action\";\n\nexport const reasonIsClickAway = (\n  reason?: PopupCloseReason\n): reason is ClickAwayClosePopup => reason?.type === \"click-away\";\n\nfunction specialKeyHandler(e: KeyboardEvent) {\n  if (e.key === \"Esc\") {\n    if (_popups.length) {\n      closeAllPopups();\n    } else if (_dialogOpen) {\n      const dialogRoot = document.body.querySelector(\".vuuDialog\");\n      if (dialogRoot) {\n        ReactDOM.unmountComponentAtNode(dialogRoot);\n      }\n    }\n  }\n}\n\nfunction outsideClickHandler(e: MouseEvent) {\n  if (_popups.length) {\n    const popupContainers = document.body.querySelectorAll(\n      \".vuuPopup,#vuu-portal-root\"\n    );\n    for (let i = 0; i < popupContainers.length; i++) {\n      if (popupContainers[i].contains(e.target as HTMLElement)) {\n        return;\n      }\n    }\n    closeAllPopups({ mouseEvt: e, type: \"click-away\" });\n  }\n}\n\nfunction closeAllPopups(reason?: PopupCloseReason) {\n  if (_popups.length === 1) {\n    PopupService.hidePopup(reason, \"anon\", \"all\");\n  } else if (_popups.length) {\n    // onsole.log(`closeAllPopups`);\n    const popupContainers = document.body.querySelectorAll(\".vuuPopup\");\n    for (let i = 0; i < popupContainers.length; i++) {\n      ReactDOM.unmountComponentAtNode(popupContainers[i]);\n    }\n    popupClosed(\"*\");\n  }\n}\n\nfunction dialogOpened() {\n  if (_dialogOpen === false) {\n    _dialogOpen = true;\n    window.addEventListener(\"keydown\", specialKeyHandler, true);\n  }\n}\n\nfunction dialogClosed() {\n  if (_dialogOpen) {\n    _dialogOpen = false;\n    window.removeEventListener(\"keydown\", specialKeyHandler, true);\n  }\n}\n\nfunction popupOpened(name: string) {\n  if (_popups.indexOf(name) === -1) {\n    _popups.push(name);\n    //onsole.log('PopupService, popup opened ' + name + '  popups : ' + _popups);\n    if (_dialogOpen === false) {\n      window.addEventListener(\"keydown\", specialKeyHandler, true);\n      window.addEventListener(\"click\", outsideClickHandler, true);\n    }\n  }\n}\n\nfunction popupClosed(name: string /*, group=null*/) {\n  if (_popups.length) {\n    if (name === \"*\") {\n      _popups.length = 0;\n    } else {\n      const pos = _popups.indexOf(name);\n      if (pos !== -1) {\n        _popups.splice(pos, 1);\n      }\n    }\n    //onsole.log('PopupService, popup closed ' + name + '  popups : ' + _popups);\n    if (_popups.length === 0 && _dialogOpen === false) {\n      window.removeEventListener(\"keydown\", specialKeyHandler, true);\n      window.removeEventListener(\"click\", outsideClickHandler, true);\n    }\n  }\n}\n\nconst PopupComponent = ({\n  children,\n  position,\n  style,\n}: HTMLAttributes<HTMLDivElement> & {\n  position?: \"above\" | \"below\" | \"\";\n  style?: CSSProperties;\n}) => {\n  const className = cx(\"hwPopup\", \"hwPopupContainer\", position);\n  return createElement(\"div\", { className, style }, children);\n};\n\nlet incrementingKey = 1;\n\nexport interface ShowPopupProps {\n  depth?: number;\n  /**\n   * if true, focus will be invoked on first focusable element\n   */\n  focus?: boolean;\n  name?: string;\n  group?: string;\n  position?: \"above\" | \"below\" | \"\";\n  left?: number;\n  right?: \"auto\" | number;\n  top?: number;\n  component: ReactElement;\n  width?: number | \"auto\";\n}\n\nexport class PopupService {\n  static onClose: PopupCloseCallback | undefined;\n  static showPopup({\n    group = \"all\",\n    name = \"anon\",\n    left = 0,\n    position = \"\",\n    right = \"auto\",\n    top = 0,\n    width = \"auto\",\n    component,\n  }: ShowPopupProps) {\n    if (!component) {\n      throw Error(`PopupService showPopup, no component supplied`);\n    }\n\n    if (typeof component.props.onClose === \"function\") {\n      PopupService.onClose = component.props.onClose;\n    } else {\n      PopupService.onClose = undefined;\n    }\n\n    popupOpened(name);\n\n    document.addEventListener(\"keydown\", PopupService.escapeKeyListener, true);\n\n    let el = document.body.querySelector(\".vuuPopup.\" + group) as HTMLElement;\n    if (el === null) {\n      el = document.createElement(\"div\") as HTMLElement;\n      el.className = \"vuuPopup \" + group;\n      document.body.appendChild(el);\n    }\n\n    const style = { width };\n\n    renderPortal(\n      createElement(\n        PopupComponent,\n        { key: incrementingKey++, position, style },\n        component\n      ),\n      el,\n      left,\n      top,\n      () => {\n        PopupService.keepWithinThePage(el, right);\n      }\n    );\n  }\n\n  static escapeKeyListener(evt: KeyboardEvent) {\n    if (evt.key === \"Escape\") {\n      PopupService.hidePopup({ type: \"escape\", event: evt });\n    }\n  }\n\n  static hidePopup(reason?: PopupCloseReason, name = \"anon\", group = \"all\") {\n    if (_popups.indexOf(name) !== -1) {\n      popupClosed(name);\n      const popupRoot = document.body.querySelector(`.vuuPopup.${group}`);\n      if (popupRoot) {\n        ReactDOM.unmountComponentAtNode(popupRoot);\n      }\n    }\n    document.removeEventListener(\n      \"keydown\",\n      PopupService.escapeKeyListener,\n      true\n    );\n\n    PopupService?.onClose?.(\n      reason\n        ? {\n            ...reason,\n            closedBy: \"popup-service\",\n          }\n        : undefined\n    );\n  }\n\n  static keepWithinThePage(el: HTMLElement, right: number | \"auto\" = \"auto\") {\n    const target = el.querySelector(\".vuuPopupContainer > *\") as HTMLElement;\n    if (target) {\n      const {\n        top,\n        left,\n        width,\n        height,\n        right: currentRight,\n      } = target.getBoundingClientRect();\n\n      const w = window.innerWidth;\n      const h = window.innerHeight;\n\n      const overflowH = h - (top + height);\n      if (overflowH < 0) {\n        target.style.top = Math.round(top) + overflowH + \"px\";\n      }\n\n      const overflowW = w - (left + width);\n      if (overflowW < 0) {\n        target.style.left = Math.round(left) + overflowW + \"px\";\n      }\n\n      if (typeof right === \"number\" && right !== currentRight) {\n        const adjustment = right - currentRight;\n        target.style.left = left + adjustment + \"px\";\n      }\n    }\n  }\n}\n\nexport class DialogService {\n  static showDialog(dialog: ReactElement) {\n    const containerEl = \".vuuDialog\";\n    const onClose = dialog.props.onClose;\n\n    dialogOpened();\n\n    ReactDOM.render(\n      React.cloneElement(dialog, {\n        container: containerEl,\n        onClose: () => {\n          DialogService.closeDialog();\n          if (onClose) {\n            onClose();\n          }\n        },\n      }),\n      document.body.querySelector(containerEl)\n    );\n  }\n\n  static closeDialog() {\n    dialogClosed();\n    const dialogRoot = document.body.querySelector(\".vuuDialog\");\n    if (dialogRoot) {\n      ReactDOM.unmountComponentAtNode(dialogRoot);\n    }\n  }\n}\n"],"names":["createElement","renderPortal"],"mappings":";;;;;;;AAYA,IAAI,WAAc,GAAA,KAAA,CAAA;AAClB,MAAM,UAAoB,EAAC,CAAA;AAmCpB,MAAM,kBAAqB,GAAA,CAChC,MACmC,KAAA,MAAA,EAAQ,IAAS,KAAA,cAAA;AAE/C,MAAM,iBAAoB,GAAA,CAC/B,MACkC,KAAA,MAAA,EAAQ,IAAS,KAAA,aAAA;AAErD,SAAS,kBAAkB,CAAkB,EAAA;AAC3C,EAAI,IAAA,CAAA,CAAE,QAAQ,KAAO,EAAA;AACnB,IAAA,IAAI,QAAQ,MAAQ,EAAA;AAClB,MAAe,cAAA,EAAA,CAAA;AAAA,eACN,WAAa,EAAA;AACtB,MAAA,MAAM,UAAa,GAAA,QAAA,CAAS,IAAK,CAAA,aAAA,CAAc,YAAY,CAAA,CAAA;AAC3D,MAAA,IAAI,UAAY,EAAA;AACd,QAAA,QAAA,CAAS,uBAAuB,UAAU,CAAA,CAAA;AAAA,OAC5C;AAAA,KACF;AAAA,GACF;AACF,CAAA;AAEA,SAAS,oBAAoB,CAAe,EAAA;AAC1C,EAAA,IAAI,QAAQ,MAAQ,EAAA;AAClB,IAAM,MAAA,eAAA,GAAkB,SAAS,IAAK,CAAA,gBAAA;AAAA,MACpC,4BAAA;AAAA,KACF,CAAA;AACA,IAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,eAAA,CAAgB,QAAQ,CAAK,EAAA,EAAA;AAC/C,MAAA,IAAI,gBAAgB,CAAC,CAAA,CAAE,QAAS,CAAA,CAAA,CAAE,MAAqB,CAAG,EAAA;AACxD,QAAA,OAAA;AAAA,OACF;AAAA,KACF;AACA,IAAA,cAAA,CAAe,EAAE,QAAA,EAAU,CAAG,EAAA,IAAA,EAAM,cAAc,CAAA,CAAA;AAAA,GACpD;AACF,CAAA;AAEA,SAAS,eAAe,MAA2B,EAAA;AACjD,EAAI,IAAA,OAAA,CAAQ,WAAW,CAAG,EAAA;AACxB,IAAa,YAAA,CAAA,SAAA,CAAU,MAAQ,EAAA,MAAA,EAAQ,KAAK,CAAA,CAAA;AAAA,GAC9C,MAAA,IAAW,QAAQ,MAAQ,EAAA;AAEzB,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,IAAK,CAAA,gBAAA,CAAiB,WAAW,CAAA,CAAA;AAClE,IAAA,KAAA,IAAS,CAAI,GAAA,CAAA,EAAG,CAAI,GAAA,eAAA,CAAgB,QAAQ,CAAK,EAAA,EAAA;AAC/C,MAAS,QAAA,CAAA,sBAAA,CAAuB,eAAgB,CAAA,CAAC,CAAC,CAAA,CAAA;AAAA,KACpD;AACA,IAAA,WAAA,CAAY,GAAG,CAAA,CAAA;AAAA,GACjB;AACF,CAAA;AAEA,SAAS,YAAe,GAAA;AACtB,EAAA,IAAI,gBAAgB,KAAO,EAAA;AACzB,IAAc,WAAA,GAAA,IAAA,CAAA;AACd,IAAO,MAAA,CAAA,gBAAA,CAAiB,SAAW,EAAA,iBAAA,EAAmB,IAAI,CAAA,CAAA;AAAA,GAC5D;AACF,CAAA;AAEA,SAAS,YAAe,GAAA;AACtB,EAAA,IAAI,WAAa,EAAA;AACf,IAAc,WAAA,GAAA,KAAA,CAAA;AACd,IAAO,MAAA,CAAA,mBAAA,CAAoB,SAAW,EAAA,iBAAA,EAAmB,IAAI,CAAA,CAAA;AAAA,GAC/D;AACF,CAAA;AAEA,SAAS,YAAY,IAAc,EAAA;AACjC,EAAA,IAAI,OAAQ,CAAA,OAAA,CAAQ,IAAI,CAAA,KAAM,CAAI,CAAA,EAAA;AAChC,IAAA,OAAA,CAAQ,KAAK,IAAI,CAAA,CAAA;AAEjB,IAAA,IAAI,gBAAgB,KAAO,EAAA;AACzB,MAAO,MAAA,CAAA,gBAAA,CAAiB,SAAW,EAAA,iBAAA,EAAmB,IAAI,CAAA,CAAA;AAC1D,MAAO,MAAA,CAAA,gBAAA,CAAiB,OAAS,EAAA,mBAAA,EAAqB,IAAI,CAAA,CAAA;AAAA,KAC5D;AAAA,GACF;AACF,CAAA;AAEA,SAAS,YAAY,IAA+B,EAAA;AAClD,EAAA,IAAI,QAAQ,MAAQ,EAAA;AAClB,IAAA,IAAI,SAAS,GAAK,EAAA;AAChB,MAAA,OAAA,CAAQ,MAAS,GAAA,CAAA,CAAA;AAAA,KACZ,MAAA;AACL,MAAM,MAAA,GAAA,GAAM,OAAQ,CAAA,OAAA,CAAQ,IAAI,CAAA,CAAA;AAChC,MAAA,IAAI,QAAQ,CAAI,CAAA,EAAA;AACd,QAAQ,OAAA,CAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAAA,OACvB;AAAA,KACF;AAEA,IAAA,IAAI,OAAQ,CAAA,MAAA,KAAW,CAAK,IAAA,WAAA,KAAgB,KAAO,EAAA;AACjD,MAAO,MAAA,CAAA,mBAAA,CAAoB,SAAW,EAAA,iBAAA,EAAmB,IAAI,CAAA,CAAA;AAC7D,MAAO,MAAA,CAAA,mBAAA,CAAoB,OAAS,EAAA,mBAAA,EAAqB,IAAI,CAAA,CAAA;AAAA,KAC/D;AAAA,GACF;AACF,CAAA;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,SAAY,GAAA,EAAA,CAAG,SAAW,EAAA,kBAAA,EAAoB,QAAQ,CAAA,CAAA;AAC5D,EAAA,OAAOA,oBAAc,KAAO,EAAA,EAAE,SAAW,EAAA,KAAA,IAAS,QAAQ,CAAA,CAAA;AAC5D,CAAA,CAAA;AAEA,IAAI,eAAkB,GAAA,CAAA,CAAA;AAkBf,MAAM,YAAa,CAAA;AAAA,EAExB,OAAO,SAAU,CAAA;AAAA,IACf,KAAQ,GAAA,KAAA;AAAA,IACR,IAAO,GAAA,MAAA;AAAA,IACP,IAAO,GAAA,CAAA;AAAA,IACP,QAAW,GAAA,EAAA;AAAA,IACX,KAAQ,GAAA,MAAA;AAAA,IACR,GAAM,GAAA,CAAA;AAAA,IACN,KAAQ,GAAA,MAAA;AAAA,IACR,SAAA;AAAA,GACiB,EAAA;AACjB,IAAA,IAAI,CAAC,SAAW,EAAA;AACd,MAAA,MAAM,MAAM,CAA+C,6CAAA,CAAA,CAAA,CAAA;AAAA,KAC7D;AAEA,IAAA,IAAI,OAAO,SAAA,CAAU,KAAM,CAAA,OAAA,KAAY,UAAY,EAAA;AACjD,MAAa,YAAA,CAAA,OAAA,GAAU,UAAU,KAAM,CAAA,OAAA,CAAA;AAAA,KAClC,MAAA;AACL,MAAA,YAAA,CAAa,OAAU,GAAA,KAAA,CAAA,CAAA;AAAA,KACzB;AAEA,IAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAEhB,IAAA,QAAA,CAAS,gBAAiB,CAAA,SAAA,EAAW,YAAa,CAAA,iBAAA,EAAmB,IAAI,CAAA,CAAA;AAEzE,IAAA,IAAI,EAAK,GAAA,QAAA,CAAS,IAAK,CAAA,aAAA,CAAc,eAAe,KAAK,CAAA,CAAA;AACzD,IAAA,IAAI,OAAO,IAAM,EAAA;AACf,MAAK,EAAA,GAAA,QAAA,CAAS,cAAc,KAAK,CAAA,CAAA;AACjC,MAAA,EAAA,CAAG,YAAY,WAAc,GAAA,KAAA,CAAA;AAC7B,MAAS,QAAA,CAAA,IAAA,CAAK,YAAY,EAAE,CAAA,CAAA;AAAA,KAC9B;AAEA,IAAM,MAAA,KAAA,GAAQ,EAAE,KAAM,EAAA,CAAA;AAEtB,IAAAC,yBAAA;AAAA,MACED,mBAAA;AAAA,QACE,cAAA;AAAA,QACA,EAAE,GAAA,EAAK,eAAmB,EAAA,EAAA,QAAA,EAAU,KAAM,EAAA;AAAA,QAC1C,SAAA;AAAA,OACF;AAAA,MACA,EAAA;AAAA,MACA,IAAA;AAAA,MACA,GAAA;AAAA,MACA,MAAM;AACJ,QAAa,YAAA,CAAA,iBAAA,CAAkB,IAAI,KAAK,CAAA,CAAA;AAAA,OAC1C;AAAA,KACF,CAAA;AAAA,GACF;AAAA,EAEA,OAAO,kBAAkB,GAAoB,EAAA;AAC3C,IAAI,IAAA,GAAA,CAAI,QAAQ,QAAU,EAAA;AACxB,MAAA,YAAA,CAAa,UAAU,EAAE,IAAA,EAAM,QAAU,EAAA,KAAA,EAAO,KAAK,CAAA,CAAA;AAAA,KACvD;AAAA,GACF;AAAA,EAEA,OAAO,SAAU,CAAA,MAAA,EAA2B,IAAO,GAAA,MAAA,EAAQ,QAAQ,KAAO,EAAA;AACxE,IAAA,IAAI,OAAQ,CAAA,OAAA,CAAQ,IAAI,CAAA,KAAM,CAAI,CAAA,EAAA;AAChC,MAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAChB,MAAA,MAAM,YAAY,QAAS,CAAA,IAAA,CAAK,aAAc,CAAA,CAAA,UAAA,EAAa,KAAK,CAAE,CAAA,CAAA,CAAA;AAClE,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,QAAA,CAAS,uBAAuB,SAAS,CAAA,CAAA;AAAA,OAC3C;AAAA,KACF;AACA,IAAS,QAAA,CAAA,mBAAA;AAAA,MACP,SAAA;AAAA,MACA,YAAa,CAAA,iBAAA;AAAA,MACb,IAAA;AAAA,KACF,CAAA;AAEA,IAAc,YAAA,EAAA,OAAA;AAAA,MACZ,MACI,GAAA;AAAA,QACE,GAAG,MAAA;AAAA,QACH,QAAU,EAAA,eAAA;AAAA,OAEZ,GAAA,KAAA,CAAA;AAAA,KACN,CAAA;AAAA,GACF;AAAA,EAEA,OAAO,iBAAA,CAAkB,EAAiB,EAAA,KAAA,GAAyB,MAAQ,EAAA;AACzE,IAAM,MAAA,MAAA,GAAS,EAAG,CAAA,aAAA,CAAc,wBAAwB,CAAA,CAAA;AACxD,IAAA,IAAI,MAAQ,EAAA;AACV,MAAM,MAAA;AAAA,QACJ,GAAA;AAAA,QACA,IAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA;AAAA,QACA,KAAO,EAAA,YAAA;AAAA,OACT,GAAI,OAAO,qBAAsB,EAAA,CAAA;AAEjC,MAAA,MAAM,IAAI,MAAO,CAAA,UAAA,CAAA;AACjB,MAAA,MAAM,IAAI,MAAO,CAAA,WAAA,CAAA;AAEjB,MAAM,MAAA,SAAA,GAAY,KAAK,GAAM,GAAA,MAAA,CAAA,CAAA;AAC7B,MAAA,IAAI,YAAY,CAAG,EAAA;AACjB,QAAA,MAAA,CAAO,MAAM,GAAM,GAAA,IAAA,CAAK,KAAM,CAAA,GAAG,IAAI,SAAY,GAAA,IAAA,CAAA;AAAA,OACnD;AAEA,MAAM,MAAA,SAAA,GAAY,KAAK,IAAO,GAAA,KAAA,CAAA,CAAA;AAC9B,MAAA,IAAI,YAAY,CAAG,EAAA;AACjB,QAAA,MAAA,CAAO,MAAM,IAAO,GAAA,IAAA,CAAK,KAAM,CAAA,IAAI,IAAI,SAAY,GAAA,IAAA,CAAA;AAAA,OACrD;AAEA,MAAA,IAAI,OAAO,KAAA,KAAU,QAAY,IAAA,KAAA,KAAU,YAAc,EAAA;AACvD,QAAA,MAAM,aAAa,KAAQ,GAAA,YAAA,CAAA;AAC3B,QAAO,MAAA,CAAA,KAAA,CAAM,IAAO,GAAA,IAAA,GAAO,UAAa,GAAA,IAAA,CAAA;AAAA,OAC1C;AAAA,KACF;AAAA,GACF;AACF,CAAA;AAEO,MAAM,aAAc,CAAA;AAAA,EACzB,OAAO,WAAW,MAAsB,EAAA;AACtC,IAAA,MAAM,WAAc,GAAA,YAAA,CAAA;AACpB,IAAM,MAAA,OAAA,GAAU,OAAO,KAAM,CAAA,OAAA,CAAA;AAE7B,IAAa,YAAA,EAAA,CAAA;AAEb,IAAS,QAAA,CAAA,MAAA;AAAA,MACP,KAAA,CAAM,aAAa,MAAQ,EAAA;AAAA,QACzB,SAAW,EAAA,WAAA;AAAA,QACX,SAAS,MAAM;AACb,UAAA,aAAA,CAAc,WAAY,EAAA,CAAA;AAC1B,UAAA,IAAI,OAAS,EAAA;AACX,YAAQ,OAAA,EAAA,CAAA;AAAA,WACV;AAAA,SACF;AAAA,OACD,CAAA;AAAA,MACD,QAAA,CAAS,IAAK,CAAA,aAAA,CAAc,WAAW,CAAA;AAAA,KACzC,CAAA;AAAA,GACF;AAAA,EAEA,OAAO,WAAc,GAAA;AACnB,IAAa,YAAA,EAAA,CAAA;AACb,IAAA,MAAM,UAAa,GAAA,QAAA,CAAS,IAAK,CAAA,aAAA,CAAc,YAAY,CAAA,CAAA;AAC3D,IAAA,IAAI,UAAY,EAAA;AACd,MAAA,QAAA,CAAS,uBAAuB,UAAU,CAAA,CAAA;AAAA,KAC5C;AAAA,GACF;AACF;;;;;;;"}
+{"version":3,"file":"popup-service.js","sources":["../../src/popup/popup-service.ts"],"sourcesContent":["import cx from \"clsx\";\nimport React, {\n  createElement,\n  CSSProperties,\n  HTMLAttributes,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactElement,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ContextMenuOptions } from \"../menu\";\nimport { renderPortal } from \"../portal-deprecated\";\n\nlet _dialogOpen = false;\nconst _popups: string[] = [];\n\nexport type PopupCloseCallback = (reason?: PopupCloseReason) => void;\n\nexport type TabAwayClosePopup = {\n  closedBy?: string;\n  type: \"tab-away\";\n  event: ReactKeyboardEvent;\n};\n\nexport type ClickAwayClosePopup = {\n  closedBy?: string;\n  type: \"click-away\";\n  mouseEvt: MouseEvent;\n};\n\nexport type EscapeClosePopup = {\n  closedBy?: string;\n  event: KeyboardEvent;\n  type: \"escape\";\n};\n\nexport type MenuActionClosePopup = {\n  closedBy?: string;\n  menuId: string;\n  options: ContextMenuOptions;\n  type: \"menu-action\";\n};\n\nexport type PopupCloseReason =\n  | ClickAwayClosePopup\n  | EscapeClosePopup\n  | MenuActionClosePopup\n  | TabAwayClosePopup;\n\nexport const reasonIsMenuAction = (\n  reason?: PopupCloseReason\n): reason is MenuActionClosePopup => reason?.type === \"menu-action\";\n\nexport const reasonIsClickAway = (\n  reason?: PopupCloseReason\n): reason is ClickAwayClosePopup => reason?.type === \"click-away\";\n\nfunction specialKeyHandler(e: KeyboardEvent) {\n  if (e.key === \"Esc\") {\n    if (_popups.length) {\n      closeAllPopups();\n    } else if (_dialogOpen) {\n      const dialogRoot = document.body.querySelector(\".vuuDialog\");\n      if (dialogRoot) {\n        ReactDOM.unmountComponentAtNode(dialogRoot);\n      }\n    }\n  }\n}\n\nfunction outsideClickHandler(e: MouseEvent) {\n  if (_popups.length) {\n    const popupContainers = document.body.querySelectorAll(\n      \".vuuPopup,#vuu-portal-root\"\n    );\n    for (let i = 0; i < popupContainers.length; i++) {\n      if (popupContainers[i].contains(e.target as HTMLElement)) {\n        return;\n      }\n    }\n    closeAllPopups({ mouseEvt: e, type: \"click-away\" });\n  }\n}\n\nfunction closeAllPopups(reason?: PopupCloseReason) {\n  if (_popups.length === 1) {\n    PopupService.hidePopup(reason, \"anon\", \"all\");\n  } else if (_popups.length) {\n    // onsole.log(`closeAllPopups`);\n    const popupContainers = document.body.querySelectorAll(\".vuuPopup\");\n    for (let i = 0; i < popupContainers.length; i++) {\n      ReactDOM.unmountComponentAtNode(popupContainers[i]);\n    }\n    popupClosed(\"*\");\n  }\n}\n\nfunction dialogOpened() {\n  if (_dialogOpen === false) {\n    _dialogOpen = true;\n    window.addEventListener(\"keydown\", specialKeyHandler, true);\n  }\n}\n\nfunction dialogClosed() {\n  if (_dialogOpen) {\n    _dialogOpen = false;\n    window.removeEventListener(\"keydown\", specialKeyHandler, true);\n  }\n}\n\nfunction popupOpened(name: string) {\n  if (_popups.indexOf(name) === -1) {\n    _popups.push(name);\n    //onsole.log('PopupService, popup opened ' + name + '  popups : ' + _popups);\n    if (_dialogOpen === false) {\n      window.addEventListener(\"keydown\", specialKeyHandler, true);\n      window.addEventListener(\"click\", outsideClickHandler, true);\n    }\n  }\n}\n\nfunction popupClosed(name: string /*, group=null*/) {\n  if (_popups.length) {\n    if (name === \"*\") {\n      _popups.length = 0;\n    } else {\n      const pos = _popups.indexOf(name);\n      if (pos !== -1) {\n        _popups.splice(pos, 1);\n      }\n    }\n    //onsole.log('PopupService, popup closed ' + name + '  popups : ' + _popups);\n    if (_popups.length === 0 && _dialogOpen === false) {\n      window.removeEventListener(\"keydown\", specialKeyHandler, true);\n      window.removeEventListener(\"click\", outsideClickHandler, true);\n    }\n  }\n}\n\nconst PopupComponent = ({\n  children,\n  position,\n  style,\n}: HTMLAttributes<HTMLDivElement> & {\n  position?: \"above\" | \"below\" | \"\";\n  style?: CSSProperties;\n}) => {\n  const className = cx(\"hwPopup\", \"hwPopupContainer\", position);\n  return createElement(\"div\", { className, style }, children);\n};\n\nlet incrementingKey = 1;\n\nexport interface ShowPopupProps {\n  depth?: number;\n  /**\n   * if true, focus will be invoked on first focusable element\n   */\n  focus?: boolean;\n  name?: string;\n  group?: string;\n  position?: \"above\" | \"below\" | \"\";\n  left?: number;\n  right?: \"auto\" | number;\n  top?: number;\n  component: ReactElement;\n  width?: number | \"auto\";\n}\n\nexport class PopupService {\n  static onClose: PopupCloseCallback | undefined;\n  static showPopup({\n    group = \"all\",\n    name = \"anon\",\n    left = 0,\n    position = \"\",\n    right = \"auto\",\n    top = 0,\n    width = \"auto\",\n    component,\n  }: ShowPopupProps) {\n    if (!component) {\n      throw Error(`PopupService showPopup, no component supplied`);\n    }\n\n    if (typeof component.props.onClose === \"function\") {\n      PopupService.onClose = component.props.onClose;\n    } else {\n      PopupService.onClose = undefined;\n    }\n\n    popupOpened(name);\n\n    document.addEventListener(\"keydown\", PopupService.escapeKeyListener, true);\n\n    let el = document.body.querySelector(\".vuuPopup.\" + group) as HTMLElement;\n    if (el === null) {\n      el = document.createElement(\"div\") as HTMLElement;\n      el.className = \"vuuPopup \" + group;\n      document.body.appendChild(el);\n    }\n\n    const style = { width };\n\n    renderPortal(\n      createElement(\n        PopupComponent,\n        { key: incrementingKey++, position, style },\n        component\n      ),\n      el,\n      left,\n      top,\n      () => {\n        PopupService.keepWithinThePage(el, right);\n      }\n    );\n  }\n\n  static escapeKeyListener(evt: KeyboardEvent) {\n    if (evt.key === \"Escape\") {\n      PopupService.hidePopup({ type: \"escape\", event: evt });\n    }\n  }\n\n  static hidePopup(reason?: PopupCloseReason, name = \"anon\", group = \"all\") {\n    if (_popups.indexOf(name) !== -1) {\n      popupClosed(name);\n      const popupRoot = document.body.querySelector(`.vuuPopup.${group}`);\n      if (popupRoot) {\n        ReactDOM.unmountComponentAtNode(popupRoot);\n      }\n    }\n    document.removeEventListener(\n      \"keydown\",\n      PopupService.escapeKeyListener,\n      true\n    );\n\n    PopupService?.onClose?.(\n      reason\n        ? {\n            ...reason,\n            closedBy: \"popup-service\",\n          }\n        : undefined\n    );\n  }\n\n  static keepWithinThePage(el: HTMLElement, right: number | \"auto\" = \"auto\") {\n    const target = el.querySelector(\".vuuPopupContainer > *\") as HTMLElement;\n    if (target) {\n      const {\n        top,\n        left,\n        width,\n        height,\n        right: currentRight,\n      } = target.getBoundingClientRect();\n\n      const w = window.innerWidth;\n      const h = window.innerHeight;\n\n      const overflowH = h - (top + height);\n      if (overflowH < 0) {\n        target.style.top = Math.round(top) + overflowH + \"px\";\n      }\n\n      const overflowW = w - (left + width);\n      if (overflowW < 0) {\n        target.style.left = Math.round(left) + overflowW + \"px\";\n      }\n\n      if (typeof right === \"number\" && right !== currentRight) {\n        const adjustment = right - currentRight;\n        target.style.left = left + adjustment + \"px\";\n      }\n    }\n  }\n}\n\nexport class DialogService {\n  static showDialog(dialog: ReactElement) {\n    const containerEl = \".vuuDialog\";\n    const onClose = dialog.props.onClose;\n\n    dialogOpened();\n\n    ReactDOM.render(\n      React.cloneElement(dialog, {\n        container: containerEl,\n        onClose: () => {\n          DialogService.closeDialog();\n          if (onClose) {\n            onClose();\n          }\n        },\n      }),\n      document.body.querySelector(containerEl)\n    );\n  }\n\n  static closeDialog() {\n    dialogClosed();\n    const dialogRoot = document.body.querySelector(\".vuuDialog\");\n    if (dialogRoot) {\n      ReactDOM.unmountComponentAtNode(dialogRoot);\n    }\n  }\n}\n"],"names":["createElement","renderPortal"],"mappings":"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"}

package/cjs/prompt/Prompt.js

@@ -7,7 +7,7 @@ var styles = require('@salt-ds/styles');
 var window = require('@salt-ds/window');
 var cx = require('clsx');
 var React = require('react');
-require('react-dom');
+require('../popup/popup-service.js');
 var useAnchoredPosition = require('../popup/useAnchoredPosition.js');
 var Prompt$1 = require('./Prompt.css.js');
 

package/esm/dialog/useDialog.js

@@ -2,6 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Dialog, DialogHeader, DialogContent, DialogCloseButton, DialogActions } from '@salt-ds/core';
 import { createContext, useState, useCallback, useContext, useMemo } from 'react';
 
+var __defProp = Object.defineProperty;
+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);
 const useDialog = () => {
   const [dialogState, setDialogState] = useState();
   const closeDialog = useCallback(() => {
@@ -41,8 +44,8 @@ const defaultCloseDialog = () => {
 };
 class DialogContextObject {
   constructor() {
-    this.showDialog = defaultShowDialog;
-    this.closeDialog = defaultCloseDialog;
+    __publicField(this, "showDialog", defaultShowDialog);
+    __publicField(this, "closeDialog", defaultCloseDialog);
   }
   setDialogDispatchers(showDialog, closeDialog) {
     this.showDialog = showDialog;

package/esm/dialog/useDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDialog.js","sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogActions,\n  DialogCloseButton,\n  DialogContent,\n  DialogHeader,\n} from \"@salt-ds/core\";\nimport {\n  createContext,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\nexport type DialogState = {\n  actions?: ReactElement[];\n  content: ReactElement;\n  title: string;\n  hideCloseButton?: boolean;\n};\n\nexport type SetDialog = (dialogState?: DialogState) => void;\n\nexport type ShowDialog = (\n  dialogContent: ReactElement,\n  title: string,\n  dialogActionButtons?: ReactElement[],\n  hideCloseButton?: boolean\n) => void;\n\nexport interface DialogContextProps {\n  showDialog: ShowDialog;\n  closeDialog: () => void;\n  setDialogDispatchers: (\n    showDialog: ShowDialog,\n    closeDialog: () => void\n  ) => void;\n}\n\nexport const useDialog = () => {\n  const [dialogState, setDialogState] = useState<DialogState>();\n\n  const closeDialog = useCallback(() => {\n    setDialogState(undefined);\n  }, []);\n\n  const handleOpenChange = useCallback(\n    (open?: boolean) => {\n      if (open !== true) {\n        closeDialog();\n      }\n    },\n    [closeDialog]\n  );\n\n  const dialog = dialogState ? (\n    <Dialog open={true} onOpenChange={handleOpenChange}>\n      <DialogHeader header={dialogState.title} />\n      <DialogContent>{dialogState.content}</DialogContent>\n      {dialogState.hideCloseButton !== true ? (\n        <DialogCloseButton\n          data-embedded\n          data-icon=\"close\"\n          onClick={closeDialog}\n        />\n      ) : null}\n      {dialogState.actions ? (\n        <DialogActions>{dialogState.actions}</DialogActions>\n      ) : null}\n    </Dialog>\n  ) : null;\n\n  return {\n    dialog,\n    setDialogState,\n  };\n};\n\nconst defaultShowDialog: ShowDialog = () => {\n  console.warn(\"No DialogProvider in place\");\n};\nconst defaultCloseDialog = () => {\n  console.warn(\"No DialogProvider in place\");\n};\n\nclass DialogContextObject implements DialogContextProps {\n  showDialog = defaultShowDialog;\n  closeDialog = defaultCloseDialog;\n  setDialogDispatchers(showDialog: ShowDialog, closeDialog: () => void) {\n    this.showDialog = showDialog;\n    this.closeDialog = closeDialog;\n  }\n}\n\nconst DialogContext = createContext<DialogContextProps>(\n  new DialogContextObject()\n);\n\nconst DialogHost = ({ context }: { context: DialogContextProps }) => {\n  const { dialog, setDialogState } = useDialog();\n  const showDialog: ShowDialog = useCallback(\n    (dialogContent, title, actionButtons, hideCloseButton) => {\n      setDialogState({\n        actions: actionButtons,\n        content: dialogContent,\n        title,\n        hideCloseButton,\n      });\n    },\n    [setDialogState]\n  );\n  const closeDialog = useCallback(() => {\n    setDialogState(undefined);\n  }, [setDialogState]);\n\n  useMemo(() => {\n    context.setDialogDispatchers(showDialog, closeDialog);\n  }, [closeDialog, context, showDialog]);\n  return dialog;\n};\n\nexport const DialogProvider = ({ children }: { children: ReactNode }) => {\n  const context = useContext(DialogContext);\n  return (\n    <DialogContext.Provider value={context}>\n      <DialogHost context={context} />\n      {children}\n    </DialogContext.Provider>\n  );\n};\n\nexport const useDialogContext = () => {\n  const { closeDialog, showDialog } = useContext(DialogContext);\n  return { showDialog, closeDialog };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDialog.js","sources":["../../src/dialog/useDialog.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogActions,\n  DialogCloseButton,\n  DialogContent,\n  DialogHeader,\n} from \"@salt-ds/core\";\nimport {\n  createContext,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\nexport type DialogState = {\n  actions?: ReactElement[];\n  content: ReactElement;\n  title: string;\n  hideCloseButton?: boolean;\n};\n\nexport type SetDialog = (dialogState?: DialogState) => void;\n\nexport type ShowDialog = (\n  dialogContent: ReactElement,\n  title: string,\n  dialogActionButtons?: ReactElement[],\n  hideCloseButton?: boolean\n) => void;\n\nexport interface DialogContextProps {\n  showDialog: ShowDialog;\n  closeDialog: () => void;\n  setDialogDispatchers: (\n    showDialog: ShowDialog,\n    closeDialog: () => void\n  ) => void;\n}\n\nexport const useDialog = () => {\n  const [dialogState, setDialogState] = useState<DialogState>();\n\n  const closeDialog = useCallback(() => {\n    setDialogState(undefined);\n  }, []);\n\n  const handleOpenChange = useCallback(\n    (open?: boolean) => {\n      if (open !== true) {\n        closeDialog();\n      }\n    },\n    [closeDialog]\n  );\n\n  const dialog = dialogState ? (\n    <Dialog open={true} onOpenChange={handleOpenChange}>\n      <DialogHeader header={dialogState.title} />\n      <DialogContent>{dialogState.content}</DialogContent>\n      {dialogState.hideCloseButton !== true ? (\n        <DialogCloseButton\n          data-embedded\n          data-icon=\"close\"\n          onClick={closeDialog}\n        />\n      ) : null}\n      {dialogState.actions ? (\n        <DialogActions>{dialogState.actions}</DialogActions>\n      ) : null}\n    </Dialog>\n  ) : null;\n\n  return {\n    dialog,\n    setDialogState,\n  };\n};\n\nconst defaultShowDialog: ShowDialog = () => {\n  console.warn(\"No DialogProvider in place\");\n};\nconst defaultCloseDialog = () => {\n  console.warn(\"No DialogProvider in place\");\n};\n\nclass DialogContextObject implements DialogContextProps {\n  showDialog = defaultShowDialog;\n  closeDialog = defaultCloseDialog;\n  setDialogDispatchers(showDialog: ShowDialog, closeDialog: () => void) {\n    this.showDialog = showDialog;\n    this.closeDialog = closeDialog;\n  }\n}\n\nconst DialogContext = createContext<DialogContextProps>(\n  new DialogContextObject()\n);\n\nconst DialogHost = ({ context }: { context: DialogContextProps }) => {\n  const { dialog, setDialogState } = useDialog();\n  const showDialog: ShowDialog = useCallback(\n    (dialogContent, title, actionButtons, hideCloseButton) => {\n      setDialogState({\n        actions: actionButtons,\n        content: dialogContent,\n        title,\n        hideCloseButton,\n      });\n    },\n    [setDialogState]\n  );\n  const closeDialog = useCallback(() => {\n    setDialogState(undefined);\n  }, [setDialogState]);\n\n  useMemo(() => {\n    context.setDialogDispatchers(showDialog, closeDialog);\n  }, [closeDialog, context, showDialog]);\n  return dialog;\n};\n\nexport const DialogProvider = ({ children }: { children: ReactNode }) => {\n  const context = useContext(DialogContext);\n  return (\n    <DialogContext.Provider value={context}>\n      <DialogHost context={context} />\n      {children}\n    </DialogContext.Provider>\n  );\n};\n\nexport const useDialogContext = () => {\n  const { closeDialog, showDialog } = useContext(DialogContext);\n  return { showDialog, closeDialog };\n};\n"],"names":[],"mappings":"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"}

package/esm/menu/ContextMenu.js

@@ -1,8 +1,7 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useRef, useCallback, createElement } from 'react';
 import { useId } from '@vuu-ui/vuu-utils';
-import 'clsx';
-import 'react-dom';
+import '../popup/popup-service.js';
 import { PopupComponent } from '../popup/Popup.js';
 import { Portal } from '../portal/Portal.js';
 import { MenuList } from './MenuList.js';

package/esm/menu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../src/menu/ContextMenu.tsx"],"sourcesContent":["import { useId } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useRef } from \"react\";\nimport { PopupCloseCallback, PopupComponent } from \"../popup\";\nimport { Portal, PortalProps } from \"../portal\";\nimport { MenuList, MenuListProps } from \"./MenuList\";\nimport { useCascade } from \"./use-cascade\";\nimport { useItemsWithIdsNext } from \"./use-items-with-ids-next\";\nimport { MenuCloseHandler } from \"./use-keyboard-navigation\";\nimport { ContextMenuOptions } from \"./useContextMenu\";\n\nexport interface ContextMenuProps extends Omit<MenuListProps, \"onCloseMenu\"> {\n  PortalProps?: Partial<PortalProps>;\n  onClose?: PopupCloseCallback;\n  position?: { x: number; y: number };\n  withPortal?: boolean;\n}\n\nconst noop = () => undefined;\n\nexport const ContextMenu = ({\n  PortalProps,\n  activatedByKeyboard,\n  children: childrenProp,\n  className,\n  id: idProp,\n  onClose = () => undefined,\n  position = { x: 0, y: 0 },\n  style,\n  ...menuListProps\n}: ContextMenuProps) => {\n  const id = useId(idProp);\n  const closeMenuRef = useRef<(location?: string) => void>(noop);\n  const [menus, actions] = useItemsWithIdsNext(childrenProp, id);\n  const navigatingWithKeyboard = useRef(activatedByKeyboard);\n  const handleMouseEnterItem = useCallback(() => {\n    navigatingWithKeyboard.current = false;\n  }, []);\n\n  const handleActivate = useCallback(\n    (menuItemId: string) => {\n      const actionId = menuItemId.slice(9);\n      const { action, options } = actions[actionId];\n      closeMenuRef.current(id);\n      onClose({\n        type: \"menu-action\",\n        menuId: action,\n        options: options as ContextMenuOptions,\n      });\n    },\n    [actions, id, onClose],\n  );\n\n  const {\n    closeMenu,\n    listItemProps,\n    openMenu: onOpenMenu,\n    openMenus,\n    handleRender,\n  } = useCascade({\n    // FIXME\n    id: `${id}`,\n    onActivate: handleActivate,\n    onMouseEnterItem: handleMouseEnterItem,\n    position,\n  });\n  closeMenuRef.current = closeMenu;\n\n  const handleCloseMenu = useCallback<MenuCloseHandler>(\n    (evt, reason) => {\n      navigatingWithKeyboard.current = true;\n      closeMenu();\n      if (reason === \"tab-away\") {\n        // TODO we should fire onclose whenever we're closing\n        // the root menu, not just on Tab\n        onClose({\n          event: evt,\n          type: \"tab-away\",\n        });\n      }\n    },\n    [closeMenu, onClose],\n  );\n\n  const handleHighlightMenuItem = () => {\n    // console.log(`highlight ${idx}`);\n  };\n\n  const lastMenu = openMenus.length - 1;\n\n  const getChildMenuId = (i: number) => {\n    if (i >= lastMenu) {\n      return undefined;\n    } else {\n      const { id } = openMenus[i + 1];\n      return id;\n    }\n  };\n\n  return (\n    <>\n      {openMenus.map(({ id: menuId, left, top }, i, all) => {\n        const childMenuId = getChildMenuId(i);\n        return (\n          <Portal {...PortalProps} key={i} onRender={handleRender}>\n            <PopupComponent\n              anchorElement={{ current: document.body }}\n              placement=\"absolute\"\n              position={{ left, top }}\n            >\n              <MenuList\n                {...menuListProps}\n                activatedByKeyboard={navigatingWithKeyboard.current}\n                childMenuShowing={childMenuId}\n                className={className}\n                id={menuId}\n                isRoot={i === 0}\n                key={i}\n                listItemProps={listItemProps}\n                onActivate={handleActivate}\n                onHighlightMenuItem={handleHighlightMenuItem}\n                onCloseMenu={handleCloseMenu}\n                openMenu={onOpenMenu}\n                style={style}\n                tabIndex={i === all.length - 1 ? 0 : undefined}\n              >\n                {menus[menuId]}\n              </MenuList>\n            </PopupComponent>\n          </Portal>\n        );\n      })}\n    </>\n  );\n};\n\nContextMenu.displayName = \"ContextMenu\";\n"],"names":["PortalProps","id"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sources":["../../src/menu/ContextMenu.tsx"],"sourcesContent":["import { useId } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useRef } from \"react\";\nimport { PopupCloseCallback, PopupComponent } from \"../popup\";\nimport { Portal, PortalProps } from \"../portal\";\nimport { MenuList, MenuListProps } from \"./MenuList\";\nimport { useCascade } from \"./use-cascade\";\nimport { useItemsWithIdsNext } from \"./use-items-with-ids-next\";\nimport { MenuCloseHandler } from \"./use-keyboard-navigation\";\nimport { ContextMenuOptions } from \"./useContextMenu\";\n\nexport interface ContextMenuProps extends Omit<MenuListProps, \"onCloseMenu\"> {\n  PortalProps?: Partial<PortalProps>;\n  onClose?: PopupCloseCallback;\n  position?: { x: number; y: number };\n  withPortal?: boolean;\n}\n\nconst noop = () => undefined;\n\nexport const ContextMenu = ({\n  PortalProps,\n  activatedByKeyboard,\n  children: childrenProp,\n  className,\n  id: idProp,\n  onClose = () => undefined,\n  position = { x: 0, y: 0 },\n  style,\n  ...menuListProps\n}: ContextMenuProps) => {\n  const id = useId(idProp);\n  const closeMenuRef = useRef<(location?: string) => void>(noop);\n  const [menus, actions] = useItemsWithIdsNext(childrenProp, id);\n  const navigatingWithKeyboard = useRef(activatedByKeyboard);\n  const handleMouseEnterItem = useCallback(() => {\n    navigatingWithKeyboard.current = false;\n  }, []);\n\n  const handleActivate = useCallback(\n    (menuItemId: string) => {\n      const actionId = menuItemId.slice(9);\n      const { action, options } = actions[actionId];\n      closeMenuRef.current(id);\n      onClose({\n        type: \"menu-action\",\n        menuId: action,\n        options: options as ContextMenuOptions,\n      });\n    },\n    [actions, id, onClose],\n  );\n\n  const {\n    closeMenu,\n    listItemProps,\n    openMenu: onOpenMenu,\n    openMenus,\n    handleRender,\n  } = useCascade({\n    // FIXME\n    id: `${id}`,\n    onActivate: handleActivate,\n    onMouseEnterItem: handleMouseEnterItem,\n    position,\n  });\n  closeMenuRef.current = closeMenu;\n\n  const handleCloseMenu = useCallback<MenuCloseHandler>(\n    (evt, reason) => {\n      navigatingWithKeyboard.current = true;\n      closeMenu();\n      if (reason === \"tab-away\") {\n        // TODO we should fire onclose whenever we're closing\n        // the root menu, not just on Tab\n        onClose({\n          event: evt,\n          type: \"tab-away\",\n        });\n      }\n    },\n    [closeMenu, onClose],\n  );\n\n  const handleHighlightMenuItem = () => {\n    // console.log(`highlight ${idx}`);\n  };\n\n  const lastMenu = openMenus.length - 1;\n\n  const getChildMenuId = (i: number) => {\n    if (i >= lastMenu) {\n      return undefined;\n    } else {\n      const { id } = openMenus[i + 1];\n      return id;\n    }\n  };\n\n  return (\n    <>\n      {openMenus.map(({ id: menuId, left, top }, i, all) => {\n        const childMenuId = getChildMenuId(i);\n        return (\n          <Portal {...PortalProps} key={i} onRender={handleRender}>\n            <PopupComponent\n              anchorElement={{ current: document.body }}\n              placement=\"absolute\"\n              position={{ left, top }}\n            >\n              <MenuList\n                {...menuListProps}\n                activatedByKeyboard={navigatingWithKeyboard.current}\n                childMenuShowing={childMenuId}\n                className={className}\n                id={menuId}\n                isRoot={i === 0}\n                key={i}\n                listItemProps={listItemProps}\n                onActivate={handleActivate}\n                onHighlightMenuItem={handleHighlightMenuItem}\n                onCloseMenu={handleCloseMenu}\n                openMenu={onOpenMenu}\n                style={style}\n                tabIndex={i === all.length - 1 ? 0 : undefined}\n              >\n                {menus[menuId]}\n              </MenuList>\n            </PopupComponent>\n          </Portal>\n        );\n      })}\n    </>\n  );\n};\n\nContextMenu.displayName = \"ContextMenu\";\n"],"names":["PortalProps","id"],"mappings":";;;;;;;;;;AAiBA,MAAM,OAAO,MAAM,KAAA,CAAA,CAAA;AAEZ,MAAM,cAAc,CAAC;AAAA,EAC1B,WAAAA,EAAAA,YAAAA;AAAA,EACA,mBAAA;AAAA,EACA,QAAU,EAAA,YAAA;AAAA,EACV,SAAA;AAAA,EACA,EAAI,EAAA,MAAA;AAAA,EACJ,UAAU,MAAM,KAAA,CAAA;AAAA,EAChB,QAAW,GAAA,EAAE,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,EACxB,KAAA;AAAA,EACA,GAAG,aAAA;AACL,CAAwB,KAAA;AACtB,EAAM,MAAA,EAAA,GAAK,MAAM,MAAM,CAAA,CAAA;AACvB,EAAM,MAAA,YAAA,GAAe,OAAoC,IAAI,CAAA,CAAA;AAC7D,EAAA,MAAM,CAAC,KAAO,EAAA,OAAO,CAAI,GAAA,mBAAA,CAAoB,cAAc,EAAE,CAAA,CAAA;AAC7D,EAAM,MAAA,sBAAA,GAAyB,OAAO,mBAAmB,CAAA,CAAA;AACzD,EAAM,MAAA,oBAAA,GAAuB,YAAY,MAAM;AAC7C,IAAA,sBAAA,CAAuB,OAAU,GAAA,KAAA,CAAA;AAAA,GACnC,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,cAAiB,GAAA,WAAA;AAAA,IACrB,CAAC,UAAuB,KAAA;AACtB,MAAM,MAAA,QAAA,GAAW,UAAW,CAAA,KAAA,CAAM,CAAC,CAAA,CAAA;AACnC,MAAA,MAAM,EAAE,MAAA,EAAQ,OAAQ,EAAA,GAAI,QAAQ,QAAQ,CAAA,CAAA;AAC5C,MAAA,YAAA,CAAa,QAAQ,EAAE,CAAA,CAAA;AACvB,MAAQ,OAAA,CAAA;AAAA,QACN,IAAM,EAAA,aAAA;AAAA,QACN,MAAQ,EAAA,MAAA;AAAA,QACR,OAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,IACA,CAAC,OAAS,EAAA,EAAA,EAAI,OAAO,CAAA;AAAA,GACvB,CAAA;AAEA,EAAM,MAAA;AAAA,IACJ,SAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAU,EAAA,UAAA;AAAA,IACV,SAAA;AAAA,IACA,YAAA;AAAA,MACE,UAAW,CAAA;AAAA;AAAA,IAEb,EAAA,EAAI,GAAG,EAAE,CAAA,CAAA;AAAA,IACT,UAAY,EAAA,cAAA;AAAA,IACZ,gBAAkB,EAAA,oBAAA;AAAA,IAClB,QAAA;AAAA,GACD,CAAA,CAAA;AACD,EAAA,YAAA,CAAa,OAAU,GAAA,SAAA,CAAA;AAEvB,EAAA,MAAM,eAAkB,GAAA,WAAA;AAAA,IACtB,CAAC,KAAK,MAAW,KAAA;AACf,MAAA,sBAAA,CAAuB,OAAU,GAAA,IAAA,CAAA;AACjC,MAAU,SAAA,EAAA,CAAA;AACV,MAAA,IAAI,WAAW,UAAY,EAAA;AAGzB,QAAQ,OAAA,CAAA;AAAA,UACN,KAAO,EAAA,GAAA;AAAA,UACP,IAAM,EAAA,UAAA;AAAA,SACP,CAAA,CAAA;AAAA,OACH;AAAA,KACF;AAAA,IACA,CAAC,WAAW,OAAO,CAAA;AAAA,GACrB,CAAA;AAEA,EAAA,MAAM,0BAA0B,MAAM;AAAA,GAEtC,CAAA;AAEA,EAAM,MAAA,QAAA,GAAW,UAAU,MAAS,GAAA,CAAA,CAAA;AAEpC,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAc,KAAA;AACpC,IAAA,IAAI,KAAK,QAAU,EAAA;AACjB,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,KACF,MAAA;AACL,MAAA,MAAM,EAAE,EAAAC,EAAAA,GAAAA,EAAO,GAAA,SAAA,CAAU,IAAI,CAAC,CAAA,CAAA;AAC9B,MAAOA,OAAAA,GAAAA,CAAAA;AAAA,KACT;AAAA,GACF,CAAA;AAEA,EACE,uBAAA,GAAA,CAAA,QAAA,EAAA,EACG,QAAU,EAAA,SAAA,CAAA,GAAA,CAAI,CAAC,EAAE,EAAI,EAAA,MAAA,EAAQ,IAAM,EAAA,GAAA,EAAO,EAAA,CAAA,EAAG,GAAQ,KAAA;AACpD,IAAM,MAAA,WAAA,GAAc,eAAe,CAAC,CAAA,CAAA;AACpC,IAAA,qCACG,MAAQ,EAAA,EAAA,GAAGD,cAAa,GAAK,EAAA,CAAA,EAAG,UAAU,YACzC,EAAA,kBAAA,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,aAAe,EAAA,EAAE,OAAS,EAAA,QAAA,CAAS,IAAK,EAAA;AAAA,QACxC,SAAU,EAAA,UAAA;AAAA,QACV,QAAA,EAAU,EAAE,IAAA,EAAM,GAAI,EAAA;AAAA,QAEtB,QAAA,kBAAA,aAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACE,GAAG,aAAA;AAAA,YACJ,qBAAqB,sBAAuB,CAAA,OAAA;AAAA,YAC5C,gBAAkB,EAAA,WAAA;AAAA,YAClB,SAAA;AAAA,YACA,EAAI,EAAA,MAAA;AAAA,YACJ,QAAQ,CAAM,KAAA,CAAA;AAAA,YACd,GAAK,EAAA,CAAA;AAAA,YACL,aAAA;AAAA,YACA,UAAY,EAAA,cAAA;AAAA,YACZ,mBAAqB,EAAA,uBAAA;AAAA,YACrB,WAAa,EAAA,eAAA;AAAA,YACb,QAAU,EAAA,UAAA;AAAA,YACV,KAAA;AAAA,YACA,QAAU,EAAA,CAAA,KAAM,GAAI,CAAA,MAAA,GAAS,IAAI,CAAI,GAAA,KAAA,CAAA;AAAA,WAAA;AAAA,UAEpC,MAAM,MAAM,CAAA;AAAA,SACf;AAAA,OAAA;AAAA,KAEJ,CAAA,CAAA;AAAA,GAEH,CACH,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,WAAA,CAAY,WAAc,GAAA,aAAA;;;;"}

package/esm/notifications/NotificationsProvider.js

@@ -2,9 +2,12 @@ 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);
@@ -14,10 +17,10 @@ class NotificationsContextObject {
   constructor() {
     __privateAdd(this, _notify, () => 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
-    this.notify = (notification) => __privateGet(this, _notify).call(this, notification);
-    this.setNotify = (dispatcher) => {
+    __publicField(this, "notify", (notification) => __privateGet(this, _notify).call(this, notification));
+    __publicField(this, "setNotify", (dispatcher) => {
       __privateSet(this, _notify, dispatcher);
-    };
+    });
   }
 }
 _notify = new WeakMap();

package/esm/notifications/NotificationsProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsProvider.js","sources":["../../src/notifications/NotificationsProvider.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { NotificationsCenter } from \"./NotificationsCenter\";\nimport { Notification } from \"./notificationTypes\";\n\nexport type DispatchNotification = (\n  notification: Omit<Notification, \"id\">\n) => void;\n\nexport type NotificationsContext = {\n  notify: DispatchNotification;\n  setNotify: (dispatcher: DispatchNotification) => void;\n};\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  #notify: DispatchNotification = () =>\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  notify: DispatchNotification = (notification) => this.#notify(notification);\n  setNotify = (dispatcher: DispatchNotification) => {\n    this.#notify = dispatcher;\n  };\n}\n\nconst NotificationsContext = React.createContext<NotificationsContext>(\n  new NotificationsContextObject()\n);\n\nexport const NotificationsProvider = (props: {\n  children: JSX.Element | JSX.Element[];\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 { notify } = useContext(NotificationsContext);\n  return notify;\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAAA,IAAA,OAAA,CAAA;AAsBA,MAAM,0BAA2D,CAAA;AAAA,EAAjE,WAAA,GAAA;AACE,IAAgC,YAAA,CAAA,IAAA,EAAA,OAAA,EAAA,MAC9B,OAAQ,CAAA,GAAA,CAAI,sDAAsD,CAAA,CAAA,CAAA;AAEpE;AAAA,IAAA,IAAA,CAAA,MAAA,GAA+B,CAAC,YAAA,KAAiB,YAAK,CAAA,IAAA,EAAA,OAAA,CAAA,CAAL,IAAa,CAAA,IAAA,EAAA,YAAA,CAAA,CAAA;AAC9D,IAAA,IAAA,CAAA,SAAA,GAAY,CAAC,UAAqC,KAAA;AAChD,MAAA,YAAA,CAAA,IAAA,EAAK,OAAU,EAAA,UAAA,CAAA,CAAA;AAAA,KACjB,CAAA;AAAA,GAAA;AACF,CAAA;AAPE,OAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AASF,MAAM,uBAAuB,KAAM,CAAA,aAAA;AAAA,EACjC,IAAI,0BAA2B,EAAA;AACjC,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,CAAC,KAEhC,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,WAAW,oBAAoB,CAAA,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,QAAA;AAAA,GACT,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,MAAA,EAAW,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAA;AAClD,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}
+{"version":3,"file":"NotificationsProvider.js","sources":["../../src/notifications/NotificationsProvider.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { NotificationsCenter } from \"./NotificationsCenter\";\nimport { Notification } from \"./notificationTypes\";\n\nexport type DispatchNotification = (\n  notification: Omit<Notification, \"id\">\n) => void;\n\nexport type NotificationsContext = {\n  notify: DispatchNotification;\n  setNotify: (dispatcher: DispatchNotification) => void;\n};\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  #notify: DispatchNotification = () =>\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  notify: DispatchNotification = (notification) => this.#notify(notification);\n  setNotify = (dispatcher: DispatchNotification) => {\n    this.#notify = dispatcher;\n  };\n}\n\nconst NotificationsContext = React.createContext<NotificationsContext>(\n  new NotificationsContextObject()\n);\n\nexport const NotificationsProvider = (props: {\n  children: JSX.Element | JSX.Element[];\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 { notify } = useContext(NotificationsContext);\n  return notify;\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,IAAA,OAAA,CAAA;AAsBA,MAAM,0BAA2D,CAAA;AAAA,EAAjE,WAAA,GAAA;AACE,IAAgC,YAAA,CAAA,IAAA,EAAA,OAAA,EAAA,MAC9B,OAAQ,CAAA,GAAA,CAAI,sDAAsD,CAAA,CAAA,CAAA;AAEpE;AAAA,IAAA,aAAA,CAAA,IAAA,EAAA,QAAA,EAA+B,CAAC,YAAA,KAAiB,YAAK,CAAA,IAAA,EAAA,OAAA,CAAA,CAAL,IAAa,CAAA,IAAA,EAAA,YAAA,CAAA,CAAA,CAAA;AAC9D,IAAA,aAAA,CAAA,IAAA,EAAA,WAAA,EAAY,CAAC,UAAqC,KAAA;AAChD,MAAA,YAAA,CAAA,IAAA,EAAK,OAAU,EAAA,UAAA,CAAA,CAAA;AAAA,KACjB,CAAA,CAAA;AAAA,GAAA;AACF,CAAA;AAPE,OAAA,GAAA,IAAA,OAAA,EAAA,CAAA;AASF,MAAM,uBAAuB,KAAM,CAAA,aAAA;AAAA,EACjC,IAAI,0BAA2B,EAAA;AACjC,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,CAAC,KAEhC,KAAA;AACJ,EAAM,MAAA,OAAA,GAAU,WAAW,oBAAoB,CAAA,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,QAAA;AAAA,GACT,EAAA,CAAA,CAAA;AAEJ,EAAA;AAEO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,EAAE,MAAA,EAAW,GAAA,UAAA,CAAW,oBAAoB,CAAA,CAAA;AAClD,EAAO,OAAA,MAAA,CAAA;AACT;;;;"}

package/esm/popup/popup-service.js

@@ -3,6 +3,9 @@ import React, { createElement } from 'react';
 import ReactDOM__default from 'react-dom';
 import { renderPortal } from '../portal-deprecated/render-portal.js';
 
+var __defProp = Object.defineProperty;
+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);
 let _dialogOpen = false;
 const _popups = [];
 const reasonIsMenuAction = (reason) => reason?.type === "menu-action";
@@ -89,7 +92,7 @@ const PopupComponent = ({
   return createElement("div", { className, style }, children);
 };
 let incrementingKey = 1;
-class PopupService {
+const _PopupService = class _PopupService {
   static showPopup({
     group = "all",
     name = "anon",
@@ -104,12 +107,12 @@ class PopupService {
       throw Error(`PopupService showPopup, no component supplied`);
     }
     if (typeof component.props.onClose === "function") {
-      PopupService.onClose = component.props.onClose;
+      _PopupService.onClose = component.props.onClose;
     } else {
-      PopupService.onClose = void 0;
+      _PopupService.onClose = void 0;
     }
     popupOpened(name);
-    document.addEventListener("keydown", PopupService.escapeKeyListener, true);
+    document.addEventListener("keydown", _PopupService.escapeKeyListener, true);
     let el = document.body.querySelector(".vuuPopup." + group);
     if (el === null) {
       el = document.createElement("div");
@@ -127,13 +130,13 @@ class PopupService {
       left,
       top,
       () => {
-        PopupService.keepWithinThePage(el, right);
+        _PopupService.keepWithinThePage(el, right);
       }
     );
   }
   static escapeKeyListener(evt) {
     if (evt.key === "Escape") {
-      PopupService.hidePopup({ type: "escape", event: evt });
+      _PopupService.hidePopup({ type: "escape", event: evt });
     }
   }
   static hidePopup(reason, name = "anon", group = "all") {
@@ -146,10 +149,10 @@ class PopupService {
     }
     document.removeEventListener(
       "keydown",
-      PopupService.escapeKeyListener,
+      _PopupService.escapeKeyListener,
       true
     );
-    PopupService?.onClose?.(
+    _PopupService?.onClose?.(
       reason ? {
         ...reason,
         closedBy: "popup-service"
@@ -182,7 +185,9 @@ class PopupService {
       }
     }
   }
-}
+};
+__publicField(_PopupService, "onClose");
+let PopupService = _PopupService;
 class DialogService {
   static showDialog(dialog) {
     const containerEl = ".vuuDialog";

package/esm/popup/popup-service.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup-service.js","sources":["../../src/popup/popup-service.ts"],"sourcesContent":["import cx from \"clsx\";\nimport React, {\n  createElement,\n  CSSProperties,\n  HTMLAttributes,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactElement,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ContextMenuOptions } from \"../menu\";\nimport { renderPortal } from \"../portal-deprecated\";\n\nlet _dialogOpen = false;\nconst _popups: string[] = [];\n\nexport type PopupCloseCallback = (reason?: PopupCloseReason) => void;\n\nexport type TabAwayClosePopup = {\n  closedBy?: string;\n  type: \"tab-away\";\n  event: ReactKeyboardEvent;\n};\n\nexport type ClickAwayClosePopup = {\n  closedBy?: string;\n  type: \"click-away\";\n  mouseEvt: MouseEvent;\n};\n\nexport type EscapeClosePopup = {\n  closedBy?: string;\n  event: KeyboardEvent;\n  type: \"escape\";\n};\n\nexport type MenuActionClosePopup = {\n  closedBy?: string;\n  menuId: string;\n  options: ContextMenuOptions;\n  type: \"menu-action\";\n};\n\nexport type PopupCloseReason =\n  | ClickAwayClosePopup\n  | EscapeClosePopup\n  | MenuActionClosePopup\n  | TabAwayClosePopup;\n\nexport const reasonIsMenuAction = (\n  reason?: PopupCloseReason\n): reason is MenuActionClosePopup => reason?.type === \"menu-action\";\n\nexport const reasonIsClickAway = (\n  reason?: PopupCloseReason\n): reason is ClickAwayClosePopup => reason?.type === \"click-away\";\n\nfunction specialKeyHandler(e: KeyboardEvent) {\n  if (e.key === \"Esc\") {\n    if (_popups.length) {\n      closeAllPopups();\n    } else if (_dialogOpen) {\n      const dialogRoot = document.body.querySelector(\".vuuDialog\");\n      if (dialogRoot) {\n        ReactDOM.unmountComponentAtNode(dialogRoot);\n      }\n    }\n  }\n}\n\nfunction outsideClickHandler(e: MouseEvent) {\n  if (_popups.length) {\n    const popupContainers = document.body.querySelectorAll(\n      \".vuuPopup,#vuu-portal-root\"\n    );\n    for (let i = 0; i < popupContainers.length; i++) {\n      if (popupContainers[i].contains(e.target as HTMLElement)) {\n        return;\n      }\n    }\n    closeAllPopups({ mouseEvt: e, type: \"click-away\" });\n  }\n}\n\nfunction closeAllPopups(reason?: PopupCloseReason) {\n  if (_popups.length === 1) {\n    PopupService.hidePopup(reason, \"anon\", \"all\");\n  } else if (_popups.length) {\n    // onsole.log(`closeAllPopups`);\n    const popupContainers = document.body.querySelectorAll(\".vuuPopup\");\n    for (let i = 0; i < popupContainers.length; i++) {\n      ReactDOM.unmountComponentAtNode(popupContainers[i]);\n    }\n    popupClosed(\"*\");\n  }\n}\n\nfunction dialogOpened() {\n  if (_dialogOpen === false) {\n    _dialogOpen = true;\n    window.addEventListener(\"keydown\", specialKeyHandler, true);\n  }\n}\n\nfunction dialogClosed() {\n  if (_dialogOpen) {\n    _dialogOpen = false;\n    window.removeEventListener(\"keydown\", specialKeyHandler, true);\n  }\n}\n\nfunction popupOpened(name: string) {\n  if (_popups.indexOf(name) === -1) {\n    _popups.push(name);\n    //onsole.log('PopupService, popup opened ' + name + '  popups : ' + _popups);\n    if (_dialogOpen === false) {\n      window.addEventListener(\"keydown\", specialKeyHandler, true);\n      window.addEventListener(\"click\", outsideClickHandler, true);\n    }\n  }\n}\n\nfunction popupClosed(name: string /*, group=null*/) {\n  if (_popups.length) {\n    if (name === \"*\") {\n      _popups.length = 0;\n    } else {\n      const pos = _popups.indexOf(name);\n      if (pos !== -1) {\n        _popups.splice(pos, 1);\n      }\n    }\n    //onsole.log('PopupService, popup closed ' + name + '  popups : ' + _popups);\n    if (_popups.length === 0 && _dialogOpen === false) {\n      window.removeEventListener(\"keydown\", specialKeyHandler, true);\n      window.removeEventListener(\"click\", outsideClickHandler, true);\n    }\n  }\n}\n\nconst PopupComponent = ({\n  children,\n  position,\n  style,\n}: HTMLAttributes<HTMLDivElement> & {\n  position?: \"above\" | \"below\" | \"\";\n  style?: CSSProperties;\n}) => {\n  const className = cx(\"hwPopup\", \"hwPopupContainer\", position);\n  return createElement(\"div\", { className, style }, children);\n};\n\nlet incrementingKey = 1;\n\nexport interface ShowPopupProps {\n  depth?: number;\n  /**\n   * if true, focus will be invoked on first focusable element\n   */\n  focus?: boolean;\n  name?: string;\n  group?: string;\n  position?: \"above\" | \"below\" | \"\";\n  left?: number;\n  right?: \"auto\" | number;\n  top?: number;\n  component: ReactElement;\n  width?: number | \"auto\";\n}\n\nexport class PopupService {\n  static onClose: PopupCloseCallback | undefined;\n  static showPopup({\n    group = \"all\",\n    name = \"anon\",\n    left = 0,\n    position = \"\",\n    right = \"auto\",\n    top = 0,\n    width = \"auto\",\n    component,\n  }: ShowPopupProps) {\n    if (!component) {\n      throw Error(`PopupService showPopup, no component supplied`);\n    }\n\n    if (typeof component.props.onClose === \"function\") {\n      PopupService.onClose = component.props.onClose;\n    } else {\n      PopupService.onClose = undefined;\n    }\n\n    popupOpened(name);\n\n    document.addEventListener(\"keydown\", PopupService.escapeKeyListener, true);\n\n    let el = document.body.querySelector(\".vuuPopup.\" + group) as HTMLElement;\n    if (el === null) {\n      el = document.createElement(\"div\") as HTMLElement;\n      el.className = \"vuuPopup \" + group;\n      document.body.appendChild(el);\n    }\n\n    const style = { width };\n\n    renderPortal(\n      createElement(\n        PopupComponent,\n        { key: incrementingKey++, position, style },\n        component\n      ),\n      el,\n      left,\n      top,\n      () => {\n        PopupService.keepWithinThePage(el, right);\n      }\n    );\n  }\n\n  static escapeKeyListener(evt: KeyboardEvent) {\n    if (evt.key === \"Escape\") {\n      PopupService.hidePopup({ type: \"escape\", event: evt });\n    }\n  }\n\n  static hidePopup(reason?: PopupCloseReason, name = \"anon\", group = \"all\") {\n    if (_popups.indexOf(name) !== -1) {\n      popupClosed(name);\n      const popupRoot = document.body.querySelector(`.vuuPopup.${group}`);\n      if (popupRoot) {\n        ReactDOM.unmountComponentAtNode(popupRoot);\n      }\n    }\n    document.removeEventListener(\n      \"keydown\",\n      PopupService.escapeKeyListener,\n      true\n    );\n\n    PopupService?.onClose?.(\n      reason\n        ? {\n            ...reason,\n            closedBy: \"popup-service\",\n          }\n        : undefined\n    );\n  }\n\n  static keepWithinThePage(el: HTMLElement, right: number | \"auto\" = \"auto\") {\n    const target = el.querySelector(\".vuuPopupContainer > *\") as HTMLElement;\n    if (target) {\n      const {\n        top,\n        left,\n        width,\n        height,\n        right: currentRight,\n      } = target.getBoundingClientRect();\n\n      const w = window.innerWidth;\n      const h = window.innerHeight;\n\n      const overflowH = h - (top + height);\n      if (overflowH < 0) {\n        target.style.top = Math.round(top) + overflowH + \"px\";\n      }\n\n      const overflowW = w - (left + width);\n      if (overflowW < 0) {\n        target.style.left = Math.round(left) + overflowW + \"px\";\n      }\n\n      if (typeof right === \"number\" && right !== currentRight) {\n        const adjustment = right - currentRight;\n        target.style.left = left + adjustment + \"px\";\n      }\n    }\n  }\n}\n\nexport class DialogService {\n  static showDialog(dialog: ReactElement) {\n    const containerEl = \".vuuDialog\";\n    const onClose = dialog.props.onClose;\n\n    dialogOpened();\n\n    ReactDOM.render(\n      React.cloneElement(dialog, {\n        container: containerEl,\n        onClose: () => {\n          DialogService.closeDialog();\n          if (onClose) {\n            onClose();\n          }\n        },\n      }),\n      document.body.querySelector(containerEl)\n    );\n  }\n\n  static closeDialog() {\n    dialogClosed();\n    const dialogRoot = document.body.querySelector(\".vuuDialog\");\n    if (dialogRoot) {\n      ReactDOM.unmountComponentAtNode(dialogRoot);\n    }\n  }\n}\n"],"names":["ReactDOM"],"mappings":"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"}
+{"version":3,"file":"popup-service.js","sources":["../../src/popup/popup-service.ts"],"sourcesContent":["import cx from \"clsx\";\nimport React, {\n  createElement,\n  CSSProperties,\n  HTMLAttributes,\n  KeyboardEvent as ReactKeyboardEvent,\n  ReactElement,\n} from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { ContextMenuOptions } from \"../menu\";\nimport { renderPortal } from \"../portal-deprecated\";\n\nlet _dialogOpen = false;\nconst _popups: string[] = [];\n\nexport type PopupCloseCallback = (reason?: PopupCloseReason) => void;\n\nexport type TabAwayClosePopup = {\n  closedBy?: string;\n  type: \"tab-away\";\n  event: ReactKeyboardEvent;\n};\n\nexport type ClickAwayClosePopup = {\n  closedBy?: string;\n  type: \"click-away\";\n  mouseEvt: MouseEvent;\n};\n\nexport type EscapeClosePopup = {\n  closedBy?: string;\n  event: KeyboardEvent;\n  type: \"escape\";\n};\n\nexport type MenuActionClosePopup = {\n  closedBy?: string;\n  menuId: string;\n  options: ContextMenuOptions;\n  type: \"menu-action\";\n};\n\nexport type PopupCloseReason =\n  | ClickAwayClosePopup\n  | EscapeClosePopup\n  | MenuActionClosePopup\n  | TabAwayClosePopup;\n\nexport const reasonIsMenuAction = (\n  reason?: PopupCloseReason\n): reason is MenuActionClosePopup => reason?.type === \"menu-action\";\n\nexport const reasonIsClickAway = (\n  reason?: PopupCloseReason\n): reason is ClickAwayClosePopup => reason?.type === \"click-away\";\n\nfunction specialKeyHandler(e: KeyboardEvent) {\n  if (e.key === \"Esc\") {\n    if (_popups.length) {\n      closeAllPopups();\n    } else if (_dialogOpen) {\n      const dialogRoot = document.body.querySelector(\".vuuDialog\");\n      if (dialogRoot) {\n        ReactDOM.unmountComponentAtNode(dialogRoot);\n      }\n    }\n  }\n}\n\nfunction outsideClickHandler(e: MouseEvent) {\n  if (_popups.length) {\n    const popupContainers = document.body.querySelectorAll(\n      \".vuuPopup,#vuu-portal-root\"\n    );\n    for (let i = 0; i < popupContainers.length; i++) {\n      if (popupContainers[i].contains(e.target as HTMLElement)) {\n        return;\n      }\n    }\n    closeAllPopups({ mouseEvt: e, type: \"click-away\" });\n  }\n}\n\nfunction closeAllPopups(reason?: PopupCloseReason) {\n  if (_popups.length === 1) {\n    PopupService.hidePopup(reason, \"anon\", \"all\");\n  } else if (_popups.length) {\n    // onsole.log(`closeAllPopups`);\n    const popupContainers = document.body.querySelectorAll(\".vuuPopup\");\n    for (let i = 0; i < popupContainers.length; i++) {\n      ReactDOM.unmountComponentAtNode(popupContainers[i]);\n    }\n    popupClosed(\"*\");\n  }\n}\n\nfunction dialogOpened() {\n  if (_dialogOpen === false) {\n    _dialogOpen = true;\n    window.addEventListener(\"keydown\", specialKeyHandler, true);\n  }\n}\n\nfunction dialogClosed() {\n  if (_dialogOpen) {\n    _dialogOpen = false;\n    window.removeEventListener(\"keydown\", specialKeyHandler, true);\n  }\n}\n\nfunction popupOpened(name: string) {\n  if (_popups.indexOf(name) === -1) {\n    _popups.push(name);\n    //onsole.log('PopupService, popup opened ' + name + '  popups : ' + _popups);\n    if (_dialogOpen === false) {\n      window.addEventListener(\"keydown\", specialKeyHandler, true);\n      window.addEventListener(\"click\", outsideClickHandler, true);\n    }\n  }\n}\n\nfunction popupClosed(name: string /*, group=null*/) {\n  if (_popups.length) {\n    if (name === \"*\") {\n      _popups.length = 0;\n    } else {\n      const pos = _popups.indexOf(name);\n      if (pos !== -1) {\n        _popups.splice(pos, 1);\n      }\n    }\n    //onsole.log('PopupService, popup closed ' + name + '  popups : ' + _popups);\n    if (_popups.length === 0 && _dialogOpen === false) {\n      window.removeEventListener(\"keydown\", specialKeyHandler, true);\n      window.removeEventListener(\"click\", outsideClickHandler, true);\n    }\n  }\n}\n\nconst PopupComponent = ({\n  children,\n  position,\n  style,\n}: HTMLAttributes<HTMLDivElement> & {\n  position?: \"above\" | \"below\" | \"\";\n  style?: CSSProperties;\n}) => {\n  const className = cx(\"hwPopup\", \"hwPopupContainer\", position);\n  return createElement(\"div\", { className, style }, children);\n};\n\nlet incrementingKey = 1;\n\nexport interface ShowPopupProps {\n  depth?: number;\n  /**\n   * if true, focus will be invoked on first focusable element\n   */\n  focus?: boolean;\n  name?: string;\n  group?: string;\n  position?: \"above\" | \"below\" | \"\";\n  left?: number;\n  right?: \"auto\" | number;\n  top?: number;\n  component: ReactElement;\n  width?: number | \"auto\";\n}\n\nexport class PopupService {\n  static onClose: PopupCloseCallback | undefined;\n  static showPopup({\n    group = \"all\",\n    name = \"anon\",\n    left = 0,\n    position = \"\",\n    right = \"auto\",\n    top = 0,\n    width = \"auto\",\n    component,\n  }: ShowPopupProps) {\n    if (!component) {\n      throw Error(`PopupService showPopup, no component supplied`);\n    }\n\n    if (typeof component.props.onClose === \"function\") {\n      PopupService.onClose = component.props.onClose;\n    } else {\n      PopupService.onClose = undefined;\n    }\n\n    popupOpened(name);\n\n    document.addEventListener(\"keydown\", PopupService.escapeKeyListener, true);\n\n    let el = document.body.querySelector(\".vuuPopup.\" + group) as HTMLElement;\n    if (el === null) {\n      el = document.createElement(\"div\") as HTMLElement;\n      el.className = \"vuuPopup \" + group;\n      document.body.appendChild(el);\n    }\n\n    const style = { width };\n\n    renderPortal(\n      createElement(\n        PopupComponent,\n        { key: incrementingKey++, position, style },\n        component\n      ),\n      el,\n      left,\n      top,\n      () => {\n        PopupService.keepWithinThePage(el, right);\n      }\n    );\n  }\n\n  static escapeKeyListener(evt: KeyboardEvent) {\n    if (evt.key === \"Escape\") {\n      PopupService.hidePopup({ type: \"escape\", event: evt });\n    }\n  }\n\n  static hidePopup(reason?: PopupCloseReason, name = \"anon\", group = \"all\") {\n    if (_popups.indexOf(name) !== -1) {\n      popupClosed(name);\n      const popupRoot = document.body.querySelector(`.vuuPopup.${group}`);\n      if (popupRoot) {\n        ReactDOM.unmountComponentAtNode(popupRoot);\n      }\n    }\n    document.removeEventListener(\n      \"keydown\",\n      PopupService.escapeKeyListener,\n      true\n    );\n\n    PopupService?.onClose?.(\n      reason\n        ? {\n            ...reason,\n            closedBy: \"popup-service\",\n          }\n        : undefined\n    );\n  }\n\n  static keepWithinThePage(el: HTMLElement, right: number | \"auto\" = \"auto\") {\n    const target = el.querySelector(\".vuuPopupContainer > *\") as HTMLElement;\n    if (target) {\n      const {\n        top,\n        left,\n        width,\n        height,\n        right: currentRight,\n      } = target.getBoundingClientRect();\n\n      const w = window.innerWidth;\n      const h = window.innerHeight;\n\n      const overflowH = h - (top + height);\n      if (overflowH < 0) {\n        target.style.top = Math.round(top) + overflowH + \"px\";\n      }\n\n      const overflowW = w - (left + width);\n      if (overflowW < 0) {\n        target.style.left = Math.round(left) + overflowW + \"px\";\n      }\n\n      if (typeof right === \"number\" && right !== currentRight) {\n        const adjustment = right - currentRight;\n        target.style.left = left + adjustment + \"px\";\n      }\n    }\n  }\n}\n\nexport class DialogService {\n  static showDialog(dialog: ReactElement) {\n    const containerEl = \".vuuDialog\";\n    const onClose = dialog.props.onClose;\n\n    dialogOpened();\n\n    ReactDOM.render(\n      React.cloneElement(dialog, {\n        container: containerEl,\n        onClose: () => {\n          DialogService.closeDialog();\n          if (onClose) {\n            onClose();\n          }\n        },\n      }),\n      document.body.querySelector(containerEl)\n    );\n  }\n\n  static closeDialog() {\n    dialogClosed();\n    const dialogRoot = document.body.querySelector(\".vuuDialog\");\n    if (dialogRoot) {\n      ReactDOM.unmountComponentAtNode(dialogRoot);\n    }\n  }\n}\n"],"names":["ReactDOM"],"mappings":"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"}

package/esm/prompt/Prompt.js

@@ -5,7 +5,7 @@ import { useComponentCssInjection } from '@salt-ds/styles';
 import { useWindow } from '@salt-ds/window';
 import cx from 'clsx';
 import { useRef, useLayoutEffect } from 'react';
-import 'react-dom';
+import '../popup/popup-service.js';
 import { useAnchoredPosition } from '../popup/useAnchoredPosition.js';
 import propmtCss from './Prompt.css.js';
 

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.8.93",
+  "version": "0.8.95",
   "description": "VUU popup components - Context Menu, Dialog etc",
   "author": "heswell",
   "license": "Apache-2.0",
@@ -7,10 +7,10 @@
     "@salt-ds/core": "1.34.0",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
-    "@vuu-ui/vuu-data-types": "0.8.93",
-    "@vuu-ui/vuu-layout": "0.8.93",
-    "@vuu-ui/vuu-utils": "0.8.93",
-    "@vuu-ui/vuu-ui-controls": "0.8.93"
+    "@vuu-ui/vuu-data-types": "0.8.95",
+    "@vuu-ui/vuu-layout": "0.8.95",
+    "@vuu-ui/vuu-utils": "0.8.95",
+    "@vuu-ui/vuu-ui-controls": "0.8.95"
   },
   "peerDependencies": {
     "clsx": "^2.0.0",