@elliemae/ds-floating-context 3.44.0-rc.1

package/dist/esm/parts/FloatingWrapper/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FloatingWrapper/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FloatingWrapper, FloatingWrapperWithSchema } from './FloatingWrapper.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB,iCAAiC;",
+  "names": []
+}

package/dist/esm/parts/FloatingWrapper/react-desc-prop-types.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { DSFloatingWrapperName, DSFloatingWrapperSlots } from "./constants/index.js";
+const defaultProps = {
+  context: {
+    portalDOMContainer: document.body,
+    withoutPortal: false,
+    animationDuration: 300,
+    withoutAnimation: false
+  }
+};
+const DSFloatingWrapperPropTypes = {
+  ...getPropsPerSlotPropTypes(DSFloatingWrapperName, DSFloatingWrapperSlots),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  children: PropTypes.node.description("Content of the floating wrapper").isRequired,
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Ref for the floating wrapper").isRequired,
+  isOpen: PropTypes.bool.description("Whether the floating wrapper is open").isRequired,
+  floatingStyles: PropTypes.object.description("Style for the floating wrapper").isRequired,
+  context: PropTypes.shape({
+    portalDOMContainer: PropTypes.instanceOf(HTMLElement).description("DOM container for the portal"),
+    withoutPortal: PropTypes.bool.description("Whether to render the floating wrapper without a portal"),
+    animationDuration: PropTypes.number.description("Duration of the animation"),
+    withoutAnimation: PropTypes.bool.description("Whether to render the floating wrapper without animation")
+  }).description("Context for the floating wrapper")
+};
+const DSFloatingWrapperPropTypesSchema = DSFloatingWrapperPropTypes;
+export {
+  DSFloatingWrapperPropTypes,
+  DSFloatingWrapperPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/parts/FloatingWrapper/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FloatingWrapper/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerSlotPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DSFloatingWrapperName, DSFloatingWrapperSlots } from './constants/index.js';\n\nexport declare namespace DSFloatingWrapperT {\n  export interface RequiredProps {\n    children: React.ReactNode;\n    innerRef: TypescriptHelpersT.AnyRef<HTMLDivElement>;\n    isOpen: boolean;\n    floatingStyles: React.CSSProperties;\n  }\n\n  export interface DefaultProps {\n    context: {\n      portalDOMContainer: HTMLElement;\n      withoutPortal: boolean;\n      animationDuration: number;\n      withoutAnimation: boolean;\n    };\n  }\n\n  export interface OptionalProps\n    extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSFloatingWrapperName, typeof DSFloatingWrapperSlots> {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      Omit<RequiredProps, 'children'> {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps,\n      Omit<RequiredProps, 'children'> {}\n\n  export type ExampleState = '0' | '1';\n}\n\nexport const defaultProps: Partial<DSFloatingWrapperT.DefaultProps> = {\n  context: {\n    portalDOMContainer: document.body,\n    withoutPortal: false,\n    animationDuration: 300,\n    withoutAnimation: false,\n  },\n};\n\nexport const DSFloatingWrapperPropTypes: DSPropTypesSchema<DSFloatingWrapperT.Props> = {\n  ...getPropsPerSlotPropTypes(DSFloatingWrapperName, DSFloatingWrapperSlots),\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  children: PropTypes.node.description('Content of the floating wrapper').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Ref for the floating wrapper')\n    .isRequired,\n  isOpen: PropTypes.bool.description('Whether the floating wrapper is open').isRequired,\n  floatingStyles: PropTypes.object.description('Style for the floating wrapper').isRequired,\n  context: PropTypes.shape({\n    portalDOMContainer: PropTypes.instanceOf(HTMLElement).description('DOM container for the portal'),\n    withoutPortal: PropTypes.bool.description('Whether to render the floating wrapper without a portal'),\n    animationDuration: PropTypes.number.description('Duration of the animation'),\n    withoutAnimation: PropTypes.bool.description('Whether to render the floating wrapper without animation'),\n  }).description('Context for the floating wrapper'),\n};\n\nexport const DSFloatingWrapperPropTypesSchema =\n  DSFloatingWrapperPropTypes as unknown as ValidationMap<DSFloatingWrapperT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,uBAAuB,8BAA8B;AAuCvD,MAAM,eAAyD;AAAA,EACpE,SAAS;AAAA,IACP,oBAAoB,SAAS;AAAA,IAC7B,eAAe;AAAA,IACf,mBAAmB;AAAA,IACnB,kBAAkB;AAAA,EACpB;AACF;AAEO,MAAM,6BAA0E;AAAA,EACrF,GAAG,yBAAyB,uBAAuB,sBAAsB;AAAA,EACzE,GAAG;AAAA,EACH,GAAG;AAAA,EACH,UAAU,UAAU,KAAK,YAAY,iCAAiC,EAAE;AAAA,EACxE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,8BAA8B,EACzG;AAAA,EACH,QAAQ,UAAU,KAAK,YAAY,sCAAsC,EAAE;AAAA,EAC3E,gBAAgB,UAAU,OAAO,YAAY,gCAAgC,EAAE;AAAA,EAC/E,SAAS,UAAU,MAAM;AAAA,IACvB,oBAAoB,UAAU,WAAW,WAAW,EAAE,YAAY,8BAA8B;AAAA,IAChG,eAAe,UAAU,KAAK,YAAY,yDAAyD;AAAA,IACnG,mBAAmB,UAAU,OAAO,YAAY,2BAA2B;AAAA,IAC3E,kBAAkB,UAAU,KAAK,YAAY,0DAA0D;AAAA,EACzG,CAAC,EAAE,YAAY,kCAAkC;AACnD;AAEO,MAAM,mCACX;",
+  "names": []
+}

package/dist/esm/parts/FloatingWrapper/styled.js

@@ -0,0 +1,47 @@
+import * as React from "react";
+import { styled, css, kfrm } from "@elliemae/ds-system";
+import { DSFloatingWrapperSlots, DSFloatingWrapperName } from "./constants/index.js";
+const showAnimation = kfrm`
+    from {
+      opacity: 0;
+      transform: scale(0.8);
+    }
+
+    to {
+      opacity: 1;
+      transform: scale(1);
+      visibility: visible;
+    }
+`;
+const hideAnimation = kfrm`
+    from {
+      opacity: 1;
+      transform: scale(1);
+    }
+
+    to {
+      opacity: 0;
+      transform: scale(0.8);
+      visibility: hidden;
+    }
+`;
+const StyledFloatingAnimation = styled.div`
+  background-color: #fff;
+  box-shadow:
+    0 0 0 1px rgba(16, 22, 26, 0.1),
+    0 2px 4px rgba(16, 22, 26, 0.2),
+    0 8px 24px rgba(16, 22, 26, 0.2);
+
+  ${({ isOpen, animationDuration, withoutAnimation }) => !withoutAnimation && css`
+      animation: ${isOpen ? showAnimation : hideAnimation} ${animationDuration ?? 100}ms ease-in;
+    `}
+`;
+const StyledFloatingWrapper = styled("div", {
+  name: DSFloatingWrapperName,
+  slot: DSFloatingWrapperSlots.ROOT
+})``;
+export {
+  StyledFloatingAnimation,
+  StyledFloatingWrapper
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/parts/FloatingWrapper/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FloatingWrapper/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css, kfrm } from '@elliemae/ds-system';\nimport { DSFloatingWrapperSlots, DSFloatingWrapperName } from './constants/index.js';\ninterface StyledAnimatedPopperPropsT {\n  isOpen?: boolean;\n  animationDuration?: number;\n  withoutAnimation?: boolean;\n}\n\nconst showAnimation = kfrm`\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n\n    to {\n      opacity: 1;\n      transform: scale(1);\n      visibility: visible;\n    }\n`;\n\nconst hideAnimation = kfrm`\n    from {\n      opacity: 1;\n      transform: scale(1);\n    }\n\n    to {\n      opacity: 0;\n      transform: scale(0.8);\n      visibility: hidden;\n    }\n`;\n\nexport const StyledFloatingAnimation = styled.div<StyledAnimatedPopperPropsT>`\n  background-color: #fff;\n  box-shadow:\n    0 0 0 1px rgba(16, 22, 26, 0.1),\n    0 2px 4px rgba(16, 22, 26, 0.2),\n    0 8px 24px rgba(16, 22, 26, 0.2);\n\n  ${({ isOpen, animationDuration, withoutAnimation }) =>\n    !withoutAnimation &&\n    css`\n      animation: ${isOpen ? showAnimation : hideAnimation} ${animationDuration ?? 100}ms ease-in;\n    `}\n`;\n\nexport const StyledFloatingWrapper = styled('div', {\n  name: DSFloatingWrapperName,\n  slot: DSFloatingWrapperSlots.ROOT,\n})``;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,KAAK,YAAY;AAClC,SAAS,wBAAwB,6BAA6B;AAO9D,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAatB,MAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaf,MAAM,0BAA0B,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAO1C,CAAC,EAAE,QAAQ,mBAAmB,iBAAiB,MAC/C,CAAC,oBACD;AAAA,mBACe,SAAS,gBAAgB,aAAa,IAAI,qBAAqB,GAAG;AAAA,KAChF;AAAA;AAGE,MAAM,wBAAwB,OAAO,OAAO;AAAA,EACjD,MAAM;AAAA,EACN,MAAM,uBAAuB;AAC/B,CAAC;",
+  "names": []
+}

package/dist/esm/parts/PopoverArrow.js

@@ -0,0 +1,84 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { styled } from "@elliemae/ds-system";
+const arrowWidth = 18;
+const arrowHeight = 18;
+const StyledArrow = styled.div`
+  position: absolute;
+  width: ${arrowWidth}px;
+  height: ${arrowHeight}px;
+  pointer-events: none;
+  background-color: transparent;
+  & .stroke {
+    fill: rgb(105, 116, 137);
+    fill-opacity: 0.4;
+  }
+  & .fill {
+    fill: rgb(255, 255, 255);
+  }
+
+  &[data-placement^='top'] {
+    svg {
+      transform: rotateZ(180deg);
+    }
+    bottom: -${arrowHeight}px;
+    left: ${(props) => {
+  if (props["data-placement"].endsWith("start")) return `25%`;
+  if (props["data-placement"].endsWith("end")) return `75%`;
+  return "";
+}};
+  }
+  &[data-placement^='right'] {
+    svg {
+      transform: rotateZ(-90deg);
+    }
+    left: -${arrowWidth}px;
+  }
+  &[data-placement^='bottom'] {
+    top: -${arrowHeight}px;
+    left: ${(props) => {
+  if (props["data-placement"].endsWith("start")) return `25%`;
+  if (props["data-placement"].endsWith("end")) return `75%`;
+  return "";
+}};
+  }
+  &[data-placement^='left'] {
+    svg {
+      transform: rotateZ(90deg);
+    }
+    right: -${arrowWidth}px;
+  }
+  margin-left: ${(props) => props["data-placement"].startsWith("top") || props["data-placement"].startsWith("bottom") ? `-${arrowWidth / 2}px;` : "0;"};
+  margin-top: ${(props) => props["data-placement"].startsWith("left") || props["data-placement"].startsWith("right") ? `-${arrowHeight / 2}px;` : "0;"};
+`;
+const PopoverArrow = ({ placement, style, arrowElementRef }) => /* @__PURE__ */ jsx(
+  StyledArrow,
+  {
+    "data-placement": placement,
+    style,
+    innerRef: arrowElementRef,
+    "data-testid": "ds-tooltip-arrow",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 30 30", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "stroke",
+          d: "M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "fill",
+          d: "M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z"
+        }
+      )
+    ] })
+  },
+  "popper-arrow"
+);
+export {
+  PopoverArrow
+};
+//# sourceMappingURL=PopoverArrow.js.map

package/dist/esm/parts/PopoverArrow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/PopoverArrow.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\n\ninterface PopoverArrowT {\n  placement: string;\n  style: React.CSSProperties;\n  arrowElementRef?: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;\n}\nconst arrowWidth = 18;\nconst arrowHeight = 18;\n\nconst StyledArrow = styled.div<{ 'data-placement': string }>`\n  position: absolute;\n  width: ${arrowWidth}px;\n  height: ${arrowHeight}px;\n  pointer-events: none;\n  background-color: transparent;\n  & .stroke {\n    fill: rgb(105, 116, 137);\n    fill-opacity: 0.4;\n  }\n  & .fill {\n    fill: rgb(255, 255, 255);\n  }\n\n  &[data-placement^='top'] {\n    svg {\n      transform: rotateZ(180deg);\n    }\n    bottom: -${arrowHeight}px;\n    left: ${(props) => {\n      if (props['data-placement'].endsWith('start')) return `25%`;\n      if (props['data-placement'].endsWith('end')) return `75%`;\n      return '';\n    }};\n  }\n  &[data-placement^='right'] {\n    svg {\n      transform: rotateZ(-90deg);\n    }\n    left: -${arrowWidth}px;\n  }\n  &[data-placement^='bottom'] {\n    top: -${arrowHeight}px;\n    left: ${(props) => {\n      if (props['data-placement'].endsWith('start')) return `25%`;\n      if (props['data-placement'].endsWith('end')) return `75%`;\n      return '';\n    }};\n  }\n  &[data-placement^='left'] {\n    svg {\n      transform: rotateZ(90deg);\n    }\n    right: -${arrowWidth}px;\n  }\n  margin-left: ${(props) =>\n    props['data-placement'].startsWith('top') || props['data-placement'].startsWith('bottom')\n      ? `-${arrowWidth / 2}px;`\n      : '0;'};\n  margin-top: ${(props) =>\n    props['data-placement'].startsWith('left') || props['data-placement'].startsWith('right')\n      ? `-${arrowHeight / 2}px;`\n      : '0;'};\n`;\n\nexport const PopoverArrow = ({ placement, style, arrowElementRef }: PopoverArrowT): React.ReactElement => (\n  <StyledArrow\n    key=\"popper-arrow\"\n    data-placement={placement}\n    style={style}\n    innerRef={arrowElementRef}\n    data-testid=\"ds-tooltip-arrow\"\n    aria-hidden=\"true\"\n  >\n    <svg viewBox=\"0 0 30 30\">\n      <path\n        className=\"stroke\"\n        d=\"M23.7,27.1L17,19.9C16.5,19.3,15.8,19,15,19s-1.6,0.3-2.1,0.9l-6.6,7.2C5.3,28.1,3.4,29,2,29h26\n        C26.7,29,24.6,28.1,23.7,27.1z\"\n      />\n      <path\n        className=\"fill\"\n        d=\"M23,27.8c1.1,1.2,3.4,2.2,5,2.2h2H0h2c1.7,0,3.9-1,5-2.2l6.6-7.2c0.7-0.8,2-0.8,2.7,0L23,27.8L23,27.8z\"\n      />\n    </svg>\n  </StyledArrow>\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC2EnB,SACE,KADF;AA1EJ,SAAS,cAAc;AAOvB,MAAM,aAAa;AACnB,MAAM,cAAc;AAEpB,MAAM,cAAc,OAAO;AAAA;AAAA,WAEhB,UAAU;AAAA,YACT,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAeR,WAAW;AAAA,YACd,CAAC,UAAU;AACjB,MAAI,MAAM,gBAAgB,EAAE,SAAS,OAAO,EAAG,QAAO;AACtD,MAAI,MAAM,gBAAgB,EAAE,SAAS,KAAK,EAAG,QAAO;AACpD,SAAO;AACT,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAMQ,UAAU;AAAA;AAAA;AAAA,YAGX,WAAW;AAAA,YACX,CAAC,UAAU;AACjB,MAAI,MAAM,gBAAgB,EAAE,SAAS,OAAO,EAAG,QAAO;AACtD,MAAI,MAAM,gBAAgB,EAAE,SAAS,KAAK,EAAG,QAAO;AACpD,SAAO;AACT,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAMS,UAAU;AAAA;AAAA,iBAEP,CAAC,UACd,MAAM,gBAAgB,EAAE,WAAW,KAAK,KAAK,MAAM,gBAAgB,EAAE,WAAW,QAAQ,IACpF,IAAI,aAAa,CAAC,QAClB,IAAI;AAAA,gBACI,CAAC,UACb,MAAM,gBAAgB,EAAE,WAAW,MAAM,KAAK,MAAM,gBAAgB,EAAE,WAAW,OAAO,IACpF,IAAI,cAAc,CAAC,QACnB,IAAI;AAAA;AAGL,MAAM,eAAe,CAAC,EAAE,WAAW,OAAO,gBAAgB,MAC/D;AAAA,EAAC;AAAA;AAAA,IAEC,kBAAgB;AAAA,IAChB;AAAA,IACA,UAAU;AAAA,IACV,eAAY;AAAA,IACZ,eAAY;AAAA,IAEZ,+BAAC,SAAI,SAAQ,aACX;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MAEJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,GAAE;AAAA;AAAA,MACJ;AAAA,OACF;AAAA;AAAA,EAjBI;AAkBN;",
+  "names": []
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,54 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  withoutAnimation: false,
+  animationDuration: 300,
+  portalDOMContainer: document.body,
+  withoutPortal: false,
+  placement: "top",
+  customOffset: [12, 12]
+};
+const DSFloatingContextPropTypes = {
+  withoutPortal: PropTypes.bool.description("If true, the tooltip will not be rendered inside a portal.").defaultValue(false),
+  withoutAnimation: PropTypes.bool.description("If true, the tooltip will not have an animation.").defaultValue(false),
+  portalDOMContainer: PropTypes.instanceOf(HTMLElement).description("The DOM element where the tooltip will be rendered.").defaultValue(document.body),
+  animationDuration: PropTypes.number.description("The duration of the animation in milliseconds.").defaultValue(300),
+  placement: PropTypes.oneOf([
+    "top-start",
+    "top",
+    "top-end",
+    "right-start",
+    "right",
+    "right-end",
+    "bottom-end",
+    "bottom",
+    "bottom-start",
+    "left-end",
+    "left",
+    "left-start"
+  ]).description("The placement of the tooltip.").defaultValue("top"),
+  customOffset: PropTypes.arrayOf(PropTypes.number).description("The custom offset of the tooltip.").defaultValue([12, 12]),
+  placementOrderPreference: PropTypes.arrayOf(
+    PropTypes.oneOf([
+      "top-start",
+      "top",
+      "top-end",
+      "right-start",
+      "right",
+      "right-end",
+      "bottom-end",
+      "bottom",
+      "bottom-start",
+      "left-end",
+      "left",
+      "left-start"
+    ])
+  ).description("The order of the placement preference."),
+  onOpen: PropTypes.func.description("Callback when the tooltip is opened."),
+  onClose: PropTypes.func.description("Callback when the tooltip is closed.")
+};
+export {
+  DSFloatingContextPropTypes,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nexport declare namespace DSHookFloatingContextT {\n  export interface DefaultProps {\n    withoutPortal: boolean;\n    withoutAnimation: boolean;\n    portalDOMContainer: HTMLElement;\n    animationDuration: number;\n    placement: PopperPlacementsT;\n    customOffset: [number, number];\n  }\n\n  export interface OptionalProps {\n    placementOrderPreference?: PopperPlacementsT[];\n    onOpen?: () => void;\n    onClose?: () => void;\n  }\n  export interface Props extends Partial<DefaultProps>, OptionalProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps {}\n\n  export type PopperPlacementsT =\n    | 'top-start'\n    | 'top'\n    | 'top-end'\n    | 'right-start'\n    | 'right'\n    | 'right-end'\n    | 'bottom-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'left-end'\n    | 'left'\n    | 'left-start';\n}\n\nexport const defaultProps: DSHookFloatingContextT.DefaultProps = {\n  withoutAnimation: false,\n  animationDuration: 300,\n  portalDOMContainer: document.body,\n  withoutPortal: false,\n  placement: 'top',\n  customOffset: [12, 12],\n};\n\nexport const DSFloatingContextPropTypes: DSPropTypesSchema<DSHookFloatingContextT.Props> = {\n  withoutPortal: PropTypes.bool\n    .description('If true, the tooltip will not be rendered inside a portal.')\n    .defaultValue(false),\n  withoutAnimation: PropTypes.bool.description('If true, the tooltip will not have an animation.').defaultValue(false),\n  portalDOMContainer: PropTypes.instanceOf(HTMLElement)\n    .description('The DOM element where the tooltip will be rendered.')\n    .defaultValue(document.body),\n  animationDuration: PropTypes.number.description('The duration of the animation in milliseconds.').defaultValue(300),\n  placement: PropTypes.oneOf([\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ])\n    .description('The placement of the tooltip.')\n    .defaultValue('top'),\n  customOffset: PropTypes.arrayOf(PropTypes.number)\n    .description('The custom offset of the tooltip.')\n    .defaultValue([12, 12]),\n  placementOrderPreference: PropTypes.arrayOf(\n    PropTypes.oneOf([\n      'top-start',\n      'top',\n      'top-end',\n      'right-start',\n      'right',\n      'right-end',\n      'bottom-end',\n      'bottom',\n      'bottom-start',\n      'left-end',\n      'left',\n      'left-start',\n    ]),\n  ).description('The order of the placement preference.'),\n  onOpen: PropTypes.func.description('Callback when the tooltip is opened.'),\n  onClose: PropTypes.func.description('Callback when the tooltip is closed.'),\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,iBAAiB;AAmCnB,MAAM,eAAoD;AAAA,EAC/D,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,oBAAoB,SAAS;AAAA,EAC7B,eAAe;AAAA,EACf,WAAW;AAAA,EACX,cAAc,CAAC,IAAI,EAAE;AACvB;AAEO,MAAM,6BAA8E;AAAA,EACzF,eAAe,UAAU,KACtB,YAAY,4DAA4D,EACxE,aAAa,KAAK;AAAA,EACrB,kBAAkB,UAAU,KAAK,YAAY,kDAAkD,EAAE,aAAa,KAAK;AAAA,EACnH,oBAAoB,UAAU,WAAW,WAAW,EACjD,YAAY,qDAAqD,EACjE,aAAa,SAAS,IAAI;AAAA,EAC7B,mBAAmB,UAAU,OAAO,YAAY,gDAAgD,EAAE,aAAa,GAAG;AAAA,EAClH,WAAW,UAAU,MAAM;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC,EACE,YAAY,+BAA+B,EAC3C,aAAa,KAAK;AAAA,EACrB,cAAc,UAAU,QAAQ,UAAU,MAAM,EAC7C,YAAY,mCAAmC,EAC/C,aAAa,CAAC,IAAI,EAAE,CAAC;AAAA,EACxB,0BAA0B,UAAU;AAAA,IAClC,UAAU,MAAM;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,EACH,EAAE,YAAY,wCAAwC;AAAA,EACtD,QAAQ,UAAU,KAAK,YAAY,sCAAsC;AAAA,EACzE,SAAS,UAAU,KAAK,YAAY,sCAAsC;AAC5E;",
+  "names": []
+}

package/dist/esm/utils/computeOffsets.js

@@ -0,0 +1,60 @@
+import * as React from "react";
+function getMainAxisFromPlacement(placement) {
+  return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
+}
+function computeOffsets(placement, referenceRect, floatingRect) {
+  const basePlacement = placement.split("-")[0];
+  const constiation = placement.split("-")[1];
+  const commonX = referenceRect.x + referenceRect.width / 2 - floatingRect.width / 2;
+  const commonY = referenceRect.y + referenceRect.height / 2 - floatingRect.height / 2;
+  let offsets = { x: 0, y: 0 };
+  switch (basePlacement) {
+    case "top":
+      offsets = {
+        x: commonX,
+        y: referenceRect.y - floatingRect.height
+      };
+      break;
+    case "bottom":
+      offsets = {
+        x: commonX,
+        y: referenceRect.y + referenceRect.height
+      };
+      break;
+    case "right":
+      offsets = {
+        x: referenceRect.x + referenceRect.width,
+        y: commonY
+      };
+      break;
+    case "left":
+      offsets = {
+        x: referenceRect.x - floatingRect.width,
+        y: commonY
+      };
+      break;
+    default:
+      offsets = {
+        x: referenceRect.x,
+        y: referenceRect.y
+      };
+  }
+  const mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;
+  if (mainAxis != null) {
+    const len = mainAxis === "y" ? "height" : "width";
+    switch (constiation) {
+      case "start":
+        offsets[mainAxis] = offsets[mainAxis] - (referenceRect[len] / 2 - floatingRect[len] / 2);
+        break;
+      case "end":
+        offsets[mainAxis] = offsets[mainAxis] + (referenceRect[len] / 2 - floatingRect[len] / 2);
+        break;
+      default:
+    }
+  }
+  return offsets;
+}
+export {
+  computeOffsets as default
+};
+//# sourceMappingURL=computeOffsets.js.map

package/dist/esm/utils/computeOffsets.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/computeOffsets.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable operator-assignment */\nimport type { DSHookFloatingContextT } from '../react-desc-prop-types.js';\n\nfunction getMainAxisFromPlacement(placement: DSHookFloatingContextT.PopperPlacementsT) {\n  return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}\n\nexport default function computeOffsets(\n  placement: DSHookFloatingContextT.PopperPlacementsT,\n  referenceRect: DOMRect,\n  floatingRect: DOMRect,\n) {\n  const basePlacement = placement.split('-')[0];\n  const constiation = placement.split('-')[1];\n  const commonX = referenceRect.x + referenceRect.width / 2 - floatingRect.width / 2;\n  const commonY = referenceRect.y + referenceRect.height / 2 - floatingRect.height / 2;\n  let offsets: { x: number; y: number } = { x: 0, y: 0 };\n\n  switch (basePlacement) {\n    case 'top':\n      offsets = {\n        x: commonX,\n        y: referenceRect.y - floatingRect.height,\n      };\n      break;\n\n    case 'bottom':\n      offsets = {\n        x: commonX,\n        y: referenceRect.y + referenceRect.height,\n      };\n      break;\n\n    case 'right':\n      offsets = {\n        x: referenceRect.x + referenceRect.width,\n        y: commonY,\n      };\n      break;\n\n    case 'left':\n      offsets = {\n        x: referenceRect.x - floatingRect.width,\n        y: commonY,\n      };\n      break;\n\n    default:\n      offsets = {\n        x: referenceRect.x,\n        y: referenceRect.y,\n      };\n  }\n\n  const mainAxis = basePlacement\n    ? getMainAxisFromPlacement(basePlacement as DSHookFloatingContextT.PopperPlacementsT)\n    : null;\n\n  if (mainAxis != null) {\n    const len = mainAxis === 'y' ? 'height' : 'width';\n\n    switch (constiation) {\n      case 'start':\n        offsets[mainAxis] = offsets[mainAxis] - (referenceRect[len] / 2 - floatingRect[len] / 2);\n\n        break;\n\n      case 'end':\n        offsets[mainAxis] = offsets[mainAxis] + (referenceRect[len] / 2 - floatingRect[len] / 2);\n        break;\n\n      default:\n    }\n  }\n\n  return offsets;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,yBAAyB,WAAqD;AACrF,SAAO,CAAC,OAAO,QAAQ,EAAE,QAAQ,SAAS,KAAK,IAAI,MAAM;AAC3D;AAEe,SAAR,eACL,WACA,eACA,cACA;AACA,QAAM,gBAAgB,UAAU,MAAM,GAAG,EAAE,CAAC;AAC5C,QAAM,cAAc,UAAU,MAAM,GAAG,EAAE,CAAC;AAC1C,QAAM,UAAU,cAAc,IAAI,cAAc,QAAQ,IAAI,aAAa,QAAQ;AACjF,QAAM,UAAU,cAAc,IAAI,cAAc,SAAS,IAAI,aAAa,SAAS;AACnF,MAAI,UAAoC,EAAE,GAAG,GAAG,GAAG,EAAE;AAErD,UAAQ,eAAe;AAAA,IACrB,KAAK;AACH,gBAAU;AAAA,QACR,GAAG;AAAA,QACH,GAAG,cAAc,IAAI,aAAa;AAAA,MACpC;AACA;AAAA,IAEF,KAAK;AACH,gBAAU;AAAA,QACR,GAAG;AAAA,QACH,GAAG,cAAc,IAAI,cAAc;AAAA,MACrC;AACA;AAAA,IAEF,KAAK;AACH,gBAAU;AAAA,QACR,GAAG,cAAc,IAAI,cAAc;AAAA,QACnC,GAAG;AAAA,MACL;AACA;AAAA,IAEF,KAAK;AACH,gBAAU;AAAA,QACR,GAAG,cAAc,IAAI,aAAa;AAAA,QAClC,GAAG;AAAA,MACL;AACA;AAAA,IAEF;AACE,gBAAU;AAAA,QACR,GAAG,cAAc;AAAA,QACjB,GAAG,cAAc;AAAA,MACnB;AAAA,EACJ;AAEA,QAAM,WAAW,gBACb,yBAAyB,aAAyD,IAClF;AAEJ,MAAI,YAAY,MAAM;AACpB,UAAM,MAAM,aAAa,MAAM,WAAW;AAE1C,YAAQ,aAAa;AAAA,MACnB,KAAK;AACH,gBAAQ,QAAQ,IAAI,QAAQ,QAAQ,KAAK,cAAc,GAAG,IAAI,IAAI,aAAa,GAAG,IAAI;AAEtF;AAAA,MAEF,KAAK;AACH,gBAAQ,QAAQ,IAAI,QAAQ,QAAQ,KAAK,cAAc,GAAG,IAAI,IAAI,aAAa,GAAG,IAAI;AACtF;AAAA,MAEF;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/utils/computePosition.js

@@ -0,0 +1,75 @@
+import * as React from "react";
+import { getExpandedFallbackPlacements } from "./getExpandedFallbackPlacements.js";
+import { getArrowOffset } from "./getArrowOffset.js";
+import getOppositePlacement from "./getOppositePlacement.js";
+import { detectOverflow } from "./detectOverflow.js";
+const findFixedParent = (el) => {
+  let element = el;
+  while (element && element !== document.body) {
+    const style = getComputedStyle(element);
+    if (style.position === "fixed" || style.position === "absolute") {
+      return element;
+    }
+    element = element.parentElement;
+  }
+  return null;
+};
+const adjustForFixedParent = (child) => {
+  const fixedParent = findFixedParent(child);
+  if (fixedParent) {
+    const rect = fixedParent.getBoundingClientRect();
+    return { top: rect.top, left: rect.left };
+  }
+  return {
+    top: 0,
+    left: 0
+  };
+};
+const computePosition = (props) => {
+  const { reference, floating, placement, placementOrderPreference, customOffset, withoutPortal } = props;
+  const parentOffsets = withoutPortal ? adjustForFixedParent(reference) : {
+    top: 0,
+    left: 0
+  };
+  const referenceRect = reference.getBoundingClientRect();
+  const floatingRect = floating.getBoundingClientRect();
+  const variationPlacement = placement.split("-")[1];
+  const fallbackPlacements = placementOrderPreference || getExpandedFallbackPlacements(placement);
+  const coords = {};
+  let isVertical = false;
+  const placements = [placement].concat(fallbackPlacements);
+  let finalPlacement = "";
+  for (let i = 0; i < placements.length; i += 1) {
+    const currentPlacement = placements[i];
+    const currentBasePlacement = currentPlacement.split("-")[0];
+    isVertical = ["top", "bottom"].indexOf(currentBasePlacement) >= 0;
+    const overflows = detectOverflow(referenceRect, floatingRect, currentPlacement, customOffset);
+    const checks = [];
+    const isStartVariation = variationPlacement === "start";
+    let mainVariationSide = isVertical ? isStartVariation ? "right" : "left" : isStartVariation ? "bottom" : "top";
+    const len = isVertical ? "width" : "height";
+    if (referenceRect[len] > floatingRect[len]) {
+      mainVariationSide = getOppositePlacement(mainVariationSide);
+    }
+    const altVariationSide = getOppositePlacement(mainVariationSide);
+    checks.push(overflows[currentBasePlacement] <= 0);
+    checks.push(overflows[mainVariationSide] <= 0, overflows[altVariationSide] <= 0);
+    if (checks.every((check) => {
+      return check;
+    })) {
+      coords.top = -overflows.top + window.scrollY - parentOffsets.top;
+      coords.left = -overflows.left + window.scrollX - parentOffsets.left;
+      finalPlacement = currentPlacement;
+      break;
+    }
+  }
+  return {
+    coordsStyle: { transform: `translate(${coords.left}px, ${coords.top}px)` },
+    finalPlacement,
+    coordsArrow: getArrowOffset(finalPlacement, isVertical)
+  };
+};
+export {
+  computePosition
+};
+//# sourceMappingURL=computePosition.js.map

package/dist/esm/utils/computePosition.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/computePosition.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-nested-ternary */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\n/* eslint-disable @typescript-eslint/no-use-before-define */\n/* eslint-disable max-params */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable arrow-body-style */\nimport type { DSHookFloatingContextT } from '../react-desc-prop-types.js';\nimport { getExpandedFallbackPlacements } from './getExpandedFallbackPlacements.js';\nimport { getArrowOffset } from './getArrowOffset.js';\nimport getOppositePlacement from './getOppositePlacement.js';\nimport { detectOverflow } from './detectOverflow.js';\n\ninterface ComputePositionProps {\n  reference: Element;\n  floating: HTMLElement;\n  placement: DSHookFloatingContextT.PopperPlacementsT;\n  placementOrderPreference?: DSHookFloatingContextT.PopperPlacementsT[];\n  customOffset: [number, number];\n  withoutPortal: boolean;\n}\n\nconst findFixedParent = (el: Element | null) => {\n  let element = el;\n  while (element && element !== document.body) {\n    const style = getComputedStyle(element);\n    if (style.position === 'fixed' || style.position === 'absolute') {\n      return element;\n    }\n    element = element.parentElement;\n  }\n  return null;\n};\n\nconst adjustForFixedParent = (child: Element) => {\n  const fixedParent = findFixedParent(child);\n  if (fixedParent) {\n    const rect = fixedParent.getBoundingClientRect();\n    return { top: rect.top, left: rect.left };\n  }\n  return {\n    top: 0,\n    left: 0,\n  };\n};\n\nexport const computePosition = (props: ComputePositionProps) => {\n  const { reference, floating, placement, placementOrderPreference, customOffset, withoutPortal } = props;\n\n  const parentOffsets = withoutPortal\n    ? adjustForFixedParent(reference)\n    : {\n        top: 0,\n        left: 0,\n      };\n  const referenceRect = reference.getBoundingClientRect();\n  const floatingRect = floating.getBoundingClientRect();\n\n  const variationPlacement = placement.split('-')[1];\n  const fallbackPlacements = placementOrderPreference || getExpandedFallbackPlacements(placement);\n\n  const coords: { top?: number; left?: number; bottom?: number; right?: number } = {};\n\n  let isVertical = false;\n  const placements = [placement].concat(fallbackPlacements as DSHookFloatingContextT.PopperPlacementsT[]);\n  let finalPlacement = '';\n\n  for (let i = 0; i < placements.length; i += 1) {\n    const currentPlacement = placements[i];\n\n    const currentBasePlacement = currentPlacement.split('-')[0] as keyof typeof coords;\n    isVertical = ['top', 'bottom'].indexOf(currentBasePlacement) >= 0;\n\n    const overflows = detectOverflow(referenceRect, floatingRect, currentPlacement, customOffset);\n\n    const checks: boolean[] = [];\n\n    const isStartVariation = variationPlacement === 'start';\n\n    let mainVariationSide: keyof typeof coords = isVertical\n      ? isStartVariation\n        ? 'right'\n        : 'left'\n      : isStartVariation\n      ? 'bottom'\n      : 'top';\n\n    const len = isVertical ? 'width' : 'height';\n\n    if (referenceRect[len] > floatingRect[len]) {\n      mainVariationSide = getOppositePlacement(mainVariationSide) as keyof typeof coords;\n    }\n\n    const altVariationSide = getOppositePlacement(mainVariationSide) as keyof typeof coords;\n\n    checks.push(overflows[currentBasePlacement] <= 0);\n    checks.push(overflows[mainVariationSide] <= 0, overflows[altVariationSide] <= 0);\n\n    if (\n      checks.every((check) => {\n        return check;\n      })\n    ) {\n      coords.top = -overflows.top + window.scrollY - parentOffsets.top;\n      coords.left = -overflows.left + window.scrollX - parentOffsets.left;\n      finalPlacement = currentPlacement;\n\n      break;\n    }\n  }\n\n  return {\n    coordsStyle: { transform: `translate(${coords.left}px, ${coords.top}px)` },\n    finalPlacement,\n    coordsArrow: getArrowOffset(finalPlacement, isVertical),\n  };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACQvB,SAAS,qCAAqC;AAC9C,SAAS,sBAAsB;AAC/B,OAAO,0BAA0B;AACjC,SAAS,sBAAsB;AAW/B,MAAM,kBAAkB,CAAC,OAAuB;AAC9C,MAAI,UAAU;AACd,SAAO,WAAW,YAAY,SAAS,MAAM;AAC3C,UAAM,QAAQ,iBAAiB,OAAO;AACtC,QAAI,MAAM,aAAa,WAAW,MAAM,aAAa,YAAY;AAC/D,aAAO;AAAA,IACT;AACA,cAAU,QAAQ;AAAA,EACpB;AACA,SAAO;AACT;AAEA,MAAM,uBAAuB,CAAC,UAAmB;AAC/C,QAAM,cAAc,gBAAgB,KAAK;AACzC,MAAI,aAAa;AACf,UAAM,OAAO,YAAY,sBAAsB;AAC/C,WAAO,EAAE,KAAK,KAAK,KAAK,MAAM,KAAK,KAAK;AAAA,EAC1C;AACA,SAAO;AAAA,IACL,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AACF;AAEO,MAAM,kBAAkB,CAAC,UAAgC;AAC9D,QAAM,EAAE,WAAW,UAAU,WAAW,0BAA0B,cAAc,cAAc,IAAI;AAElG,QAAM,gBAAgB,gBAClB,qBAAqB,SAAS,IAC9B;AAAA,IACE,KAAK;AAAA,IACL,MAAM;AAAA,EACR;AACJ,QAAM,gBAAgB,UAAU,sBAAsB;AACtD,QAAM,eAAe,SAAS,sBAAsB;AAEpD,QAAM,qBAAqB,UAAU,MAAM,GAAG,EAAE,CAAC;AACjD,QAAM,qBAAqB,4BAA4B,8BAA8B,SAAS;AAE9F,QAAM,SAA2E,CAAC;AAElF,MAAI,aAAa;AACjB,QAAM,aAAa,CAAC,SAAS,EAAE,OAAO,kBAAgE;AACtG,MAAI,iBAAiB;AAErB,WAAS,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK,GAAG;AAC7C,UAAM,mBAAmB,WAAW,CAAC;AAErC,UAAM,uBAAuB,iBAAiB,MAAM,GAAG,EAAE,CAAC;AAC1D,iBAAa,CAAC,OAAO,QAAQ,EAAE,QAAQ,oBAAoB,KAAK;AAEhE,UAAM,YAAY,eAAe,eAAe,cAAc,kBAAkB,YAAY;AAE5F,UAAM,SAAoB,CAAC;AAE3B,UAAM,mBAAmB,uBAAuB;AAEhD,QAAI,oBAAyC,aACzC,mBACE,UACA,SACF,mBACA,WACA;AAEJ,UAAM,MAAM,aAAa,UAAU;AAEnC,QAAI,cAAc,GAAG,IAAI,aAAa,GAAG,GAAG;AAC1C,0BAAoB,qBAAqB,iBAAiB;AAAA,IAC5D;AAEA,UAAM,mBAAmB,qBAAqB,iBAAiB;AAE/D,WAAO,KAAK,UAAU,oBAAoB,KAAK,CAAC;AAChD,WAAO,KAAK,UAAU,iBAAiB,KAAK,GAAG,UAAU,gBAAgB,KAAK,CAAC;AAE/E,QACE,OAAO,MAAM,CAAC,UAAU;AACtB,aAAO;AAAA,IACT,CAAC,GACD;AACA,aAAO,MAAM,CAAC,UAAU,MAAM,OAAO,UAAU,cAAc;AAC7D,aAAO,OAAO,CAAC,UAAU,OAAO,OAAO,UAAU,cAAc;AAC/D,uBAAiB;AAEjB;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AAAA,IACL,aAAa,EAAE,WAAW,aAAa,OAAO,IAAI,OAAO,OAAO,GAAG,MAAM;AAAA,IACzE;AAAA,IACA,aAAa,eAAe,gBAAgB,UAAU;AAAA,EACxD;AACF;",
+  "names": []
+}

package/dist/esm/utils/detectOverflow.js

@@ -0,0 +1,52 @@
+import * as React from "react";
+import computeOffsets from "./computeOffsets.js";
+const paddingObject = { top: 0, right: 0, bottom: 0, left: 0 };
+function rectToClientRect(rect) {
+  return { ...rect, left: rect.x, top: rect.y, right: rect.x + rect.width, bottom: rect.y + rect.height };
+}
+function domRectToObject(rect) {
+  return {
+    x: rect.x,
+    y: rect.y,
+    width: rect.width,
+    height: rect.height,
+    top: rect.top,
+    right: rect.right,
+    bottom: rect.bottom,
+    left: rect.left,
+    toJSON: () => {
+    }
+  };
+}
+const detectOverflow = (referenceRect, floatingRect, placement, customOffset) => {
+  const basePlacement = placement.split("-")[0];
+  const isVertical = ["top", "bottom"].indexOf(basePlacement) >= 0;
+  const clippingClientRect = {
+    top: 0,
+    right: document.documentElement.clientWidth,
+    bottom: document.documentElement.clientHeight,
+    left: 0
+  };
+  const popperOffsets = computeOffsets(placement, referenceRect, floatingRect);
+  const popperClientRect = rectToClientRect({ ...domRectToObject(floatingRect), ...popperOffsets });
+  const overflowOffsets = {
+    top: clippingClientRect.top - popperClientRect.top + paddingObject.top,
+    bottom: popperClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
+    left: clippingClientRect.left - popperClientRect.left + paddingObject.left,
+    right: popperClientRect.right - clippingClientRect.right + paddingObject.right
+  };
+  const offset = {
+    x: !isVertical ? basePlacement === "left" ? -(customOffset?.[0] ?? 12) : customOffset?.[0] ?? 12 : 0,
+    y: isVertical ? basePlacement === "top" ? -(customOffset?.[1] ?? 12) : customOffset?.[1] ?? 12 : 0
+  };
+  Object.keys(overflowOffsets).forEach((key) => {
+    const multiply = ["right", "bottom"].indexOf(key) >= 0 ? 1 : -1;
+    const axis = ["top", "bottom"].indexOf(key) >= 0 ? "y" : "x";
+    overflowOffsets[key] += offset[axis] * multiply;
+  });
+  return overflowOffsets;
+};
+export {
+  detectOverflow
+};
+//# sourceMappingURL=detectOverflow.js.map

package/dist/esm/utils/detectOverflow.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/detectOverflow.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-nested-ternary */\n/* eslint-disable max-params */\nimport { type DSHookFloatingContextT } from '../react-desc-prop-types.js';\nimport computeOffsets from './computeOffsets.js';\n\nconst paddingObject = { top: 0, right: 0, bottom: 0, left: 0 };\n\nfunction rectToClientRect(rect: DOMRect) {\n  return { ...rect, left: rect.x, top: rect.y, right: rect.x + rect.width, bottom: rect.y + rect.height };\n}\n\nfunction domRectToObject(rect: {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n}): DOMRect {\n  return {\n    x: rect.x,\n    y: rect.y,\n    width: rect.width,\n    height: rect.height,\n    top: rect.top,\n    right: rect.right,\n    bottom: rect.bottom,\n    left: rect.left,\n    toJSON: () => {},\n  };\n}\n\nexport const detectOverflow = (\n  referenceRect: DOMRect,\n  floatingRect: DOMRect,\n  placement: DSHookFloatingContextT.PopperPlacementsT,\n  customOffset: [number, number],\n) => {\n  const basePlacement = placement.split('-')[0];\n  const isVertical = ['top', 'bottom'].indexOf(basePlacement) >= 0;\n  const clippingClientRect = {\n    top: 0,\n    right: document.documentElement.clientWidth,\n    bottom: document.documentElement.clientHeight,\n    left: 0,\n  };\n  const popperOffsets = computeOffsets(placement, referenceRect, floatingRect);\n  const popperClientRect = rectToClientRect({ ...domRectToObject(floatingRect), ...popperOffsets });\n\n  const overflowOffsets = {\n    top: clippingClientRect.top - popperClientRect.top + paddingObject.top,\n    bottom: popperClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,\n    left: clippingClientRect.left - popperClientRect.left + paddingObject.left,\n    right: popperClientRect.right - clippingClientRect.right + paddingObject.right,\n  };\n\n  const offset = {\n    x: !isVertical ? (basePlacement === 'left' ? -(customOffset?.[0] ?? 12) : customOffset?.[0] ?? 12) : 0,\n    y: isVertical ? (basePlacement === 'top' ? -(customOffset?.[1] ?? 12) : customOffset?.[1] ?? 12) : 0,\n  };\n\n  Object.keys(overflowOffsets).forEach((key) => {\n    const multiply = ['right', 'bottom'].indexOf(key) >= 0 ? 1 : -1;\n    const axis = ['top', 'bottom'].indexOf(key) >= 0 ? 'y' : 'x';\n    overflowOffsets[key as keyof typeof overflowOffsets] += offset[axis] * multiply;\n  });\n  return overflowOffsets;\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,OAAO,oBAAoB;AAE3B,MAAM,gBAAgB,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,EAAE;AAE7D,SAAS,iBAAiB,MAAe;AACvC,SAAO,EAAE,GAAG,MAAM,MAAM,KAAK,GAAG,KAAK,KAAK,GAAG,OAAO,KAAK,IAAI,KAAK,OAAO,QAAQ,KAAK,IAAI,KAAK,OAAO;AACxG;AAEA,SAAS,gBAAgB,MASb;AACV,SAAO;AAAA,IACL,GAAG,KAAK;AAAA,IACR,GAAG,KAAK;AAAA,IACR,OAAO,KAAK;AAAA,IACZ,QAAQ,KAAK;AAAA,IACb,KAAK,KAAK;AAAA,IACV,OAAO,KAAK;AAAA,IACZ,QAAQ,KAAK;AAAA,IACb,MAAM,KAAK;AAAA,IACX,QAAQ,MAAM;AAAA,IAAC;AAAA,EACjB;AACF;AAEO,MAAM,iBAAiB,CAC5B,eACA,cACA,WACA,iBACG;AACH,QAAM,gBAAgB,UAAU,MAAM,GAAG,EAAE,CAAC;AAC5C,QAAM,aAAa,CAAC,OAAO,QAAQ,EAAE,QAAQ,aAAa,KAAK;AAC/D,QAAM,qBAAqB;AAAA,IACzB,KAAK;AAAA,IACL,OAAO,SAAS,gBAAgB;AAAA,IAChC,QAAQ,SAAS,gBAAgB;AAAA,IACjC,MAAM;AAAA,EACR;AACA,QAAM,gBAAgB,eAAe,WAAW,eAAe,YAAY;AAC3E,QAAM,mBAAmB,iBAAiB,EAAE,GAAG,gBAAgB,YAAY,GAAG,GAAG,cAAc,CAAC;AAEhG,QAAM,kBAAkB;AAAA,IACtB,KAAK,mBAAmB,MAAM,iBAAiB,MAAM,cAAc;AAAA,IACnE,QAAQ,iBAAiB,SAAS,mBAAmB,SAAS,cAAc;AAAA,IAC5E,MAAM,mBAAmB,OAAO,iBAAiB,OAAO,cAAc;AAAA,IACtE,OAAO,iBAAiB,QAAQ,mBAAmB,QAAQ,cAAc;AAAA,EAC3E;AAEA,QAAM,SAAS;AAAA,IACb,GAAG,CAAC,aAAc,kBAAkB,SAAS,EAAE,eAAe,CAAC,KAAK,MAAM,eAAe,CAAC,KAAK,KAAM;AAAA,IACrG,GAAG,aAAc,kBAAkB,QAAQ,EAAE,eAAe,CAAC,KAAK,MAAM,eAAe,CAAC,KAAK,KAAM;AAAA,EACrG;AAEA,SAAO,KAAK,eAAe,EAAE,QAAQ,CAAC,QAAQ;AAC5C,UAAM,WAAW,CAAC,SAAS,QAAQ,EAAE,QAAQ,GAAG,KAAK,IAAI,IAAI;AAC7D,UAAM,OAAO,CAAC,OAAO,QAAQ,EAAE,QAAQ,GAAG,KAAK,IAAI,MAAM;AACzD,oBAAgB,GAAmC,KAAK,OAAO,IAAI,IAAI;AAAA,EACzE,CAAC;AACD,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/utils/getAlteredPosition.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+const hash = {
+  left: "top",
+  right: "bottom",
+  bottom: "right",
+  top: "left"
+};
+function getAlteredPosition(placement) {
+  return placement.replace(/left|right|bottom|top/g, (matched) => hash[matched]);
+}
+export {
+  getAlteredPosition as default
+};
+//# sourceMappingURL=getAlteredPosition.js.map

package/dist/esm/utils/getAlteredPosition.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/getAlteredPosition.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const hash = {\n  left: 'top',\n  right: 'bottom',\n  bottom: 'right',\n  top: 'left',\n} as const;\n\ntype Placements = keyof typeof hash;\n\nexport default function getAlteredPosition(placement: string) {\n  return placement.replace(/left|right|bottom|top/g, (matched: string) => hash[matched as Placements]);\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,OAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAIe,SAAR,mBAAoC,WAAmB;AAC5D,SAAO,UAAU,QAAQ,0BAA0B,CAAC,YAAoB,KAAK,OAAqB,CAAC;AACrG;",
+  "names": []
+}

package/dist/esm/utils/getArrowOffset.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+const getArrowOffset = (placement, isVertical) => {
+  if (isVertical) {
+    return { left: placement.endsWith("end") ? "95%" : placement.endsWith("start") ? "5%" : "50%" };
+  }
+  return { top: placement.endsWith("start") ? "75%" : placement.endsWith("end") ? "25%" : "50%" };
+};
+export {
+  getArrowOffset
+};
+//# sourceMappingURL=getArrowOffset.js.map

package/dist/esm/utils/getArrowOffset.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/getArrowOffset.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-nested-ternary */\nexport const getArrowOffset = (placement: string, isVertical: boolean) => {\n  if (isVertical) {\n    return { left: placement.endsWith('end') ? '95%' : placement.endsWith('start') ? '5%' : '50%' };\n  }\n  return { top: placement.endsWith('start') ? '75%' : placement.endsWith('end') ? '25%' : '50%' };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACChB,MAAM,iBAAiB,CAAC,WAAmB,eAAwB;AACxE,MAAI,YAAY;AACd,WAAO,EAAE,MAAM,UAAU,SAAS,KAAK,IAAI,QAAQ,UAAU,SAAS,OAAO,IAAI,OAAO,MAAM;AAAA,EAChG;AACA,SAAO,EAAE,KAAK,UAAU,SAAS,OAAO,IAAI,QAAQ,UAAU,SAAS,KAAK,IAAI,QAAQ,MAAM;AAChG;",
+  "names": []
+}

package/dist/esm/utils/getExpandedFallbackPlacements.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import getOppositePlacement from "./getOppositePlacement.js";
+import getOppositeVariationPlacement from "./getOppositeVariationPlacement.js";
+import getAlteredPosition from "./getAlteredPosition.js";
+const hash = {
+  left: "bottom-start",
+  right: "top-start",
+  bottom: "top-start",
+  top: "bottom-start"
+};
+function getAuxPlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, (matched) => hash[matched]);
+}
+const getExpandedFallbackPlacements = (placement) => {
+  const oppositePlacement = getOppositePlacement(placement);
+  return [
+    oppositePlacement,
+    getOppositeVariationPlacement(placement),
+    getAlteredPosition(placement),
+    getOppositePlacement(getAlteredPosition(placement)),
+    getAuxPlacement(placement),
+    getOppositePlacement(getAuxPlacement(placement))
+  ];
+};
+export {
+  getExpandedFallbackPlacements
+};
+//# sourceMappingURL=getExpandedFallbackPlacements.js.map

package/dist/esm/utils/getExpandedFallbackPlacements.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/getExpandedFallbackPlacements.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import getOppositePlacement from './getOppositePlacement.js';\nimport getOppositeVariationPlacement from './getOppositeVariationPlacement.js';\nimport getAlteredPosition from './getAlteredPosition.js';\nimport type { DSHookFloatingContextT } from '../react-desc-prop-types.js';\n\nconst hash = {\n  left: 'bottom-start',\n  right: 'top-start',\n  bottom: 'top-start',\n  top: 'bottom-start',\n} as const;\n\nfunction getAuxPlacement(placement: string) {\n  return placement.replace(/left|right|bottom|top/g, (matched: string) => hash[matched as keyof typeof hash]);\n}\n\nexport const getExpandedFallbackPlacements = (placement: DSHookFloatingContextT.PopperPlacementsT) => {\n  const oppositePlacement = getOppositePlacement(placement);\n  return [\n    oppositePlacement,\n    getOppositeVariationPlacement(placement),\n    getAlteredPosition(placement),\n    getOppositePlacement(getAlteredPosition(placement)),\n    getAuxPlacement(placement),\n    getOppositePlacement(getAuxPlacement(placement)),\n  ];\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,0BAA0B;AACjC,OAAO,mCAAmC;AAC1C,OAAO,wBAAwB;AAG/B,MAAM,OAAO;AAAA,EACX,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AACP;AAEA,SAAS,gBAAgB,WAAmB;AAC1C,SAAO,UAAU,QAAQ,0BAA0B,CAAC,YAAoB,KAAK,OAA4B,CAAC;AAC5G;AAEO,MAAM,gCAAgC,CAAC,cAAwD;AACpG,QAAM,oBAAoB,qBAAqB,SAAS;AACxD,SAAO;AAAA,IACL;AAAA,IACA,8BAA8B,SAAS;AAAA,IACvC,mBAAmB,SAAS;AAAA,IAC5B,qBAAqB,mBAAmB,SAAS,CAAC;AAAA,IAClD,gBAAgB,SAAS;AAAA,IACzB,qBAAqB,gBAAgB,SAAS,CAAC;AAAA,EACjD;AACF;",
+  "names": []
+}

package/dist/esm/utils/getOppositePlacement.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+const hash = {
+  left: "right",
+  right: "left",
+  bottom: "top",
+  top: "bottom"
+};
+function getOppositePlacement(placement) {
+  return placement.replace(/left|right|bottom|top/g, (matched) => hash[matched]);
+}
+export {
+  getOppositePlacement as default
+};
+//# sourceMappingURL=getOppositePlacement.js.map