@elliemae/ds-modal-slide 3.33.0-next.2 → 3.33.0-next.4

package/dist/cjs/DSModalSlide.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSModalSlide.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { describe, useGetGlobalAttributes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { debounce } from 'lodash';\nimport ReactDOM from 'react-dom';\nimport { useTheme, styled } from '@elliemae/ds-system';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\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 './DSModalSlideDefinitions.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 = (props: DSModalSlideT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSModalSlideT.InternalProps>(props, defaultProps);\n  const { isOpen, children, getContainer, fullWidth, header, footer, fadeOut, fadeIn, overrideHeight, innerRef } =\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 theme = useTheme();\n  const contentRows = [...(header ? ['auto', '1px'] : []), '1fr', ...(footer ? ['1px', theme.space.m] : [])];\n  const globalAttrs = useGetGlobalAttributes(props);\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            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledGridContent rows={contentRows} data-testid=\"ds-modal-slide\">\n              {header && React.cloneElement(header, { fullWidth })}\n              {header && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              <Grid style={{ overflow: 'hidden' }}>\n                <StyledContentWrapper\n                  innerRef={innerRef}\n                  tabIndex={0}\n                  role=\"contentinfo\"\n                  getOwnerProps={getOwnerProps}\n                  getOwnerPropsArguments={getOwnerPropsArguments}\n                >\n                  <StyledActualContent\n                    className=\"em-ds-modal-slide__actual-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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",
+  "sourcesContent": ["import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { describe, useGetGlobalAttributes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { debounce } from 'lodash';\nimport ReactDOM from 'react-dom';\nimport { useTheme, styled } from '@elliemae/ds-system';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\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 './DSModalSlideDefinitions.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 { isOpen, children, getContainer, fullWidth, header, footer, fadeOut, fadeIn, overrideHeight, innerRef } =\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 theme = useTheme();\n  const contentRows = [...(header ? ['auto', '1px'] : []), '1fr', ...(footer ? ['1px', theme.space.m] : [])];\n  const globalAttrs = useGetGlobalAttributes(props);\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            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledGridContent rows={contentRows} data-testid=\"ds-modal-slide\">\n              {header && React.cloneElement(header, { fullWidth })}\n              {header && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              <Grid style={{ overflow: 'hidden' }}>\n                <StyledContentWrapper\n                  innerRef={innerRef}\n                  tabIndex={0}\n                  role=\"contentinfo\"\n                  getOwnerProps={getOwnerProps}\n                  getOwnerPropsArguments={getOwnerPropsArguments}\n                >\n                  <StyledActualContent\n                    className=\"em-ds-modal-slide__actual-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", "ReactDOM", "React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { getPropsPerDatatestIdPropTypes } from '@elliemae/ds-utilities';\nimport { DSModalSlideDataTestIds } from './DSModalSlideDefinitions.js';\n\nexport declare namespace DSModalSlideT {\n  type PropsT<D, R, O, E> = Partial<D> & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n  type InternalPropsT<D, R, O, E> = D & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n\n  export interface RequiredProps {\n    getContainer: () => HTMLElement;\n  }\n\n  export interface DefaultProps {\n    isOpen: boolean;\n    centered: boolean;\n    fullWidth: boolean;\n    fadeOut: number;\n    fadeIn: number;\n    overrideHeight: boolean;\n  }\n\n  export interface OptionalProps {\n    header: JSX.Element;\n    footer: React.ReactNode;\n    children?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n  }\n\n  export interface FooterRequiredProps {}\n\n  export interface FooterDefaultProps {\n    confirmLabel: string;\n    rejectLabel: string;\n    confirmProps: { disabled: boolean };\n    rejectProps: { disabled: boolean };\n  }\n\n  export interface FooterOptionalProps {\n    onConfirm: () => void;\n    onReject: () => void;\n  }\n\n  export interface HeaderRequiredProps {}\n\n  export interface HeaderDefaultProps {\n    title: string;\n    onClose: () => void;\n  }\n\n  export interface HeaderOptionalProps {\n    toolbar?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;\n  }\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n\n  export type HeaderProps = PropsT<HeaderDefaultProps, HeaderRequiredProps, HeaderOptionalProps, HTMLButtonElement>;\n\n  export type HeaderInternalProps = InternalPropsT<\n    HeaderDefaultProps,\n    HeaderRequiredProps,\n    HeaderOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export type FooterProps = PropsT<FooterDefaultProps, FooterRequiredProps, FooterOptionalProps, HTMLDivElement>;\n\n  export type FooterInternalProps = InternalPropsT<\n    FooterDefaultProps,\n    FooterRequiredProps,\n    FooterOptionalProps,\n    HTMLDivElement\n  >;\n}\n\nexport const defaultProps: DSModalSlideT.DefaultProps = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n};\n\nexport const headerDefaultProps: DSModalSlideT.HeaderDefaultProps = {\n  title: '',\n  onClose: () => null,\n};\n\nexport const footerDefaultProps: DSModalSlideT.FooterDefaultProps = {\n  confirmLabel: 'Confirm',\n  rejectLabel: 'Cancel',\n  confirmProps: { disabled: false },\n  rejectProps: { disabled: false },\n};\n\nexport const DSModalSlidePropTypes: DSPropTypesSchema<DSModalSlideT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * If the modal slide is centered or not\n   */\n  centered: PropTypes.bool.description('If the modal slide is centered or not'),\n  /**\n   * If the modal slide is visible or not\n   */\n  isOpen: PropTypes.bool.description('If the modal slide is visible or not'),\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.oneOfType([PropTypes.node]).isRequired.description('Main content of the modal'),\n  /**\n   * If the modal slide takes the full width or not\n   */\n  fullWidth: PropTypes.bool.description('If the modal slide takes the full width or not'),\n  /**\n   * If the modal slide has a header, only available for full width option\n   */\n  header: PropTypes.element.description('If the modal slide has a header, only available for full width option'),\n  /**\n   * If the modal slide has a footer\n   */\n  footer: PropTypes.element.description('If the modal slide has a footer'),\n  /**\n   * Ratio of fade out\n   */\n  fadeOut: PropTypes.number.description('Ratio of fade out'),\n  /**\n   * Ratio of fade in\n   */\n  fadeIn: PropTypes.number.description('Ratio of fade in'),\n  /**\n   * Override the panel height to scroll height of the container\n   */\n  overrideHeight: PropTypes.bool.description('Override the panel height to scroll height of the container'),\n  getContainer: PropTypes.func.description('Should return the container of the modal slide').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal slide'),\n};\n\nexport const DSModalSlidePropTypesSchema =\n  DSModalSlidePropTypes as unknown as React.WeakValidationMap<DSModalSlideT.Props>;\n\nexport const DSModalSlideHeaderPropTypes: DSPropTypesSchema<DSModalSlideT.HeaderProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.description('modal title'),\n  onClose: PropTypes.func.description('on modal close callback'),\n  toolbar: PropTypes.node.description('modal toolbar comoponent'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal slide'),\n};\n\nexport const DSModalSlideHeaderPropTypesSchema =\n  DSModalSlideHeaderPropTypes as unknown as React.WeakValidationMap<DSModalSlideT.HeaderProps>;\n\nexport const DSModalSlideFooterPropTypes: DSPropTypesSchema<DSModalSlideT.FooterProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * Confirm Label\n   */\n  confirmLabel: PropTypes.string.description('Confirm Label'),\n  /**\n   * Reject Label\n   */\n  rejectLabel: PropTypes.string.description('Reject Label'),\n  /**\n   * Callback\n   */\n  onConfirm: PropTypes.func.description('Callback'),\n  /**\n   * Callback\n   */\n  onReject: PropTypes.func.description('Callback'),\n  /**\n   * Extra DSButton props for confirm btn.\n   */\n  confirmProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for confirm btn.'),\n  /**\n   * Extra DSButton props for reject btn.\n   */\n  rejectProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for reject btn.'),\n  ...getPropsPerDatatestIdPropTypes(DSModalSlideDataTestIds),\n};\n\nexport const DSModalSlideFooterPropTypesSchema =\n  DSModalSlideFooterPropTypes as unknown as React.WeakValidationMap<DSModalSlideT.FooterProps>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AACvE,0BAA+C;AAC/C,qCAAwC;AA2EjC,MAAM,eAA2C;AAAA,EACtD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAClB;AAEO,MAAM,qBAAuD;AAAA,EAClE,OAAO;AAAA,EACP,SAAS,MAAM;AACjB;AAEO,MAAM,qBAAuD;AAAA,EAClE,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc,EAAE,UAAU,MAAM;AAAA,EAChC,aAAa,EAAE,UAAU,MAAM;AACjC;AAEO,MAAM,wBAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,UAAU,kCAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAI5E,QAAQ,kCAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA;AAAA;AAAA,EAIzE,UAAU,kCAAU,UAAU,CAAC,kCAAU,IAAI,CAAC,EAAE,WAAW,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAIlG,WAAW,kCAAU,KAAK,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAItF,QAAQ,kCAAU,QAAQ,YAAY,uEAAuE;AAAA;AAAA;AAAA;AAAA,EAI7G,QAAQ,kCAAU,QAAQ,YAAY,iCAAiC;AAAA;AAAA;AAAA;AAAA,EAIvE,SAAS,kCAAU,OAAO,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIzD,QAAQ,kCAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAIvD,gBAAgB,kCAAU,KAAK,YAAY,6DAA6D;AAAA,EACxG,cAAc,kCAAU,KAAK,YAAY,gDAAgD,EAAE;AAAA,EAC3F,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,wBAAwB;AACxG;AAEO,MAAM,8BACX;AAEK,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,YAAY,aAAa;AAAA,EACjD,SAAS,kCAAU,KAAK,YAAY,yBAAyB;AAAA,EAC7D,SAAS,kCAAU,KAAK,YAAY,0BAA0B;AAAA,EAC9D,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,wBAAwB;AACxG;AAEO,MAAM,oCACX;AAEK,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,cAAc,kCAAU,OAAO,YAAY,eAAe;AAAA;AAAA;AAAA;AAAA,EAI1D,aAAa,kCAAU,OAAO,YAAY,cAAc;AAAA;AAAA;AAAA;AAAA,EAIxD,WAAW,kCAAU,KAAK,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAIhD,UAAU,kCAAU,KAAK,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAI/C,cAAc,kCAAU,MAAM;AAAA,IAC5B,UAAU,kCAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAItD,aAAa,kCAAU,MAAM;AAAA,IAC3B,UAAU,kCAAU;AAAA,EACtB,CAAC,EAAE,YAAY,sCAAsC;AAAA,EACrD,OAAG,oDAA+B,sDAAuB;AAC3D;AAEO,MAAM,oCACX;",
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { getPropsPerDatatestIdPropTypes } from '@elliemae/ds-utilities';\nimport { DSModalSlideDataTestIds } from './DSModalSlideDefinitions.js';\n\nexport declare namespace DSModalSlideT {\n  type PropsT<D, R, O, E> = Partial<D> & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n  type InternalPropsT<D, R, O, E> = D & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n\n  export interface RequiredProps {\n    getContainer: () => HTMLElement;\n  }\n\n  export interface DefaultProps {\n    isOpen: boolean;\n    centered: boolean;\n    fullWidth: boolean;\n    fadeOut: number;\n    fadeIn: number;\n    overrideHeight: boolean;\n  }\n\n  export interface OptionalProps {\n    header?: JSX.Element;\n    footer?: React.ReactNode;\n    children?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n  }\n\n  export interface FooterRequiredProps {}\n\n  export interface FooterDefaultProps {\n    confirmLabel: string;\n    rejectLabel: string;\n    confirmProps: {\n      disabled: boolean;\n      innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;\n    };\n    rejectProps: { disabled: boolean };\n  }\n\n  export interface FooterOptionalProps {\n    onConfirm: () => void;\n    onReject: () => void;\n  }\n\n  export interface HeaderRequiredProps {}\n\n  export interface HeaderDefaultProps {\n    title: string;\n    onClose: () => void;\n  }\n\n  export interface HeaderOptionalProps {\n    toolbar?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;\n  }\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n\n  export type HeaderProps = PropsT<HeaderDefaultProps, HeaderRequiredProps, HeaderOptionalProps, HTMLButtonElement>;\n\n  export type HeaderInternalProps = InternalPropsT<\n    HeaderDefaultProps,\n    HeaderRequiredProps,\n    HeaderOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export type FooterProps = PropsT<FooterDefaultProps, FooterRequiredProps, FooterOptionalProps, HTMLDivElement>;\n\n  export type FooterInternalProps = InternalPropsT<\n    FooterDefaultProps,\n    FooterRequiredProps,\n    FooterOptionalProps,\n    HTMLDivElement\n  >;\n}\n\nexport const defaultProps: DSModalSlideT.DefaultProps = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n};\n\nexport const headerDefaultProps: DSModalSlideT.HeaderDefaultProps = {\n  title: '',\n  onClose: () => null,\n};\n\nexport const footerDefaultProps: DSModalSlideT.FooterDefaultProps = {\n  confirmLabel: 'Confirm',\n  rejectLabel: 'Cancel',\n  confirmProps: { disabled: false },\n  rejectProps: { disabled: false },\n};\n\nexport const DSModalSlidePropTypes: DSPropTypesSchema<DSModalSlideT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * If the modal slide is centered or not\n   */\n  centered: PropTypes.bool.description('If the modal slide is centered or not'),\n  /**\n   * If the modal slide is visible or not\n   */\n  isOpen: PropTypes.bool.description('If the modal slide is visible or not'),\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.oneOfType([PropTypes.node]).isRequired.description('Main content of the modal'),\n  /**\n   * If the modal slide takes the full width or not\n   */\n  fullWidth: PropTypes.bool.description('If the modal slide takes the full width or not'),\n  /**\n   * If the modal slide has a header, only available for full width option\n   */\n  header: PropTypes.element.description('If the modal slide has a header, only available for full width option'),\n  /**\n   * If the modal slide has a footer\n   */\n  footer: PropTypes.element.description('If the modal slide has a footer'),\n  /**\n   * Ratio of fade out\n   */\n  fadeOut: PropTypes.number.description('Ratio of fade out'),\n  /**\n   * Ratio of fade in\n   */\n  fadeIn: PropTypes.number.description('Ratio of fade in'),\n  /**\n   * Override the panel height to scroll height of the container\n   */\n  overrideHeight: PropTypes.bool.description('Override the panel height to scroll height of the container'),\n  getContainer: PropTypes.func.description('Should return the container of the modal slide').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal slide'),\n};\n\nexport const DSModalSlidePropTypesSchema =\n  DSModalSlidePropTypes as unknown as React.WeakValidationMap<DSModalSlideT.Props>;\n\nexport const DSModalSlideHeaderPropTypes: DSPropTypesSchema<DSModalSlideT.HeaderProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.description('modal title'),\n  onClose: PropTypes.func.description('on modal close callback'),\n  toolbar: PropTypes.node.description('modal toolbar comoponent'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal slide'),\n};\n\nexport const DSModalSlideHeaderPropTypesSchema =\n  DSModalSlideHeaderPropTypes as unknown as React.WeakValidationMap<DSModalSlideT.HeaderProps>;\n\nexport const DSModalSlideFooterPropTypes: DSPropTypesSchema<DSModalSlideT.FooterProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * Confirm Label\n   */\n  confirmLabel: PropTypes.string.description('Confirm Label'),\n  /**\n   * Reject Label\n   */\n  rejectLabel: PropTypes.string.description('Reject Label'),\n  /**\n   * Callback\n   */\n  onConfirm: PropTypes.func.description('Callback'),\n  /**\n   * Callback\n   */\n  onReject: PropTypes.func.description('Callback'),\n  /**\n   * Extra DSButton props for confirm btn.\n   */\n  confirmProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for confirm btn.'),\n  /**\n   * Extra DSButton props for reject btn.\n   */\n  rejectProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for reject btn.'),\n  ...getPropsPerDatatestIdPropTypes(DSModalSlideDataTestIds),\n};\n\nexport const DSModalSlideFooterPropTypesSchema =\n  DSModalSlideFooterPropTypes as unknown as React.WeakValidationMap<DSModalSlideT.FooterProps>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AACvE,0BAA+C;AAC/C,qCAAwC;AA8EjC,MAAM,eAA2C;AAAA,EACtD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAClB;AAEO,MAAM,qBAAuD;AAAA,EAClE,OAAO;AAAA,EACP,SAAS,MAAM;AACjB;AAEO,MAAM,qBAAuD;AAAA,EAClE,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc,EAAE,UAAU,MAAM;AAAA,EAChC,aAAa,EAAE,UAAU,MAAM;AACjC;AAEO,MAAM,wBAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,UAAU,kCAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAI5E,QAAQ,kCAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA;AAAA;AAAA,EAIzE,UAAU,kCAAU,UAAU,CAAC,kCAAU,IAAI,CAAC,EAAE,WAAW,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAIlG,WAAW,kCAAU,KAAK,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAItF,QAAQ,kCAAU,QAAQ,YAAY,uEAAuE;AAAA;AAAA;AAAA;AAAA,EAI7G,QAAQ,kCAAU,QAAQ,YAAY,iCAAiC;AAAA;AAAA;AAAA;AAAA,EAIvE,SAAS,kCAAU,OAAO,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIzD,QAAQ,kCAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAIvD,gBAAgB,kCAAU,KAAK,YAAY,6DAA6D;AAAA,EACxG,cAAc,kCAAU,KAAK,YAAY,gDAAgD,EAAE;AAAA,EAC3F,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,wBAAwB;AACxG;AAEO,MAAM,8BACX;AAEK,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,kCAAU,OAAO,YAAY,aAAa;AAAA,EACjD,SAAS,kCAAU,KAAK,YAAY,yBAAyB;AAAA,EAC7D,SAAS,kCAAU,KAAK,YAAY,0BAA0B;AAAA,EAC9D,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,CAAC,EAAE,YAAY,wBAAwB;AACxG;AAEO,MAAM,oCACX;AAEK,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,cAAc,kCAAU,OAAO,YAAY,eAAe;AAAA;AAAA;AAAA;AAAA,EAI1D,aAAa,kCAAU,OAAO,YAAY,cAAc;AAAA;AAAA;AAAA;AAAA,EAIxD,WAAW,kCAAU,KAAK,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAIhD,UAAU,kCAAU,KAAK,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAI/C,cAAc,kCAAU,MAAM;AAAA,IAC5B,UAAU,kCAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAItD,aAAa,kCAAU,MAAM;AAAA,IAC3B,UAAU,kCAAU;AAAA,EACtB,CAAC,EAAE,YAAY,sCAAsC;AAAA,EACrD,OAAG,oDAA+B,sDAAuB;AAC3D;AAEO,MAAM,oCACX;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -149,7 +149,10 @@ const StyledGridContent = (0, import_ds_system.styled)(import_ds_grid.Grid)`
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
 `;
-const StyledTitle = (0, import_ds_system.styled)("div", { name: import_DSModalSlideDefinitions.DSModalSlideName, slot: import_DSModalSlideDefinitions.DSModalSlideSlots.TITLE })``;
+const StyledTitle = (0, import_ds_system.styled)("div", { name: import_DSModalSlideDefinitions.DSModalSlideName, slot: import_DSModalSlideDefinitions.DSModalSlideSlots.TITLE })`
+  font-size: 1.3846rem;
+  color: neutral-700;
+`;
 const StyledHeaderLeftSide = (0, import_ds_system.styled)("div", { name: import_DSModalSlideDefinitions.DSModalSlideName, slot: import_DSModalSlideDefinitions.DSModalSlideSlots.HEADER_LEFT_SIDE })`
   width: 100%;
   display: flex;
@@ -176,11 +179,6 @@ const StyledHeader = (0, import_ds_system.styled)("div", { name: import_DSModalS
   display: flex;
   flex-direction: column;
   justify-content: center;
-
-  ${StyledTitle} {
-    font-size: 1.3846rem;
-    color: neutral-700;
-  }
 `;
 const StyledFooter = (0, import_ds_system.styled)("div", { name: import_DSModalSlideDefinitions.DSModalSlideName, slot: import_DSModalSlideDefinitions.DSModalSlideSlots.FOOTER })``;
 const StyledFooterWrapper = (0, import_ds_system.styled)("div", { name: import_DSModalSlideDefinitions.DSModalSlideName, slot: import_DSModalSlideDefinitions.DSModalSlideSlots.FOOTER_WRAPPER })`

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSeparatorV2 } from '@elliemae/ds-separator';\nimport { styled, kfrm } from '@elliemae/ds-system';\nimport { DSModalSlideName, DSModalSlideSlots } from './DSModalSlideDefinitions.js';\n\nconst overlayAnimation = kfrm`{\n    0% {\n      background: rgba(37, 41, 47, 0);\n    }\n    100% {\n      background: rgba(37, 41, 47, 0.25);\n    }\n}`;\n\nconst overlayAnimationOut = kfrm`{\n    0% {\n      background: rgba(37, 41, 47, 0.25);\n    }\n    100% {\n      background: rgba(37, 41, 47, 0);\n    }\n}`;\n\nconst contentAnimationOut = kfrm`{\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n}`;\n\nconst contentAnimationIn = kfrm`{\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n}`;\n\nexport const StyledModalWrapper = styled('div', {\n  name: DSModalSlideName,\n  slot: DSModalSlideSlots.ROOT,\n})<{ height: string | number }>`\n  position: absolute;\n  display: flex;\n  height: calc(${(props) => props.height} * 1px);\n  width: 100%;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  z-index: 10;\n\n  .em-ds-modal-v2__modal-wrapper {\n    flex: 1;\n    padding: 2.46rem 0;\n  }\n\n  .em-ds-modal-v2__modal-title {\n    max-width: 80%;\n    margin: 0 auto;\n  }\n`;\n\nexport const StyledOverlay = styled('div', {\n  name: DSModalSlideName,\n  slot: DSModalSlideSlots.OVERLAY,\n})<{ disappearing: boolean; showing: boolean; fadeIn: number; fadeOut: number }>`\n  height: 100%;\n  width: 100%;\n  background: rgba(37, 41, 47, 0.25);\n  display: flex;\n  animation: ${(props) => (props.disappearing ? overlayAnimationOut : overlayAnimation)}\n    calc(${(props) => (props.disappearing ? props.fadeOut : props.fadeIn)} * 1ms) linear;\n\n  ${(props) =>\n    props.showing &&\n    `display: flex;\n     height: 100%;`}\n`;\n\nexport const StyledContent = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.CONTENT })<{\n  height: number | string;\n  width: number | string;\n  disappearing: boolean;\n  fadeIn: number;\n  fadeOut: number;\n}>`\n  height: calc(${(props) => props.height} * 1px);\n  background: neutral-000;\n  box-shadow:\n    0 6px 20px 0 rgba(0, 0, 0, 0.24),\n    0 8px 17px 0 rgba(0, 0, 0, 0.19);\n  width: calc(${(props) => props.width} * 1%);\n  margin-left: auto;\n  align-items: center;\n  flex-direction: column;\n  display: flex;\n  overflow-y: auto;\n  border: 1px solid neutral-300;\n  border-left: 2px solid neutral-300;\n  animation: ${(props) => (props.disappearing ? contentAnimationOut : contentAnimationIn)}\n    calc(${(props) => (props.disappearing ? props.fadeOut / 2 : props.fadeIn / 2)} * 1ms) linear;\n  .em-ds-separator-wrapper {\n    margin-top: unset;\n  }\n`;\n\nexport const StyledGridContent = styled(Grid)`\n  height: 100%;\n  width: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-transform-style: preserve-3d;\n  transform-style: preserve-3d;\n`;\n\nexport const StyledTitle = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.TITLE })``;\n\nexport const StyledHeaderLeftSide = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER_LEFT_SIDE })`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  text-align: left;\n  padding: 0.61538rem 1.23077rem 0.61538rem 0;\n  height: 3.69231rem;\n\n  .em-ds-button {\n    .em-ds-icon {\n      fill: brand-primary-600;\n    }\n  }\n  .close-button {\n    padding-left: 18px;\n  }\n`;\n\nexport const StyledActualContent = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.ACTUAL_CONTENT })`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledHeader = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER })`\n  padding: 0 1.23077rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  ${StyledTitle} {\n    font-size: 1.3846rem;\n    color: neutral-700;\n  }\n`;\n\nexport const StyledFooter = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.FOOTER })``;\n\nexport const StyledFooterWrapper = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.FOOTER_WRAPPER })`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  text-align: left;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0.61538rem 1.23077rem 0.61538rem 0;\n  height: 3.69231rem;\n  .em-ds-button {\n    margin-left: 1.23077rem;\n  }\n`;\n\nexport const HeaderWrapper = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER_WRAPPER })`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  align-items: center;\n  height: 48px;\n  overflow: hidden;\n`;\n\nexport const StyledSeparator = styled(DSSeparatorV2, { name: DSModalSlideName, slot: DSModalSlideSlots.SEPARATOR })`\n  height: 33%;\n  background: ${(props) => props.theme.colors.neutral['300']};\n`;\n\nexport const StyledCloseButton = styled(DSButtonV2, { name: DSModalSlideName, slot: DSModalSlideSlots.CLOSE_BUTTON })`\n  margin: ${(props) => props.theme.space.xs};\n`;\n\nexport const StyledContentWrapper = styled(Grid, { name: DSModalSlideName, slot: DSModalSlideSlots.CONTENT_WRAPPER })`\n  overflow: auto;\n  &:focus,\n  &:focus-visible {\n    outline: 1px solid ${({ theme }) => theme.colors.brand['600']};\n    outline-offset: -1px;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSeparatorV2 } from '@elliemae/ds-separator';\nimport { styled, kfrm } from '@elliemae/ds-system';\nimport { DSModalSlideName, DSModalSlideSlots } from './DSModalSlideDefinitions.js';\n\nconst overlayAnimation = kfrm`{\n    0% {\n      background: rgba(37, 41, 47, 0);\n    }\n    100% {\n      background: rgba(37, 41, 47, 0.25);\n    }\n}`;\n\nconst overlayAnimationOut = kfrm`{\n    0% {\n      background: rgba(37, 41, 47, 0.25);\n    }\n    100% {\n      background: rgba(37, 41, 47, 0);\n    }\n}`;\n\nconst contentAnimationOut = kfrm`{\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n}`;\n\nconst contentAnimationIn = kfrm`{\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n}`;\n\nexport const StyledModalWrapper = styled('div', {\n  name: DSModalSlideName,\n  slot: DSModalSlideSlots.ROOT,\n})<{ height: string | number }>`\n  position: absolute;\n  display: flex;\n  height: calc(${(props) => props.height} * 1px);\n  width: 100%;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  z-index: 10;\n\n  .em-ds-modal-v2__modal-wrapper {\n    flex: 1;\n    padding: 2.46rem 0;\n  }\n\n  .em-ds-modal-v2__modal-title {\n    max-width: 80%;\n    margin: 0 auto;\n  }\n`;\n\nexport const StyledOverlay = styled('div', {\n  name: DSModalSlideName,\n  slot: DSModalSlideSlots.OVERLAY,\n})<{ disappearing: boolean; showing: boolean; fadeIn: number; fadeOut: number }>`\n  height: 100%;\n  width: 100%;\n  background: rgba(37, 41, 47, 0.25);\n  display: flex;\n  animation: ${(props) => (props.disappearing ? overlayAnimationOut : overlayAnimation)}\n    calc(${(props) => (props.disappearing ? props.fadeOut : props.fadeIn)} * 1ms) linear;\n\n  ${(props) =>\n    props.showing &&\n    `display: flex;\n     height: 100%;`}\n`;\n\nexport const StyledContent = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.CONTENT })<{\n  height: number | string;\n  width: number | string;\n  disappearing: boolean;\n  fadeIn: number;\n  fadeOut: number;\n}>`\n  height: calc(${(props) => props.height} * 1px);\n  background: neutral-000;\n  box-shadow:\n    0 6px 20px 0 rgba(0, 0, 0, 0.24),\n    0 8px 17px 0 rgba(0, 0, 0, 0.19);\n  width: calc(${(props) => props.width} * 1%);\n  margin-left: auto;\n  align-items: center;\n  flex-direction: column;\n  display: flex;\n  overflow-y: auto;\n  border: 1px solid neutral-300;\n  border-left: 2px solid neutral-300;\n  animation: ${(props) => (props.disappearing ? contentAnimationOut : contentAnimationIn)}\n    calc(${(props) => (props.disappearing ? props.fadeOut / 2 : props.fadeIn / 2)} * 1ms) linear;\n  .em-ds-separator-wrapper {\n    margin-top: unset;\n  }\n`;\n\nexport const StyledGridContent = styled(Grid)`\n  height: 100%;\n  width: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-transform-style: preserve-3d;\n  transform-style: preserve-3d;\n`;\n\nexport const StyledTitle = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.TITLE })`\n  font-size: 1.3846rem;\n  color: neutral-700;\n`;\n\nexport const StyledHeaderLeftSide = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER_LEFT_SIDE })`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  text-align: left;\n  padding: 0.61538rem 1.23077rem 0.61538rem 0;\n  height: 3.69231rem;\n\n  .em-ds-button {\n    .em-ds-icon {\n      fill: brand-primary-600;\n    }\n  }\n  .close-button {\n    padding-left: 18px;\n  }\n`;\n\nexport const StyledActualContent = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.ACTUAL_CONTENT })`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledHeader = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER })`\n  padding: 0 1.23077rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n`;\n\nexport const StyledFooter = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.FOOTER })``;\n\nexport const StyledFooterWrapper = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.FOOTER_WRAPPER })`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  text-align: left;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0.61538rem 1.23077rem 0.61538rem 0;\n  height: 3.69231rem;\n  .em-ds-button {\n    margin-left: 1.23077rem;\n  }\n`;\n\nexport const HeaderWrapper = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER_WRAPPER })`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  align-items: center;\n  height: 48px;\n  overflow: hidden;\n`;\n\nexport const StyledSeparator = styled(DSSeparatorV2, { name: DSModalSlideName, slot: DSModalSlideSlots.SEPARATOR })`\n  height: 33%;\n  background: ${(props) => props.theme.colors.neutral['300']};\n`;\n\nexport const StyledCloseButton = styled(DSButtonV2, { name: DSModalSlideName, slot: DSModalSlideSlots.CLOSE_BUTTON })`\n  margin: ${(props) => props.theme.space.xs};\n`;\n\nexport const StyledContentWrapper = styled(Grid, { name: DSModalSlideName, slot: DSModalSlideSlots.CONTENT_WRAPPER })`\n  overflow: auto;\n  &:focus,\n  &:focus-visible {\n    outline: 1px solid ${({ theme }) => theme.colors.brand['600']};\n    outline-offset: -1px;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/typescript-testing/typescript-modal-slide-valid.js

@@ -0,0 +1,196 @@
+"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 __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 React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import__ = require("../index.js");
+const ref = import_react.default.createRef();
+const testRequiredProps = {
+  getContainer: () => ref.current
+};
+const testOptionalProps = {
+  footer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.ModalFooter,
+    {
+      onConfirm: () => {
+      },
+      confirmProps: { disabled: false },
+      confirmLabel: "",
+      onReject: () => {
+      },
+      rejectProps: { disabled: false },
+      rejectLabel: ""
+    }
+  ),
+  header: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ModalHeader, { title: "", onClose: () => {
+  }, toolbar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) }),
+  innerRef: ref,
+  children: "content"
+};
+const testPartialDefaults = {
+  fadeIn: 1e3,
+  fadeOut: 2e3,
+  isOpen: true
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  isOpen: false,
+  centered: false,
+  fullWidth: false,
+  fadeOut: 1500,
+  fadeIn: 1500,
+  overrideHeight: false
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  isOpen: false,
+  centered: false,
+  fullWidth: false,
+  fadeOut: 1500,
+  fadeIn: 1500,
+  overrideHeight: false,
+  getContainer: () => ref.current,
+  footer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.ModalFooter,
+    {
+      onConfirm: () => {
+      },
+      confirmProps: { disabled: false },
+      confirmLabel: "",
+      onReject: () => {
+      },
+      rejectProps: { disabled: false },
+      rejectLabel: ""
+    }
+  ),
+  header: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ModalHeader, { title: "", onClose: () => {
+  }, toolbar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) }),
+  innerRef: ref,
+  children: "content"
+};
+const testInferedTypeCompatibility = {
+  isOpen: false,
+  centered: false,
+  fullWidth: false,
+  fadeOut: 1500,
+  fadeIn: 1500,
+  overrideHeight: false,
+  getContainer: () => ref.current,
+  footer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.ModalFooter,
+    {
+      onConfirm: () => {
+      },
+      confirmProps: { disabled: false },
+      confirmLabel: "",
+      onReject: () => {
+      },
+      rejectProps: { disabled: false },
+      rejectLabel: ""
+    }
+  ),
+  header: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ModalHeader, { title: "", onClose: () => {
+  }, toolbar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) }),
+  innerRef: ref,
+  children: "content"
+};
+const testDefinitionAsConst = {
+  isOpen: false,
+  centered: false,
+  fullWidth: false,
+  fadeOut: 1500,
+  fadeIn: 1500,
+  overrideHeight: false,
+  getContainer: () => ref.current,
+  footer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.ModalFooter,
+    {
+      onConfirm: () => {
+      },
+      confirmProps: { disabled: false },
+      confirmLabel: "",
+      onReject: () => {
+      },
+      rejectProps: { disabled: false },
+      rejectLabel: ""
+    }
+  ),
+  header: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ModalHeader, { title: "", onClose: () => {
+  }, toolbar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) }),
+  innerRef: ref,
+  children: "content"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSModalSlide, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSModalSlide, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSModalSlide, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSModalSlide,
+    {
+      isOpen: false,
+      centered: false,
+      fullWidth: false,
+      fadeOut: 1500,
+      fadeIn: 1500,
+      overrideHeight: false,
+      getContainer: () => ref.current,
+      footer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import__.ModalFooter,
+        {
+          onConfirm: () => {
+          },
+          confirmProps: { disabled: false },
+          confirmLabel: "",
+          onReject: () => {
+          },
+          rejectProps: { disabled: false },
+          rejectLabel: ""
+        }
+      ),
+      header: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.ModalHeader, { title: "", onClose: () => {
+      }, toolbar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {}) }),
+      innerRef: ref,
+      children: "content"
+    }
+  )
+] });
+//# sourceMappingURL=typescript-modal-slide-valid.js.map

package/dist/cjs/typescript-testing/typescript-modal-slide-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-modal-slide-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSModalSlide, ModalHeader, ModalFooter } from '../index.js';\nimport type { DSModalSlideT } from '../index.js';\nimport { disabled } from '@elliemae/ds-system';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSModalSlideT.Props;\ntype ComponentPropsInternals = DSModalSlideT.InternalProps;\ntype ComponentPropsDefaultProps = DSModalSlideT.DefaultProps;\ntype ComponentPropsOptionalProps = DSModalSlideT.OptionalProps;\ntype ComponentPropsRequiredProps = DSModalSlideT.RequiredProps;\n\nconst ref = React.createRef() as React.MutableRefObject<HTMLDivElement>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  getContainer: () => ref.current,\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  footer: (\n    <ModalFooter\n      onConfirm={() => {}}\n      confirmProps={{ disabled: false }}\n      confirmLabel=\"\"\n      onReject={() => {}}\n      rejectProps={{ disabled: false }}\n      rejectLabel=\"\"\n    />\n  ),\n  header: <ModalHeader title=\"\" onClose={() => {}} toolbar={<></>} />,\n  innerRef: ref,\n  children: 'content',\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  fadeIn: 1000,\n  fadeOut: 2000,\n  isOpen: true,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n  getContainer: () => ref.current,\n  footer: (\n    <ModalFooter\n      onConfirm={() => {}}\n      confirmProps={{ disabled: false }}\n      confirmLabel=\"\"\n      onReject={() => {}}\n      rejectProps={{ disabled: false }}\n      rejectLabel=\"\"\n    />\n  ),\n  header: <ModalHeader title=\"\" onClose={() => {}} toolbar={<></>} />,\n  innerRef: ref,\n  children: 'content',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n  getContainer: () => ref.current,\n  footer: (\n    <ModalFooter\n      onConfirm={() => {}}\n      confirmProps={{ disabled: false }}\n      confirmLabel=\"\"\n      onReject={() => {}}\n      rejectProps={{ disabled: false }}\n      rejectLabel=\"\"\n    />\n  ),\n  header: <ModalHeader title=\"\" onClose={() => {}} toolbar={<></>} />,\n  innerRef: ref,\n  children: 'content',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n  getContainer: () => ref.current,\n  footer: (\n    <ModalFooter\n      onConfirm={() => {}}\n      confirmProps={{ disabled: false }}\n      confirmLabel=\"\"\n      onReject={() => {}}\n      rejectProps={{ disabled: false }}\n      rejectLabel=\"\"\n    />\n  ),\n  header: <ModalHeader title=\"\" onClose={() => {}} toolbar={<></>} />,\n  innerRef: ref,\n  children: 'content',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSModalSlide {...testExplicitDefinition} />\n    <DSModalSlide {...testInferedTypeCompatibility} />\n    <DSModalSlide {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSModalSlide\n      isOpen={false}\n      centered={false}\n      fullWidth={false}\n      fadeOut={1500}\n      fadeIn={1500}\n      overrideHeight={false}\n      getContainer={() => ref.current}\n      footer={\n        <ModalFooter\n          onConfirm={() => {}}\n          confirmProps={{ disabled: false }}\n          confirmLabel=\"\"\n          onReject={() => {}}\n          rejectProps={{ disabled: false }}\n          rejectLabel=\"\"\n        />\n      }\n      header={<ModalHeader title=\"\" onClose={() => {}} toolbar={<></>} />}\n      innerRef={ref}\n      children={'content'}\n    />\n  </>\n);\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/dist/esm/DSModalSlide.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSModalSlide.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { describe, useGetGlobalAttributes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { debounce } from 'lodash';\nimport ReactDOM from 'react-dom';\nimport { useTheme, styled } from '@elliemae/ds-system';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\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 './DSModalSlideDefinitions.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 = (props: DSModalSlideT.Props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<DSModalSlideT.InternalProps>(props, defaultProps);\n  const { isOpen, children, getContainer, fullWidth, header, footer, fadeOut, fadeIn, overrideHeight, innerRef } =\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 theme = useTheme();\n  const contentRows = [...(header ? ['auto', '1px'] : []), '1fr', ...(footer ? ['1px', theme.space.m] : [])];\n  const globalAttrs = useGetGlobalAttributes(props);\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            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledGridContent rows={contentRows} data-testid=\"ds-modal-slide\">\n              {header && React.cloneElement(header, { fullWidth })}\n              {header && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              <Grid style={{ overflow: 'hidden' }}>\n                <StyledContentWrapper\n                  innerRef={innerRef}\n                  tabIndex={0}\n                  role=\"contentinfo\"\n                  getOwnerProps={getOwnerProps}\n                  getOwnerPropsArguments={getOwnerPropsArguments}\n                >\n                  <StyledActualContent\n                    className=\"em-ds-modal-slide__actual-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"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect, useCallback, useMemo } from 'react';\nimport { describe, useGetGlobalAttributes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { debounce } from 'lodash';\nimport ReactDOM from 'react-dom';\nimport { useTheme, styled } from '@elliemae/ds-system';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\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 './DSModalSlideDefinitions.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 { isOpen, children, getContainer, fullWidth, header, footer, fadeOut, fadeIn, overrideHeight, innerRef } =\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 theme = useTheme();\n  const contentRows = [...(header ? ['auto', '1px'] : []), '1fr', ...(footer ? ['1px', theme.space.m] : [])];\n  const globalAttrs = useGetGlobalAttributes(props);\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            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            <StyledGridContent rows={contentRows} data-testid=\"ds-modal-slide\">\n              {header && React.cloneElement(header, { fullWidth })}\n              {header && <DSSeparator position=\"initial\" type=\"non-form\" />}\n              <Grid style={{ overflow: 'hidden' }}>\n                <StyledContentWrapper\n                  innerRef={innerRef}\n                  tabIndex={0}\n                  role=\"contentinfo\"\n                  getOwnerProps={getOwnerProps}\n                  getOwnerPropsArguments={getOwnerPropsArguments}\n                >\n                  <StyledActualContent\n                    className=\"em-ds-modal-slide__actual-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"],
+  "mappings": "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",
   "names": ["React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { getPropsPerDatatestIdPropTypes } from '@elliemae/ds-utilities';\nimport { DSModalSlideDataTestIds } from './DSModalSlideDefinitions.js';\n\nexport declare namespace DSModalSlideT {\n  type PropsT<D, R, O, E> = Partial<D> & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n  type InternalPropsT<D, R, O, E> = D & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n\n  export interface RequiredProps {\n    getContainer: () => HTMLElement;\n  }\n\n  export interface DefaultProps {\n    isOpen: boolean;\n    centered: boolean;\n    fullWidth: boolean;\n    fadeOut: number;\n    fadeIn: number;\n    overrideHeight: boolean;\n  }\n\n  export interface OptionalProps {\n    header: JSX.Element;\n    footer: React.ReactNode;\n    children?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n  }\n\n  export interface FooterRequiredProps {}\n\n  export interface FooterDefaultProps {\n    confirmLabel: string;\n    rejectLabel: string;\n    confirmProps: { disabled: boolean };\n    rejectProps: { disabled: boolean };\n  }\n\n  export interface FooterOptionalProps {\n    onConfirm: () => void;\n    onReject: () => void;\n  }\n\n  export interface HeaderRequiredProps {}\n\n  export interface HeaderDefaultProps {\n    title: string;\n    onClose: () => void;\n  }\n\n  export interface HeaderOptionalProps {\n    toolbar?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;\n  }\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n\n  export type HeaderProps = PropsT<HeaderDefaultProps, HeaderRequiredProps, HeaderOptionalProps, HTMLButtonElement>;\n\n  export type HeaderInternalProps = InternalPropsT<\n    HeaderDefaultProps,\n    HeaderRequiredProps,\n    HeaderOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export type FooterProps = PropsT<FooterDefaultProps, FooterRequiredProps, FooterOptionalProps, HTMLDivElement>;\n\n  export type FooterInternalProps = InternalPropsT<\n    FooterDefaultProps,\n    FooterRequiredProps,\n    FooterOptionalProps,\n    HTMLDivElement\n  >;\n}\n\nexport const defaultProps: DSModalSlideT.DefaultProps = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n};\n\nexport const headerDefaultProps: DSModalSlideT.HeaderDefaultProps = {\n  title: '',\n  onClose: () => null,\n};\n\nexport const footerDefaultProps: DSModalSlideT.FooterDefaultProps = {\n  confirmLabel: 'Confirm',\n  rejectLabel: 'Cancel',\n  confirmProps: { disabled: false },\n  rejectProps: { disabled: false },\n};\n\nexport const DSModalSlidePropTypes: DSPropTypesSchema<DSModalSlideT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * If the modal slide is centered or not\n   */\n  centered: PropTypes.bool.description('If the modal slide is centered or not'),\n  /**\n   * If the modal slide is visible or not\n   */\n  isOpen: PropTypes.bool.description('If the modal slide is visible or not'),\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.oneOfType([PropTypes.node]).isRequired.description('Main content of the modal'),\n  /**\n   * If the modal slide takes the full width or not\n   */\n  fullWidth: PropTypes.bool.description('If the modal slide takes the full width or not'),\n  /**\n   * If the modal slide has a header, only available for full width option\n   */\n  header: PropTypes.element.description('If the modal slide has a header, only available for full width option'),\n  /**\n   * If the modal slide has a footer\n   */\n  footer: PropTypes.element.description('If the modal slide has a footer'),\n  /**\n   * Ratio of fade out\n   */\n  fadeOut: PropTypes.number.description('Ratio of fade out'),\n  /**\n   * Ratio of fade in\n   */\n  fadeIn: PropTypes.number.description('Ratio of fade in'),\n  /**\n   * Override the panel height to scroll height of the container\n   */\n  overrideHeight: PropTypes.bool.description('Override the panel height to scroll height of the container'),\n  getContainer: PropTypes.func.description('Should return the container of the modal slide').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal slide'),\n};\n\nexport const DSModalSlidePropTypesSchema =\n  DSModalSlidePropTypes as unknown as React.WeakValidationMap<DSModalSlideT.Props>;\n\nexport const DSModalSlideHeaderPropTypes: DSPropTypesSchema<DSModalSlideT.HeaderProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.description('modal title'),\n  onClose: PropTypes.func.description('on modal close callback'),\n  toolbar: PropTypes.node.description('modal toolbar comoponent'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal slide'),\n};\n\nexport const DSModalSlideHeaderPropTypesSchema =\n  DSModalSlideHeaderPropTypes as unknown as React.WeakValidationMap<DSModalSlideT.HeaderProps>;\n\nexport const DSModalSlideFooterPropTypes: DSPropTypesSchema<DSModalSlideT.FooterProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * Confirm Label\n   */\n  confirmLabel: PropTypes.string.description('Confirm Label'),\n  /**\n   * Reject Label\n   */\n  rejectLabel: PropTypes.string.description('Reject Label'),\n  /**\n   * Callback\n   */\n  onConfirm: PropTypes.func.description('Callback'),\n  /**\n   * Callback\n   */\n  onReject: PropTypes.func.description('Callback'),\n  /**\n   * Extra DSButton props for confirm btn.\n   */\n  confirmProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for confirm btn.'),\n  /**\n   * Extra DSButton props for reject btn.\n   */\n  rejectProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for reject btn.'),\n  ...getPropsPerDatatestIdPropTypes(DSModalSlideDataTestIds),\n};\n\nexport const DSModalSlideFooterPropTypesSchema =\n  DSModalSlideFooterPropTypes as unknown as React.WeakValidationMap<DSModalSlideT.FooterProps>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AACvE,SAAS,sCAAsC;AAC/C,SAAS,+BAA+B;AA2EjC,MAAM,eAA2C;AAAA,EACtD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAClB;AAEO,MAAM,qBAAuD;AAAA,EAClE,OAAO;AAAA,EACP,SAAS,MAAM;AACjB;AAEO,MAAM,qBAAuD;AAAA,EAClE,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc,EAAE,UAAU,MAAM;AAAA,EAChC,aAAa,EAAE,UAAU,MAAM;AACjC;AAEO,MAAM,wBAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,UAAU,UAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAI5E,QAAQ,UAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA;AAAA;AAAA,EAIzE,UAAU,UAAU,UAAU,CAAC,UAAU,IAAI,CAAC,EAAE,WAAW,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAIlG,WAAW,UAAU,KAAK,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAItF,QAAQ,UAAU,QAAQ,YAAY,uEAAuE;AAAA;AAAA;AAAA;AAAA,EAI7G,QAAQ,UAAU,QAAQ,YAAY,iCAAiC;AAAA;AAAA;AAAA;AAAA,EAIvE,SAAS,UAAU,OAAO,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIzD,QAAQ,UAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAIvD,gBAAgB,UAAU,KAAK,YAAY,6DAA6D;AAAA,EACxG,cAAc,UAAU,KAAK,YAAY,gDAAgD,EAAE;AAAA,EAC3F,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE,YAAY,wBAAwB;AACxG;AAEO,MAAM,8BACX;AAEK,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,YAAY,aAAa;AAAA,EACjD,SAAS,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAC7D,SAAS,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAC9D,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE,YAAY,wBAAwB;AACxG;AAEO,MAAM,oCACX;AAEK,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,cAAc,UAAU,OAAO,YAAY,eAAe;AAAA;AAAA;AAAA;AAAA,EAI1D,aAAa,UAAU,OAAO,YAAY,cAAc;AAAA;AAAA;AAAA;AAAA,EAIxD,WAAW,UAAU,KAAK,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAIhD,UAAU,UAAU,KAAK,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAI/C,cAAc,UAAU,MAAM;AAAA,IAC5B,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAItD,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,sCAAsC;AAAA,EACrD,GAAG,+BAA+B,uBAAuB;AAC3D;AAEO,MAAM,oCACX;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-redundant-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { getPropsPerDatatestIdPropTypes } from '@elliemae/ds-utilities';\nimport { DSModalSlideDataTestIds } from './DSModalSlideDefinitions.js';\n\nexport declare namespace DSModalSlideT {\n  type PropsT<D, R, O, E> = Partial<D> & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n  type InternalPropsT<D, R, O, E> = D & R & O & Omit<GlobalAttributesT<E>, keyof D | keyof R | keyof O> & XstyledProps;\n\n  export interface RequiredProps {\n    getContainer: () => HTMLElement;\n  }\n\n  export interface DefaultProps {\n    isOpen: boolean;\n    centered: boolean;\n    fullWidth: boolean;\n    fadeOut: number;\n    fadeIn: number;\n    overrideHeight: boolean;\n  }\n\n  export interface OptionalProps {\n    header?: JSX.Element;\n    footer?: React.ReactNode;\n    children?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;\n  }\n\n  export interface FooterRequiredProps {}\n\n  export interface FooterDefaultProps {\n    confirmLabel: string;\n    rejectLabel: string;\n    confirmProps: {\n      disabled: boolean;\n      innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;\n    };\n    rejectProps: { disabled: boolean };\n  }\n\n  export interface FooterOptionalProps {\n    onConfirm: () => void;\n    onReject: () => void;\n  }\n\n  export interface HeaderRequiredProps {}\n\n  export interface HeaderDefaultProps {\n    title: string;\n    onClose: () => void;\n  }\n\n  export interface HeaderOptionalProps {\n    toolbar?: React.ReactNode;\n    innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;\n  }\n\n  export type Props = PropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n\n  export type InternalProps = InternalPropsT<DefaultProps, RequiredProps, OptionalProps, HTMLElement>;\n\n  export type HeaderProps = PropsT<HeaderDefaultProps, HeaderRequiredProps, HeaderOptionalProps, HTMLButtonElement>;\n\n  export type HeaderInternalProps = InternalPropsT<\n    HeaderDefaultProps,\n    HeaderRequiredProps,\n    HeaderOptionalProps,\n    HTMLButtonElement\n  >;\n\n  export type FooterProps = PropsT<FooterDefaultProps, FooterRequiredProps, FooterOptionalProps, HTMLDivElement>;\n\n  export type FooterInternalProps = InternalPropsT<\n    FooterDefaultProps,\n    FooterRequiredProps,\n    FooterOptionalProps,\n    HTMLDivElement\n  >;\n}\n\nexport const defaultProps: DSModalSlideT.DefaultProps = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n};\n\nexport const headerDefaultProps: DSModalSlideT.HeaderDefaultProps = {\n  title: '',\n  onClose: () => null,\n};\n\nexport const footerDefaultProps: DSModalSlideT.FooterDefaultProps = {\n  confirmLabel: 'Confirm',\n  rejectLabel: 'Cancel',\n  confirmProps: { disabled: false },\n  rejectProps: { disabled: false },\n};\n\nexport const DSModalSlidePropTypes: DSPropTypesSchema<DSModalSlideT.Props> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * If the modal slide is centered or not\n   */\n  centered: PropTypes.bool.description('If the modal slide is centered or not'),\n  /**\n   * If the modal slide is visible or not\n   */\n  isOpen: PropTypes.bool.description('If the modal slide is visible or not'),\n  /**\n   * Main content of the modal\n   */\n  children: PropTypes.oneOfType([PropTypes.node]).isRequired.description('Main content of the modal'),\n  /**\n   * If the modal slide takes the full width or not\n   */\n  fullWidth: PropTypes.bool.description('If the modal slide takes the full width or not'),\n  /**\n   * If the modal slide has a header, only available for full width option\n   */\n  header: PropTypes.element.description('If the modal slide has a header, only available for full width option'),\n  /**\n   * If the modal slide has a footer\n   */\n  footer: PropTypes.element.description('If the modal slide has a footer'),\n  /**\n   * Ratio of fade out\n   */\n  fadeOut: PropTypes.number.description('Ratio of fade out'),\n  /**\n   * Ratio of fade in\n   */\n  fadeIn: PropTypes.number.description('Ratio of fade in'),\n  /**\n   * Override the panel height to scroll height of the container\n   */\n  overrideHeight: PropTypes.bool.description('Override the panel height to scroll height of the container'),\n  getContainer: PropTypes.func.description('Should return the container of the modal slide').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal slide'),\n};\n\nexport const DSModalSlidePropTypesSchema =\n  DSModalSlidePropTypes as unknown as React.WeakValidationMap<DSModalSlideT.Props>;\n\nexport const DSModalSlideHeaderPropTypes: DSPropTypesSchema<DSModalSlideT.HeaderProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  title: PropTypes.string.description('modal title'),\n  onClose: PropTypes.func.description('on modal close callback'),\n  toolbar: PropTypes.node.description('modal toolbar comoponent'),\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Ref to the modal slide'),\n};\n\nexport const DSModalSlideHeaderPropTypesSchema =\n  DSModalSlideHeaderPropTypes as unknown as React.WeakValidationMap<DSModalSlideT.HeaderProps>;\n\nexport const DSModalSlideFooterPropTypes: DSPropTypesSchema<DSModalSlideT.FooterProps> = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  /**\n   * Confirm Label\n   */\n  confirmLabel: PropTypes.string.description('Confirm Label'),\n  /**\n   * Reject Label\n   */\n  rejectLabel: PropTypes.string.description('Reject Label'),\n  /**\n   * Callback\n   */\n  onConfirm: PropTypes.func.description('Callback'),\n  /**\n   * Callback\n   */\n  onReject: PropTypes.func.description('Callback'),\n  /**\n   * Extra DSButton props for confirm btn.\n   */\n  confirmProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for confirm btn.'),\n  /**\n   * Extra DSButton props for reject btn.\n   */\n  rejectProps: PropTypes.shape({\n    disabled: PropTypes.bool,\n  }).description('Extra DSButton props for reject btn.'),\n  ...getPropsPerDatatestIdPropTypes(DSModalSlideDataTestIds),\n};\n\nexport const DSModalSlideFooterPropTypesSchema =\n  DSModalSlideFooterPropTypes as unknown as React.WeakValidationMap<DSModalSlideT.FooterProps>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AACvE,SAAS,sCAAsC;AAC/C,SAAS,+BAA+B;AA8EjC,MAAM,eAA2C;AAAA,EACtD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,gBAAgB;AAClB;AAEO,MAAM,qBAAuD;AAAA,EAClE,OAAO;AAAA,EACP,SAAS,MAAM;AACjB;AAEO,MAAM,qBAAuD;AAAA,EAClE,cAAc;AAAA,EACd,aAAa;AAAA,EACb,cAAc,EAAE,UAAU,MAAM;AAAA,EAChC,aAAa,EAAE,UAAU,MAAM;AACjC;AAEO,MAAM,wBAAgE;AAAA,EAC3E,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,UAAU,UAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAI5E,QAAQ,UAAU,KAAK,YAAY,sCAAsC;AAAA;AAAA;AAAA;AAAA,EAIzE,UAAU,UAAU,UAAU,CAAC,UAAU,IAAI,CAAC,EAAE,WAAW,YAAY,2BAA2B;AAAA;AAAA;AAAA;AAAA,EAIlG,WAAW,UAAU,KAAK,YAAY,gDAAgD;AAAA;AAAA;AAAA;AAAA,EAItF,QAAQ,UAAU,QAAQ,YAAY,uEAAuE;AAAA;AAAA;AAAA;AAAA,EAI7G,QAAQ,UAAU,QAAQ,YAAY,iCAAiC;AAAA;AAAA;AAAA;AAAA,EAIvE,SAAS,UAAU,OAAO,YAAY,mBAAmB;AAAA;AAAA;AAAA;AAAA,EAIzD,QAAQ,UAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA;AAAA;AAAA,EAIvD,gBAAgB,UAAU,KAAK,YAAY,6DAA6D;AAAA,EACxG,cAAc,UAAU,KAAK,YAAY,gDAAgD,EAAE;AAAA,EAC3F,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE,YAAY,wBAAwB;AACxG;AAEO,MAAM,8BACX;AAEK,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,YAAY,aAAa;AAAA,EACjD,SAAS,UAAU,KAAK,YAAY,yBAAyB;AAAA,EAC7D,SAAS,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAC9D,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,CAAC,EAAE,YAAY,wBAAwB;AACxG;AAEO,MAAM,oCACX;AAEK,MAAM,8BAA4E;AAAA,EACvF,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA;AAAA,EAIH,cAAc,UAAU,OAAO,YAAY,eAAe;AAAA;AAAA;AAAA;AAAA,EAI1D,aAAa,UAAU,OAAO,YAAY,cAAc;AAAA;AAAA;AAAA;AAAA,EAIxD,WAAW,UAAU,KAAK,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAIhD,UAAU,UAAU,KAAK,YAAY,UAAU;AAAA;AAAA;AAAA;AAAA,EAI/C,cAAc,UAAU,MAAM;AAAA,IAC5B,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAItD,aAAa,UAAU,MAAM;AAAA,IAC3B,UAAU,UAAU;AAAA,EACtB,CAAC,EAAE,YAAY,sCAAsC;AAAA,EACrD,GAAG,+BAA+B,uBAAuB;AAC3D;AAEO,MAAM,oCACX;",
   "names": []
 }

package/dist/esm/styled.js

@@ -103,7 +103,10 @@ const StyledGridContent = styled(Grid)`
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
 `;
-const StyledTitle = styled("div", { name: DSModalSlideName, slot: DSModalSlideSlots.TITLE })``;
+const StyledTitle = styled("div", { name: DSModalSlideName, slot: DSModalSlideSlots.TITLE })`
+  font-size: 1.3846rem;
+  color: neutral-700;
+`;
 const StyledHeaderLeftSide = styled("div", { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER_LEFT_SIDE })`
   width: 100%;
   display: flex;
@@ -130,11 +133,6 @@ const StyledHeader = styled("div", { name: DSModalSlideName, slot: DSModalSlideS
   display: flex;
   flex-direction: column;
   justify-content: center;
-
-  ${StyledTitle} {
-    font-size: 1.3846rem;
-    color: neutral-700;
-  }
 `;
 const StyledFooter = styled("div", { name: DSModalSlideName, slot: DSModalSlideSlots.FOOTER })``;
 const StyledFooterWrapper = styled("div", { name: DSModalSlideName, slot: DSModalSlideSlots.FOOTER_WRAPPER })`

package/dist/esm/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSeparatorV2 } from '@elliemae/ds-separator';\nimport { styled, kfrm } from '@elliemae/ds-system';\nimport { DSModalSlideName, DSModalSlideSlots } from './DSModalSlideDefinitions.js';\n\nconst overlayAnimation = kfrm`{\n    0% {\n      background: rgba(37, 41, 47, 0);\n    }\n    100% {\n      background: rgba(37, 41, 47, 0.25);\n    }\n}`;\n\nconst overlayAnimationOut = kfrm`{\n    0% {\n      background: rgba(37, 41, 47, 0.25);\n    }\n    100% {\n      background: rgba(37, 41, 47, 0);\n    }\n}`;\n\nconst contentAnimationOut = kfrm`{\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n}`;\n\nconst contentAnimationIn = kfrm`{\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n}`;\n\nexport const StyledModalWrapper = styled('div', {\n  name: DSModalSlideName,\n  slot: DSModalSlideSlots.ROOT,\n})<{ height: string | number }>`\n  position: absolute;\n  display: flex;\n  height: calc(${(props) => props.height} * 1px);\n  width: 100%;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  z-index: 10;\n\n  .em-ds-modal-v2__modal-wrapper {\n    flex: 1;\n    padding: 2.46rem 0;\n  }\n\n  .em-ds-modal-v2__modal-title {\n    max-width: 80%;\n    margin: 0 auto;\n  }\n`;\n\nexport const StyledOverlay = styled('div', {\n  name: DSModalSlideName,\n  slot: DSModalSlideSlots.OVERLAY,\n})<{ disappearing: boolean; showing: boolean; fadeIn: number; fadeOut: number }>`\n  height: 100%;\n  width: 100%;\n  background: rgba(37, 41, 47, 0.25);\n  display: flex;\n  animation: ${(props) => (props.disappearing ? overlayAnimationOut : overlayAnimation)}\n    calc(${(props) => (props.disappearing ? props.fadeOut : props.fadeIn)} * 1ms) linear;\n\n  ${(props) =>\n    props.showing &&\n    `display: flex;\n     height: 100%;`}\n`;\n\nexport const StyledContent = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.CONTENT })<{\n  height: number | string;\n  width: number | string;\n  disappearing: boolean;\n  fadeIn: number;\n  fadeOut: number;\n}>`\n  height: calc(${(props) => props.height} * 1px);\n  background: neutral-000;\n  box-shadow:\n    0 6px 20px 0 rgba(0, 0, 0, 0.24),\n    0 8px 17px 0 rgba(0, 0, 0, 0.19);\n  width: calc(${(props) => props.width} * 1%);\n  margin-left: auto;\n  align-items: center;\n  flex-direction: column;\n  display: flex;\n  overflow-y: auto;\n  border: 1px solid neutral-300;\n  border-left: 2px solid neutral-300;\n  animation: ${(props) => (props.disappearing ? contentAnimationOut : contentAnimationIn)}\n    calc(${(props) => (props.disappearing ? props.fadeOut / 2 : props.fadeIn / 2)} * 1ms) linear;\n  .em-ds-separator-wrapper {\n    margin-top: unset;\n  }\n`;\n\nexport const StyledGridContent = styled(Grid)`\n  height: 100%;\n  width: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-transform-style: preserve-3d;\n  transform-style: preserve-3d;\n`;\n\nexport const StyledTitle = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.TITLE })``;\n\nexport const StyledHeaderLeftSide = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER_LEFT_SIDE })`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  text-align: left;\n  padding: 0.61538rem 1.23077rem 0.61538rem 0;\n  height: 3.69231rem;\n\n  .em-ds-button {\n    .em-ds-icon {\n      fill: brand-primary-600;\n    }\n  }\n  .close-button {\n    padding-left: 18px;\n  }\n`;\n\nexport const StyledActualContent = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.ACTUAL_CONTENT })`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledHeader = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER })`\n  padding: 0 1.23077rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  ${StyledTitle} {\n    font-size: 1.3846rem;\n    color: neutral-700;\n  }\n`;\n\nexport const StyledFooter = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.FOOTER })``;\n\nexport const StyledFooterWrapper = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.FOOTER_WRAPPER })`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  text-align: left;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0.61538rem 1.23077rem 0.61538rem 0;\n  height: 3.69231rem;\n  .em-ds-button {\n    margin-left: 1.23077rem;\n  }\n`;\n\nexport const HeaderWrapper = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER_WRAPPER })`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  align-items: center;\n  height: 48px;\n  overflow: hidden;\n`;\n\nexport const StyledSeparator = styled(DSSeparatorV2, { name: DSModalSlideName, slot: DSModalSlideSlots.SEPARATOR })`\n  height: 33%;\n  background: ${(props) => props.theme.colors.neutral['300']};\n`;\n\nexport const StyledCloseButton = styled(DSButtonV2, { name: DSModalSlideName, slot: DSModalSlideSlots.CLOSE_BUTTON })`\n  margin: ${(props) => props.theme.space.xs};\n`;\n\nexport const StyledContentWrapper = styled(Grid, { name: DSModalSlideName, slot: DSModalSlideSlots.CONTENT_WRAPPER })`\n  overflow: auto;\n  &:focus,\n  &:focus-visible {\n    outline: 1px solid ${({ theme }) => theme.colors.brand['600']};\n    outline-offset: -1px;\n  }\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,qBAAqB;AAC9B,SAAS,QAAQ,YAAY;AAC7B,SAAS,kBAAkB,yBAAyB;AAEpD,MAAM,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASzB,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS5B,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS5B,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASpB,MAAM,qBAAqB,OAAO,OAAO;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,iBAGgB,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkB3B,MAAM,gBAAgB,OAAO,OAAO;AAAA,EACzC,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKc,CAAC,UAAW,MAAM,eAAe,sBAAsB;AAAA,WAC3D,CAAC,UAAW,MAAM,eAAe,MAAM,UAAU,MAAM;AAAA;AAAA,IAE9D,CAAC,UACD,MAAM,WACN;AAAA;AAAA;AAIG,MAAM,gBAAgB,OAAO,OAAO,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,QAAQ,CAAC;AAAA,iBAOrF,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,gBAKlB,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQlB,CAAC,UAAW,MAAM,eAAe,sBAAsB;AAAA,WAC3D,CAAC,UAAW,MAAM,eAAe,MAAM,UAAU,IAAI,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAMxE,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWrC,MAAM,cAAc,OAAO,OAAO,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,MAAM,CAAC;AAE3F,MAAM,uBAAuB,OAAO,OAAO,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,iBAAiB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkB/G,MAAM,sBAAsB,OAAO,OAAO,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,eAAe,CAAC;AAAA;AAAA;AAAA;AAK5G,MAAM,eAAe,OAAO,OAAO,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,OAAO,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMhG;AAAA;AAAA;AAAA;AAAA;AAMG,MAAM,eAAe,OAAO,OAAO,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,OAAO,CAAC;AAE7F,MAAM,sBAAsB,OAAO,OAAO,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAc5G,MAAM,gBAAgB,OAAO,OAAO,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,eAAe,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAStG,MAAM,kBAAkB,OAAO,eAAe,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,UAAU,CAAC;AAAA;AAAA,gBAElG,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAGpD,MAAM,oBAAoB,OAAO,YAAY,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,aAAa,CAAC;AAAA,YACxG,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGlC,MAAM,uBAAuB,OAAO,MAAM,EAAE,MAAM,kBAAkB,MAAM,kBAAkB,gBAAgB,CAAC;AAAA;AAAA;AAAA;AAAA,yBAI3F,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport { DSButtonV2 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSSeparatorV2 } from '@elliemae/ds-separator';\nimport { styled, kfrm } from '@elliemae/ds-system';\nimport { DSModalSlideName, DSModalSlideSlots } from './DSModalSlideDefinitions.js';\n\nconst overlayAnimation = kfrm`{\n    0% {\n      background: rgba(37, 41, 47, 0);\n    }\n    100% {\n      background: rgba(37, 41, 47, 0.25);\n    }\n}`;\n\nconst overlayAnimationOut = kfrm`{\n    0% {\n      background: rgba(37, 41, 47, 0.25);\n    }\n    100% {\n      background: rgba(37, 41, 47, 0);\n    }\n}`;\n\nconst contentAnimationOut = kfrm`{\n    0% {\n      transform: translateX(0);\n    }\n    100% {\n      transform: translateX(100%);\n    }\n}`;\n\nconst contentAnimationIn = kfrm`{\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(0);\n    }\n}`;\n\nexport const StyledModalWrapper = styled('div', {\n  name: DSModalSlideName,\n  slot: DSModalSlideSlots.ROOT,\n})<{ height: string | number }>`\n  position: absolute;\n  display: flex;\n  height: calc(${(props) => props.height} * 1px);\n  width: 100%;\n  overflow: hidden;\n  top: 0;\n  left: 0;\n  z-index: 10;\n\n  .em-ds-modal-v2__modal-wrapper {\n    flex: 1;\n    padding: 2.46rem 0;\n  }\n\n  .em-ds-modal-v2__modal-title {\n    max-width: 80%;\n    margin: 0 auto;\n  }\n`;\n\nexport const StyledOverlay = styled('div', {\n  name: DSModalSlideName,\n  slot: DSModalSlideSlots.OVERLAY,\n})<{ disappearing: boolean; showing: boolean; fadeIn: number; fadeOut: number }>`\n  height: 100%;\n  width: 100%;\n  background: rgba(37, 41, 47, 0.25);\n  display: flex;\n  animation: ${(props) => (props.disappearing ? overlayAnimationOut : overlayAnimation)}\n    calc(${(props) => (props.disappearing ? props.fadeOut : props.fadeIn)} * 1ms) linear;\n\n  ${(props) =>\n    props.showing &&\n    `display: flex;\n     height: 100%;`}\n`;\n\nexport const StyledContent = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.CONTENT })<{\n  height: number | string;\n  width: number | string;\n  disappearing: boolean;\n  fadeIn: number;\n  fadeOut: number;\n}>`\n  height: calc(${(props) => props.height} * 1px);\n  background: neutral-000;\n  box-shadow:\n    0 6px 20px 0 rgba(0, 0, 0, 0.24),\n    0 8px 17px 0 rgba(0, 0, 0, 0.19);\n  width: calc(${(props) => props.width} * 1%);\n  margin-left: auto;\n  align-items: center;\n  flex-direction: column;\n  display: flex;\n  overflow-y: auto;\n  border: 1px solid neutral-300;\n  border-left: 2px solid neutral-300;\n  animation: ${(props) => (props.disappearing ? contentAnimationOut : contentAnimationIn)}\n    calc(${(props) => (props.disappearing ? props.fadeOut / 2 : props.fadeIn / 2)} * 1ms) linear;\n  .em-ds-separator-wrapper {\n    margin-top: unset;\n  }\n`;\n\nexport const StyledGridContent = styled(Grid)`\n  height: 100%;\n  width: 100%;\n  max-height: 100%;\n  overflow: hidden;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-transform-style: preserve-3d;\n  transform-style: preserve-3d;\n`;\n\nexport const StyledTitle = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.TITLE })`\n  font-size: 1.3846rem;\n  color: neutral-700;\n`;\n\nexport const StyledHeaderLeftSide = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER_LEFT_SIDE })`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  text-align: left;\n  padding: 0.61538rem 1.23077rem 0.61538rem 0;\n  height: 3.69231rem;\n\n  .em-ds-button {\n    .em-ds-icon {\n      fill: brand-primary-600;\n    }\n  }\n  .close-button {\n    padding-left: 18px;\n  }\n`;\n\nexport const StyledActualContent = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.ACTUAL_CONTENT })`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const StyledHeader = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER })`\n  padding: 0 1.23077rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n`;\n\nexport const StyledFooter = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.FOOTER })``;\n\nexport const StyledFooterWrapper = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.FOOTER_WRAPPER })`\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  text-align: left;\n  align-items: center;\n  justify-content: flex-end;\n  padding: 0.61538rem 1.23077rem 0.61538rem 0;\n  height: 3.69231rem;\n  .em-ds-button {\n    margin-left: 1.23077rem;\n  }\n`;\n\nexport const HeaderWrapper = styled('div', { name: DSModalSlideName, slot: DSModalSlideSlots.HEADER_WRAPPER })`\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  align-items: center;\n  height: 48px;\n  overflow: hidden;\n`;\n\nexport const StyledSeparator = styled(DSSeparatorV2, { name: DSModalSlideName, slot: DSModalSlideSlots.SEPARATOR })`\n  height: 33%;\n  background: ${(props) => props.theme.colors.neutral['300']};\n`;\n\nexport const StyledCloseButton = styled(DSButtonV2, { name: DSModalSlideName, slot: DSModalSlideSlots.CLOSE_BUTTON })`\n  margin: ${(props) => props.theme.space.xs};\n`;\n\nexport const StyledContentWrapper = styled(Grid, { name: DSModalSlideName, slot: DSModalSlideSlots.CONTENT_WRAPPER })`\n  overflow: auto;\n  &:focus,\n  &:focus-visible {\n    outline: 1px solid ${({ theme }) => theme.colors.brand['600']};\n    outline-offset: -1px;\n  }\n`;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/typescript-testing/typescript-modal-slide-valid.js

@@ -0,0 +1,173 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React2 from "react";
+import { DSModalSlide, ModalHeader, ModalFooter } from "../index.js";
+const ref = React2.createRef();
+const testRequiredProps = {
+  getContainer: () => ref.current
+};
+const testOptionalProps = {
+  footer: /* @__PURE__ */ jsx(
+    ModalFooter,
+    {
+      onConfirm: () => {
+      },
+      confirmProps: { disabled: false },
+      confirmLabel: "",
+      onReject: () => {
+      },
+      rejectProps: { disabled: false },
+      rejectLabel: ""
+    }
+  ),
+  header: /* @__PURE__ */ jsx(ModalHeader, { title: "", onClose: () => {
+  }, toolbar: /* @__PURE__ */ jsx(Fragment, {}) }),
+  innerRef: ref,
+  children: "content"
+};
+const testPartialDefaults = {
+  fadeIn: 1e3,
+  fadeOut: 2e3,
+  isOpen: true
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  isOpen: false,
+  centered: false,
+  fullWidth: false,
+  fadeOut: 1500,
+  fadeIn: 1500,
+  overrideHeight: false
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  isOpen: false,
+  centered: false,
+  fullWidth: false,
+  fadeOut: 1500,
+  fadeIn: 1500,
+  overrideHeight: false,
+  getContainer: () => ref.current,
+  footer: /* @__PURE__ */ jsx(
+    ModalFooter,
+    {
+      onConfirm: () => {
+      },
+      confirmProps: { disabled: false },
+      confirmLabel: "",
+      onReject: () => {
+      },
+      rejectProps: { disabled: false },
+      rejectLabel: ""
+    }
+  ),
+  header: /* @__PURE__ */ jsx(ModalHeader, { title: "", onClose: () => {
+  }, toolbar: /* @__PURE__ */ jsx(Fragment, {}) }),
+  innerRef: ref,
+  children: "content"
+};
+const testInferedTypeCompatibility = {
+  isOpen: false,
+  centered: false,
+  fullWidth: false,
+  fadeOut: 1500,
+  fadeIn: 1500,
+  overrideHeight: false,
+  getContainer: () => ref.current,
+  footer: /* @__PURE__ */ jsx(
+    ModalFooter,
+    {
+      onConfirm: () => {
+      },
+      confirmProps: { disabled: false },
+      confirmLabel: "",
+      onReject: () => {
+      },
+      rejectProps: { disabled: false },
+      rejectLabel: ""
+    }
+  ),
+  header: /* @__PURE__ */ jsx(ModalHeader, { title: "", onClose: () => {
+  }, toolbar: /* @__PURE__ */ jsx(Fragment, {}) }),
+  innerRef: ref,
+  children: "content"
+};
+const testDefinitionAsConst = {
+  isOpen: false,
+  centered: false,
+  fullWidth: false,
+  fadeOut: 1500,
+  fadeIn: 1500,
+  overrideHeight: false,
+  getContainer: () => ref.current,
+  footer: /* @__PURE__ */ jsx(
+    ModalFooter,
+    {
+      onConfirm: () => {
+      },
+      confirmProps: { disabled: false },
+      confirmLabel: "",
+      onReject: () => {
+      },
+      rejectProps: { disabled: false },
+      rejectLabel: ""
+    }
+  ),
+  header: /* @__PURE__ */ jsx(ModalHeader, { title: "", onClose: () => {
+  }, toolbar: /* @__PURE__ */ jsx(Fragment, {}) }),
+  innerRef: ref,
+  children: "content"
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(DSModalSlide, { ...testExplicitDefinition }),
+  /* @__PURE__ */ jsx(DSModalSlide, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ jsx(DSModalSlide, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ jsx(
+    DSModalSlide,
+    {
+      isOpen: false,
+      centered: false,
+      fullWidth: false,
+      fadeOut: 1500,
+      fadeIn: 1500,
+      overrideHeight: false,
+      getContainer: () => ref.current,
+      footer: /* @__PURE__ */ jsx(
+        ModalFooter,
+        {
+          onConfirm: () => {
+          },
+          confirmProps: { disabled: false },
+          confirmLabel: "",
+          onReject: () => {
+          },
+          rejectProps: { disabled: false },
+          rejectLabel: ""
+        }
+      ),
+      header: /* @__PURE__ */ jsx(ModalHeader, { title: "", onClose: () => {
+      }, toolbar: /* @__PURE__ */ jsx(Fragment, {}) }),
+      innerRef: ref,
+      children: "content"
+    }
+  )
+] });
+//# sourceMappingURL=typescript-modal-slide-valid.js.map

package/dist/esm/typescript-testing/typescript-modal-slide-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-modal-slide-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSModalSlide, ModalHeader, ModalFooter } from '../index.js';\nimport type { DSModalSlideT } from '../index.js';\nimport { disabled } from '@elliemae/ds-system';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSModalSlideT.Props;\ntype ComponentPropsInternals = DSModalSlideT.InternalProps;\ntype ComponentPropsDefaultProps = DSModalSlideT.DefaultProps;\ntype ComponentPropsOptionalProps = DSModalSlideT.OptionalProps;\ntype ComponentPropsRequiredProps = DSModalSlideT.RequiredProps;\n\nconst ref = React.createRef() as React.MutableRefObject<HTMLDivElement>;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {\n  getContainer: () => ref.current,\n};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  footer: (\n    <ModalFooter\n      onConfirm={() => {}}\n      confirmProps={{ disabled: false }}\n      confirmLabel=\"\"\n      onReject={() => {}}\n      rejectProps={{ disabled: false }}\n      rejectLabel=\"\"\n    />\n  ),\n  header: <ModalHeader title=\"\" onClose={() => {}} toolbar={<></>} />,\n  innerRef: ref,\n  children: 'content',\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  fadeIn: 1000,\n  fadeOut: 2000,\n  isOpen: true,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n};\n\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n  getContainer: () => ref.current,\n  footer: (\n    <ModalFooter\n      onConfirm={() => {}}\n      confirmProps={{ disabled: false }}\n      confirmLabel=\"\"\n      onReject={() => {}}\n      rejectProps={{ disabled: false }}\n      rejectLabel=\"\"\n    />\n  ),\n  header: <ModalHeader title=\"\" onClose={() => {}} toolbar={<></>} />,\n  innerRef: ref,\n  children: 'content',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n  getContainer: () => ref.current,\n  footer: (\n    <ModalFooter\n      onConfirm={() => {}}\n      confirmProps={{ disabled: false }}\n      confirmLabel=\"\"\n      onReject={() => {}}\n      rejectProps={{ disabled: false }}\n      rejectLabel=\"\"\n    />\n  ),\n  header: <ModalHeader title=\"\" onClose={() => {}} toolbar={<></>} />,\n  innerRef: ref,\n  children: 'content',\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  isOpen: false,\n  centered: false,\n  fullWidth: false,\n  fadeOut: 1500,\n  fadeIn: 1500,\n  overrideHeight: false,\n  getContainer: () => ref.current,\n  footer: (\n    <ModalFooter\n      onConfirm={() => {}}\n      confirmProps={{ disabled: false }}\n      confirmLabel=\"\"\n      onReject={() => {}}\n      rejectProps={{ disabled: false }}\n      rejectLabel=\"\"\n    />\n  ),\n  header: <ModalHeader title=\"\" onClose={() => {}} toolbar={<></>} />,\n  innerRef: ref,\n  children: 'content',\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSModalSlide {...testExplicitDefinition} />\n    <DSModalSlide {...testInferedTypeCompatibility} />\n    <DSModalSlide {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSModalSlide\n      isOpen={false}\n      centered={false}\n      fullWidth={false}\n      fadeOut={1500}\n      fadeIn={1500}\n      overrideHeight={false}\n      getContainer={() => ref.current}\n      footer={\n        <ModalFooter\n          onConfirm={() => {}}\n          confirmProps={{ disabled: false }}\n          confirmLabel=\"\"\n          onReject={() => {}}\n          rejectProps={{ disabled: false }}\n          rejectLabel=\"\"\n        />\n      }\n      header={<ModalHeader title=\"\" onClose={() => {}} toolbar={<></>} />}\n      innerRef={ref}\n      children={'content'}\n    />\n  </>\n);\n"],
+  "mappings": "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",
+  "names": ["React"]
+}

package/dist/types/DSModalSlide.d.ts

@@ -2,10 +2,7 @@ import React from 'react';
 import ModalHeader from './components/Header.js';
 import ModalFooter from './components/Footer.js';
 import { type DSModalSlideT } from './react-desc-prop-types.js';
-declare const DSModalSlide: {
-    (props: DSModalSlideT.Props): React.ReactPortal | null;
-    displayName: string;
-};
+declare const DSModalSlide: React.FC<DSModalSlideT.Props>;
 declare const DSModalSlideWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSModalSlideT.Props>;
 export { ModalHeader, ModalFooter, DSModalSlide, DSModalSlideWithSchema };
 export default DSModalSlide;

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

@@ -15,8 +15,8 @@ export declare namespace DSModalSlideT {
         overrideHeight: boolean;
     }
     interface OptionalProps {
-        header: JSX.Element;
-        footer: React.ReactNode;
+        header?: JSX.Element;
+        footer?: React.ReactNode;
         children?: React.ReactNode;
         innerRef?: React.MutableRefObject<HTMLDivElement | null> | React.RefCallback<HTMLDivElement>;
     }
@@ -27,6 +27,7 @@ export declare namespace DSModalSlideT {
         rejectLabel: string;
         confirmProps: {
             disabled: boolean;
+            innerRef?: React.MutableRefObject<HTMLButtonElement | null> | React.RefCallback<HTMLButtonElement>;
         };
         rejectProps: {
             disabled: boolean;

package/dist/types/styled.d.ts

@@ -19,16 +19,7 @@ export declare const StyledGridContent: import("styled-components").StyledCompon
 export declare const StyledTitle: 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 StyledHeaderLeftSide: 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 StyledActualContent: 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 StyledHeader: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, {
-    [x: string]: any;
-    [x: number]: any;
-    [x: symbol]: any;
-} & {
-    theme?: import("@elliemae/ds-system").Theme | undefined;
-} & {
-    as?: string | import("react").ComponentType<any> | undefined;
-    forwardedAs?: string | import("react").ComponentType<any> | undefined;
-} & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;
+export declare const StyledHeader: 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 StyledFooter: 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 StyledFooterWrapper: 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 HeaderWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface & import("@elliemae/ds-system").InnerRefInterface<"div">, never>;

package/dist/types/typescript-testing/typescript-modal-slide-valid.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-modal-slide",
-  "version": "3.33.0-next.2",
+  "version": "3.33.0-next.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Modal Slide",
   "files": [
@@ -51,19 +51,19 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button-v2": "3.33.0-next.2",
-    "@elliemae/ds-classnames": "3.33.0-next.2",
-    "@elliemae/ds-grid": "3.33.0-next.2",
-    "@elliemae/ds-icons": "3.33.0-next.2",
-    "@elliemae/ds-props-helpers": "3.33.0-next.2",
-    "@elliemae/ds-separator": "3.33.0-next.2",
-    "@elliemae/ds-system": "3.33.0-next.2"
+    "@elliemae/ds-button-v2": "3.33.0-next.4",
+    "@elliemae/ds-classnames": "3.33.0-next.4",
+    "@elliemae/ds-grid": "3.33.0-next.4",
+    "@elliemae/ds-icons": "3.33.0-next.4",
+    "@elliemae/ds-props-helpers": "3.33.0-next.4",
+    "@elliemae/ds-system": "3.33.0-next.4",
+    "@elliemae/ds-separator": "3.33.0-next.4"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.33.0-next.2",
-    "@elliemae/ds-utilities": "3.33.0-next.2"
+    "@elliemae/ds-monorepo-devops": "3.33.0-next.4",
+    "@elliemae/ds-utilities": "3.33.0-next.4"
   },
   "peerDependencies": {
     "lodash": "~4.17.21",
@@ -73,7 +73,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",