@vitrosoftware/common-ui-ts 1.0.7 → 1.0.8

package/dist/index.modern.js

@@ -19854,26 +19854,44 @@ var TreeViewConfig = /*#__PURE__*/function () {
   return TreeViewConfig;
 }();
 
-var TREE_VIEW;
-(function (TREE_VIEW) {
-  TREE_VIEW["GET_PATH"] = "get_path";
-  TREE_VIEW["DESTROY"] = "destroy";
-  TREE_VIEW["OPEN_ALL"] = "open_all";
-  TREE_VIEW["CLOSE_ALL"] = "close_all";
-  TREE_VIEW["DESELECT_ALL"] = "deselect_all";
-  TREE_VIEW["GET_SELECTED"] = "get_selected";
-  TREE_VIEW["GET_NODE"] = "get_node";
-  TREE_VIEW["CREATE_NODE"] = "create_node";
-  TREE_VIEW["RENAME_NODE"] = "rename_node";
-  TREE_VIEW["REDRAW_NODE"] = "redraw_node";
-  TREE_VIEW["REFRESH_NODE"] = "refresh_node";
-  TREE_VIEW["REFRESH"] = "refresh";
-  TREE_VIEW["DELETE_NODE"] = "delete_node";
-  TREE_VIEW["SELECT_NODE"] = "select_node";
-  TREE_VIEW["OPEN_NODE"] = "open_node";
-  TREE_VIEW["EDIT"] = "edit";
-  TREE_VIEW["GET_PARENT"] = "get_parent";
-})(TREE_VIEW || (TREE_VIEW = {}));
+var METHOD;
+(function (METHOD) {
+  METHOD["GET_PATH"] = "get_path";
+  METHOD["DESTROY"] = "destroy";
+  METHOD["OPEN_ALL"] = "open_all";
+  METHOD["CLOSE_ALL"] = "close_all";
+  METHOD["DESELECT_ALL"] = "deselect_all";
+  METHOD["GET_SELECTED"] = "get_selected";
+  METHOD["GET_NODE"] = "get_node";
+  METHOD["CREATE_NODE"] = "create_node";
+  METHOD["RENAME_NODE"] = "rename_node";
+  METHOD["REDRAW_NODE"] = "redraw_node";
+  METHOD["REFRESH_NODE"] = "refresh_node";
+  METHOD["REFRESH"] = "refresh";
+  METHOD["DELETE_NODE"] = "delete_node";
+  METHOD["SELECT_NODE"] = "select_node";
+  METHOD["OPEN_NODE"] = "open_node";
+  METHOD["EDIT"] = "edit";
+  METHOD["GET_PARENT"] = "get_parent";
+})(METHOD || (METHOD = {}));
+var EVENT;
+(function (EVENT) {
+  EVENT["CLOSE_NODE"] = "close_node.jstree";
+  EVENT["SELECT_NODE"] = "select_node.jstree";
+  EVENT["LOADED"] = "loaded.jstree";
+})(EVENT || (EVENT = {}));
+var NODE_TYPE;
+(function (NODE_TYPE) {
+  NODE_TYPE["FOLDER"] = "folder";
+  NODE_TYPE["FILE"] = "file";
+})(NODE_TYPE || (NODE_TYPE = {}));
+
+var TreeViewConstants = {
+    __proto__: null,
+    get METHOD () { return METHOD; },
+    get EVENT () { return EVENT; },
+    get NODE_TYPE () { return NODE_TYPE; }
+};
 
 var JsTreeViewContextImpl = /*#__PURE__*/function () {
   function JsTreeViewContextImpl(jsTree) {
@@ -19894,8 +19912,8 @@ var JsTreeViewContextImpl = /*#__PURE__*/function () {
     tree.settings.contextmenu.items = func;
   };
   _proto.getFullPath = function getFullPath(node) {
-    var namePath = this.jsTree.jstree(TREE_VIEW.GET_PATH, node);
-    var idPath = this.jsTree.jstree(TREE_VIEW.GET_PATH, node, null, true);
+    var namePath = this.jsTree.jstree(METHOD.GET_PATH, node);
+    var idPath = this.jsTree.jstree(METHOD.GET_PATH, node, null, true);
     var path = [];
     for (var i = 0; i < namePath.length; i++) {
       path.push({
@@ -19907,58 +19925,58 @@ var JsTreeViewContextImpl = /*#__PURE__*/function () {
   };
   _proto.dispose = function dispose() {
     if (this.jsTree) {
-      this.jsTree.jstree(TREE_VIEW.DESTROY);
+      this.jsTree.jstree(METHOD.DESTROY);
     }
   };
   _proto.openAll = function openAll() {
-    this.jsTree.jstree(TREE_VIEW.OPEN_ALL);
+    this.jsTree.jstree(METHOD.OPEN_ALL);
   };
   _proto.closeAll = function closeAll(node) {
-    this.jsTree.jstree(TREE_VIEW.CLOSE_ALL, node);
+    this.jsTree.jstree(METHOD.CLOSE_ALL, node);
   };
   _proto.deselectAll = function deselectAll() {
-    this.jsTree.jstree(TREE_VIEW.DESELECT_ALL);
+    this.jsTree.jstree(METHOD.DESELECT_ALL);
   };
   _proto.getSelected = function getSelected() {
-    return this.jsTree.jstree(TREE_VIEW.GET_SELECTED);
+    return this.jsTree.jstree(METHOD.GET_SELECTED);
   };
   _proto.getNode = function getNode(nodeId) {
-    return this.jsTree.jstree(TREE_VIEW.GET_NODE, nodeId);
+    return this.jsTree.jstree(METHOD.GET_NODE, nodeId);
   };
   _proto.createNewNode = function createNewNode(parent, node) {
-    this.jsTree.jstree(TREE_VIEW.CREATE_NODE, parent, node);
+    this.jsTree.jstree(METHOD.CREATE_NODE, parent, node);
   };
   _proto.renameNode = function renameNode(node, newName) {
-    this.jsTree.jstree(TREE_VIEW.RENAME_NODE, node, newName);
+    this.jsTree.jstree(METHOD.RENAME_NODE, node, newName);
   };
   _proto.redrawNode = function redrawNode(node, deep) {
     if (deep === void 0) {
       deep = false;
     }
-    this.jsTree.jstree(TREE_VIEW.REDRAW_NODE, node, deep);
+    this.jsTree.jstree(METHOD.REDRAW_NODE, node, deep);
   };
   _proto.refreshNode = function refreshNode(node) {
-    this.jsTree.jstree(TREE_VIEW.REFRESH_NODE, node);
+    this.jsTree.jstree(METHOD.REFRESH_NODE, node);
   };
   _proto.refresh = function refresh() {
-    this.jsTree.jstree(TREE_VIEW.REFRESH);
+    this.jsTree.jstree(METHOD.REFRESH);
   };
   _proto.deleteNode = function deleteNode(node) {
-    this.jsTree.jstree(TREE_VIEW.DELETE_NODE, node);
+    this.jsTree.jstree(METHOD.DELETE_NODE, node);
   };
   _proto.selectNode = function selectNode(node) {
     this.deselectAll();
-    this.jsTree.jstree(TREE_VIEW.SELECT_NODE, node);
+    this.jsTree.jstree(METHOD.SELECT_NODE, node);
   };
   _proto.openNode = function openNode(node) {
-    this.jsTree.jstree(TREE_VIEW.OPEN_NODE, node);
+    this.jsTree.jstree(METHOD.OPEN_NODE, node);
   };
   _proto.editNode = function editNode() {
     var selected = this.getSelected();
-    this.jsTree.jstree(TREE_VIEW.EDIT, selected);
+    this.jsTree.jstree(METHOD.EDIT, selected);
   };
   _proto.getParent = function getParent(node) {
-    return this.jsTree.jstree(TREE_VIEW.GET_PARENT, node);
+    return this.jsTree.jstree(METHOD.GET_PARENT, node);
   };
   return JsTreeViewContextImpl;
 }();
@@ -20018,6 +20036,14 @@ var TABLE_VIEW_CACHE;
   TABLE_VIEW_CACHE[TABLE_VIEW_CACHE["DEFAULT"] = 2] = "DEFAULT";
 })(TABLE_VIEW_CACHE || (TABLE_VIEW_CACHE = {}));
 
+var TableViewConstants = {
+    __proto__: null,
+    get TABLE_VIEW_EVENTS () { return TABLE_VIEW_EVENTS; },
+    get TABLE_VIEW_URL () { return TABLE_VIEW_URL; },
+    get TABLE_VIEW_CONTROLLER () { return TABLE_VIEW_CONTROLLER; },
+    get TABLE_VIEW_CACHE () { return TABLE_VIEW_CACHE; }
+};
+
 function _defineProperties(target, props) {
   for (var i = 0; i < props.length; i++) {
     var descriptor = props[i];
@@ -53847,13 +53873,6 @@ var isDOM = typeof document !== 'undefined';
 
 var useIsomorphicEffect = isDOM || isReactNative ? useLayoutEffect : useEffect;
 
-const defaultProps = {
-  in: false,
-  timeout: 300,
-  mountOnEnter: false,
-  unmountOnExit: false,
-  appear: false
-};
 const fadeStyles = {
   [ENTERING]: 'show',
   [ENTERED]: 'show'
@@ -53862,11 +53881,20 @@ const Fade = /*#__PURE__*/forwardRef(({
   className,
   children,
   transitionClasses = {},
-  ...props
+  onEnter,
+  ...rest
 }, ref) => {
+  const props = {
+    in: false,
+    timeout: 300,
+    mountOnEnter: false,
+    unmountOnExit: false,
+    appear: false,
+    ...rest
+  };
   const handleEnter = useCallback((node, isAppearing) => {
-    props.onEnter == null ? void 0 : props.onEnter(node, isAppearing);
-  }, [props]);
+    onEnter == null ? void 0 : onEnter(node, isAppearing);
+  }, [onEnter]);
   return /*#__PURE__*/jsx(TransitionWrapper, {
     ref: ref,
     addEndListener: transitionEndListener,
@@ -53879,7 +53907,6 @@ const Fade = /*#__PURE__*/forwardRef(({
     })
   });
 });
-Fade.defaultProps = defaultProps;
 Fade.displayName = 'Fade';
 
 var rHyphen = /-(.)/g;
@@ -53902,14 +53929,17 @@ function createWithBsPrefix(prefix, {
     as: Tag = Component || 'div',
     ...props
   }, ref) => {
+    const componentProps = {
+      ...defaultProps,
+      ...props
+    };
     const resolvedPrefix = useBootstrapPrefix(bsPrefix, prefix);
     return /*#__PURE__*/jsx(Tag, {
       ref: ref,
       className: classnames(className, resolvedPrefix),
-      ...props
+      ...componentProps
     });
   });
-  BsComponent.defaultProps = defaultProps;
   BsComponent.displayName = displayName;
   return BsComponent;
 }
@@ -54184,7 +54214,7 @@ var round = Math.round;
 function getUAString() {
   var uaData = navigator.userAgentData;
 
-  if (uaData != null && uaData.brands) {
+  if (uaData != null && uaData.brands && Array.isArray(uaData.brands)) {
     return uaData.brands.map(function (item) {
       return item.brand + "/" + item.version;
     }).join(' ');
@@ -54516,10 +54546,9 @@ var unsetSides = {
 // Zooming can change the DPR, but it seems to report a value that will
 // cleanly divide the values into the appropriate subpixels.
 
-function roundOffsetsByDPR(_ref) {
+function roundOffsetsByDPR(_ref, win) {
   var x = _ref.x,
       y = _ref.y;
-  var win = window;
   var dpr = win.devicePixelRatio || 1;
   return {
     x: round(x * dpr) / dpr || 0,
@@ -54602,7 +54631,7 @@ function mapToStyles(_ref2) {
   var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
     x: x,
     y: y
-  }) : {
+  }, getWindow(popper)) : {
     x: x,
     y: y
   };
@@ -55994,21 +56023,22 @@ function popperGenerator(generatorOptions) {
   };
 }
 
+// For the common JS build we will turn this file into a bundle with no imports.
 // This is b/c the Popper lib is all esm files, and would break in a common js only environment
-
 const createPopper = popperGenerator({
   defaultModifiers: [hide$1, popperOffsets$1, computeStyles$1, eventListeners, offset$1, flip$1, preventOverflow$1, arrow$1]
 });
 
 const _excluded = ["enabled", "placement", "strategy", "modifiers"];
-
 function _objectWithoutPropertiesLoose$2(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 const disabledApplyStylesModifier = {
   name: 'applyStyles',
   enabled: false,
   phase: 'afterWrite',
   fn: () => undefined
-}; // until docjs supports type exports...
+};
+
+// until docjs supports type exports...
 
 const ariaDescribedByModifier = {
   name: 'ariaDescribedBy',
@@ -56021,7 +56051,6 @@ const ariaDescribedByModifier = {
       reference,
       popper
     } = state.elements;
-
     if ('removeAttribute' in reference) {
       const ids = (reference.getAttribute('aria-describedby') || '').split(',').filter(id => id.trim() !== popper.id);
       if (!ids.length) reference.removeAttribute('aria-describedby');else reference.setAttribute('aria-describedby', ids.join(','));
@@ -56031,20 +56060,16 @@ const ariaDescribedByModifier = {
     state
   }) => {
     var _popper$getAttribute;
-
     const {
       popper,
       reference
     } = state.elements;
     const role = (_popper$getAttribute = popper.getAttribute('role')) == null ? void 0 : _popper$getAttribute.toLowerCase();
-
     if (popper.id && role === 'tooltip' && 'setAttribute' in reference) {
       const ids = reference.getAttribute('aria-describedby');
-
       if (ids && ids.split(',').indexOf(popper.id) !== -1) {
         return;
       }
-
       reference.setAttribute('aria-describedby', ids ? `${ids},${popper.id}` : popper.id);
     }
   }
@@ -56065,26 +56090,22 @@ const EMPTY_MODIFIERS = [];
  *
  * @returns {UsePopperState} The popper state
  */
-
 function usePopper(referenceElement, popperElement, _ref = {}) {
   let {
-    enabled = true,
-    placement = 'bottom',
-    strategy = 'absolute',
-    modifiers = EMPTY_MODIFIERS
-  } = _ref,
-      config = _objectWithoutPropertiesLoose$2(_ref, _excluded);
-
+      enabled = true,
+      placement = 'bottom',
+      strategy = 'absolute',
+      modifiers = EMPTY_MODIFIERS
+    } = _ref,
+    config = _objectWithoutPropertiesLoose$2(_ref, _excluded);
   const prevModifiers = useRef(modifiers);
   const popperInstanceRef = useRef();
   const update = useCallback(() => {
     var _popperInstanceRef$cu;
-
     (_popperInstanceRef$cu = popperInstanceRef.current) == null ? void 0 : _popperInstanceRef$cu.update();
   }, []);
   const forceUpdate = useCallback(() => {
     var _popperInstanceRef$cu2;
-
     (_popperInstanceRef$cu2 = popperInstanceRef.current) == null ? void 0 : _popperInstanceRef$cu2.forceUpdate();
   }, []);
   const [popperState, setState] = useSafeState(useState({
@@ -56125,7 +56146,6 @@ function usePopper(referenceElement, popperElement, _ref = {}) {
     if (!dequal(prevModifiers.current, modifiers)) {
       prevModifiers.current = modifiers;
     }
-
     return prevModifiers.current;
   }, [modifiers]);
   useEffect(() => {
@@ -56140,7 +56160,6 @@ function usePopper(referenceElement, popperElement, _ref = {}) {
     if (!enabled || referenceElement == null || popperElement == null) {
       return undefined;
     }
-
     popperInstanceRef.current = createPopper(referenceElement, popperElement, Object.assign({}, config, {
       placement,
       strategy,
@@ -56157,7 +56176,8 @@ function usePopper(referenceElement, popperElement, _ref = {}) {
           }
         }));
       }
-    }; // This is only run once to _create_ the popper
+    };
+    // This is only run once to _create_ the popper
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [enabled, referenceElement, popperElement]);
   return popperState;
@@ -56240,21 +56260,19 @@ if (__DEV__) {
 var warning_1 = warning;
 
 const noop$1 = () => {};
-
 function isLeftClickEvent(event) {
   return event.button === 0;
 }
-
 function isModifiedEvent(event) {
   return !!(event.metaKey || event.altKey || event.ctrlKey || event.shiftKey);
 }
-
 const getRefTarget = ref => ref && ('current' in ref ? ref.current : ref);
 const InitialTriggerEvents = {
   click: 'mousedown',
   mouseup: 'mousedown',
   pointerup: 'pointerdown'
 };
+
 /**
  * The `useClickOutside` hook registers your callback on the document that fires
  * when a pointer event is registered outside of the provided ref or element.
@@ -56265,7 +56283,6 @@ const InitialTriggerEvents = {
  * @param {boolean=} options.disabled
  * @param {string=}  options.clickTrigger The DOM event name (click, mousedown, etc) to attach listeners on
  */
-
 function useClickOutside(ref, onClickOutside = noop$1, {
   disabled,
   clickTrigger = 'click'
@@ -56280,7 +56297,6 @@ function useClickOutside(ref, onClickOutside = noop$1, {
   }, [ref]);
   const handleInitialMouse = useEventCallback(e => {
     const currentTarget = getRefTarget(ref);
-
     if (currentTarget && contains$1(currentTarget, e.target)) {
       waitingForTrigger.current = true;
     }
@@ -56292,19 +56308,19 @@ function useClickOutside(ref, onClickOutside = noop$1, {
   });
   useEffect(() => {
     if (disabled || ref == null) return undefined;
-    const doc = ownerDocument(getRefTarget(ref)); // Store the current event to avoid triggering handlers immediately
-    // https://github.com/facebook/react/issues/20074
+    const doc = ownerDocument(getRefTarget(ref));
 
+    // Store the current event to avoid triggering handlers immediately
+    // https://github.com/facebook/react/issues/20074
     let currentEvent = (doc.defaultView || window).event;
     let removeInitialTriggerListener = null;
-
     if (InitialTriggerEvents[clickTrigger]) {
       removeInitialTriggerListener = listen(doc, InitialTriggerEvents[clickTrigger], handleInitialMouse, true);
-    } // Use capture for this listener so it fires before React's listener, to
+    }
+
+    // Use capture for this listener so it fires before React's listener, to
     // avoid false positives in the contains() check below if the target DOM
     // element is removed in the React mouse callback.
-
-
     const removeMouseCaptureListener = listen(doc, clickTrigger, handleMouseCapture, true);
     const removeMouseListener = listen(doc, clickTrigger, e => {
       // skip if this event is the same as the one running when we added the handlers
@@ -56312,15 +56328,12 @@ function useClickOutside(ref, onClickOutside = noop$1, {
         currentEvent = undefined;
         return;
       }
-
       handleMouse(e);
     });
     let mobileSafariHackListeners = [];
-
     if ('ontouchstart' in doc.documentElement) {
       mobileSafariHackListeners = [].slice.call(doc.body.children).map(el => listen(el, 'mousemove', noop$1));
     }
-
     return () => {
       removeInitialTriggerListener == null ? void 0 : removeInitialTriggerListener();
       removeMouseCaptureListener();
@@ -56332,12 +56345,11 @@ function useClickOutside(ref, onClickOutside = noop$1, {
 
 function toModifierMap(modifiers) {
   const result = {};
-
   if (!Array.isArray(modifiers)) {
     return modifiers || result;
-  } // eslint-disable-next-line no-unused-expressions
-
+  }
 
+  // eslint-disable-next-line no-unused-expressions
   modifiers == null ? void 0 : modifiers.forEach(m => {
     result[m.name] = m;
   });
@@ -56362,7 +56374,6 @@ function mergeOptionsWithPopperConfig({
   popperConfig = {}
 }) {
   var _modifiers$eventListe, _modifiers$preventOve, _modifiers$preventOve2, _modifiers$offset, _modifiers$arrow;
-
   const modifiers = toModifierMap(popperConfig.modifiers);
   return Object.assign({}, popperConfig, {
     placement,
@@ -56397,13 +56408,13 @@ function mergeOptionsWithPopperConfig({
 }
 
 const Context = /*#__PURE__*/createContext(canUseDOM ? window : undefined);
+
 /**
  * The document "window" placed in React context. Helpful for determining
  * SSR context, or when rendering into an iframe.
  *
  * @returns the current window
  */
-
 function useWindow() {
   return useContext(Context);
 }
@@ -56419,12 +56430,10 @@ const resolveContainerRef = (ref, document) => {
 function useWaitForDOMRef(ref, onResolved) {
   const window = useWindow();
   const [resolvedRef, setRef] = useState(() => resolveContainerRef(ref, window == null ? void 0 : window.document));
-
   if (!resolvedRef) {
     const earlyRef = resolveContainerRef(ref);
     if (earlyRef) setRef(earlyRef);
   }
-
   useEffect(() => {
     if (onResolved && resolvedRef) {
       onResolved(resolvedRef);
@@ -56432,7 +56441,6 @@ function useWaitForDOMRef(ref, onResolved) {
   }, [onResolved, resolvedRef]);
   useEffect(() => {
     const nextRef = resolveContainerRef(ref);
-
     if (nextRef !== resolvedRef) {
       setRef(nextRef);
     }
@@ -56440,6 +56448,125 @@ function useWaitForDOMRef(ref, onResolved) {
   return resolvedRef;
 }
 
+function NoopTransition({
+  children,
+  in: inProp,
+  onExited,
+  mountOnEnter,
+  unmountOnExit
+}) {
+  const ref = useRef(null);
+  const hasEnteredRef = useRef(inProp);
+  const handleExited = useEventCallback(onExited);
+  useEffect(() => {
+    if (inProp) hasEnteredRef.current = true;else {
+      handleExited(ref.current);
+    }
+  }, [inProp, handleExited]);
+  const combinedRef = useMergedRefs(ref, children.ref);
+  const child = /*#__PURE__*/cloneElement(children, {
+    ref: combinedRef
+  });
+  if (inProp) return child;
+  if (unmountOnExit) {
+    return null;
+  }
+  if (!hasEnteredRef.current && mountOnEnter) {
+    return null;
+  }
+  return child;
+}
+
+function useTransition({
+  in: inProp,
+  onTransition
+}) {
+  const ref = useRef(null);
+  const isInitialRef = useRef(true);
+  const handleTransition = useEventCallback(onTransition);
+  useIsomorphicEffect(() => {
+    if (!ref.current) {
+      return undefined;
+    }
+    let stale = false;
+    handleTransition({
+      in: inProp,
+      element: ref.current,
+      initial: isInitialRef.current,
+      isStale: () => stale
+    });
+    return () => {
+      stale = true;
+    };
+  }, [inProp, handleTransition]);
+  useIsomorphicEffect(() => {
+    isInitialRef.current = false;
+    // this is for strict mode
+    return () => {
+      isInitialRef.current = true;
+    };
+  }, []);
+  return ref;
+}
+/**
+ * Adapts an imperative transition function to a subset of the RTG `<Transition>` component API.
+ *
+ * ImperativeTransition does not support mounting options or `appear` at the moment, meaning
+ * that it always acts like: `mountOnEnter={true} unmountOnExit={true} appear={true}`
+ */
+function ImperativeTransition({
+  children,
+  in: inProp,
+  onExited,
+  onEntered,
+  transition
+}) {
+  const [exited, setExited] = useState(!inProp);
+
+  // TODO: I think this needs to be in an effect
+  if (inProp && exited) {
+    setExited(false);
+  }
+  const ref = useTransition({
+    in: !!inProp,
+    onTransition: options => {
+      const onFinish = () => {
+        if (options.isStale()) return;
+        if (options.in) {
+          onEntered == null ? void 0 : onEntered(options.element, options.initial);
+        } else {
+          setExited(true);
+          onExited == null ? void 0 : onExited(options.element);
+        }
+      };
+      Promise.resolve(transition(options)).then(onFinish, error => {
+        if (!options.in) setExited(true);
+        throw error;
+      });
+    }
+  });
+  const combinedRef = useMergedRefs(ref, children.ref);
+  return exited && !inProp ? null : /*#__PURE__*/cloneElement(children, {
+    ref: combinedRef
+  });
+}
+function renderTransition(Component, runTransition, props) {
+  if (Component) {
+    return /*#__PURE__*/jsx(Component, Object.assign({}, props));
+  }
+  if (runTransition) {
+    return /*#__PURE__*/jsx(ImperativeTransition, Object.assign({}, props, {
+      transition: runTransition
+    }));
+  }
+  return /*#__PURE__*/jsx(NoopTransition, Object.assign({}, props));
+}
+
+/* eslint-disable import/prefer-default-export */
+function isEscKey(e) {
+  return e.code === 'Escape' || e.keyCode === 27;
+}
+
 /**
  * Checks if a given element has a CSS class.
  * 
@@ -56451,10 +56578,7 @@ function hasClass(element, className) {
   return (" " + (element.className.baseVal || element.className) + " ").indexOf(" " + className + " ") !== -1;
 }
 
-const escapeKeyCode = 27;
-
 const noop$2 = () => {};
-
 /**
  * The `useRootClose` hook registers your callback on the document
  * when rendered. Powers the `<Overlay/>` component. This is used achieve modal
@@ -56477,15 +56601,16 @@ function useRootClose(ref, onRootClose, {
     clickTrigger
   });
   const handleKeyUp = useEventCallback(e => {
-    if (e.keyCode === escapeKeyCode) {
+    if (isEscKey(e)) {
       onClose(e);
     }
   });
   useEffect(() => {
     if (disabled || ref == null) return undefined;
-    const doc = ownerDocument(getRefTarget(ref)); // Store the current event to avoid triggering handlers immediately
-    // https://github.com/facebook/react/issues/20074
+    const doc = ownerDocument(getRefTarget(ref));
 
+    // Store the current event to avoid triggering handlers immediately
+    // https://github.com/facebook/react/issues/20074
     let currentEvent = (doc.defaultView || window).event;
     const removeKeyupListener = listen(doc, 'keyup', e => {
       // skip if this event is the same as the one running when we added the handlers
@@ -56493,7 +56618,6 @@ function useRootClose(ref, onRootClose, {
         currentEvent = undefined;
         return;
       }
-
       handleKeyUp(e);
     });
     return () => {
@@ -56513,7 +56637,8 @@ const Overlay = /*#__PURE__*/forwardRef((props, outerRef) => {
     placement,
     containerPadding,
     popperConfig = {},
-    transition: Transition
+    transition: Transition,
+    runTransition
   } = props;
   const [rootElement, attachRef] = useCallbackRef();
   const [arrowElement, attachArrowRef] = useCallbackRef();
@@ -56531,32 +56656,34 @@ const Overlay = /*#__PURE__*/forwardRef((props, outerRef) => {
     popperConfig
   }));
 
-  if (props.show) {
-    if (exited) setExited(false);
-  } else if (!props.transition && !exited) {
-    setExited(true);
+  // TODO: I think this needs to be in an effect
+  if (props.show && exited) {
+    setExited(false);
   }
-
   const handleHidden = (...args) => {
     setExited(true);
-
     if (props.onExited) {
       props.onExited(...args);
     }
-  }; // Don't un-render the overlay while it's transitioning out.
-
+  };
 
-  const mountOverlay = props.show || Transition && !exited;
+  // Don't un-render the overlay while it's transitioning out.
+  const mountOverlay = props.show || !exited;
   useRootClose(rootElement, props.onHide, {
     disabled: !props.rootClose || props.rootCloseDisabled,
     clickTrigger: props.rootCloseEvent
   });
-
   if (!mountOverlay) {
     // Don't bother showing anything if we don't have to.
     return null;
   }
-
+  const {
+    onExit,
+    onExiting,
+    onEnter,
+    onEntering,
+    onEntered
+  } = props;
   let child = props.children(Object.assign({}, popper.attributes.popper, {
     style: popper.styles.popper,
     ref: mergedRef
@@ -56569,28 +56696,19 @@ const Overlay = /*#__PURE__*/forwardRef((props, outerRef) => {
       ref: attachArrowRef
     })
   });
-
-  if (Transition) {
-    const {
-      onExit,
-      onExiting,
-      onEnter,
-      onEntering,
-      onEntered
-    } = props;
-    child = /*#__PURE__*/jsx(Transition, {
-      in: props.show,
-      appear: true,
-      onExit: onExit,
-      onExiting: onExiting,
-      onExited: handleHidden,
-      onEnter: onEnter,
-      onEntering: onEntering,
-      onEntered: onEntered,
-      children: child
-    });
-  }
-
+  child = renderTransition(Transition, runTransition, {
+    in: !!props.show,
+    appear: true,
+    mountOnEnter: true,
+    unmountOnExit: true,
+    children: child,
+    onExit,
+    onExiting,
+    onExited: handleHidden,
+    onEnter,
+    onEntering,
+    onEntered
+  });
   return container ? /*#__PURE__*/reactDom.createPortal(child, container) : null;
 });
 Overlay.displayName = 'Overlay';
@@ -56611,29 +56729,44 @@ function getOverlayDirection(placement, isRTL) {
   return bsDirection;
 }
 
-const defaultProps$1 = {
-  placement: 'right'
-};
+function getInitialPopperStyles(position = 'absolute') {
+  return {
+    position,
+    top: '0',
+    left: '0',
+    opacity: '0',
+    pointerEvents: 'none'
+  };
+}
+
 const Popover = /*#__PURE__*/forwardRef(({
   bsPrefix,
-  placement,
+  placement = 'right',
   className,
   style,
   children,
   body,
   arrowProps,
-  popper: _,
-  show: _1,
+  hasDoneInitialMeasure,
+  popper,
+  show,
   ...props
 }, ref) => {
   const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'popover');
   const isRTL = useIsRTL();
   const [primaryPlacement] = (placement == null ? void 0 : placement.split('-')) || [];
   const bsDirection = getOverlayDirection(primaryPlacement, isRTL);
+  let computedStyle = style;
+  if (show && !hasDoneInitialMeasure) {
+    computedStyle = {
+      ...style,
+      ...getInitialPopperStyles(popper == null ? void 0 : popper.strategy)
+    };
+  }
   return /*#__PURE__*/jsxs("div", {
     ref: ref,
     role: "tooltip",
-    style: style,
+    style: computedStyle,
     "x-placement": primaryPlacement,
     className: classnames(className, decoratedBsPrefix, primaryPlacement && `bs-popover-${bsDirection}`),
     ...props,
@@ -56645,7 +56778,6 @@ const Popover = /*#__PURE__*/forwardRef(({
     }) : children]
   });
 });
-Popover.defaultProps = defaultProps$1;
 var Popover$1 = Object.assign(Popover, {
   Header: PopoverHeader,
   Body: PopoverBody,
@@ -56673,12 +56805,6 @@ function useOverlayOffset(customOffset) {
   return [overlayRef, [offset]];
 }
 
-const defaultProps$2 = {
-  transition: Fade,
-  rootClose: false,
-  show: false,
-  placement: 'top'
-};
 function wrapRefs(props, arrowProps) {
   const {
     ref
@@ -56691,12 +56817,15 @@ function wrapRefs(props, arrowProps) {
 }
 const Overlay$1 = /*#__PURE__*/forwardRef(({
   children: overlay,
-  transition,
+  transition = Fade,
   popperConfig = {},
+  rootClose = false,
+  placement = 'top',
+  show: outerShow = false,
   ...outerProps
 }, outerRef) => {
   const popperRef = useRef({});
-  const [firstRenderedState, setFirstRenderedState] = useCallbackRef();
+  const [firstRenderedState, setFirstRenderedState] = useState(null);
   const [ref, modifiers] = useOverlayOffset(outerProps.offset);
   const mergedRef = useMergedRefs(outerRef, ref);
   const actualTransition = transition === true ? Fade : transition || undefined;
@@ -56709,6 +56838,11 @@ const Overlay$1 = /*#__PURE__*/forwardRef(({
       popperRef.current.scheduleUpdate == null ? void 0 : popperRef.current.scheduleUpdate();
     }
   }, [firstRenderedState]);
+  useEffect(() => {
+    if (!outerShow) {
+      setFirstRenderedState(null);
+    }
+  }, [outerShow]);
   return /*#__PURE__*/jsx(Overlay, {
     ...outerProps,
     ref: mergedRef,
@@ -56718,6 +56852,9 @@ const Overlay$1 = /*#__PURE__*/forwardRef(({
       onFirstUpdate: handleFirstUpdate
     },
     transition: actualTransition,
+    rootClose: rootClose,
+    placement: placement,
+    show: outerShow,
     children: (overlayProps, {
       arrowProps,
       popper: popperObj,
@@ -56731,8 +56868,10 @@ const Overlay$1 = /*#__PURE__*/forwardRef(({
         state: popperObj == null ? void 0 : popperObj.state,
         scheduleUpdate: popperObj == null ? void 0 : popperObj.update,
         placement: updatedPlacement,
-        outOfBoundaries: (popperObj == null ? void 0 : (_popperObj$state = popperObj.state) == null ? void 0 : (_popperObj$state$modi = _popperObj$state.modifiersData.hide) == null ? void 0 : _popperObj$state$modi.isReferenceHidden) || false
+        outOfBoundaries: (popperObj == null ? void 0 : (_popperObj$state = popperObj.state) == null ? void 0 : (_popperObj$state$modi = _popperObj$state.modifiersData.hide) == null ? void 0 : _popperObj$state$modi.isReferenceHidden) || false,
+        strategy: popperConfig.strategy
       });
+      const hasDoneInitialMeasure = !!firstRenderedState;
       if (typeof overlay === 'function') return overlay({
         ...overlayProps,
         placement: updatedPlacement,
@@ -56741,13 +56880,15 @@ const Overlay$1 = /*#__PURE__*/forwardRef(({
           className: 'show'
         }),
         popper,
-        arrowProps
+        arrowProps,
+        hasDoneInitialMeasure
       });
       return /*#__PURE__*/cloneElement(overlay, {
         ...overlayProps,
         placement: updatedPlacement,
         arrowProps,
         popper,
+        hasDoneInitialMeasure,
         className: classnames(overlay.props.className, !transition && show && 'show'),
         style: {
           ...overlay.props.style,
@@ -56758,7 +56899,6 @@ const Overlay$1 = /*#__PURE__*/forwardRef(({
   });
 });
 Overlay$1.displayName = 'Overlay';
-Overlay$1.defaultProps = defaultProps$2;
 
 function normalizeDelay(delay) {
   return delay && typeof delay === 'object' ? delay : {
@@ -56781,12 +56921,8 @@ handler, args, relatedNative) {
     handler(...args);
   }
 }
-const defaultProps$3 = {
-  defaultShow: false,
-  trigger: ['hover', 'focus']
-};
 function OverlayTrigger({
-  trigger,
+  trigger = ['hover', 'focus'],
   overlay,
   children,
   popperConfig = {},
@@ -56881,7 +57017,6 @@ function OverlayTrigger({
     })]
   });
 }
-OverlayTrigger.defaultProps = defaultProps$3;
 
 var styles$5 = {"vitro-action-handler":"_action-handler_vitro-action-handler_1_HNxCd","vitro-icon-before":"_action-handler_vitro-icon-before_3vTdV08","vitro-icon-progress":"_action-handler_vitro-icon-progress_28liEuB","vitro-icon-success":"_action-handler_vitro-icon-success_1jnQDIv","vitro-icon-error":"_action-handler_vitro-icon-error_3OPWhCB","vitro-button-close":"_action-handler_vitro-button-close_33qzSIU","vitro-flex":"_action-handler_vitro-flex_3Pyc7fz"};
 
@@ -56898,33 +57033,42 @@ var UpdatingPopover = React__default.forwardRef(function (_ref, ref) {
   }, props), children));
 });
 
-var ACTION_HANDLER_LOCALE;
-(function (ACTION_HANDLER_LOCALE) {
-  ACTION_HANDLER_LOCALE["CONF_SINGLE"] = "app.common.msg.action.conf.single";
-  ACTION_HANDLER_LOCALE["CONF_MULTI"] = "app.common.msg.action.conf.multi";
-  ACTION_HANDLER_LOCALE["SUCCESS_SINGLE"] = "app.common.msg.action.success.single";
-  ACTION_HANDLER_LOCALE["SUCCESS_MULTI"] = "app.common.msg.action.success.multi";
-  ACTION_HANDLER_LOCALE["ERROR_SINGLE"] = "app.common.msg.action.error.single";
-  ACTION_HANDLER_LOCALE["ERROR_MULTI"] = "app.common.msg.action.error.multi";
-  ACTION_HANDLER_LOCALE["PROGRESS_SINGLE"] = "app.common.msg.action.progress.single";
-  ACTION_HANDLER_LOCALE["PROGRESS_MULTI"] = "app.common.msg.action.progress.multi";
-  ACTION_HANDLER_LOCALE["YES"] = "app.common.action.yes";
-  ACTION_HANDLER_LOCALE["NO"] = "app.common.action.no";
-})(ACTION_HANDLER_LOCALE || (ACTION_HANDLER_LOCALE = {}));
+var LOCALE;
+(function (LOCALE) {
+  LOCALE["CONF_SINGLE"] = "app.common.msg.action.conf.single";
+  LOCALE["CONF_MULTI"] = "app.common.msg.action.conf.multi";
+  LOCALE["SUCCESS_SINGLE"] = "app.common.msg.action.success.single";
+  LOCALE["SUCCESS_MULTI"] = "app.common.msg.action.success.multi";
+  LOCALE["ERROR_SINGLE"] = "app.common.msg.action.error.single";
+  LOCALE["ERROR_MULTI"] = "app.common.msg.action.error.multi";
+  LOCALE["PROGRESS_SINGLE"] = "app.common.msg.action.progress.single";
+  LOCALE["PROGRESS_MULTI"] = "app.common.msg.action.progress.multi";
+  LOCALE["YES"] = "app.common.action.yes";
+  LOCALE["NO"] = "app.common.action.no";
+})(LOCALE || (LOCALE = {}));
 var PLACEMENT;
 (function (PLACEMENT) {
   PLACEMENT["TOP"] = "top";
+  PLACEMENT["BOTTOM"] = "bottom";
 })(PLACEMENT || (PLACEMENT = {}));
-var SYMBOL;
-(function (SYMBOL) {
-  SYMBOL["QUESTION_MARK"] = "?";
-  SYMBOL["EMPTY_STRING"] = "";
-})(SYMBOL || (SYMBOL = {}));
+var CTRL;
+(function (CTRL) {
+  CTRL["QUESTION"] = "?";
+  CTRL["EMPTY"] = "";
+})(CTRL || (CTRL = {}));
 var TRIGGER;
 (function (TRIGGER) {
   TRIGGER["CLICK"] = "click";
 })(TRIGGER || (TRIGGER = {}));
 
+var ActionHandlerConstants = {
+    __proto__: null,
+    get LOCALE () { return LOCALE; },
+    get PLACEMENT () { return PLACEMENT; },
+    get CTRL () { return CTRL; },
+    get TRIGGER () { return TRIGGER; }
+};
+
 var SERVICE = function SERVICE() {};
 SERVICE.LOCALE = 'LocaleService';
 
@@ -56934,7 +57078,7 @@ var actionMap = {
   after: 2
 };
 var ActionHandler = function ActionHandler(props) {
-  var _useState = useState(SYMBOL.EMPTY_STRING),
+  var _useState = useState(CTRL.EMPTY),
     text = _useState[0],
     setText = _useState[1];
   var _useState2 = useState(true),
@@ -56983,17 +57127,17 @@ var ActionHandler = function ActionHandler(props) {
         confText = props.confirmText(itemCount);
       } else {
         if (itemCount === 1) {
-          confText = localeService.create(ACTION_HANDLER_LOCALE.CONF_SINGLE, {
+          confText = localeService.create(LOCALE.CONF_SINGLE, {
             actionCode: props.actionCode
           });
         } else {
-          confText = localeService.create(ACTION_HANDLER_LOCALE.CONF_MULTI, {
+          confText = localeService.create(LOCALE.CONF_MULTI, {
             actionCode: props.actionCode,
             itemCount: itemCount
           });
         }
       }
-      setText(confText + SYMBOL.QUESTION_MARK);
+      setText(confText + CTRL.QUESTION);
     }
     setCurrentAction(actionMap.before);
   };
@@ -57031,12 +57175,12 @@ var ActionHandler = function ActionHandler(props) {
       }
     }
     if (itemCount === 1) {
-      var key = success ? ACTION_HANDLER_LOCALE.SUCCESS_SINGLE : ACTION_HANDLER_LOCALE.ERROR_SINGLE;
+      var key = success ? LOCALE.SUCCESS_SINGLE : LOCALE.ERROR_SINGLE;
       setText(localeService.create(key, {
         actionCode: props.actionCode
       }));
     } else {
-      var _key = success ? ACTION_HANDLER_LOCALE.SUCCESS_MULTI : ACTION_HANDLER_LOCALE.ERROR_MULTI;
+      var _key = success ? LOCALE.SUCCESS_MULTI : LOCALE.ERROR_MULTI;
       setText(localeService.create(_key, {
         actionCode: props.actionCode,
         itemCount: itemCount
@@ -57049,11 +57193,11 @@ var ActionHandler = function ActionHandler(props) {
       setText(props.progressText(itemCount));
     } else {
       if (itemCount === 1) {
-        setText(localeService.create(ACTION_HANDLER_LOCALE.PROGRESS_SINGLE, {
+        setText(localeService.create(LOCALE.PROGRESS_SINGLE, {
           actionCode: props.actionCode
         }));
       } else {
-        setText(localeService.create(ACTION_HANDLER_LOCALE.PROGRESS_MULTI, {
+        setText(localeService.create(LOCALE.PROGRESS_MULTI, {
           idx: 1,
           actionCode: props.actionCode,
           itemCount: itemCount
@@ -57071,13 +57215,13 @@ var ActionHandler = function ActionHandler(props) {
       return itemList.reduce(function (p, item, i) {
         return p.then(function (res) {
           if (itemCount > 1) {
-            setText(localeService.create(ACTION_HANDLER_LOCALE.PROGRESS_MULTI, {
+            setText(localeService.create(LOCALE.PROGRESS_MULTI, {
               idx: i + 1,
               itemCount: itemCount,
               actionCode: props.actionCode
             }));
           } else {
-            setText(localeService.create(ACTION_HANDLER_LOCALE.PROGRESS_SINGLE, {
+            setText(localeService.create(LOCALE.PROGRESS_SINGLE, {
               actionCode: props.actionCode
             }));
           }
@@ -57133,11 +57277,11 @@ var ActionHandler = function ActionHandler(props) {
       className: icon
     }), text), showButtonGroup && React__default.createElement(ButtonGroup, null, React__default.createElement(Button, {
       onClick: onStart,
-      text: localeService.create(ACTION_HANDLER_LOCALE.YES) || props.labelYes,
+      text: localeService.create(LOCALE.YES) || props.labelYes,
       disabled: currentAction !== actionMap.before
     }), React__default.createElement(Button, {
       onClick: cancel,
-      text: localeService.create(ACTION_HANDLER_LOCALE.NO) || props.labelNo,
+      text: localeService.create(LOCALE.NO) || props.labelNo,
       className: styles$5["vitro-button-close"]
     })))
   }, React__default.createElement("div", null, props.children)), props.target && !props.children && React__default.createElement(Overlay$1, {
@@ -57154,14 +57298,14 @@ var ActionHandler = function ActionHandler(props) {
     className: icon
   }), text), showButtonGroup && React__default.createElement(ButtonGroup, null, React__default.createElement(Button, {
     onClick: onStart,
-    text: localeService.create(ACTION_HANDLER_LOCALE.YES) || props.labelYes,
+    text: localeService.create(LOCALE.YES) || props.labelYes,
     disabled: currentAction !== actionMap.before
   }), React__default.createElement(Button, {
     onClick: cancel,
-    text: localeService.create(ACTION_HANDLER_LOCALE.NO) || props.labelNo,
+    text: localeService.create(LOCALE.NO) || props.labelNo,
     className: styles$5["vitro-button-close"]
   })))));
 };
 
-export { ActionHandler, Breadcrumbs, ComponentLoader, ComponentLoaderContextImpl, MicroFrontend, TableView, TelerikUploader, TelerikUploaderContextImpl, TopLevelMenu, TreeView };
+export { ActionHandlerConstants as ACTION_HANDLER, ActionHandler, Breadcrumbs, ComponentLoader, ComponentLoaderContextImpl, MicroFrontend, TableViewConstants as TABLE_VIEW, TreeViewConstants as TREE_VIEW, TableView, TelerikUploader, TelerikUploaderContextImpl, TopLevelMenu, TreeView };
 //# sourceMappingURL=index.modern.js.map