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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/getOppositePlacement.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const hash = {\n  left: 'right',\n  right: 'left',\n  bottom: 'top',\n  top: 'bottom',\n} as const;\n\ntype Placements = keyof typeof hash;\n\nexport default function getOppositePlacement(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,qBAAsC,WAAmB;AAC9D,SAAO,UAAU,QAAQ,0BAA0B,CAAC,YAAoB,KAAK,OAAqB,CAAC;AACrG;",
+  "names": []
+}

package/dist/esm/utils/getOppositeVariationPlacement.js

@@ -0,0 +1,16 @@
+import * as React from "react";
+const hash = {
+  start: "end",
+  end: "start"
+};
+function getOppositeVariationPlacement(placement) {
+  const replace = placement.replace(/start|end/g, (matched) => hash[matched]);
+  if (replace === placement) {
+    return placement === `right` ? `left` : `right`;
+  }
+  return replace;
+}
+export {
+  getOppositeVariationPlacement as default
+};
+//# sourceMappingURL=getOppositeVariationPlacement.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/getOppositeVariationPlacement.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const hash = {\n  start: 'end',\n  end: 'start',\n} as const;\n\ntype Placements = keyof typeof hash;\n\nexport default function getOppositeVariationPlacement(placement: string) {\n  const replace = placement.replace(/start|end/g, (matched: string) => hash[matched as Placements]);\n  if (replace === placement) {\n    return placement === `right` ? `left` : `right`;\n  }\n  return replace;\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,OAAO;AAAA,EACX,OAAO;AAAA,EACP,KAAK;AACP;AAIe,SAAR,8BAA+C,WAAmB;AACvE,QAAM,UAAU,UAAU,QAAQ,cAAc,CAAC,YAAoB,KAAK,OAAqB,CAAC;AAChG,MAAI,YAAY,WAAW;AACzB,WAAO,cAAc,UAAU,SAAS;AAAA,EAC1C;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/types/DSFloatingContext.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { type CSSProperties } from 'styled-components';
+import type { DSHookFloatingContextT } from './react-desc-prop-types.js';
+declare const useFloatingContext: {
+    (props?: DSHookFloatingContextT.Props): {
+        refs: {
+            setReference: (node: HTMLElement | null) => void;
+            setFloating: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
+        };
+        floatingStyles: CSSProperties;
+        handlers: {
+            onMouseEnter: () => void;
+            onMouseLeave: () => void;
+            onFocus: () => void;
+            onBlur: () => void;
+        };
+        isOpen: boolean;
+        arrowStyles: {
+            style: CSSProperties;
+            placement: string;
+        };
+        hideTooltip: () => void;
+        showTooltip: () => void;
+        context: {
+            withoutPortal: boolean;
+            withoutAnimation: boolean;
+            portalDOMContainer: HTMLElement;
+            animationDuration: number;
+        };
+    };
+    displayName: string;
+};
+declare const UseFloatingContextWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSHookFloatingContextT.Props | undefined>;
+export { useFloatingContext, UseFloatingContextWithSchema };

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+export { useFloatingContext, UseFloatingContextWithSchema } from './DSFloatingContext.js';
+export { PopoverArrow } from './parts/PopoverArrow.js';
+export { FloatingWrapper, FloatingWrapperWithSchema } from './parts/FloatingWrapper/index.js';
+export type { DSHookFloatingContextT } from './react-desc-prop-types.js';

package/dist/types/parts/FloatingWrapper/FloatingWrapper.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSFloatingWrapperT } from './react-desc-prop-types.js';
+declare const FloatingWrapper: React.ComponentType<DSFloatingWrapperT.Props>;
+declare const FloatingWrapperWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSFloatingWrapperT.Props>;
+export { FloatingWrapper, FloatingWrapperWithSchema };

package/dist/types/parts/FloatingWrapper/config/useFloatingWrapper.d.ts

@@ -0,0 +1,12 @@
+import { useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { type DSFloatingWrapperT } from '../react-desc-prop-types.js';
+export interface DSFloatingWrapperCTX {
+    propsWithDefault: DSFloatingWrapperT.InternalProps;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+    instanceUid: string;
+}
+export declare const useFloatingWrapper: (propsFromUser: DSFloatingWrapperT.Props) => {
+    propsWithDefault: DSFloatingWrapperT.InternalProps;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+    instanceUid: string;
+};

package/dist/types/parts/FloatingWrapper/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { WeakValidationMap } from 'react';
+import { type DSFloatingWrapperT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSFloatingWrapperT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

package/dist/types/parts/FloatingWrapper/constants/index.d.ts

@@ -0,0 +1,4 @@
+export declare const DSFloatingWrapperName = "DSFloatingWrapper";
+export declare const DSFloatingWrapperSlots: {
+    ROOT: string;
+};

package/dist/types/parts/FloatingWrapper/index.d.ts

@@ -0,0 +1 @@
+export { FloatingWrapper, FloatingWrapperWithSchema } from './FloatingWrapper.js';

package/dist/types/parts/FloatingWrapper/react-desc-prop-types.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DSFloatingWrapperName, DSFloatingWrapperSlots } from './constants/index.js';
+export declare namespace DSFloatingWrapperT {
+    interface RequiredProps {
+        children: React.ReactNode;
+        innerRef: TypescriptHelpersT.AnyRef<HTMLDivElement>;
+        isOpen: boolean;
+        floatingStyles: React.CSSProperties;
+    }
+    interface DefaultProps {
+        context: {
+            portalDOMContainer: HTMLElement;
+            withoutPortal: boolean;
+            animationDuration: number;
+            withoutAnimation: boolean;
+        };
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSFloatingWrapperName, typeof DSFloatingWrapperSlots> {
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>, XstyledProps, Omit<RequiredProps, 'children'> {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLElement>, keyof DefaultProps | keyof XstyledProps>, XstyledProps, Omit<RequiredProps, 'children'> {
+    }
+    type ExampleState = '0' | '1';
+}
+export declare const defaultProps: Partial<DSFloatingWrapperT.DefaultProps>;
+export declare const DSFloatingWrapperPropTypes: DSPropTypesSchema<DSFloatingWrapperT.Props>;
+export declare const DSFloatingWrapperPropTypesSchema: ValidationMap<DSFloatingWrapperT.Props>;

package/dist/types/parts/FloatingWrapper/styled.d.ts

@@ -0,0 +1,8 @@
+interface StyledAnimatedPopperPropsT {
+    isOpen?: boolean;
+    animationDuration?: number;
+    withoutAnimation?: boolean;
+}
+export declare const StyledFloatingAnimation: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledAnimatedPopperPropsT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledFloatingWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export {};

package/dist/types/parts/PopoverArrow.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface PopoverArrowT {
+    placement: string;
+    style: React.CSSProperties;
+    arrowElementRef?: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;
+}
+export declare const PopoverArrow: ({ placement, style, arrowElementRef }: PopoverArrowT) => React.ReactElement;
+export {};

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,23 @@
+import type { DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+export declare namespace DSHookFloatingContextT {
+    interface DefaultProps {
+        withoutPortal: boolean;
+        withoutAnimation: boolean;
+        portalDOMContainer: HTMLElement;
+        animationDuration: number;
+        placement: PopperPlacementsT;
+        customOffset: [number, number];
+    }
+    interface OptionalProps {
+        placementOrderPreference?: PopperPlacementsT[];
+        onOpen?: () => void;
+        onClose?: () => void;
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps {
+    }
+    type PopperPlacementsT = 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
+}
+export declare const defaultProps: DSHookFloatingContextT.DefaultProps;
+export declare const DSFloatingContextPropTypes: DSPropTypesSchema<DSHookFloatingContextT.Props>;

package/dist/types/utils/computeOffsets.d.ts

@@ -0,0 +1,5 @@
+import type { DSHookFloatingContextT } from '../react-desc-prop-types.js';
+export default function computeOffsets(placement: DSHookFloatingContextT.PopperPlacementsT, referenceRect: DOMRect, floatingRect: DOMRect): {
+    x: number;
+    y: number;
+};

package/dist/types/utils/computePosition.d.ts

@@ -0,0 +1,23 @@
+import type { DSHookFloatingContextT } from '../react-desc-prop-types.js';
+interface ComputePositionProps {
+    reference: Element;
+    floating: HTMLElement;
+    placement: DSHookFloatingContextT.PopperPlacementsT;
+    placementOrderPreference?: DSHookFloatingContextT.PopperPlacementsT[];
+    customOffset: [number, number];
+    withoutPortal: boolean;
+}
+export declare const computePosition: (props: ComputePositionProps) => {
+    coordsStyle: {
+        transform: string;
+    };
+    finalPlacement: string;
+    coordsArrow: {
+        left: string;
+        top?: undefined;
+    } | {
+        top: string;
+        left?: undefined;
+    };
+};
+export {};

package/dist/types/utils/detectOverflow.d.ts

@@ -0,0 +1,7 @@
+import { type DSHookFloatingContextT } from '../react-desc-prop-types.js';
+export declare const detectOverflow: (referenceRect: DOMRect, floatingRect: DOMRect, placement: DSHookFloatingContextT.PopperPlacementsT, customOffset: [number, number]) => {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+};

package/dist/types/utils/getAlteredPosition.d.ts

@@ -0,0 +1 @@
+export default function getAlteredPosition(placement: string): string;

package/dist/types/utils/getArrowOffset.d.ts

@@ -0,0 +1,7 @@
+export declare const getArrowOffset: (placement: string, isVertical: boolean) => {
+    left: string;
+    top?: undefined;
+} | {
+    top: string;
+    left?: undefined;
+};

package/dist/types/utils/getExpandedFallbackPlacements.d.ts

@@ -0,0 +1,2 @@
+import type { DSHookFloatingContextT } from '../react-desc-prop-types.js';
+export declare const getExpandedFallbackPlacements: (placement: DSHookFloatingContextT.PopperPlacementsT) => string[];

package/dist/types/utils/getOppositePlacement.d.ts

@@ -0,0 +1 @@
+export default function getOppositePlacement(placement: string): string;

package/dist/types/utils/getOppositeVariationPlacement.d.ts

@@ -0,0 +1 @@
+export default function getOppositeVariationPlacement(placement: string): string;

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@elliemae/ds-floating-context",
+  "version": "3.44.0-rc.1",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Popper Hook",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@elliemae/ds-hooks-headless-tooltip": "3.44.0-rc.1",
+    "@elliemae/ds-props-helpers": "3.44.0-rc.1",
+    "@elliemae/ds-system": "3.44.0-rc.1",
+    "@elliemae/ds-typescript-helpers": "3.44.0-rc.1"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "@elliemae/ds-monorepo-devops": "3.44.0-rc.1"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9",
+    "styled-system": "^5.1.5"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests --coverage=\"false\"",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "lint:strict": "node ../../../scripts/lint-strict.mjs",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}