@elliemae/ds-dialog 3.60.0-next.9 → 3.70.0-next.1

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

@@ -0,0 +1,4 @@
+import type { XstyledProps } from '@elliemae/ds-props-helpers';
+export declare const StyledDialogHeader: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
+    children?: import("react").ReactNode | undefined;
+} & XstyledProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

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

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

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

@@ -0,0 +1,8 @@
+import { DSDialogName } from '../../../constants/index.js';
+export declare const DIALOG_PRIMARY_MESSAGE_SLOTS: {
+    readonly ROOT: "primaryMessage";
+};
+export declare const DIALOG_PRIMARY_MESSAGE_DATA_TESTID: {
+    readonly ROOT: "ds-dialog-primaryMessage";
+};
+export { DSDialogName };

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

@@ -0,0 +1,3 @@
+export { DIALOG_PRIMARY_MESSAGE_DATA_TESTID, DIALOG_PRIMARY_MESSAGE_SLOTS } from './constants/index.js';
+export { DSDialogPrimaryMessage, DSDialogPrimaryMessageWithSchema } from './DSDialogPrimaryMessage.js';
+export { type DSDialogPrimaryMessageT, DSDialogPrimaryMessagePropTypes } from './react-desc-prop-types.js';

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

@@ -0,0 +1,18 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DIALOG_PRIMARY_MESSAGE_SLOTS, DSDialogName } from './constants/index.js';
+export declare namespace DSDialogPrimaryMessageT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_PRIMARY_MESSAGE_SLOTS> {
+    }
+    interface Props extends OptionalProps, Omit<GlobalAttributesT<HTMLHeadingElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLHeadingElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSDialogPrimaryMessageT.DefaultProps;
+export declare const DSDialogPrimaryMessagePropTypes: DSPropTypesSchema<DSDialogPrimaryMessageT.Props>;
+export declare const DSDialogPrimaryMessagePropTypesSchema: ValidationMap<DSDialogPrimaryMessageT.Props>;

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

@@ -0,0 +1 @@
+export declare const StyledDialogPrimaryMessage: import("styled-components").StyledComponent<"h3", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"h3">, never>;

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

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

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

@@ -0,0 +1,8 @@
+import { DSDialogName } from '../../../constants/index.js';
+export declare const DIALOG_SECONDARY_MESSAGE_SLOTS: {
+    readonly ROOT: "secondaryMessage";
+};
+export declare const DIALOG_SECONDARY_MESSAGE_DATA_TESTID: {
+    readonly ROOT: "ds-dialog-secondaryMessage";
+};
+export { DSDialogName };

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

@@ -0,0 +1,3 @@
+export { DIALOG_SECONDARY_MESSAGE_DATA_TESTID, DIALOG_SECONDARY_MESSAGE_SLOTS } from './constants/index.js';
+export { DSDialogSecondaryMessage, DSDialogSecondaryMessageWithSchema } from './DSDialogSecondaryMessage.js';
+export { type DSDialogSecondaryMessageT, DSDialogSecondaryMessagePropTypes } from './react-desc-prop-types.js';

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

@@ -0,0 +1,18 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DIALOG_SECONDARY_MESSAGE_SLOTS, DSDialogName } from './constants/index.js';
+export declare namespace DSDialogSecondaryMessageT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_SECONDARY_MESSAGE_SLOTS> {
+    }
+    interface Props extends OptionalProps, Omit<GlobalAttributesT<HTMLParagraphElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLParagraphElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSDialogSecondaryMessageT.DefaultProps;
+export declare const DSDialogSecondaryMessagePropTypes: DSPropTypesSchema<DSDialogSecondaryMessageT.Props>;
+export declare const DSDialogSecondaryMessagePropTypesSchema: ValidationMap<DSDialogSecondaryMessageT.Props>;

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

@@ -0,0 +1 @@
+export declare const StyledDialogSecondaryMessage: import("styled-components").StyledComponent<"p", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"p">, never>;

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

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

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

@@ -0,0 +1,8 @@
+import { DSDialogName } from '../../../constants/index.js';
+export declare const DIALOG_SEPARATOR_SLOTS: {
+    readonly ROOT: "separator";
+};
+export declare const DIALOG_SEPARATOR_DATA_TESTID: {
+    readonly ROOT: "ds-dialog-separator";
+};
+export { DSDialogName };

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

@@ -0,0 +1,3 @@
+export { DIALOG_SEPARATOR_DATA_TESTID, DIALOG_SEPARATOR_SLOTS } from './constants/index.js';
+export { DSDialogSeparator, DSDialogSeparatorWithSchema } from './DSDialogSeparator.js';
+export { type DSDialogSeparatorT, DSDialogSeparatorPropTypes } from './react-desc-prop-types.js';

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

@@ -0,0 +1,18 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DIALOG_SEPARATOR_SLOTS, DSDialogName } from './constants/index.js';
+export declare namespace DSDialogSeparatorT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_SEPARATOR_SLOTS> {
+    }
+    interface Props extends OptionalProps, Omit<GlobalAttributesT<HTMLHRElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLHRElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSDialogSeparatorT.DefaultProps;
+export declare const DSDialogSeparatorPropTypes: DSPropTypesSchema<DSDialogSeparatorT.Props>;
+export declare const DSDialogSeparatorPropTypesSchema: ValidationMap<DSDialogSeparatorT.Props>;

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

@@ -0,0 +1,3 @@
+export declare const StyledDialogSeparator: import("styled-components").StyledComponent<"hr", import("@elliemae/ds-system").Theme, {
+    'aria-hidden': true;
+}, string | number | symbol>;

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

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

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

@@ -0,0 +1,8 @@
+import { DSDialogName } from '../../../constants/index.js';
+export declare const DIALOG_TITLE_SLOTS: {
+    readonly ROOT: "title";
+};
+export declare const DIALOG_TITLE_DATA_TESTID: {
+    readonly ROOT: "ds-dialog-title";
+};
+export { DSDialogName };

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

@@ -0,0 +1,3 @@
+export { DIALOG_TITLE_DATA_TESTID, DIALOG_TITLE_SLOTS } from './constants/index.js';
+export { DSDialogTitle, DSDialogTitleWithSchema } from './DSDialogTitle.js';
+export { type DSDialogTitleT, DSDialogTitlePropTypes } from './react-desc-prop-types.js';

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

@@ -0,0 +1,18 @@
+import type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';
+import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DIALOG_TITLE_SLOTS, DSDialogName } from './constants/index.js';
+export declare namespace DSDialogTitleT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+    }
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_TITLE_SLOTS> {
+    }
+    interface Props extends OptionalProps, Omit<GlobalAttributesT<HTMLHeadingElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLHeadingElement>, keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSDialogTitleT.DefaultProps;
+export declare const DSDialogTitlePropTypes: DSPropTypesSchema<DSDialogTitleT.Props>;
+export declare const DSDialogTitlePropTypesSchema: ValidationMap<DSDialogTitleT.Props>;

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

@@ -0,0 +1 @@
+export declare const StyledDialogTitle: import("styled-components").StyledComponent<"h3", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"h3">, never>;

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

@@ -0,0 +1,27 @@
+export { DIALOG_ADDON_DATA_TESTID, DIALOG_ADDON_SLOTS } from './DSDialogAddon/constants/index.js';
+export { DSDialogAddon, DSDialogAddonWithSchema } from './DSDialogAddon/DSDialogAddon.js';
+export { type DSDialogAddonT, DSDialogAddonPropTypes } from './DSDialogAddon/react-desc-prop-types.js';
+export { DIALOG_BODY_DATA_TESTID, DIALOG_BODY_SLOTS } from './DSDialogBody/constants/index.js';
+export { DSDialogBody, DSDialogBodyWithSchema } from './DSDialogBody/DSDialogBody.js';
+export { type DSDialogBodyT, DSDialogBodyPropTypes } from './DSDialogBody/react-desc-prop-types.js';
+export { DIALOG_DEFAULT_LAYOUT_DATA_TESTID, DIALOG_DEFAULT_LAYOUT_SLOTS, } from './DSDialogDefaultLayout/constants/index.js';
+export { DSDialogDefaultLayout, DSDialogDefaultLayoutWithSchema, } from './DSDialogDefaultLayout/DSDialogDefaultLayout.js';
+export { type DSDialogDefaultLayoutT, DSDialogDefaultLayoutPropTypes, } from './DSDialogDefaultLayout/react-desc-prop-types.js';
+export { DIALOG_FOOTER_DATA_TESTID, DIALOG_FOOTER_SLOTS } from './DSDialogFooter/constants/index.js';
+export { DSDialogFooter, DSDialogFooterWithSchema } from './DSDialogFooter/DSDialogFooter.js';
+export { type DSDialogFooterT, DSDialogFooterPropTypes } from './DSDialogFooter/react-desc-prop-types.js';
+export { DIALOG_HEADER_DATA_TESTID, DIALOG_HEADER_SLOTS } from './DSDialogHeader/constants/index.js';
+export { DSDialogHeader, DSDialogHeaderWithSchema } from './DSDialogHeader/DSDialogHeader.js';
+export { type DSDialogHeaderT, DSDialogHeaderPropTypes } from './DSDialogHeader/react-desc-prop-types.js';
+export { DIALOG_PRIMARY_MESSAGE_DATA_TESTID, DIALOG_PRIMARY_MESSAGE_SLOTS, } from './DSDialogPrimaryMessage/constants/index.js';
+export { DSDialogPrimaryMessage, DSDialogPrimaryMessageWithSchema, } from './DSDialogPrimaryMessage/DSDialogPrimaryMessage.js';
+export { type DSDialogPrimaryMessageT, DSDialogPrimaryMessagePropTypes, } from './DSDialogPrimaryMessage/react-desc-prop-types.js';
+export { DIALOG_SECONDARY_MESSAGE_DATA_TESTID, DIALOG_SECONDARY_MESSAGE_SLOTS, } from './DSDialogSecondaryMessage/constants/index.js';
+export { DSDialogSecondaryMessage, DSDialogSecondaryMessageWithSchema, } from './DSDialogSecondaryMessage/DSDialogSecondaryMessage.js';
+export { type DSDialogSecondaryMessageT, DSDialogSecondaryMessagePropTypes, } from './DSDialogSecondaryMessage/react-desc-prop-types.js';
+export { DIALOG_SEPARATOR_DATA_TESTID, DIALOG_SEPARATOR_SLOTS } from './DSDialogSeparator/constants/index.js';
+export { DSDialogSeparator, DSDialogSeparatorWithSchema } from './DSDialogSeparator/DSDialogSeparator.js';
+export { type DSDialogSeparatorT, DSDialogSeparatorPropTypes } from './DSDialogSeparator/react-desc-prop-types.js';
+export { DIALOG_TITLE_DATA_TESTID, DIALOG_TITLE_SLOTS } from './DSDialogTitle/constants/index.js';
+export { DSDialogTitle, DSDialogTitleWithSchema } from './DSDialogTitle/DSDialogTitle.js';
+export { type DSDialogTitleT, DSDialogTitlePropTypes } from './DSDialogTitle/react-desc-prop-types.js';

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

@@ -0,0 +1,4 @@
+export declare const useDialogOwnerProps: <T extends object>(fallbackProps: T) => {
+    getOwnerProps: () => import("../react-desc-prop-types.js").DSDialogT.InternalProps;
+    getOwnerPropsArguments: () => {};
+};

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

@@ -1,5 +1,6 @@
 import type { GlobalAttributesT } from '@elliemae/ds-props-helpers';
 import { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';
+import { DIALOG_SLOTS, DSDialogName } from './constants/index.js';
 export declare namespace DSDialogT {
     type Sizes = 'default' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
     interface DefaultProps {
@@ -14,7 +15,7 @@ export declare namespace DSDialogT {
     interface RequiredProps {
         children: TypescriptHelpersT.ReactChildrenComplete;
     }
-    interface OptionalProps {
+    interface OptionalProps extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_SLOTS> {
         zIndex?: number;
         portalRef?: React.MutableRefObject<HTMLElement | null> | null;
     }
@@ -404,4 +405,15 @@ export declare const propTypes: {
     'aria-rowindextext': import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     part: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
     exportparts: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsDialogBackground: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsDialogContainer: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsDialogTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsDialogAddon: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsDialogHeader: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsDialogSeparator: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsDialogBody: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsDialogPrimaryMessage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsDialogSecondaryMessage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsDialogDefaultLayout: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    dsDialogFooter: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
 };

package/dist/types/styles.d.ts

@@ -1,4 +1,3 @@
-import type { XstyledProps } from '@elliemae/ds-props-helpers';
 import type { DSDialogT } from './react-desc-prop-types.js';
 import type { DSDialogInternalsT } from './sharedTypes.js';
 interface PortalStylesT {
@@ -16,19 +15,4 @@ interface StyledDialogContainerT {
 export declare const PortalStyles: import("styled-components").GlobalStyleComponent<PortalStylesT, import("styled-components").DefaultTheme>;
 export declare const StyledDialogBackground: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledDialogBackgroundT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
 export declare const StyledDialogContainer: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, StyledDialogContainerT & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const DSDialogTitle: import("styled-components").StyledComponent<"h3", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"h3">, never>;
-export declare const DSDialogAddon: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const DSDialogHeader: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    children?: import("react").ReactNode | undefined;
-} & XstyledProps & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const DSDialogSeparator: import("styled-components").StyledComponent<"hr", import("@elliemae/ds-system").Theme, {
-    'aria-hidden': true;
-}, string | number | symbol>;
-export declare const DSDialogBody: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const DSDialogPrimaryMessage: import("styled-components").StyledComponent<"h3", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"h3">, never>;
-export declare const DSDialogSecondaryMessage: import("styled-components").StyledComponent<"p", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"p">, never>;
-export declare const DSDialogDefaultLayout: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    children?: import("react").ReactNode | undefined;
-} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
-export declare const DSDialogFooter: 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/tests/DSDialog.data-testid.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSDialog.events.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSDialog.exports.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/DSDialog.keyboard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/playwright/DSDialog.on-click-outside.test.playwright.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/playwright/DSDialogOnClickOutsideRenderer.d.ts

@@ -0,0 +1,2 @@
+export const DSDialogOnClickOutsideRenderer: React.FunctionComponent<React.JSX.IntrinsicAttributes>;
+import React from 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-dialog",
-  "version": "3.60.0-next.9",
+  "version": "3.70.0-next.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Dialog",
   "files": [
@@ -35,39 +35,40 @@
     "reportFile": "tests.xml",
     "indent": 4
   },
-  "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/*\""
-  },
   "dependencies": {
-    "@elliemae/ds-button-v2": "3.60.0-next.9",
-    "@elliemae/ds-icons": "3.60.0-next.9",
-    "@elliemae/ds-props-helpers": "3.60.0-next.9",
-    "@elliemae/ds-system": "3.60.0-next.9",
-    "@elliemae/ds-typescript-helpers": "3.60.0-next.9",
-    "lodash-es": "catalog:",
-    "uid": "catalog:"
+    "lodash-es": "^4.17.21",
+    "uid": "^2.0.2",
+    "@elliemae/ds-props-helpers": "3.70.0-next.1",
+    "@elliemae/ds-typescript-helpers": "3.70.0-next.1",
+    "@elliemae/ds-system": "3.70.0-next.1"
   },
   "devDependencies": {
-    "@elliemae/ds-monorepo-devops": "3.60.0-next.9",
-    "@elliemae/ds-test-utils": "3.60.0-next.9",
-    "@elliemae/pui-cli": "catalog:",
-    "jest": "catalog:",
-    "styled-components": "catalog:"
+    "@playwright/experimental-ct-react": "^1.51.1",
+    "@xstyled/system": "~3.8.1",
+    "@xstyled/util": "~3.7.0",
+    "jest": "^30.0.0",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-monorepo-devops": "3.70.0-next.1",
+    "@elliemae/ds-test-utils": "3.70.0-next.1"
   },
   "peerDependencies": {
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "styled-components": "catalog:"
+    "@xstyled/system": "~3.8.1",
+    "@xstyled/util": "~3.7.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "~5.3.9"
   },
   "publishConfig": {
     "access": "public",
     "typeSafety": true
   },
-  "gitHead": "7b49878bf6b481e639c5412a4c816ee349d91b46"
-}
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "playwright test -c ./playwright.config.mjs && ds-monorepo-devops 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": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}

package/dist/cjs/DSDialogDatatestid.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSDialogDatatestid.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSDialogDatatestid = {\n  CONTAINER: 'ds-dialog-container',\n  BACKGROUND: 'ds-dialog-background',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;AAAA,EAChC,WAAW;AAAA,EACX,YAAY;AACd;",
-  "names": []
-}

package/dist/cjs/parts/dialogContent/DSDialogContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/dialogContent/DSDialogContent.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useCallback, useContext } from 'react';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { PortalStyles, StyledDialogBackground, StyledDialogContainer } from '../../styles.js';\nimport { getSpaceProps } from '../../utils.js';\nimport { DSDialogDatatestid } from '../../DSDialogDatatestid.js';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\nimport { useDialogContent } from './useDialogContent.js';\n\nexport const DSDialogContent = () => {\n  const { handleOutsideClick, handleOnKeyDown } = useDialogContent();\n  const { props, containerRef, portalInfo, portalClassName } = useContext(DSDialogContext);\n\n  const { removeAutoFocus, zIndex, centered, size, width, children, ...rest } = props;\n\n  const { className, ...restOfGlobalAttributes } = useGetGlobalAttributes(props, {\n    onClick: handleOutsideClick,\n    onKeyDown: handleOnKeyDown,\n  });\n\n  const refCallback = useCallback(\n    (_ref: HTMLDivElement | null) => {\n      if (_ref) {\n        containerRef.current = _ref;\n        if (!removeAutoFocus) _ref.focus();\n      }\n    },\n    [containerRef, removeAutoFocus],\n  );\n\n  return (\n    <StyledDialogBackground\n      className={className}\n      onClick={handleOutsideClick}\n      data-portalbg\n      data-testid={DSDialogDatatestid.BACKGROUND}\n      zIndex={zIndex}\n    >\n      <PortalStyles portalInfo={portalInfo} portalClassName={portalClassName} />\n      <StyledDialogContainer\n        role=\"dialog\"\n        aria-modal\n        innerRef={refCallback}\n        tabIndex={!removeAutoFocus ? 0 : undefined}\n        onKeyDown={handleOnKeyDown}\n        {...getSpaceProps(rest as unknown as Record<string, unknown>)}\n        centered={centered}\n        data-testid={DSDialogDatatestid.CONTAINER}\n        {...restOfGlobalAttributes}\n        size={size}\n        width={width}\n      >\n        {children}\n      </StyledDialogContainer>\n    </StyledDialogBackground>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8BnB;AA9BJ,mBAA+C;AAC/C,8BAAuC;AACvC,oBAA4E;AAC5E,mBAA8B;AAC9B,gCAAmC;AACnC,yBAAgC;AAChC,8BAAiC;AAE1B,MAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,oBAAoB,gBAAgB,QAAI,0CAAiB;AACjE,QAAM,EAAE,OAAO,cAAc,YAAY,gBAAgB,QAAI,yBAAW,kCAAe;AAEvF,QAAM,EAAE,iBAAiB,QAAQ,UAAU,MAAM,OAAO,UAAU,GAAG,KAAK,IAAI;AAE9E,QAAM,EAAE,WAAW,GAAG,uBAAuB,QAAI,gDAAuB,OAAO;AAAA,IAC7E,SAAS;AAAA,IACT,WAAW;AAAA,EACb,CAAC;AAED,QAAM,kBAAc;AAAA,IAClB,CAAC,SAAgC;AAC/B,UAAI,MAAM;AACR,qBAAa,UAAU;AACvB,YAAI,CAAC,gBAAiB,MAAK,MAAM;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,EAChC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,iBAAa;AAAA,MACb,eAAa,6CAAmB;AAAA,MAChC;AAAA,MAEA;AAAA,oDAAC,8BAAa,YAAwB,iBAAkC;AAAA,QACxE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU,CAAC,kBAAkB,IAAI;AAAA,YACjC,WAAW;AAAA,YACV,OAAG,4BAAc,IAA0C;AAAA,YAC5D;AAAA,YACA,eAAa,6CAAmB;AAAA,YAC/B,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/cjs/parts/dialogContent/useDialogContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/parts/dialogContent/useDialogContent.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type React from 'react';\nimport { useCallback, useContext } from 'react';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\n\nexport const useDialogContent = () => {\n  const {\n    props: { onClickOutside, onClose },\n  } = useContext(DSDialogContext);\n\n  const handleOutsideClick = useCallback(\n    (e: React.MouseEvent) => {\n      if ((e.target as HTMLDivElement).dataset.portalbg) onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  return {\n    handleOutsideClick,\n    handleOnKeyDown,\n  };\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwC;AACxC,yBAAgC;AAEzB,MAAM,mBAAmB,MAAM;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,QAAQ;AAAA,EACnC,QAAI,yBAAW,kCAAe;AAE9B,QAAM,yBAAqB;AAAA,IACzB,CAAC,MAAwB;AACvB,UAAK,EAAE,OAA0B,QAAQ,SAAU,gBAAe;AAAA,IACpE;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IAClC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/esm/DSDialogDatatestid.js

@@ -1,9 +0,0 @@
-import * as React from "react";
-const DSDialogDatatestid = {
-  CONTAINER: "ds-dialog-container",
-  BACKGROUND: "ds-dialog-background"
-};
-export {
-  DSDialogDatatestid
-};
-//# sourceMappingURL=DSDialogDatatestid.js.map

package/dist/esm/DSDialogDatatestid.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSDialogDatatestid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSDialogDatatestid = {\n  CONTAINER: 'ds-dialog-container',\n  BACKGROUND: 'ds-dialog-background',\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,qBAAqB;AAAA,EAChC,WAAW;AAAA,EACX,YAAY;AACd;",
-  "names": []
-}

package/dist/esm/parts/dialogContent/DSDialogContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/dialogContent/DSDialogContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useContext } from 'react';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { PortalStyles, StyledDialogBackground, StyledDialogContainer } from '../../styles.js';\nimport { getSpaceProps } from '../../utils.js';\nimport { DSDialogDatatestid } from '../../DSDialogDatatestid.js';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\nimport { useDialogContent } from './useDialogContent.js';\n\nexport const DSDialogContent = () => {\n  const { handleOutsideClick, handleOnKeyDown } = useDialogContent();\n  const { props, containerRef, portalInfo, portalClassName } = useContext(DSDialogContext);\n\n  const { removeAutoFocus, zIndex, centered, size, width, children, ...rest } = props;\n\n  const { className, ...restOfGlobalAttributes } = useGetGlobalAttributes(props, {\n    onClick: handleOutsideClick,\n    onKeyDown: handleOnKeyDown,\n  });\n\n  const refCallback = useCallback(\n    (_ref: HTMLDivElement | null) => {\n      if (_ref) {\n        containerRef.current = _ref;\n        if (!removeAutoFocus) _ref.focus();\n      }\n    },\n    [containerRef, removeAutoFocus],\n  );\n\n  return (\n    <StyledDialogBackground\n      className={className}\n      onClick={handleOutsideClick}\n      data-portalbg\n      data-testid={DSDialogDatatestid.BACKGROUND}\n      zIndex={zIndex}\n    >\n      <PortalStyles portalInfo={portalInfo} portalClassName={portalClassName} />\n      <StyledDialogContainer\n        role=\"dialog\"\n        aria-modal\n        innerRef={refCallback}\n        tabIndex={!removeAutoFocus ? 0 : undefined}\n        onKeyDown={handleOnKeyDown}\n        {...getSpaceProps(rest as unknown as Record<string, unknown>)}\n        centered={centered}\n        data-testid={DSDialogDatatestid.CONTAINER}\n        {...restOfGlobalAttributes}\n        size={size}\n        width={width}\n      >\n        {children}\n      </StyledDialogContainer>\n    </StyledDialogBackground>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC8BnB,SAOE,KAPF;AA9BJ,SAAgB,aAAa,kBAAkB;AAC/C,SAAS,8BAA8B;AACvC,SAAS,cAAc,wBAAwB,6BAA6B;AAC5E,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,oBAAoB,gBAAgB,IAAI,iBAAiB;AACjE,QAAM,EAAE,OAAO,cAAc,YAAY,gBAAgB,IAAI,WAAW,eAAe;AAEvF,QAAM,EAAE,iBAAiB,QAAQ,UAAU,MAAM,OAAO,UAAU,GAAG,KAAK,IAAI;AAE9E,QAAM,EAAE,WAAW,GAAG,uBAAuB,IAAI,uBAAuB,OAAO;AAAA,IAC7E,SAAS;AAAA,IACT,WAAW;AAAA,EACb,CAAC;AAED,QAAM,cAAc;AAAA,IAClB,CAAC,SAAgC;AAC/B,UAAI,MAAM;AACR,qBAAa,UAAU;AACvB,YAAI,CAAC,gBAAiB,MAAK,MAAM;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,EAChC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,iBAAa;AAAA,MACb,eAAa,mBAAmB;AAAA,MAChC;AAAA,MAEA;AAAA,4BAAC,gBAAa,YAAwB,iBAAkC;AAAA,QACxE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU,CAAC,kBAAkB,IAAI;AAAA,YACjC,WAAW;AAAA,YACV,GAAG,cAAc,IAA0C;AAAA,YAC5D;AAAA,YACA,eAAa,mBAAmB;AAAA,YAC/B,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}

package/dist/esm/parts/dialogContent/useDialogContent.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-import { useCallback, useContext } from "react";
-import { DSDialogContext } from "../../DSDialogCTX.js";
-const useDialogContent = () => {
-  const {
-    props: { onClickOutside, onClose }
-  } = useContext(DSDialogContext);
-  const handleOutsideClick = useCallback(
-    (e) => {
-      if (e.target.dataset.portalbg) onClickOutside();
-    },
-    [onClickOutside]
-  );
-  const handleOnKeyDown = useCallback(
-    (e) => {
-      if (e.key === "Escape") onClose();
-    },
-    [onClose]
-  );
-  return {
-    handleOutsideClick,
-    handleOnKeyDown
-  };
-};
-export {
-  useDialogContent
-};
-//# sourceMappingURL=useDialogContent.js.map

package/dist/esm/parts/dialogContent/useDialogContent.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/dialogContent/useDialogContent.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { useCallback, useContext } from 'react';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\n\nexport const useDialogContent = () => {\n  const {\n    props: { onClickOutside, onClose },\n  } = useContext(DSDialogContext);\n\n  const handleOutsideClick = useCallback(\n    (e: React.MouseEvent) => {\n      if ((e.target as HTMLDivElement).dataset.portalbg) onClickOutside();\n    },\n    [onClickOutside],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  return {\n    handleOutsideClick,\n    handleOnKeyDown,\n  };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,aAAa,kBAAkB;AACxC,SAAS,uBAAuB;AAEzB,MAAM,mBAAmB,MAAM;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,QAAQ;AAAA,EACnC,IAAI,WAAW,eAAe;AAE9B,QAAM,qBAAqB;AAAA,IACzB,CAAC,MAAwB;AACvB,UAAK,EAAE,OAA0B,QAAQ,SAAU,gBAAe;AAAA,IACpE;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IAClC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
-  "names": []
-}

package/dist/types/DSDialogDatatestid.d.ts

@@ -1,4 +0,0 @@
-export declare const DSDialogDatatestid: {
-    CONTAINER: string;
-    BACKGROUND: string;
-};