@elliemae/ds-modal-slide 3.60.0-next.32 → 3.60.0-next.34

package/dist/cjs/DSModalSlide.js

@@ -30,8 +30,8 @@ var DSModalSlide_exports = {};
 __export(DSModalSlide_exports, {
   DSModalSlide: () => DSModalSlide,
   DSModalSlideWithSchema: () => DSModalSlideWithSchema,
-  ModalFooter: () => import_Footer.default,
-  ModalHeader: () => import_Header.default,
+  ModalFooter: () => import_DSModalFooter.ModalFooter,
+  ModalHeader: () => import_DSModalHeader.ModalHeader,
   default: () => DSModalSlide_default
 });
 module.exports = __toCommonJS(DSModalSlide_exports);
@@ -45,8 +45,8 @@ var import_react_dom = __toESM(require("react-dom"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_grid = require("@elliemae/ds-grid");
 var import_ds_separator = require("@elliemae/ds-separator");
-var import_Header = __toESM(require("./components/Header.js"));
-var import_Footer = __toESM(require("./components/Footer.js"));
+var import_DSModalHeader = require("./parts/DSModalHeader/index.js");
+var import_DSModalFooter = require("./parts/DSModalFooter/index.js");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_styled = require("./styled.js");
 var import_constants = require("./constants/index.js");

package/dist/cjs/DSModalSlide.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSModalSlide.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-statements */\nimport React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { debounce } from 'lodash-es';\nimport { uid } from 'uid';\nimport ReactDOM from 'react-dom';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport ModalHeader from './components/Header.js';\nimport ModalFooter from './components/Footer.js';\nimport { defaultProps, DSModalSlidePropTypesSchema, type DSModalSlideT } from './react-desc-prop-types.js';\nimport {\n  StyledActualContent,\n  StyledContent,\n  StyledModalWrapper,\n  StyledOverlay,\n  StyledContentWrapper,\n  StyledGridContent,\n} from './styled.js';\nimport { DSModalSlideName } from './constants/index.js';\n\n// js engine and css engine can't be guaranteed to be in sync due to how they run on different threads in the browsers\n//  this means that in some edge-cases react may have \"out-dated\" information like \"isMoving\" in this case\n//  this can cause some animation frame to have the animation \"after\" end but before react has updated the state\n//  if the css animation is not configured to stay in the end state,\n//    in those edge-cases,\n//    the animation will \"jump\" back to the start and cause a flicker\n//  this is the fix for that, it's an hack because the component is still css classname based\n//  when we re-do the modal slide, we should integrate this as the styled component css itself instead of this extra wrapper\nconst ModalSlideAnimationFix = styled.div`\n  .em-ds-modal-slide__overlay--disappearing,\n  .em-ds-modal-slide__content--disappearing {\n    animation-fill-mode: forwards;\n  }\n`;\nconst DSModalSlide: React.FC<DSModalSlideT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSModalSlideT.InternalProps>(props, defaultProps);\n  const {\n    isOpen,\n    children,\n    getContainer,\n    fullWidth,\n    header,\n    footer,\n    fadeOut,\n    fadeIn,\n    overrideHeight,\n    innerRef,\n    onClose,\n  } = propsWithDefault;\n  const [, setMoving] = useState(false);\n  const [show, setShow] = useState(isOpen);\n  const [width, setWidth] = useState(50);\n  const [height, setHeight] = useState<string | number>('100%');\n  const contentRows = [...(header ? ['auto', '1px'] : []), '1fr', ...(footer ? ['1px', 'auto'] : [])];\n  const modalTitleId = React.useMemo(() => `ds-modal-slide-title-${uid(5)}`, []);\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  const globalAttrs = useGetGlobalAttributes(props, { onKeyDown: handleOnKeyDown });\n\n  const updateShow = useCallback(() => {\n    if (fullWidth) setWidth(100);\n    else setWidth(50);\n    if (isOpen !== show) {\n      setMoving(true);\n      if (isOpen) {\n        setShow(isOpen);\n      }\n    }\n  }, [fullWidth, isOpen, show]);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(propsWithDefault);\n\n  useEffect(updateShow, [updateShow]);\n\n  const container = getContainer();\n\n  const handleHeight = useCallback(() => {\n    const newHeight =\n      overrideHeight && container.scrollHeight > container.getBoundingClientRect().height\n        ? container.scrollHeight\n        : container.getBoundingClientRect().height;\n    setHeight(newHeight);\n  }, [container, overrideHeight]);\n\n  const onChangeParent = useMemo(() => debounce(handleHeight, 300, { leading: true }), [handleHeight]);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(() => onChangeParent());\n    if (container) {\n      resizeObserver.observe(container);\n      if (!container.style.position) {\n        container.style.position = 'relative';\n      }\n      onChangeParent();\n    }\n    return () => {\n      if (container) resizeObserver.unobserve(container);\n    };\n  }, [container, onChangeParent]);\n\n  if (!show) return null;\n  if (!container) return null;\n\n  const handleAnimationEnd = () => {\n    setMoving(false);\n    if (!isOpen) setShow(isOpen);\n  };\n\n  return ReactDOM.createPortal(\n    <ModalSlideAnimationFix>\n      <StyledModalWrapper\n        className=\"em-ds-modal-slide__wrapper\"\n        {...globalAttrs}\n        height={height}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledOverlay\n          className={`em-ds-modal-slide__overlay ${\n            !isOpen ? 'em-ds-modal-slide__overlay--disappearing' : 'em-ds-modal-slide__overlay--showing'\n          }`}\n          fadeIn={fadeIn}\n          fadeOut={fadeOut}\n          showing={isOpen}\n          disappearing={!isOpen}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <StyledContent\n            className={`em-ds-modal-slide__content ${\n              !isOpen ? 'em-ds-modal-slide__content--disappearing' : 'em-ds-modal-slide__content--showing'\n            }`}\n            onAnimationEnd={handleAnimationEnd}\n            width={width}\n            height={height}\n            fadeIn={fadeIn}\n            fadeOut={fadeOut}\n            disappearing={!isOpen}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={modalTitleId}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledGridContent rows={contentRows} data-testid=\"ds-modal-slide\">\n              {header && React.cloneElement(header, { fullWidth, modalTitleId })}\n              {header && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              <Grid style={{ overflow: 'hidden' }}>\n                <StyledContentWrapper\n                  innerRef={innerRef}\n                  getOwnerProps={getOwnerProps}\n                  getOwnerPropsArguments={getOwnerPropsArguments}\n                >\n                  <StyledActualContent\n                    className=\"em-ds-modal-slide__actual-content\"\n                    aria-label=\"Modal Slide Content\"\n                    getOwnerProps={getOwnerProps}\n                    getOwnerPropsArguments={getOwnerPropsArguments}\n                  >\n                    {children}\n                  </StyledActualContent>\n                </StyledContentWrapper>\n              </Grid>\n              {footer && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              {footer}\n            </StyledGridContent>\n          </StyledContent>\n        </StyledOverlay>\n      </StyledModalWrapper>\n    </ModalSlideAnimationFix>,\n    container,\n  );\n};\n\nDSModalSlide.displayName = DSModalSlideName;\nconst DSModalSlideWithSchema = describe(DSModalSlide);\nDSModalSlideWithSchema.propTypes = DSModalSlidePropTypesSchema;\n\nexport { ModalHeader, ModalFooter, DSModalSlide, DSModalSlideWithSchema };\n\nexport default DSModalSlide;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["ModalFooter", "ModalHeader", "React", "ReactDOM"]
+  "sourcesContent": ["/* eslint-disable max-statements */\nimport React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport {\n  describe,\n  useGetGlobalAttributes,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport { debounce } from 'lodash-es';\nimport { uid } from 'uid';\nimport ReactDOM from 'react-dom';\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { ModalHeader } from './parts/DSModalHeader/index.js';\nimport { ModalFooter } from './parts/DSModalFooter/index.js';\nimport { defaultProps, DSModalSlidePropTypesSchema, type DSModalSlideT } from './react-desc-prop-types.js';\nimport {\n  StyledActualContent,\n  StyledContent,\n  StyledModalWrapper,\n  StyledOverlay,\n  StyledContentWrapper,\n  StyledGridContent,\n} from './styled.js';\nimport { DSModalSlideName } from './constants/index.js';\n\n// js engine and css engine can't be guaranteed to be in sync due to how they run on different threads in the browsers\n//  this means that in some edge-cases react may have \"out-dated\" information like \"isMoving\" in this case\n//  this can cause some animation frame to have the animation \"after\" end but before react has updated the state\n//  if the css animation is not configured to stay in the end state,\n//    in those edge-cases,\n//    the animation will \"jump\" back to the start and cause a flicker\n//  this is the fix for that, it's an hack because the component is still css classname based\n//  when we re-do the modal slide, we should integrate this as the styled component css itself instead of this extra wrapper\nconst ModalSlideAnimationFix = styled.div`\n  .em-ds-modal-slide__overlay--disappearing,\n  .em-ds-modal-slide__content--disappearing {\n    animation-fill-mode: forwards;\n  }\n`;\nconst DSModalSlide: React.FC<DSModalSlideT.Props> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSModalSlideT.InternalProps>(props, defaultProps);\n  const {\n    isOpen,\n    children,\n    getContainer,\n    fullWidth,\n    header,\n    footer,\n    fadeOut,\n    fadeIn,\n    overrideHeight,\n    innerRef,\n    onClose,\n  } = propsWithDefault;\n  const [, setMoving] = useState(false);\n  const [show, setShow] = useState(isOpen);\n  const [width, setWidth] = useState(50);\n  const [height, setHeight] = useState<string | number>('100%');\n  const contentRows = [...(header ? ['auto', '1px'] : []), '1fr', ...(footer ? ['1px', 'auto'] : [])];\n  const modalTitleId = React.useMemo(() => `ds-modal-slide-title-${uid(5)}`, []);\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    },\n    [onClose],\n  );\n\n  const globalAttrs = useGetGlobalAttributes(props, { onKeyDown: handleOnKeyDown });\n\n  const updateShow = useCallback(() => {\n    if (fullWidth) setWidth(100);\n    else setWidth(50);\n    if (isOpen !== show) {\n      setMoving(true);\n      if (isOpen) {\n        setShow(isOpen);\n      }\n    }\n  }, [fullWidth, isOpen, show]);\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(propsWithDefault);\n\n  useEffect(updateShow, [updateShow]);\n\n  const container = getContainer();\n\n  const handleHeight = useCallback(() => {\n    const newHeight =\n      overrideHeight && container.scrollHeight > container.getBoundingClientRect().height\n        ? container.scrollHeight\n        : container.getBoundingClientRect().height;\n    setHeight(newHeight);\n  }, [container, overrideHeight]);\n\n  const onChangeParent = useMemo(() => debounce(handleHeight, 300, { leading: true }), [handleHeight]);\n\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(() => onChangeParent());\n    if (container) {\n      resizeObserver.observe(container);\n      if (!container.style.position) {\n        container.style.position = 'relative';\n      }\n      onChangeParent();\n    }\n    return () => {\n      if (container) resizeObserver.unobserve(container);\n    };\n  }, [container, onChangeParent]);\n\n  if (!show) return null;\n  if (!container) return null;\n\n  const handleAnimationEnd = () => {\n    setMoving(false);\n    if (!isOpen) setShow(isOpen);\n  };\n\n  return ReactDOM.createPortal(\n    <ModalSlideAnimationFix>\n      <StyledModalWrapper\n        className=\"em-ds-modal-slide__wrapper\"\n        {...globalAttrs}\n        height={height}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <StyledOverlay\n          className={`em-ds-modal-slide__overlay ${\n            !isOpen ? 'em-ds-modal-slide__overlay--disappearing' : 'em-ds-modal-slide__overlay--showing'\n          }`}\n          fadeIn={fadeIn}\n          fadeOut={fadeOut}\n          showing={isOpen}\n          disappearing={!isOpen}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          <StyledContent\n            className={`em-ds-modal-slide__content ${\n              !isOpen ? 'em-ds-modal-slide__content--disappearing' : 'em-ds-modal-slide__content--showing'\n            }`}\n            onAnimationEnd={handleAnimationEnd}\n            width={width}\n            height={height}\n            fadeIn={fadeIn}\n            fadeOut={fadeOut}\n            disappearing={!isOpen}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={modalTitleId}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledGridContent rows={contentRows} data-testid=\"ds-modal-slide\">\n              {header && React.cloneElement(header, { fullWidth, modalTitleId })}\n              {header && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              <Grid style={{ overflow: 'hidden' }}>\n                <StyledContentWrapper\n                  innerRef={innerRef}\n                  getOwnerProps={getOwnerProps}\n                  getOwnerPropsArguments={getOwnerPropsArguments}\n                >\n                  <StyledActualContent\n                    className=\"em-ds-modal-slide__actual-content\"\n                    aria-label=\"Modal Slide Content\"\n                    getOwnerProps={getOwnerProps}\n                    getOwnerPropsArguments={getOwnerPropsArguments}\n                  >\n                    {children}\n                  </StyledActualContent>\n                </StyledContentWrapper>\n              </Grid>\n              {footer && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              {footer}\n            </StyledGridContent>\n          </StyledContent>\n        </StyledOverlay>\n      </StyledModalWrapper>\n    </ModalSlideAnimationFix>,\n    container,\n  );\n};\n\nDSModalSlide.displayName = DSModalSlideName;\nconst DSModalSlideWithSchema = describe(DSModalSlide);\nDSModalSlideWithSchema.propTypes = DSModalSlidePropTypesSchema;\n\nexport { ModalHeader, ModalFooter, DSModalSlide, DSModalSlideWithSchema };\n\nexport default DSModalSlide;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4JX;AA3JZ,mBAAiE;AACjE,8BAKO;AACP,uBAAyB;AACzB,iBAAoB;AACpB,uBAAqB;AACrB,uBAAuB;AACvB,qBAAqB;AACrB,0BAA4B;AAC5B,2BAA4B;AAC5B,2BAA4B;AAC5B,mCAA8E;AAC9E,oBAOO;AACP,uBAAiC;AAUjC,MAAM,yBAAyB,wBAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMtC,MAAM,eAA8C,CAAC,UAAU;AAC7D,QAAM,uBAAmB,sDAA0D,OAAO,yCAAY;AACtG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,EAAE,SAAS,QAAI,uBAAS,KAAK;AACpC,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,MAAM;AACvC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,EAAE;AACrC,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAA0B,MAAM;AAC5D,QAAM,cAAc,CAAC,GAAI,SAAS,CAAC,QAAQ,KAAK,IAAI,CAAC,GAAI,OAAO,GAAI,SAAS,CAAC,OAAO,MAAM,IAAI,CAAC,CAAE;AAClG,QAAM,eAAe,aAAAA,QAAM,QAAQ,MAAM,4BAAwB,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAE7E,QAAM,sBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IAClC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,QAAM,kBAAc,gDAAuB,OAAO,EAAE,WAAW,gBAAgB,CAAC;AAEhF,QAAM,iBAAa,0BAAY,MAAM;AACnC,QAAI,UAAW,UAAS,GAAG;AAAA,QACtB,UAAS,EAAE;AAChB,QAAI,WAAW,MAAM;AACnB,gBAAU,IAAI;AACd,UAAI,QAAQ;AACV,gBAAQ,MAAM;AAAA,MAChB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,QAAQ,IAAI,CAAC;AAC5B,QAAM,EAAE,eAAe,uBAAuB,QAAI,uCAAc,gBAAgB;AAEhF,8BAAU,YAAY,CAAC,UAAU,CAAC;AAElC,QAAM,YAAY,aAAa;AAE/B,QAAM,mBAAe,0BAAY,MAAM;AACrC,UAAM,YACJ,kBAAkB,UAAU,eAAe,UAAU,sBAAsB,EAAE,SACzE,UAAU,eACV,UAAU,sBAAsB,EAAE;AACxC,cAAU,SAAS;AAAA,EACrB,GAAG,CAAC,WAAW,cAAc,CAAC;AAE9B,QAAM,qBAAiB,sBAAQ,UAAM,2BAAS,cAAc,KAAK,EAAE,SAAS,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC;AAEnG,8BAAU,MAAM;AACd,UAAM,iBAAiB,IAAI,eAAe,MAAM,eAAe,CAAC;AAChE,QAAI,WAAW;AACb,qBAAe,QAAQ,SAAS;AAChC,UAAI,CAAC,UAAU,MAAM,UAAU;AAC7B,kBAAU,MAAM,WAAW;AAAA,MAC7B;AACA,qBAAe;AAAA,IACjB;AACA,WAAO,MAAM;AACX,UAAI,UAAW,gBAAe,UAAU,SAAS;AAAA,IACnD;AAAA,EACF,GAAG,CAAC,WAAW,cAAc,CAAC;AAE9B,MAAI,CAAC,KAAM,QAAO;AAClB,MAAI,CAAC,UAAW,QAAO;AAEvB,QAAM,qBAAqB,MAAM;AAC/B,cAAU,KAAK;AACf,QAAI,CAAC,OAAQ,SAAQ,MAAM;AAAA,EAC7B;AAEA,SAAO,iBAAAC,QAAS;AAAA,IACd,4CAAC,0BACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACT,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,8BACT,CAAC,SAAS,6CAA6C,qCACzD;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS;AAAA,YACT,cAAc,CAAC;AAAA,YACf;AAAA,YACA;AAAA,YAEA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,8BACT,CAAC,SAAS,6CAA6C,qCACzD;AAAA,gBACA,gBAAgB;AAAA,gBAChB;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,cAAc,CAAC;AAAA,gBACf,MAAK;AAAA,gBACL,cAAW;AAAA,gBACX,mBAAiB;AAAA,gBACjB;AAAA,gBACA;AAAA,gBAEA,uDAAC,mCAAkB,MAAM,aAAa,eAAY,kBAC/C;AAAA,4BAAU,aAAAD,QAAM,aAAa,QAAQ,EAAE,WAAW,aAAa,CAAC;AAAA,kBAChE,UAAU,4CAAC,mCAAY,UAAS,WAAU,MAAK,YAAW;AAAA,kBAC3D,4CAAC,uBAAK,OAAO,EAAE,UAAU,SAAS,GAChC;AAAA,oBAAC;AAAA;AAAA,sBACC;AAAA,sBACA;AAAA,sBACA;AAAA,sBAEA;AAAA,wBAAC;AAAA;AAAA,0BACC,WAAU;AAAA,0BACV,cAAW;AAAA,0BACX;AAAA,0BACA;AAAA,0BAEC;AAAA;AAAA,sBACH;AAAA;AAAA,kBACF,GACF;AAAA,kBACC,UAAU,4CAAC,mCAAY,UAAS,WAAU,MAAK,YAAW;AAAA,kBAC1D;AAAA,mBACH;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF,GACF;AAAA,IACA;AAAA,EACF;AACF;AAEA,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AACpD,uBAAuB,YAAY;AAInC,IAAO,uBAAQ;",
+  "names": ["React", "ReactDOM"]
 }

package/dist/cjs/constants/index.js

@@ -40,20 +40,11 @@ const MODAL_SLIDE_SLOTS = {
   ROOT: "root",
   OVERLAY: "overlay",
   CONTENT: "content",
-  TITLE: "title",
-  HEADER_LEFT_SIDE: "header-left-side",
   ACTUAL_CONTENT: "actual-content",
-  HEADER: "header",
-  FOOTER_WRAPPER: "footer-wrapper",
-  HEADER_WRAPPER: "header-wrapper",
   SEPARATOR: "separator",
-  CLOSE_BUTTON: "close-button",
-  CONTENT_WRAPPER: "content-wrapper",
-  REJECT_BUTTON: "reject-button",
-  CONFIRM_BUTTON: "confirm-button"
+  CONTENT_WRAPPER: "content-wrapper"
 };
 const MODAL_SLIDE_DATA_TESTID = {
-  ...(0, import_ds_system.slotObjectToDataTestIds)(DSModalSlideName, MODAL_SLIDE_SLOTS),
-  CLOSE_BUTTON: "modal-slider-header-close"
+  ...(0, import_ds_system.slotObjectToDataTestIds)(DSModalSlideName, MODAL_SLIDE_SLOTS)
 };
 //# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSModalSlideName = 'DSModalslide';\n\nexport const MODAL_SLIDE_SLOTS = {\n  ROOT: 'root',\n  OVERLAY: 'overlay',\n  CONTENT: 'content',\n  TITLE: 'title',\n  HEADER_LEFT_SIDE: 'header-left-side',\n  ACTUAL_CONTENT: 'actual-content',\n  HEADER: 'header',\n  FOOTER_WRAPPER: 'footer-wrapper',\n  HEADER_WRAPPER: 'header-wrapper',\n  SEPARATOR: 'separator',\n  CLOSE_BUTTON: 'close-button',\n  CONTENT_WRAPPER: 'content-wrapper',\n  REJECT_BUTTON: 'reject-button',\n  CONFIRM_BUTTON: 'confirm-button',\n};\n\nexport const MODAL_SLIDE_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSModalSlideName, MODAL_SLIDE_SLOTS),\n  CLOSE_BUTTON: 'modal-slider-header-close',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,gBAAgB;AAClB;AAEO,MAAM,0BAA0B;AAAA,EACrC,OAAG,0CAAwB,kBAAkB,iBAAiB;AAAA,EAC9D,cAAc;AAChB;",
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSModalSlideName = 'DSModalslide';\n\nexport const MODAL_SLIDE_SLOTS = {\n  ROOT: 'root',\n  OVERLAY: 'overlay',\n  CONTENT: 'content',\n  ACTUAL_CONTENT: 'actual-content',\n  SEPARATOR: 'separator',\n  CONTENT_WRAPPER: 'content-wrapper',\n};\n\nexport const MODAL_SLIDE_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSModalSlideName, MODAL_SLIDE_SLOTS),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,iBAAiB;AACnB;AAEO,MAAM,0BAA0B;AAAA,EACrC,OAAG,0CAAwB,kBAAkB,iBAAiB;AAChE;",
   "names": []
 }

package/dist/cjs/index.js

@@ -28,21 +28,31 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var index_exports = {};
 __export(index_exports, {
+  DSModalFooter: () => import_DSModalFooter.DSModalFooter,
+  DSModalFooterName: () => import_DSModalFooter.DSModalFooterName,
+  DSModalFooterWithSchema: () => import_DSModalFooter.DSModalFooterWithSchema,
+  DSModalHeader: () => import_DSModalHeader.DSModalHeader,
+  DSModalHeaderName: () => import_DSModalHeader.DSModalHeaderName,
+  DSModalHeaderWithSchema: () => import_DSModalHeader.DSModalHeaderWithSchema,
   DSModalSlide: () => import_DSModalSlide.DSModalSlide,
   DSModalSlideDataTestIds: () => import_constants.MODAL_SLIDE_DATA_TESTID,
-  DSModalSlideFooterWithSchema: () => import_Footer.DSModalSlideFooterWithSchema,
-  DSModalSlideHeaderWithSchema: () => import_Header.DSModalSlideHeaderWithSchema,
+  DSModalSlideFooterWithSchema: () => import_DSModalFooter.DSModalFooterWithSchema,
+  DSModalSlideHeaderWithSchema: () => import_DSModalHeader.DSModalHeaderWithSchema,
   DSModalSlideName: () => import_constants.DSModalSlideName,
   DSModalSlideWithSchema: () => import_DSModalSlide.DSModalSlideWithSchema,
+  MODAL_FOOTER_DATA_TESTID: () => import_DSModalFooter.MODAL_FOOTER_DATA_TESTID,
+  MODAL_FOOTER_SLOTS: () => import_DSModalFooter.MODAL_FOOTER_SLOTS,
+  MODAL_HEADER_DATA_TESTID: () => import_DSModalHeader.MODAL_HEADER_DATA_TESTID,
+  MODAL_HEADER_SLOTS: () => import_DSModalHeader.MODAL_HEADER_SLOTS,
   MODAL_SLIDE_DATA_TESTID: () => import_constants.MODAL_SLIDE_DATA_TESTID,
   MODAL_SLIDE_SLOTS: () => import_constants.MODAL_SLIDE_SLOTS,
-  ModalFooter: () => import_DSModalSlide.ModalFooter,
-  ModalHeader: () => import_DSModalSlide.ModalHeader
+  ModalFooter: () => import_DSModalFooter.DSModalFooter,
+  ModalHeader: () => import_DSModalHeader.DSModalHeader
 });
 module.exports = __toCommonJS(index_exports);
 var React = __toESM(require("react"));
 var import_DSModalSlide = require("./DSModalSlide.js");
-var import_Header = require("./components/Header.js");
-var import_Footer = require("./components/Footer.js");
+var import_DSModalHeader = require("./parts/DSModalHeader/index.js");
+var import_DSModalFooter = require("./parts/DSModalFooter/index.js");
 var import_constants = require("./constants/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { DSModalSlide, ModalHeader, ModalFooter, DSModalSlideWithSchema } from './DSModalSlide.js';\nexport { DSModalSlideHeaderWithSchema } from './components/Header.js';\nexport { DSModalSlideFooterWithSchema } from './components/Footer.js';\nexport type { DSModalSlideT } from './react-desc-prop-types.js';\nexport {\n  MODAL_SLIDE_SLOTS,\n  MODAL_SLIDE_DATA_TESTID,\n  MODAL_SLIDE_DATA_TESTID as DSModalSlideDataTestIds,\n  DSModalSlideName,\n} from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAA+E;AAC/E,oBAA6C;AAC7C,oBAA6C;AAE7C,uBAKO;",
+  "sourcesContent": ["export { DSModalSlide, DSModalSlideWithSchema } from './DSModalSlide.js';\nexport {\n  DSModalHeader,\n  DSModalHeaderWithSchema,\n  DSModalHeader as ModalHeader,\n  DSModalHeaderWithSchema as DSModalSlideHeaderWithSchema,\n  DSModalHeaderName,\n  MODAL_HEADER_DATA_TESTID,\n  MODAL_HEADER_SLOTS,\n  type DSModalHeaderT,\n} from './parts/DSModalHeader/index.js';\nexport {\n  DSModalFooter,\n  DSModalFooterWithSchema,\n  DSModalFooter as ModalFooter,\n  DSModalFooterWithSchema as DSModalSlideFooterWithSchema,\n  DSModalFooterName,\n  MODAL_FOOTER_DATA_TESTID,\n  MODAL_FOOTER_SLOTS,\n  type DSModalFooterT,\n} from './parts/DSModalFooter/index.js';\nexport type { DSModalSlideT } from './react-desc-prop-types.js';\nexport {\n  MODAL_SLIDE_SLOTS,\n  MODAL_SLIDE_DATA_TESTID,\n  MODAL_SLIDE_DATA_TESTID as DSModalSlideDataTestIds,\n  DSModalSlideName,\n} from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAqD;AACrD,2BASO;AACP,2BASO;AAEP,uBAKO;",
   "names": []
 }

package/dist/cjs/{components/Footer.js → parts/DSModalFooter/DSModalFooter.js}

@@ -26,21 +26,22 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Footer_exports = {};
-__export(Footer_exports, {
-  DSModalSlideFooterWithSchema: () => DSModalSlideFooterWithSchema,
-  default: () => Footer_default
+var DSModalFooter_exports = {};
+__export(DSModalFooter_exports, {
+  DSModalFooter: () => DSModalFooter,
+  DSModalFooterWithSchema: () => DSModalFooterWithSchema
 });
-module.exports = __toCommonJS(Footer_exports);
+module.exports = __toCommonJS(DSModalFooter_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_react_desc_prop_types = require("../react-desc-prop-types.js");
-var import_styled = require("../styled.js");
-const ModalFooter = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.footerDefaultProps);
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_styled = require("../../styled.js");
+var import_constants = require("./constants/index.js");
+var import_useModalFooter = require("./config/useModalFooter.js");
+const DSModalFooter = (props) => {
+  const { propsWithDefault, getOwnerProps, getOwnerPropsArguments } = (0, import_useModalFooter.useModalFooter)(props);
   const { confirmLabel, rejectLabel, onConfirm, onReject, confirmProps, rejectProps } = propsWithDefault;
-  const { getOwnerProps, getOwnerPropsArguments } = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_styled.StyledFooterWrapper,
     {
@@ -54,7 +55,6 @@ const ModalFooter = (props) => {
           {
             buttonType: "outline",
             className: "action-reject",
-            "data-testid": "modal-footer-reject-btn",
             onClick: onReject,
             ...rejectProps,
             ml: "xs",
@@ -68,7 +68,6 @@ const ModalFooter = (props) => {
           {
             buttonType: "filled",
             className: "action-confirm",
-            "data-testid": "modal-footer-confirm-btn",
             onClick: onConfirm,
             ...confirmProps,
             ml: "xs",
@@ -81,8 +80,7 @@ const ModalFooter = (props) => {
     }
   );
 };
-ModalFooter.displayName = "ModalFooter";
-const DSModalSlideFooterWithSchema = (0, import_ds_props_helpers.describe)(ModalFooter);
-DSModalSlideFooterWithSchema.propTypes = import_react_desc_prop_types.DSModalSlideFooterPropTypesSchema;
-var Footer_default = ModalFooter;
-//# sourceMappingURL=Footer.js.map
+DSModalFooter.displayName = import_constants.DSModalFooterName;
+const DSModalFooterWithSchema = (0, import_ds_props_helpers.describe)(DSModalFooter);
+DSModalFooterWithSchema.propTypes = import_react_desc_prop_types.DSModalFooterPropTypesSchema;
+//# sourceMappingURL=DSModalFooter.js.map

package/dist/cjs/parts/DSModalFooter/DSModalFooter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSModalFooter/DSModalFooter.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSModalFooterT, DSModalFooterPropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledFooterWrapper, StyledRejectButton, StyledConfirmButton } from '../../styled.js';\nimport { DSModalFooterName } from './constants/index.js';\nimport { useModalFooter } from './config/useModalFooter.js';\nconst DSModalFooter = (props: DSModalFooterT.Props) => {\n  const { propsWithDefault, getOwnerProps, getOwnerPropsArguments } = useModalFooter(props);\n\n  const { confirmLabel, rejectLabel, onConfirm, onReject, confirmProps, rejectProps } = propsWithDefault;\n\n  return (\n    <StyledFooterWrapper\n      className=\"em-ds-modal-slide__footer-wrapper\"\n      aria-label=\"Modal Slide Footer\"\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      {!!onReject && (\n        <StyledRejectButton\n          buttonType=\"outline\"\n          className=\"action-reject\"\n          onClick={onReject}\n          {...rejectProps}\n          ml=\"xs\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {rejectLabel}\n        </StyledRejectButton>\n      )}\n\n      {!!onConfirm && (\n        <StyledConfirmButton\n          buttonType=\"filled\"\n          className=\"action-confirm\"\n          onClick={onConfirm}\n          {...confirmProps}\n          ml=\"xs\"\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        >\n          {confirmLabel}\n        </StyledConfirmButton>\n      )}\n    </StyledFooterWrapper>\n  );\n};\n\nDSModalFooter.displayName = DSModalFooterName;\nconst DSModalFooterWithSchema = describe(DSModalFooter);\nDSModalFooterWithSchema.propTypes = DSModalFooterPropTypesSchema;\n\nexport { DSModalFooter, DSModalFooterWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYnB;AAXJ,8BAAyB;AACzB,mCAAkE;AAClE,oBAA6E;AAC7E,uBAAkC;AAClC,4BAA+B;AAC/B,MAAM,gBAAgB,CAAC,UAAgC;AACrD,QAAM,EAAE,kBAAkB,eAAe,uBAAuB,QAAI,sCAAe,KAAK;AAExF,QAAM,EAAE,cAAc,aAAa,WAAW,UAAU,cAAc,YAAY,IAAI;AAEtF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,cAAW;AAAA,MACX;AAAA,MACA;AAAA,MAEC;AAAA,SAAC,CAAC,YACD;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,WAAU;AAAA,YACV,SAAS;AAAA,YACR,GAAG;AAAA,YACJ,IAAG;AAAA,YACH;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAGD,CAAC,CAAC,aACD;AAAA,UAAC;AAAA;AAAA,YACC,YAAW;AAAA,YACX,WAAU;AAAA,YACV,SAAS;AAAA,YACR,GAAG;AAAA,YACJ,IAAG;AAAA,YACH;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/cjs/parts/DSModalFooter/config/useModalFooter.js

@@ -0,0 +1,68 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useModalFooter_exports = {};
+__export(useModalFooter_exports, {
+  useModalFooter: () => useModalFooter
+});
+module.exports = __toCommonJS(useModalFooter_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react = __toESM(require("react"));
+var import_uid = require("uid");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+const useModalFooter = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(propsFromUser, import_react_desc_prop_types.defaultProps);
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSModalFooterPropTypesSchema);
+  const globalProps = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const { getOwnerProps, getOwnerPropsArguments } = (0, import_ds_props_helpers.useOwnerProps)(propsWithDefault);
+  const instanceUid = import_react.default.useMemo(() => `ds-modal-footer-${(0, import_uid.uid)(5)}`, []);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      globalProps,
+      instanceUid,
+      getOwnerProps,
+      getOwnerPropsArguments
+      // ...eventHandlers,
+    }),
+    [
+      propsWithDefault,
+      xstyledProps,
+      globalProps,
+      instanceUid,
+      getOwnerProps,
+      getOwnerPropsArguments
+      // eventHandlers,
+    ]
+  );
+};
+//# sourceMappingURL=useModalFooter.js.map

package/dist/cjs/parts/DSModalFooter/config/useModalFooter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSModalFooter/config/useModalFooter.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import {\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useMemoMergePropsWithDefault,\n  useOwnerProps,\n} from '@elliemae/ds-props-helpers';\nimport React from 'react';\nimport { uid } from 'uid';\nimport { type DSModalFooterT, DSModalFooterPropTypesSchema, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport const useModalFooter = (propsFromUser: DSModalFooterT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSModalFooterT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSModalFooterPropTypesSchema);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = useGetGlobalAttributes<DSModalFooterT.InternalProps, HTMLElement>(propsWithDefault);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // OWNER PROPS\n  // =============================================================================\n  const { getOwnerProps, getOwnerPropsArguments } = useOwnerProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const instanceUid = React.useMemo(() => `ds-modal-footer-${uid(5)}`, []);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  // const eventHandlers = useEventHandlers({ propsWithDefault, instanceUid }); // <-- complex logic should be made atomics this way\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      globalProps,\n      instanceUid,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      // ...eventHandlers,\n    }),\n    [\n      propsWithDefault,\n      xstyledProps,\n      globalProps,\n      instanceUid,\n      getOwnerProps,\n      getOwnerPropsArguments,\n      // eventHandlers,\n    ],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAKO;AACP,mBAAkB;AAClB,iBAAoB;AACpB,mCAAgF;AAChF,8BAAiC;AAE1B,MAAM,iBAAiB,CAAC,kBAAwC;AAIrE,QAAM,uBAAmB,sDAA2D,eAAe,yCAAY;AAC/G,gDAAiB,kBAAkB,yDAA4B;AAI/D,QAAM,kBAAc,gDAAkE,gBAAgB;AACtG,QAAM,mBAAe,4CAAmB,gBAAgB;AAIxD,QAAM,EAAE,eAAe,uBAAuB,QAAI,uCAAc,gBAAgB;AAIhF,QAAM,cAAc,aAAAA,QAAM,QAAQ,MAAM,uBAAmB,gBAAI,CAAC,CAAC,IAAI,CAAC,CAAC;AAMvE,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEF;AAAA,EACF;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/parts/DSModalFooter/config/useValidateProps.js

@@ -0,0 +1,40 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("../constants/index.js");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, import_constants.DSModalFooterName);
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/parts/DSModalFooter/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSModalFooter/config/useValidateProps.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSModalFooterT } from '../react-desc-prop-types.js';\nimport { DSModalFooterName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSModalFooterT.InternalProps,\n  propTypes: ValidationMap<DSModalFooterT.Props>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSModalFooterName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAG/C,uBAAkC;AAE3B,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,kCAAiB;AACpE;",
+  "names": []
+}

package/dist/cjs/parts/DSModalFooter/constants/index.js

@@ -0,0 +1,47 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  DSModalFooterName: () => DSModalFooterName,
+  DSModalSlideName: () => import_constants.DSModalSlideName,
+  MODAL_FOOTER_DATA_TESTID: () => MODAL_FOOTER_DATA_TESTID,
+  MODAL_FOOTER_SLOTS: () => MODAL_FOOTER_SLOTS
+});
+module.exports = __toCommonJS(constants_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_constants = require("../../../constants/index.js");
+const DSModalFooterName = "DSModalFooter";
+const MODAL_FOOTER_SLOTS = {
+  CONFIRM_BUTTON: "confirm-button",
+  REJECT_BUTTON: "reject-button",
+  FOOTER_WRAPPER: "footer-wrapper"
+};
+const MODAL_FOOTER_DATA_TESTID = (0, import_ds_system.slotObjectToDataTestIds)(import_constants.DSModalSlideName, MODAL_FOOTER_SLOTS);
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/DSModalFooter/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/DSModalFooter/constants/index.ts", "../../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSModalSlideName } from '../../../constants/index.js';\nexport { DSModalSlideName };\n\nexport const DSModalFooterName = 'DSModalFooter';\n\nexport const MODAL_FOOTER_SLOTS = {\n  CONFIRM_BUTTON: 'confirm-button',\n  REJECT_BUTTON: 'reject-button',\n  FOOTER_WRAPPER: 'footer-wrapper',\n} as const;\n\nexport const MODAL_FOOTER_DATA_TESTID = slotObjectToDataTestIds(DSModalSlideName, MODAL_FOOTER_SLOTS);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AACxC,uBAAiC;AAG1B,MAAM,oBAAoB;AAE1B,MAAM,qBAAqB;AAAA,EAChC,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,gBAAgB;AAClB;AAEO,MAAM,+BAA2B,0CAAwB,mCAAkB,kBAAkB;",
+  "names": []
+}

package/dist/cjs/parts/DSModalFooter/index.js

@@ -0,0 +1,43 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSModalFooter_exports = {};
+__export(DSModalFooter_exports, {
+  DSModalFooter: () => import_DSModalFooter.DSModalFooter,
+  DSModalFooterName: () => import_constants.DSModalFooterName,
+  DSModalFooterWithSchema: () => import_DSModalFooter.DSModalFooterWithSchema,
+  DSModalSlideFooterWithSchema: () => import_DSModalFooter.DSModalFooterWithSchema,
+  MODAL_FOOTER_DATA_TESTID: () => import_constants.MODAL_FOOTER_DATA_TESTID,
+  MODAL_FOOTER_SLOTS: () => import_constants.MODAL_FOOTER_SLOTS,
+  ModalFooter: () => import_DSModalFooter.DSModalFooter
+});
+module.exports = __toCommonJS(DSModalFooter_exports);
+var React = __toESM(require("react"));
+var import_DSModalFooter = require("./DSModalFooter.js");
+var import_constants = require("./constants/index.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/parts/DSModalFooter/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSModalFooter/index.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export {\n  DSModalFooter,\n  DSModalFooterWithSchema,\n  DSModalFooter as ModalFooter,\n  DSModalFooterWithSchema as DSModalSlideFooterWithSchema,\n} from './DSModalFooter.js';\n\nexport { DSModalFooterName, MODAL_FOOTER_DATA_TESTID, MODAL_FOOTER_SLOTS } from './constants/index.js';\nexport type { DSModalFooterT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAKO;AAEP,uBAAgF;",
+  "names": []
+}

package/dist/cjs/parts/DSModalFooter/react-desc-prop-types.js

@@ -0,0 +1,62 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSModalFooterPropTypes: () => DSModalFooterPropTypes,
+  DSModalFooterPropTypesSchema: () => DSModalFooterPropTypesSchema,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_constants = require("./constants/index.js");
+const defaultProps = {
+  confirmLabel: "Confirm",
+  rejectLabel: "Cancel",
+  confirmProps: { disabled: false },
+  rejectProps: { disabled: false, applyAriaDisabled: false }
+};
+const DSModalFooterPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  confirmLabel: import_ds_props_helpers.PropTypes.string.description("Confirm Label"),
+  rejectLabel: import_ds_props_helpers.PropTypes.string.description("Reject Label"),
+  onConfirm: import_ds_props_helpers.PropTypes.func.description("Callback"),
+  onReject: import_ds_props_helpers.PropTypes.func.description("Callback"),
+  confirmProps: import_ds_props_helpers.PropTypes.shape({
+    disabled: import_ds_props_helpers.PropTypes.bool
+  }).description("Extra DSButton props for confirm btn."),
+  rejectProps: import_ds_props_helpers.PropTypes.shape({
+    disabled: import_ds_props_helpers.PropTypes.bool,
+    applyAriaDisabled: import_ds_props_helpers.PropTypes.bool
+  }).description("Extra DSButton props for reject btn."),
+  ...(0, import_ds_props_helpers.getPropsPerDatatestIdPropTypes)(import_constants.MODAL_FOOTER_DATA_TESTID)
+};
+const DSModalFooterPropTypesSchema = DSModalFooterPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/parts/DSModalFooter/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/DSModalFooter/react-desc-prop-types.ts", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport {\n  PropTypes,\n  getPropsPerDatatestIdPropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport { MODAL_FOOTER_DATA_TESTID } from './constants/index.js';\n\nexport declare namespace DSModalFooterT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    confirmLabel: string;\n    rejectLabel: string;\n    confirmProps: {\n      disabled: boolean;\n      applyAriaDisabled?: boolean;\n      innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;\n    };\n    rejectProps: {\n      disabled: boolean;\n      applyAriaDisabled?: boolean;\n    };\n  }\n\n  export interface OptionalProps {\n    onConfirm?: () => void;\n    onReject?: () => void;\n  }\n  export interface Props\n    extends Partial<DefaultProps>,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      RequiredProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof XstyledProps>,\n      XstyledProps {}\n}\n\nexport const defaultProps: DSModalFooterT.DefaultProps = {\n  confirmLabel: 'Confirm',\n  rejectLabel: 'Cancel',\n  confirmProps: { disabled: false },\n  rejectProps: { disabled: false, applyAriaDisabled: false },\n};\n\nexport const DSModalFooterPropTypes: DSPropTypesSchema<DSModalFooterT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  confirmLabel: PropTypes.string.description('Confirm Label'),\n  rejectLabel: PropTypes.string.description('Reject Label'),\n  onConfirm: PropTypes.func.description('Callback'),\n  onReject: PropTypes.func.description('Callback'),\n  confirmProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for confirm btn.'),\n  rejectProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n    applyAriaDisabled: PropTypes.bool,\n  }).description('Extra DSButton props for reject btn.'),\n  ...getPropsPerDatatestIdPropTypes(MODAL_FOOTER_DATA_TESTID),\n};\n\nexport const DSModalFooterPropTypesSchema = DSModalFooterPropTypes as unknown as ValidationMap<DSModalFooterT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,8BAKO;AACP,uBAAyC;AAsClC,MAAM,eAA4C;AAAA,EACvD,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc,EAAE,UAAU,MAAM;AAAA,EAChC,aAAa,EAAE,UAAU,OAAO,mBAAmB,MAAM;AAC3D;AAEO,MAAM,yBAAkE;AAAA,EAC7E,GAAG;AAAA,EACH,GAAG;AAAA,EACH,cAAc,kCAAU,OAAO,YAAY,eAAe;AAAA,EAC1D,aAAa,kCAAU,OAAO,YAAY,cAAc;AAAA,EACxD,WAAW,kCAAU,KAAK,YAAY,UAAU;AAAA,EAChD,UAAU,kCAAU,KAAK,YAAY,UAAU;AAAA,EAC/C,cAAc,kCAAU,MAAM;AAAA,IAC5B,UAAU,kCAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA,EACtD,aAAa,kCAAU,MAAM;AAAA,IAC3B,UAAU,kCAAU;AAAA,IACpB,mBAAmB,kCAAU;AAAA,EAC/B,CAAC,EAAE,YAAY,sCAAsC;AAAA,EACrD,OAAG,wDAA+B,yCAAwB;AAC5D;AAEO,MAAM,+BAA+B;",
+  "names": []
+}