@vygruppen/spor-react 12.13.0 → 12.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.mjs CHANGED
@@ -16,6 +16,7 @@ export { Item, Section } from 'react-stately';
16
16
  import { GregorianCalendar, createCalendar, getLocalTimeZone, endOfMonth, getWeeksInMonth, isSameMonth, isToday, parseTime } from '@internationalized/date';
17
17
  export { Time } from '@internationalized/date';
18
18
  import { useSwipeable } from 'react-swipeable';
19
+ import ReactDOM from 'react-dom';
19
20
  import { getSupportedCallingCodes } from 'awesome-phonenumber';
20
21
  import { Global } from '@emotion/react';
21
22
  import tokens23__default from '@vygruppen/spor-design-tokens';
@@ -2560,6 +2561,8 @@ var Popover = forwardRef(
2560
2561
  ...popoverProps,
2561
2562
  ref: popoverRef,
2562
2563
  minWidth: ((_a5 = triggerRef.current) == null ? void 0 : _a5.clientWidth) ?? "auto",
2564
+ position: "absolute",
2565
+ zIndex: 1400,
2563
2566
  children: [
2564
2567
  /* @__PURE__ */ jsx(DismissButton, { onDismiss: state.close }),
2565
2568
  children,
@@ -2568,6 +2571,9 @@ var Popover = forwardRef(
2568
2571
  }
2569
2572
  );
2570
2573
  if (isNonModal) {
2574
+ if (globalThis.window !== void 0 && typeof document !== "undefined") {
2575
+ return ReactDOM.createPortal(popoverBox, document.body);
2576
+ }
2571
2577
  return popoverBox;
2572
2578
  }
2573
2579
  return /* @__PURE__ */ jsxs(Overlay, { children: [
@@ -3312,7 +3318,7 @@ var CountryCodeSelect = forwardRef((props, ref) => {
3312
3318
  lazyMount: true,
3313
3319
  "aria-label": t(texts15.countryCode),
3314
3320
  sideRadiusVariant: "rightSideSquare",
3315
- children: callingCodes.items.map((code) => /* @__PURE__ */ jsx(SelectItem, { as: "option", item: code, children: code.label }, code.label))
3321
+ children: callingCodes.items.map((code) => /* @__PURE__ */ jsx(SelectItem, { item: code, children: code.label }, code.label))
3316
3322
  }
3317
3323
  );
3318
3324
  });