@adobe/react-spectrum 3.47.0 → 3.47.1

package/dist/private/datepicker/utils.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAeM,SAAS,0CAAkB,KAA8E;IAC9G,IAAI,YAAY,CAAA,GAAA,uBAAe,EAAE;QAAC,WAAW;IAAO;IACpD,IAAI,eAAe,CAAA,GAAA,sBAAc;IACjC,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,IAAI,MAAM,WAAW,EACnB,OAAO,MAAM,WAAW;QAG1B,IAAI,MAAM,kBAAkB,EAC1B,OACE,UAAU,aAAa,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,GAAG;YAC1C,IAAI,EAAE,IAAI,KAAK,aAAa,EAAE,IAAI,KAAK,aAAa,AAAC,EAAE,IAAI,KAAgB,YACzE,qBAAO,gCAAC;gBAAK,KAAK;eAAI,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;YAGtC,IAAI,OAAO,EAAE,IAAI,KAAe,gBAAgB,SAAS,EAAE,IAAI;YAC/D,qBAAO,gCAAC;gBAAK,KAAK;gBAAG,OAAO;oBAAC,aAAa;oBAAS,WAAW;gBAAK;eAAI,aAAa,EAAE,CAAC;QACzF;QAIJ,OAAO;IACT,GAAG;QAAC,MAAM,WAAW;QAAE,MAAM,kBAAkB;QAAE;QAAW;KAAa;AAC3E;AAEO,SAAS,0CAAiB,gBAAwB;IACvD,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAU;IACxB,IAAI,CAAC,eAAe,iBAAiB,GAAG,CAAA,GAAA,eAAO,EAAE,uCAAiB;IAClE,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,WAAW,IAAM,iBAAiB,uCAAiB;QACvD;QAEA,OAAO,gBAAgB,CAAC,UAAU;QAClC,OAAO;YACL,OAAO,mBAAmB,CAAC,UAAU;QACvC;IACF,GAAG;QAAC;KAAM;IAEV,OAAO,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,eAAe,kBAAkB;AAC/D;AAEA,SAAS,uCAAiB,KAAK;IAC7B,IAAI,OAAO,WAAW,aACpB,OAAO;IAET,IAAI,aAAa,UAAU,UAAU,MAAM;IAC3C,IAAI,MAAM,UAAU,UAAU,KAAK;IACnC,IAAI,iBAAiB,UAAU,UAAU,KAAK;IAC9C,OAAO,KAAK,KAAK,CAAC,AAAC,CAAA,OAAO,UAAU,GAAG,iBAAiB,CAAA,IAAM,CAAA,aAAa,GAAE;AAC/E;AAEO,SAAS,0CAAmB,GAA8B;IAC/D,IAAI,SAAS,CAAA,GAAA,aAAK,EAAsB;IACxC,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,yCAAW,EAAE,OAAO;YACvB;gBACE,CAAA,GAAA,yBAAiB,EAAE,QAAQ,UAAU,CAAC;oBAAC,UAAU;gBAAI;YACvD;QACF,CAAA;IACA,OAAO;AACT;AAEO,SAAS,0CAAsB,KAA6F;IACjI,IAAI,SAAS,CAAA,GAAA,gBAAQ,KAAK;IAC1B,IAAI,cAAc,IAAI;IACtB,IAAI,eAAe,MAAM,gBAAgB,CAAC,QAAQ;QAAC,yBAAyB;IAAI,GAAG,MAAM,CAAC;IAC1F,IAAI,kBAAmB,aAAa,MAAM;IAE1C,+CAA+C;IAC/C,8EAA8E;IAC9E,mFAAmF;IACnF,iEAAiE;IACjE,OAAQ,kBAAkB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,kBAAkB,IAAI;AACtE","sources":["packages/@adobe/react-spectrum/src/datepicker/utils.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {createDOMRef} from '../utils/useDOMRef';\n\nimport {createFocusManager} from 'react-aria/private/focus/FocusScope';\nimport {DateFormatter} from '@internationalized/date';\nimport {FocusableRef} from '@react-types/shared';\nimport {FormatterOptions} from 'react-stately/private/datepicker/utils';\nimport React, {ReactNode, useImperativeHandle, useMemo, useRef, useState} from 'react';\nimport {SpectrumDatePickerBase} from './DatePicker';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useDisplayNames} from 'react-aria/private/datepicker/useDisplayNames';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useProvider} from '../provider/Provider';\n\nexport function useFormatHelpText(props: Pick<SpectrumDatePickerBase<any>, 'description' | 'showFormatHelpText'>): ReactNode {\n  let formatter = useDateFormatter({dateStyle: 'short'});\n  let displayNames = useDisplayNames();\n  return useMemo(() => {\n    if (props.description) {\n      return props.description;\n    }\n\n    if (props.showFormatHelpText) {\n      return (\n        formatter.formatToParts(new Date()).map((s, i) => {\n          if (s.type === 'literal' || s.type === 'unknown' || (s.type as string) === 'yearName') {\n            return <span key={i}>{` ${s.value} `}</span>;\n          }\n\n          let type = s.type as string === 'relatedYear' ? 'year' : s.type;\n          return <span key={i} style={{unicodeBidi: 'embed', direction: 'ltr'}}>{displayNames.of(type)}</span>;\n        })\n      );\n    }\n\n    return '';\n  }, [props.description, props.showFormatHelpText, formatter, displayNames]);\n}\n\nexport function useVisibleMonths(maxVisibleMonths: number): number {\n  let {scale} = useProvider()!;\n  let [visibleMonths, setVisibleMonths] = useState(getVisibleMonths(scale));\n  useLayoutEffect(() => {\n    let onResize = () => setVisibleMonths(getVisibleMonths(scale));\n    onResize();\n\n    window.addEventListener('resize', onResize);\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, [scale]);\n\n  return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));\n}\n\nfunction getVisibleMonths(scale) {\n  if (typeof window === 'undefined') {\n    return 1;\n  }\n  let monthWidth = scale === 'large' ? 336 : 280;\n  let gap = scale === 'large' ? 30 : 24;\n  let popoverPadding = scale === 'large' ? 32 : 48;\n  return Math.floor((window.innerWidth - popoverPadding * 2) / (monthWidth + gap));\n}\n\nexport function useFocusManagerRef(ref: FocusableRef<HTMLElement>): React.RefObject<HTMLElement | null> {\n  let domRef = useRef<HTMLElement | null>(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      createFocusManager(domRef).focusFirst({tabbable: true});\n    }\n  }));\n  return domRef;\n}\n\nexport function useFormattedDateWidth(state: {getDateFormatter: (locale: string, formatOptions: FormatterOptions) => DateFormatter}): number {\n  let locale = useLocale()?.locale;\n  let currentDate = new Date();\n  let formatedDate = state.getDateFormatter(locale, {shouldForceLeadingZeros: true}).format(currentDate);\n  let totalCharacters =  formatedDate.length;\n\n  // The max of two is for times with only hours.\n  // As the length of a date grows we need to proportionally increase the width.\n  // We use the character count with 'ch' units and add extra padding to accomate for\n  // dates with months and time dashes, which are wider characters.\n  return (totalCharacters + Math.max(Math.floor(totalCharacters / 5), 2));\n}\n"],"names":[],"version":3,"file":"utils.mjs.map"}
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAeM,SAAS,0CACd,KAA8E;IAE9E,IAAI,YAAY,CAAA,GAAA,uBAAe,EAAE;QAAC,WAAW;IAAO;IACpD,IAAI,eAAe,CAAA,GAAA,sBAAc;IACjC,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,IAAI,MAAM,WAAW,EACnB,OAAO,MAAM,WAAW;QAG1B,IAAI,MAAM,kBAAkB,EAC1B,OAAO,UAAU,aAAa,CAAC,IAAI,QAAQ,GAAG,CAAC,CAAC,GAAG;YACjD,IAAI,EAAE,IAAI,KAAK,aAAa,EAAE,IAAI,KAAK,aAAa,AAAC,EAAE,IAAI,KAAgB,YACzE,qBAAO,gCAAC;gBAAK,KAAK;eAAI,CAAC,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;YAGtC,IAAI,OAAO,AAAC,EAAE,IAAI,KAAgB,gBAAgB,SAAS,EAAE,IAAI;YACjE,qBACE,gCAAC;gBAAK,KAAK;gBAAG,OAAO;oBAAC,aAAa;oBAAS,WAAW;gBAAK;eACzD,aAAa,EAAE,CAAC;QAGvB;QAGF,OAAO;IACT,GAAG;QAAC,MAAM,WAAW;QAAE,MAAM,kBAAkB;QAAE;QAAW;KAAa;AAC3E;AAEO,SAAS,0CAAiB,gBAAwB;IACvD,IAAI,SAAC,KAAK,EAAC,GAAG,CAAA,GAAA,yCAAU;IACxB,IAAI,CAAC,eAAe,iBAAiB,GAAG,CAAA,GAAA,eAAO,EAAE,uCAAiB;IAClE,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,WAAW,IAAM,iBAAiB,uCAAiB;QACvD;QAEA,OAAO,gBAAgB,CAAC,UAAU;QAClC,OAAO;YACL,OAAO,mBAAmB,CAAC,UAAU;QACvC;IACF,GAAG;QAAC;KAAM;IAEV,OAAO,KAAK,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,eAAe,kBAAkB;AAC/D;AAEA,SAAS,uCAAiB,KAAK;IAC7B,IAAI,OAAO,WAAW,aACpB,OAAO;IAET,IAAI,aAAa,UAAU,UAAU,MAAM;IAC3C,IAAI,MAAM,UAAU,UAAU,KAAK;IACnC,IAAI,iBAAiB,UAAU,UAAU,KAAK;IAC9C,OAAO,KAAK,KAAK,CAAC,AAAC,CAAA,OAAO,UAAU,GAAG,iBAAiB,CAAA,IAAM,CAAA,aAAa,GAAE;AAC/E;AAEO,SAAS,0CACd,GAA8B;IAE9B,IAAI,SAAS,CAAA,GAAA,aAAK,EAAsB;IACxC,CAAA,GAAA,0BAAkB,EAAE,KAAK,IAAO,CAAA;YAC9B,GAAG,CAAA,GAAA,yCAAW,EAAE,OAAO;YACvB;gBACE,CAAA,GAAA,yBAAiB,EAAE,QAAQ,UAAU,CAAC;oBAAC,UAAU;gBAAI;YACvD;QACF,CAAA;IACA,OAAO;AACT;AAEO,SAAS,0CAAsB,KAErC;IACC,IAAI,SAAS,CAAA,GAAA,gBAAQ,KAAK;IAC1B,IAAI,cAAc,IAAI;IACtB,IAAI,eAAe,MAChB,gBAAgB,CAAC,QAAQ;QAAC,yBAAyB;IAAI,GACvD,MAAM,CAAC;IACV,IAAI,kBAAkB,aAAa,MAAM;IAEzC,+CAA+C;IAC/C,8EAA8E;IAC9E,mFAAmF;IACnF,iEAAiE;IACjE,OAAO,kBAAkB,KAAK,GAAG,CAAC,KAAK,KAAK,CAAC,kBAAkB,IAAI;AACrE","sources":["packages/@adobe/react-spectrum/src/datepicker/utils.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nimport {createDOMRef} from '../utils/useDOMRef';\n\nimport {createFocusManager} from 'react-aria/private/focus/FocusScope';\nimport {DateFormatter} from '@internationalized/date';\nimport {FocusableRef} from '@react-types/shared';\nimport {FormatterOptions} from 'react-stately/private/datepicker/utils';\nimport React, {ReactNode, useImperativeHandle, useMemo, useRef, useState} from 'react';\nimport {SpectrumDatePickerBase} from './DatePicker';\nimport {useDateFormatter} from 'react-aria/useDateFormatter';\nimport {useDisplayNames} from 'react-aria/private/datepicker/useDisplayNames';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useLocale} from 'react-aria/I18nProvider';\nimport {useProvider} from '../provider/Provider';\n\nexport function useFormatHelpText(\n  props: Pick<SpectrumDatePickerBase<any>, 'description' | 'showFormatHelpText'>\n): ReactNode {\n  let formatter = useDateFormatter({dateStyle: 'short'});\n  let displayNames = useDisplayNames();\n  return useMemo(() => {\n    if (props.description) {\n      return props.description;\n    }\n\n    if (props.showFormatHelpText) {\n      return formatter.formatToParts(new Date()).map((s, i) => {\n        if (s.type === 'literal' || s.type === 'unknown' || (s.type as string) === 'yearName') {\n          return <span key={i}>{` ${s.value} `}</span>;\n        }\n\n        let type = (s.type as string) === 'relatedYear' ? 'year' : s.type;\n        return (\n          <span key={i} style={{unicodeBidi: 'embed', direction: 'ltr'}}>\n            {displayNames.of(type)}\n          </span>\n        );\n      });\n    }\n\n    return '';\n  }, [props.description, props.showFormatHelpText, formatter, displayNames]);\n}\n\nexport function useVisibleMonths(maxVisibleMonths: number): number {\n  let {scale} = useProvider()!;\n  let [visibleMonths, setVisibleMonths] = useState(getVisibleMonths(scale));\n  useLayoutEffect(() => {\n    let onResize = () => setVisibleMonths(getVisibleMonths(scale));\n    onResize();\n\n    window.addEventListener('resize', onResize);\n    return () => {\n      window.removeEventListener('resize', onResize);\n    };\n  }, [scale]);\n\n  return Math.max(1, Math.min(visibleMonths, maxVisibleMonths, 3));\n}\n\nfunction getVisibleMonths(scale) {\n  if (typeof window === 'undefined') {\n    return 1;\n  }\n  let monthWidth = scale === 'large' ? 336 : 280;\n  let gap = scale === 'large' ? 30 : 24;\n  let popoverPadding = scale === 'large' ? 32 : 48;\n  return Math.floor((window.innerWidth - popoverPadding * 2) / (monthWidth + gap));\n}\n\nexport function useFocusManagerRef(\n  ref: FocusableRef<HTMLElement>\n): React.RefObject<HTMLElement | null> {\n  let domRef = useRef<HTMLElement | null>(null);\n  useImperativeHandle(ref, () => ({\n    ...createDOMRef(domRef),\n    focus() {\n      createFocusManager(domRef).focusFirst({tabbable: true});\n    }\n  }));\n  return domRef;\n}\n\nexport function useFormattedDateWidth(state: {\n  getDateFormatter: (locale: string, formatOptions: FormatterOptions) => DateFormatter;\n}): number {\n  let locale = useLocale()?.locale;\n  let currentDate = new Date();\n  let formatedDate = state\n    .getDateFormatter(locale, {shouldForceLeadingZeros: true})\n    .format(currentDate);\n  let totalCharacters = formatedDate.length;\n\n  // The max of two is for times with only hours.\n  // As the length of a date grows we need to proportionally increase the width.\n  // We use the character count with 'ch' units and add extra padding to accomate for\n  // dates with months and time dashes, which are wider characters.\n  return totalCharacters + Math.max(Math.floor(totalCharacters / 5), 2);\n}\n"],"names":[],"version":3,"file":"utils.mjs.map"}

package/dist/private/dialog/AlertDialog.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;AAoDM,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAW;IACrG,IAAI,WACF,UAAU,KAAO,GAClB,GAAG,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,uCAAY,MAAM,CAAC;IAElC,IAAI,WACF,OAAO,YACP,QAAQ,sBACR,kBAAkB,wBAClB,oBAAoB,eACpB,WAAW,mBACX,eAAe,SACf,KAAK,2BACL,uBAAuB,6BACvB,yBAAyB,YACzB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,GAC3B,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAEhE,IAAI,iBAAiD;IACrD,IAAI,SAAS;QACX,IAAI,YAAY,gBACd,iBAAiB;aACZ,IAAI,YAAY,eACrB,iBAAiB;IAErB;IAEA,qBACE,0DAAC,CAAA,GAAA,gCAAK;QACJ,cAAc,WAAW,KAAK;QAC9B,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE;QAAO,GAAG,WAAW,SAAS;QACrG,UAAU,WAAW,MAAM;QAC3B,MAAK;QACL,MAAK;QACL,KAAK;QACJ,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM;qBACzB,0DAAC,CAAA,GAAA,iCAAM,SAAG,QACT,AAAC,CAAA,YAAY,WAAW,YAAY,SAAQ,mBAC3C,0DAAC,CAAA,GAAA,2DAAU;QACT,MAAK;QACL,cAAY,gBAAgB,MAAM,CAAC;sBAEvC,0DAAC,CAAA,GAAA,iCAAM,wBACP,0DAAC,CAAA,GAAA,iCAAM,SAAG,yBACV,0DAAC,CAAA,GAAA,qCAAU;QAAE,OAAM;OAChB,6BACC,0DAAC,CAAA,GAAA,gCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,WAAW,oBAAoB;QAC/B,eAAY;OACX,cAGJ,sCACC,0DAAC,CAAA,GAAA,gCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX,qCAGL,0DAAC,CAAA,GAAA,gCAAK;QACJ,SAAS;QACT,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX;AAKX","sources":["packages/@adobe/react-spectrum/src/dialog/AlertDialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button, SpectrumButtonProps} from '../button/Button';\nimport {ButtonGroup} from '../buttongroup/ButtonGroup';\nimport {chain} from 'react-aria/chain';\nimport {classNames} from '../utils/classNames';\nimport {Content} from '../view/Content';\nimport {Dialog} from './Dialog';\nimport {DialogContext, DialogContextValue} from './context';\nimport {Divider} from '../divider/Divider';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Heading} from '../text/Heading';\nimport intlMessages from '../../intl/dialog/*.json';\n// @ts-ignore\nimport React, {forwardRef, ReactNode, useContext} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumAlertDialogProps extends DOMProps, StyleProps {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning',\n  /** The title of the AlertDialog. */\n  title: string,\n  /** The contents of the AlertDialog. */\n  children: ReactNode,\n  /** The label to display within the cancel button. */\n  cancelLabel?: string,\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string,\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string,\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean,\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean,\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void,\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void,\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void,\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary'\n  // allowsKeyboardConfirmation?: boolean, // triggers primary action\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: SpectrumAlertDialogProps, ref: DOMRef) {\n  let {\n    onClose = () => {}\n  } = useContext(DialogContext) || {} as DialogContextValue;\n\n  let {\n    variant,\n    children,\n    primaryActionLabel,\n    secondaryActionLabel,\n    cancelLabel,\n    autoFocusButton,\n    title,\n    isPrimaryActionDisabled,\n    isSecondaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n\n  let confirmVariant: SpectrumButtonProps['variant'] = 'primary';\n  if (variant) {\n    if (variant === 'confirmation') {\n      confirmVariant = 'cta';\n    } else if (variant === 'destructive') {\n      confirmVariant = 'negative';\n    }\n  }\n\n  return (\n    <Dialog\n      UNSAFE_style={styleProps.style}\n      UNSAFE_className={classNames(styles, {[`spectrum-Dialog--${variant}`]: variant}, styleProps.className)}\n      isHidden={styleProps.hidden}\n      size=\"M\"\n      role=\"alertdialog\"\n      ref={ref}\n      {...filterDOMProps(props)}>\n      <Heading>{title}</Heading>\n      {(variant === 'error' || variant === 'warning') &&\n        <AlertMedium\n          slot=\"typeIcon\"\n          aria-label={stringFormatter.format('alert')} />\n      }\n      <Divider />\n      <Content>{children}</Content>\n      <ButtonGroup align=\"end\">\n        {cancelLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onCancel())}\n            autoFocus={autoFocusButton === 'cancel'}\n            data-testid=\"rsp-AlertDialog-cancelButton\">\n            {cancelLabel}\n          </Button>\n        }\n        {secondaryActionLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onSecondaryAction())}\n            isDisabled={isSecondaryActionDisabled}\n            autoFocus={autoFocusButton === 'secondary'}\n            data-testid=\"rsp-AlertDialog-secondaryButton\">\n            {secondaryActionLabel}\n          </Button>\n        }\n        <Button\n          variant={confirmVariant}\n          onPress={() => chain(onClose(), onPrimaryAction())}\n          isDisabled={isPrimaryActionDisabled}\n          autoFocus={autoFocusButton === 'primary'}\n          data-testid=\"rsp-AlertDialog-confirmButton\">\n          {primaryActionLabel}\n        </Button>\n      </ButtonGroup>\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;AAqDM,MAAM,0DAAc,CAAA,GAAA,uBAAS,EAAE,SAAS,YAC7C,KAA+B,EAC/B,GAAW;IAEX,IAAI,WAAC,UAAU,KAAO,GAAE,GAAG,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,uCAAY,MAAO,CAAC;IAE1D,IAAI,WACF,OAAO,YACP,QAAQ,sBACR,kBAAkB,wBAClB,oBAAoB,eACpB,WAAW,mBACX,eAAe,SACf,KAAK,2BACL,uBAAuB,6BACvB,yBAAyB,YACzB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,GAC3B,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAEhE,IAAI,iBAAiD;IACrD,IAAI,SAAS;QACX,IAAI,YAAY,gBACd,iBAAiB;aACZ,IAAI,YAAY,eACrB,iBAAiB;IAErB;IAEA,qBACE,0DAAC,CAAA,GAAA,gCAAK;QACJ,cAAc,WAAW,KAAK;QAC9B,kBAAkB,CAAA,GAAA,oCAAS,EACzB,CAAA,GAAA,mDAAK,GACL;YAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE;QAAO,GACzC,WAAW,SAAS;QAEtB,UAAU,WAAW,MAAM;QAC3B,MAAK;QACL,MAAK;QACL,KAAK;QACJ,GAAG,CAAA,GAAA,6CAAa,EAAE,MAAM;qBACzB,0DAAC,CAAA,GAAA,iCAAM,SAAG,QACT,AAAC,CAAA,YAAY,WAAW,YAAY,SAAQ,mBAC3C,0DAAC,CAAA,GAAA,2DAAU;QAAE,MAAK;QAAW,cAAY,gBAAgB,MAAM,CAAC;sBAElE,0DAAC,CAAA,GAAA,iCAAM,wBACP,0DAAC,CAAA,GAAA,iCAAM,SAAG,yBACV,0DAAC,CAAA,GAAA,qCAAU;QAAE,OAAM;OAChB,6BACC,0DAAC,CAAA,GAAA,gCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,WAAW,oBAAoB;QAC/B,eAAY;OACX,cAGJ,sCACC,0DAAC,CAAA,GAAA,gCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX,qCAGL,0DAAC,CAAA,GAAA,gCAAK;QACJ,SAAS;QACT,SAAS,IAAM,CAAA,GAAA,2BAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX;AAKX","sources":["packages/@adobe/react-spectrum/src/dialog/AlertDialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button, SpectrumButtonProps} from '../button/Button';\nimport {ButtonGroup} from '../buttongroup/ButtonGroup';\nimport {chain} from 'react-aria/chain';\nimport {classNames} from '../utils/classNames';\nimport {Content} from '../view/Content';\nimport {Dialog} from './Dialog';\nimport {DialogContext, DialogContextValue} from './context';\nimport {Divider} from '../divider/Divider';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Heading} from '../text/Heading';\nimport intlMessages from '../../intl/dialog/*.json';\n// @ts-ignore\nimport React, {forwardRef, ReactNode, useContext} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumAlertDialogProps extends DOMProps, StyleProps {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog. */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning';\n  /** The title of the AlertDialog. */\n  title: string;\n  /** The contents of the AlertDialog. */\n  children: ReactNode;\n  /** The label to display within the cancel button. */\n  cancelLabel?: string;\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string;\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string;\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean;\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean;\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void;\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void;\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void;\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary';\n  // allowsKeyboardConfirmation?: boolean, // triggers primary action\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to\n * acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(\n  props: SpectrumAlertDialogProps,\n  ref: DOMRef\n) {\n  let {onClose = () => {}} = useContext(DialogContext) || ({} as DialogContextValue);\n\n  let {\n    variant,\n    children,\n    primaryActionLabel,\n    secondaryActionLabel,\n    cancelLabel,\n    autoFocusButton,\n    title,\n    isPrimaryActionDisabled,\n    isSecondaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n\n  let confirmVariant: SpectrumButtonProps['variant'] = 'primary';\n  if (variant) {\n    if (variant === 'confirmation') {\n      confirmVariant = 'cta';\n    } else if (variant === 'destructive') {\n      confirmVariant = 'negative';\n    }\n  }\n\n  return (\n    <Dialog\n      UNSAFE_style={styleProps.style}\n      UNSAFE_className={classNames(\n        styles,\n        {[`spectrum-Dialog--${variant}`]: variant},\n        styleProps.className\n      )}\n      isHidden={styleProps.hidden}\n      size=\"M\"\n      role=\"alertdialog\"\n      ref={ref}\n      {...filterDOMProps(props)}>\n      <Heading>{title}</Heading>\n      {(variant === 'error' || variant === 'warning') && (\n        <AlertMedium slot=\"typeIcon\" aria-label={stringFormatter.format('alert')} />\n      )}\n      <Divider />\n      <Content>{children}</Content>\n      <ButtonGroup align=\"end\">\n        {cancelLabel && (\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onCancel())}\n            autoFocus={autoFocusButton === 'cancel'}\n            data-testid=\"rsp-AlertDialog-cancelButton\">\n            {cancelLabel}\n          </Button>\n        )}\n        {secondaryActionLabel && (\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onSecondaryAction())}\n            isDisabled={isSecondaryActionDisabled}\n            autoFocus={autoFocusButton === 'secondary'}\n            data-testid=\"rsp-AlertDialog-secondaryButton\">\n            {secondaryActionLabel}\n          </Button>\n        )}\n        <Button\n          variant={confirmVariant}\n          onPress={() => chain(onClose(), onPrimaryAction())}\n          isDisabled={isPrimaryActionDisabled}\n          autoFocus={autoFocusButton === 'primary'}\n          data-testid=\"rsp-AlertDialog-confirmButton\">\n          {primaryActionLabel}\n        </Button>\n      </ButtonGroup>\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.cjs.map"}

package/dist/private/dialog/AlertDialog.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;AAoDM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAW;IACrG,IAAI,WACF,UAAU,KAAO,GAClB,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAY,MAAM,CAAC;IAElC,IAAI,WACF,OAAO,YACP,QAAQ,sBACR,kBAAkB,wBAClB,oBAAoB,eACpB,WAAW,mBACX,eAAe,SACf,KAAK,2BACL,uBAAuB,6BACvB,yBAAyB,YACzB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,GAC3B,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAEhE,IAAI,iBAAiD;IACrD,IAAI,SAAS;QACX,IAAI,YAAY,gBACd,iBAAiB;aACZ,IAAI,YAAY,eACrB,iBAAiB;IAErB;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAK;QACJ,cAAc,WAAW,KAAK;QAC9B,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE;QAAO,GAAG,WAAW,SAAS;QACrG,UAAU,WAAW,MAAM;QAC3B,MAAK;QACL,MAAK;QACL,KAAK;QACJ,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;qBACzB,gCAAC,CAAA,GAAA,yCAAM,SAAG,QACT,AAAC,CAAA,YAAY,WAAW,YAAY,SAAQ,mBAC3C,gCAAC,CAAA,GAAA,iCAAU;QACT,MAAK;QACL,cAAY,gBAAgB,MAAM,CAAC;sBAEvC,gCAAC,CAAA,GAAA,yCAAM,wBACP,gCAAC,CAAA,GAAA,yCAAM,SAAG,yBACV,gCAAC,CAAA,GAAA,yCAAU;QAAE,OAAM;OAChB,6BACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,WAAW,oBAAoB;QAC/B,eAAY;OACX,cAGJ,sCACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX,qCAGL,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAS;QACT,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX;AAKX","sources":["packages/@adobe/react-spectrum/src/dialog/AlertDialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button, SpectrumButtonProps} from '../button/Button';\nimport {ButtonGroup} from '../buttongroup/ButtonGroup';\nimport {chain} from 'react-aria/chain';\nimport {classNames} from '../utils/classNames';\nimport {Content} from '../view/Content';\nimport {Dialog} from './Dialog';\nimport {DialogContext, DialogContextValue} from './context';\nimport {Divider} from '../divider/Divider';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Heading} from '../text/Heading';\nimport intlMessages from '../../intl/dialog/*.json';\n// @ts-ignore\nimport React, {forwardRef, ReactNode, useContext} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumAlertDialogProps extends DOMProps, StyleProps {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning',\n  /** The title of the AlertDialog. */\n  title: string,\n  /** The contents of the AlertDialog. */\n  children: ReactNode,\n  /** The label to display within the cancel button. */\n  cancelLabel?: string,\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string,\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string,\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean,\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean,\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void,\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void,\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void,\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary'\n  // allowsKeyboardConfirmation?: boolean, // triggers primary action\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: SpectrumAlertDialogProps, ref: DOMRef) {\n  let {\n    onClose = () => {}\n  } = useContext(DialogContext) || {} as DialogContextValue;\n\n  let {\n    variant,\n    children,\n    primaryActionLabel,\n    secondaryActionLabel,\n    cancelLabel,\n    autoFocusButton,\n    title,\n    isPrimaryActionDisabled,\n    isSecondaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n\n  let confirmVariant: SpectrumButtonProps['variant'] = 'primary';\n  if (variant) {\n    if (variant === 'confirmation') {\n      confirmVariant = 'cta';\n    } else if (variant === 'destructive') {\n      confirmVariant = 'negative';\n    }\n  }\n\n  return (\n    <Dialog\n      UNSAFE_style={styleProps.style}\n      UNSAFE_className={classNames(styles, {[`spectrum-Dialog--${variant}`]: variant}, styleProps.className)}\n      isHidden={styleProps.hidden}\n      size=\"M\"\n      role=\"alertdialog\"\n      ref={ref}\n      {...filterDOMProps(props)}>\n      <Heading>{title}</Heading>\n      {(variant === 'error' || variant === 'warning') &&\n        <AlertMedium\n          slot=\"typeIcon\"\n          aria-label={stringFormatter.format('alert')} />\n      }\n      <Divider />\n      <Content>{children}</Content>\n      <ButtonGroup align=\"end\">\n        {cancelLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onCancel())}\n            autoFocus={autoFocusButton === 'cancel'}\n            data-testid=\"rsp-AlertDialog-cancelButton\">\n            {cancelLabel}\n          </Button>\n        }\n        {secondaryActionLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onSecondaryAction())}\n            isDisabled={isSecondaryActionDisabled}\n            autoFocus={autoFocusButton === 'secondary'}\n            data-testid=\"rsp-AlertDialog-secondaryButton\">\n            {secondaryActionLabel}\n          </Button>\n        }\n        <Button\n          variant={confirmVariant}\n          onPress={() => chain(onClose(), onPrimaryAction())}\n          isDisabled={isPrimaryActionDisabled}\n          autoFocus={autoFocusButton === 'primary'}\n          data-testid=\"rsp-AlertDialog-confirmButton\">\n          {primaryActionLabel}\n        </Button>\n      </ButtonGroup>\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;AAqDM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAC7C,KAA+B,EAC/B,GAAW;IAEX,IAAI,WAAC,UAAU,KAAO,GAAE,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAY,MAAO,CAAC;IAE1D,IAAI,WACF,OAAO,YACP,QAAQ,sBACR,kBAAkB,wBAClB,oBAAoB,eACpB,WAAW,mBACX,eAAe,SACf,KAAK,2BACL,uBAAuB,6BACvB,yBAAyB,YACzB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,GAC3B,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,8CAAW,GAAG;IAEhE,IAAI,iBAAiD;IACrD,IAAI,SAAS;QACX,IAAI,YAAY,gBACd,iBAAiB;aACZ,IAAI,YAAY,eACrB,iBAAiB;IAErB;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAK;QACJ,cAAc,WAAW,KAAK;QAC9B,kBAAkB,CAAA,GAAA,yCAAS,EACzB,CAAA,GAAA,mDAAK,GACL;YAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE;QAAO,GACzC,WAAW,SAAS;QAEtB,UAAU,WAAW,MAAM;QAC3B,MAAK;QACL,MAAK;QACL,KAAK;QACJ,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;qBACzB,gCAAC,CAAA,GAAA,yCAAM,SAAG,QACT,AAAC,CAAA,YAAY,WAAW,YAAY,SAAQ,mBAC3C,gCAAC,CAAA,GAAA,iCAAU;QAAE,MAAK;QAAW,cAAY,gBAAgB,MAAM,CAAC;sBAElE,gCAAC,CAAA,GAAA,yCAAM,wBACP,gCAAC,CAAA,GAAA,yCAAM,SAAG,yBACV,gCAAC,CAAA,GAAA,yCAAU;QAAE,OAAM;OAChB,6BACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,WAAW,oBAAoB;QAC/B,eAAY;OACX,cAGJ,sCACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX,qCAGL,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAS;QACT,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX;AAKX","sources":["packages/@adobe/react-spectrum/src/dialog/AlertDialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button, SpectrumButtonProps} from '../button/Button';\nimport {ButtonGroup} from '../buttongroup/ButtonGroup';\nimport {chain} from 'react-aria/chain';\nimport {classNames} from '../utils/classNames';\nimport {Content} from '../view/Content';\nimport {Dialog} from './Dialog';\nimport {DialogContext, DialogContextValue} from './context';\nimport {Divider} from '../divider/Divider';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Heading} from '../text/Heading';\nimport intlMessages from '../../intl/dialog/*.json';\n// @ts-ignore\nimport React, {forwardRef, ReactNode, useContext} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumAlertDialogProps extends DOMProps, StyleProps {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog. */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning';\n  /** The title of the AlertDialog. */\n  title: string;\n  /** The contents of the AlertDialog. */\n  children: ReactNode;\n  /** The label to display within the cancel button. */\n  cancelLabel?: string;\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string;\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string;\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean;\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean;\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void;\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void;\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void;\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary';\n  // allowsKeyboardConfirmation?: boolean, // triggers primary action\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to\n * acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(\n  props: SpectrumAlertDialogProps,\n  ref: DOMRef\n) {\n  let {onClose = () => {}} = useContext(DialogContext) || ({} as DialogContextValue);\n\n  let {\n    variant,\n    children,\n    primaryActionLabel,\n    secondaryActionLabel,\n    cancelLabel,\n    autoFocusButton,\n    title,\n    isPrimaryActionDisabled,\n    isSecondaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n\n  let confirmVariant: SpectrumButtonProps['variant'] = 'primary';\n  if (variant) {\n    if (variant === 'confirmation') {\n      confirmVariant = 'cta';\n    } else if (variant === 'destructive') {\n      confirmVariant = 'negative';\n    }\n  }\n\n  return (\n    <Dialog\n      UNSAFE_style={styleProps.style}\n      UNSAFE_className={classNames(\n        styles,\n        {[`spectrum-Dialog--${variant}`]: variant},\n        styleProps.className\n      )}\n      isHidden={styleProps.hidden}\n      size=\"M\"\n      role=\"alertdialog\"\n      ref={ref}\n      {...filterDOMProps(props)}>\n      <Heading>{title}</Heading>\n      {(variant === 'error' || variant === 'warning') && (\n        <AlertMedium slot=\"typeIcon\" aria-label={stringFormatter.format('alert')} />\n      )}\n      <Divider />\n      <Content>{children}</Content>\n      <ButtonGroup align=\"end\">\n        {cancelLabel && (\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onCancel())}\n            autoFocus={autoFocusButton === 'cancel'}\n            data-testid=\"rsp-AlertDialog-cancelButton\">\n            {cancelLabel}\n          </Button>\n        )}\n        {secondaryActionLabel && (\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onSecondaryAction())}\n            isDisabled={isSecondaryActionDisabled}\n            autoFocus={autoFocusButton === 'secondary'}\n            data-testid=\"rsp-AlertDialog-secondaryButton\">\n            {secondaryActionLabel}\n          </Button>\n        )}\n        <Button\n          variant={confirmVariant}\n          onPress={() => chain(onClose(), onPrimaryAction())}\n          isDisabled={isPrimaryActionDisabled}\n          autoFocus={autoFocusButton === 'primary'}\n          data-testid=\"rsp-AlertDialog-confirmButton\">\n          {primaryActionLabel}\n        </Button>\n      </ButtonGroup>\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.js.map"}

package/dist/private/dialog/AlertDialog.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;AAoDM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAAY,KAA+B,EAAE,GAAW;IACrG,IAAI,WACF,UAAU,KAAO,GAClB,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAY,MAAM,CAAC;IAElC,IAAI,WACF,OAAO,YACP,QAAQ,sBACR,kBAAkB,wBAClB,oBAAoB,eACpB,WAAW,mBACX,eAAe,SACf,KAAK,2BACL,uBAAuB,6BACvB,yBAAyB,YACzB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,GAC3B,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAEhE,IAAI,iBAAiD;IACrD,IAAI,SAAS;QACX,IAAI,YAAY,gBACd,iBAAiB;aACZ,IAAI,YAAY,eACrB,iBAAiB;IAErB;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAK;QACJ,cAAc,WAAW,KAAK;QAC9B,kBAAkB,CAAA,GAAA,yCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG;YAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE;QAAO,GAAG,WAAW,SAAS;QACrG,UAAU,WAAW,MAAM;QAC3B,MAAK;QACL,MAAK;QACL,KAAK;QACJ,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;qBACzB,gCAAC,CAAA,GAAA,yCAAM,SAAG,QACT,AAAC,CAAA,YAAY,WAAW,YAAY,SAAQ,mBAC3C,gCAAC,CAAA,GAAA,iCAAU;QACT,MAAK;QACL,cAAY,gBAAgB,MAAM,CAAC;sBAEvC,gCAAC,CAAA,GAAA,yCAAM,wBACP,gCAAC,CAAA,GAAA,yCAAM,SAAG,yBACV,gCAAC,CAAA,GAAA,yCAAU;QAAE,OAAM;OAChB,6BACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,WAAW,oBAAoB;QAC/B,eAAY;OACX,cAGJ,sCACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX,qCAGL,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAS;QACT,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX;AAKX","sources":["packages/@adobe/react-spectrum/src/dialog/AlertDialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button, SpectrumButtonProps} from '../button/Button';\nimport {ButtonGroup} from '../buttongroup/ButtonGroup';\nimport {chain} from 'react-aria/chain';\nimport {classNames} from '../utils/classNames';\nimport {Content} from '../view/Content';\nimport {Dialog} from './Dialog';\nimport {DialogContext, DialogContextValue} from './context';\nimport {Divider} from '../divider/Divider';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Heading} from '../text/Heading';\nimport intlMessages from '../../intl/dialog/*.json';\n// @ts-ignore\nimport React, {forwardRef, ReactNode, useContext} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumAlertDialogProps extends DOMProps, StyleProps {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog.  */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning',\n  /** The title of the AlertDialog. */\n  title: string,\n  /** The contents of the AlertDialog. */\n  children: ReactNode,\n  /** The label to display within the cancel button. */\n  cancelLabel?: string,\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string,\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string,\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean,\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean,\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void,\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void,\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void,\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary'\n  // allowsKeyboardConfirmation?: boolean, // triggers primary action\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(props: SpectrumAlertDialogProps, ref: DOMRef) {\n  let {\n    onClose = () => {}\n  } = useContext(DialogContext) || {} as DialogContextValue;\n\n  let {\n    variant,\n    children,\n    primaryActionLabel,\n    secondaryActionLabel,\n    cancelLabel,\n    autoFocusButton,\n    title,\n    isPrimaryActionDisabled,\n    isSecondaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n\n  let confirmVariant: SpectrumButtonProps['variant'] = 'primary';\n  if (variant) {\n    if (variant === 'confirmation') {\n      confirmVariant = 'cta';\n    } else if (variant === 'destructive') {\n      confirmVariant = 'negative';\n    }\n  }\n\n  return (\n    <Dialog\n      UNSAFE_style={styleProps.style}\n      UNSAFE_className={classNames(styles, {[`spectrum-Dialog--${variant}`]: variant}, styleProps.className)}\n      isHidden={styleProps.hidden}\n      size=\"M\"\n      role=\"alertdialog\"\n      ref={ref}\n      {...filterDOMProps(props)}>\n      <Heading>{title}</Heading>\n      {(variant === 'error' || variant === 'warning') &&\n        <AlertMedium\n          slot=\"typeIcon\"\n          aria-label={stringFormatter.format('alert')} />\n      }\n      <Divider />\n      <Content>{children}</Content>\n      <ButtonGroup align=\"end\">\n        {cancelLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onCancel())}\n            autoFocus={autoFocusButton === 'cancel'}\n            data-testid=\"rsp-AlertDialog-cancelButton\">\n            {cancelLabel}\n          </Button>\n        }\n        {secondaryActionLabel &&\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onSecondaryAction())}\n            isDisabled={isSecondaryActionDisabled}\n            autoFocus={autoFocusButton === 'secondary'}\n            data-testid=\"rsp-AlertDialog-secondaryButton\">\n            {secondaryActionLabel}\n          </Button>\n        }\n        <Button\n          variant={confirmVariant}\n          onPress={() => chain(onClose(), onPrimaryAction())}\n          isDisabled={isPrimaryActionDisabled}\n          autoFocus={autoFocusButton === 'primary'}\n          data-testid=\"rsp-AlertDialog-confirmButton\">\n          {primaryActionLabel}\n        </Button>\n      </ButtonGroup>\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.mjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;AAqDM,MAAM,0DAAc,CAAA,GAAA,iBAAS,EAAE,SAAS,YAC7C,KAA+B,EAC/B,GAAW;IAEX,IAAI,WAAC,UAAU,KAAO,GAAE,GAAG,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAY,MAAO,CAAC;IAE1D,IAAI,WACF,OAAO,YACP,QAAQ,sBACR,kBAAkB,wBAClB,oBAAoB,eACpB,WAAW,mBACX,eAAe,SACf,KAAK,2BACL,uBAAuB,6BACvB,yBAAyB,YACzB,WAAW,KAAO,oBAClB,kBAAkB,KAAO,sBACzB,oBAAoB,KAAO,GAC3B,GAAG,YACJ,GAAG;IACJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,yCAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,+CAAW,GAAG;IAEhE,IAAI,iBAAiD;IACrD,IAAI,SAAS;QACX,IAAI,YAAY,gBACd,iBAAiB;aACZ,IAAI,YAAY,eACrB,iBAAiB;IAErB;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAK;QACJ,cAAc,WAAW,KAAK;QAC9B,kBAAkB,CAAA,GAAA,yCAAS,EACzB,CAAA,GAAA,mDAAK,GACL;YAAC,CAAC,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE;QAAO,GACzC,WAAW,SAAS;QAEtB,UAAU,WAAW,MAAM;QAC3B,MAAK;QACL,MAAK;QACL,KAAK;QACJ,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;qBACzB,gCAAC,CAAA,GAAA,yCAAM,SAAG,QACT,AAAC,CAAA,YAAY,WAAW,YAAY,SAAQ,mBAC3C,gCAAC,CAAA,GAAA,iCAAU;QAAE,MAAK;QAAW,cAAY,gBAAgB,MAAM,CAAC;sBAElE,gCAAC,CAAA,GAAA,yCAAM,wBACP,gCAAC,CAAA,GAAA,yCAAM,SAAG,yBACV,gCAAC,CAAA,GAAA,yCAAU;QAAE,OAAM;OAChB,6BACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,WAAW,oBAAoB;QAC/B,eAAY;OACX,cAGJ,sCACC,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAQ;QACR,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX,qCAGL,gCAAC,CAAA,GAAA,yCAAK;QACJ,SAAS;QACT,SAAS,IAAM,CAAA,GAAA,YAAI,EAAE,WAAW;QAChC,YAAY;QACZ,WAAW,oBAAoB;QAC/B,eAAY;OACX;AAKX","sources":["packages/@adobe/react-spectrum/src/dialog/AlertDialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {Button, SpectrumButtonProps} from '../button/Button';\nimport {ButtonGroup} from '../buttongroup/ButtonGroup';\nimport {chain} from 'react-aria/chain';\nimport {classNames} from '../utils/classNames';\nimport {Content} from '../view/Content';\nimport {Dialog} from './Dialog';\nimport {DialogContext, DialogContextValue} from './context';\nimport {Divider} from '../divider/Divider';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {Heading} from '../text/Heading';\nimport intlMessages from '../../intl/dialog/*.json';\n// @ts-ignore\nimport React, {forwardRef, ReactNode, useContext} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumAlertDialogProps extends DOMProps, StyleProps {\n  /** The [visual style](https://spectrum.adobe.com/page/alert-dialog/#Options) of the AlertDialog. */\n  variant?: 'confirmation' | 'information' | 'destructive' | 'error' | 'warning';\n  /** The title of the AlertDialog. */\n  title: string;\n  /** The contents of the AlertDialog. */\n  children: ReactNode;\n  /** The label to display within the cancel button. */\n  cancelLabel?: string;\n  /** The label to display within the confirm button. */\n  primaryActionLabel: string;\n  /** The label to display within the secondary button. */\n  secondaryActionLabel?: string;\n  /** Whether the primary button is disabled. */\n  isPrimaryActionDisabled?: boolean;\n  /** Whether the secondary button is disabled. */\n  isSecondaryActionDisabled?: boolean;\n  /** Handler that is called when the cancel button is pressed. */\n  onCancel?: () => void;\n  /** Handler that is called when the primary button is pressed. */\n  onPrimaryAction?: () => void;\n  /** Handler that is called when the secondary button is pressed. */\n  onSecondaryAction?: () => void;\n  /** Button to focus by default when the dialog opens. */\n  autoFocusButton?: 'cancel' | 'primary' | 'secondary';\n  // allowsKeyboardConfirmation?: boolean, // triggers primary action\n}\n\n/**\n * AlertDialogs are a specific type of Dialog. They display important information that users need to\n * acknowledge.\n */\nexport const AlertDialog = forwardRef(function AlertDialog(\n  props: SpectrumAlertDialogProps,\n  ref: DOMRef\n) {\n  let {onClose = () => {}} = useContext(DialogContext) || ({} as DialogContextValue);\n\n  let {\n    variant,\n    children,\n    primaryActionLabel,\n    secondaryActionLabel,\n    cancelLabel,\n    autoFocusButton,\n    title,\n    isPrimaryActionDisabled,\n    isSecondaryActionDisabled,\n    onCancel = () => {},\n    onPrimaryAction = () => {},\n    onSecondaryAction = () => {},\n    ...otherProps\n  } = props;\n  let {styleProps} = useStyleProps(otherProps);\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n\n  let confirmVariant: SpectrumButtonProps['variant'] = 'primary';\n  if (variant) {\n    if (variant === 'confirmation') {\n      confirmVariant = 'cta';\n    } else if (variant === 'destructive') {\n      confirmVariant = 'negative';\n    }\n  }\n\n  return (\n    <Dialog\n      UNSAFE_style={styleProps.style}\n      UNSAFE_className={classNames(\n        styles,\n        {[`spectrum-Dialog--${variant}`]: variant},\n        styleProps.className\n      )}\n      isHidden={styleProps.hidden}\n      size=\"M\"\n      role=\"alertdialog\"\n      ref={ref}\n      {...filterDOMProps(props)}>\n      <Heading>{title}</Heading>\n      {(variant === 'error' || variant === 'warning') && (\n        <AlertMedium slot=\"typeIcon\" aria-label={stringFormatter.format('alert')} />\n      )}\n      <Divider />\n      <Content>{children}</Content>\n      <ButtonGroup align=\"end\">\n        {cancelLabel && (\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onCancel())}\n            autoFocus={autoFocusButton === 'cancel'}\n            data-testid=\"rsp-AlertDialog-cancelButton\">\n            {cancelLabel}\n          </Button>\n        )}\n        {secondaryActionLabel && (\n          <Button\n            variant=\"secondary\"\n            onPress={() => chain(onClose(), onSecondaryAction())}\n            isDisabled={isSecondaryActionDisabled}\n            autoFocus={autoFocusButton === 'secondary'}\n            data-testid=\"rsp-AlertDialog-secondaryButton\">\n            {secondaryActionLabel}\n          </Button>\n        )}\n        <Button\n          variant={confirmVariant}\n          onPress={() => chain(onClose(), onPrimaryAction())}\n          isDisabled={isPrimaryActionDisabled}\n          autoFocus={autoFocusButton === 'primary'}\n          data-testid=\"rsp-AlertDialog-confirmButton\">\n          {primaryActionLabel}\n        </Button>\n      </ButtonGroup>\n    </Dialog>\n  );\n});\n"],"names":[],"version":3,"file":"AlertDialog.mjs.map"}

package/dist/private/dialog/Dialog.cjs

@@ -109,7 +109,8 @@ const $db50fa4488be370e$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, ($parcel$int
                 }),
                 align: 'end'
             }
-        }), [
+        }), // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
         hasFooter,
         hasHeader,
         titleProps

package/dist/private/dialog/Dialog.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/dialog/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '../button/ActionButton';\n\nimport {AriaDialogProps, useDialog} from 'react-aria/useDialog';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DialogContext, DialogContextValue} from './context';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {Grid} from '../layout/Grid';\nimport intlMessages from '../../intl/dialog/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {unwrapDOMRef, useDOMRef} from '../utils/useDOMRef';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDialogProps extends AriaDialogProps, StyleProps {\n  /** The contents of the Dialog. */\n  children: ReactNode,\n  /** The size of the Dialog. Only applies to \"modal\" type Dialogs. */\n  size?: 'S' | 'M' | 'L',\n  /** Whether the Dialog is dismissable. See the [examples](#examples) for more details. */\n  isDismissable?: boolean,\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss?: () => void\n}\n\nlet sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nexport const Dialog = React.forwardRef(function Dialog(props: SpectrumDialogProps, ref: DOMRef) {\n  props = useSlotProps(props, 'dialog');\n  let {\n    type = 'modal',\n    ...contextProps\n  } = useContext(DialogContext) || {} as DialogContextValue;\n  let {\n    children,\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    size,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n  let {styleProps} = useStyleProps(otherProps);\n\n  size = type === 'popover' ? (size || 'S') : (size || 'L');\n\n  let domRef = useDOMRef(ref);\n  let gridRef = useRef(null);\n  let sizeVariant = sizeMap[type] || sizeMap[size];\n  let {dialogProps, titleProps} = useDialog(mergeProps(contextProps, props), domRef);\n\n  let hasHeader = useHasChild(`.${styles['spectrum-Dialog-header']}`, unwrapDOMRef(gridRef));\n  let hasHeading = useHasChild(`.${styles['spectrum-Dialog-heading']}`, unwrapDOMRef(gridRef));\n  let hasFooter = useHasChild(`.${styles['spectrum-Dialog-footer']}`, unwrapDOMRef(gridRef));\n  let hasTypeIcon = useHasChild(`.${styles['spectrum-Dialog-typeIcon']}`, unwrapDOMRef(gridRef));\n\n  let slots = useMemo(() => ({\n    hero: {UNSAFE_className: styles['spectrum-Dialog-hero']},\n    heading: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-heading', {'spectrum-Dialog-heading--noHeader': !hasHeader, 'spectrum-Dialog-heading--noTypeIcon': !hasTypeIcon}), level: 2, ...titleProps},\n    header: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-header', {'spectrum-Dialog-header--noHeading': !hasHeading, 'spectrum-Dialog-header--noTypeIcon': !hasTypeIcon})},\n    typeIcon: {UNSAFE_className: styles['spectrum-Dialog-typeIcon']},\n    divider: {UNSAFE_className: styles['spectrum-Dialog-divider'], size: 'M'},\n    content: {UNSAFE_className: styles['spectrum-Dialog-content']},\n    footer: {UNSAFE_className: styles['spectrum-Dialog-footer']},\n    buttonGroup: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-buttonGroup', {'spectrum-Dialog-buttonGroup--noFooter': !hasFooter}), align: 'end'}\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }), [hasFooter, hasHeader, titleProps]);\n\n  return (\n    <section\n      {...styleProps}\n      {...dialogProps}\n      className={classNames(\n        styles,\n        'spectrum-Dialog',\n        {\n          [`spectrum-Dialog--${sizeVariant}`]: sizeVariant,\n          'spectrum-Dialog--dismissable': isDismissable\n        },\n        styleProps.className\n      )}\n      ref={domRef}>\n      <Grid ref={gridRef} UNSAFE_className={styles['spectrum-Dialog-grid']}>\n        <SlotProvider slots={slots}>\n          {children}\n        </SlotProvider>\n        {isDismissable &&\n          <ActionButton\n            UNSAFE_className={styles['spectrum-Dialog-closeButton']}\n            isQuiet\n            aria-label={stringFormatter.format('dismiss')}\n            onPress={onDismiss}>\n            <CrossLarge />\n          </ActionButton>\n        }\n      </Grid>\n    </section>\n  );\n});\n"],"names":[],"version":3,"file":"Dialog.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;;;;;AAgCD,IAAI,gCAAU;IACZ,GAAG;IACH,GAAG;IACH,GAAG;IACH,YAAY;IACZ,oBAAoB;AACtB;AAOO,MAAM,0DAAS,CAAA,GAAA,sCAAI,EAAE,UAAU,CAAC,SAAS,OAAO,KAA0B,EAAE,GAAW;IAC5F,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAC5B,IAAI,QAAC,OAAO,SAAS,GAAG,cAAa,GAAG,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,uCAAY,MAAO,CAAC;IACvE,IAAI,YACF,QAAQ,iBACR,gBAAgB,aAAa,aAAa,aAC1C,YAAY,aAAa,OAAO,QAChC,IAAI,EACJ,GAAG,YACJ,GAAG;IACJ,IAAI,kBAAkB,CAAA,GAAA,uEAA0B,EAAE,CAAA,GAAA,mDAAW,GAAG;IAChE,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,OAAO,SAAS,YAAY,QAAQ,MAAM,QAAQ;IAElD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,UAAU,CAAA,GAAA,mBAAK,EAAE;IACrB,IAAI,cAAc,6BAAO,CAAC,KAAK,IAAI,6BAAO,CAAC,KAAK;IAChD,IAAI,eAAC,WAAW,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,mCAAQ,EAAE,CAAA,GAAA,qCAAS,EAAE,cAAc,QAAQ;IAE3E,IAAI,YAAY,CAAA,GAAA,qCAAU,EAAE,CAAC,CAAC,EAAE,CAAA,GAAA,mDAAK,CAAC,CAAC,yBAAyB,EAAE,EAAE,CAAA,GAAA,sCAAW,EAAE;IACjF,IAAI,aAAa,CAAA,GAAA,qCAAU,EAAE,CAAC,CAAC,EAAE,CAAA,GAAA,mDAAK,CAAC,CAAC,0BAA0B,EAAE,EAAE,CAAA,GAAA,sCAAW,EAAE;IACnF,IAAI,YAAY,CAAA,GAAA,qCAAU,EAAE,CAAC,CAAC,EAAE,CAAA,GAAA,mDAAK,CAAC,CAAC,yBAAyB,EAAE,EAAE,CAAA,GAAA,sCAAW,EAAE;IACjF,IAAI,cAAc,CAAA,GAAA,qCAAU,EAAE,CAAC,CAAC,EAAE,CAAA,GAAA,mDAAK,CAAC,CAAC,2BAA2B,EAAE,EAAE,CAAA,GAAA,sCAAW,EAAE;IAErF,IAAI,QAAQ,CAAA,GAAA,oBAAM,EAChB,IAAO,CAAA;YACL,MAAM;gBAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,uBAAuB;YAAA;YACvD,SAAS;gBACP,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,2BAA2B;oBAC9D,qCAAqC,CAAC;oBACtC,uCAAuC,CAAC;gBAC1C;gBACA,OAAO;gBACP,GAAG,UAAU;YACf;YACA,QAAQ;gBACN,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,0BAA0B;oBAC7D,qCAAqC,CAAC;oBACtC,sCAAsC,CAAC;gBACzC;YACF;YACA,UAAU;gBAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,2BAA2B;YAAA;YAC/D,SAAS;gBAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,0BAA0B;gBAAE,MAAM;YAAG;YACxE,SAAS;gBAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,0BAA0B;YAAA;YAC7D,QAAQ;gBAAC,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,yBAAyB;YAAA;YAC3D,aAAa;gBACX,kBAAkB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,mDAAK,GAAG,+BAA+B;oBAClE,yCAAyC,CAAC;gBAC5C;gBACA,OAAO;YACT;QACF,CAAA,GACA,uDAAuD;IACvD;QAAC;QAAW;QAAW;KAAW;IAGpC,qBACE,0DAAC;QACE,GAAG,UAAU;QACb,GAAG,WAAW;QACf,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,mDAAK,GACL,mBACA;YACE,CAAC,CAAC,iBAAiB,EAAE,aAAa,CAAC,EAAE;YACrC,gCAAgC;QAClC,GACA,WAAW,SAAS;QAEtB,KAAK;qBACL,0DAAC,CAAA,GAAA,8BAAG;QAAE,KAAK;QAAS,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,uBAAuB;qBAClE,0DAAC,CAAA,GAAA,sCAAW;QAAE,OAAO;OAAQ,WAC5B,+BACC,0DAAC,CAAA,GAAA,sCAAW;QACV,kBAAkB,CAAA,GAAA,mDAAK,CAAC,CAAC,8BAA8B;QACvD,SAAA;QACA,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAS;qBACT,0DAAC,CAAA,GAAA,0DAAS;AAMtB","sources":["packages/@adobe/react-spectrum/src/dialog/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '../button/ActionButton';\n\nimport {AriaDialogProps, useDialog} from 'react-aria/useDialog';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DialogContext, DialogContextValue} from './context';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {Grid} from '../layout/Grid';\nimport intlMessages from '../../intl/dialog/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {unwrapDOMRef, useDOMRef} from '../utils/useDOMRef';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDialogProps extends AriaDialogProps, StyleProps {\n  /** The contents of the Dialog. */\n  children: ReactNode;\n  /** The size of the Dialog. Only applies to \"modal\" type Dialogs. */\n  size?: 'S' | 'M' | 'L';\n  /** Whether the Dialog is dismissable. See the [examples](#examples) for more details. */\n  isDismissable?: boolean;\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss?: () => void;\n}\n\nlet sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the\n * user interface. Depending on the kind of Dialog, further interactions may be blocked until the\n * Dialog is acknowledged.\n */\nexport const Dialog = React.forwardRef(function Dialog(props: SpectrumDialogProps, ref: DOMRef) {\n  props = useSlotProps(props, 'dialog');\n  let {type = 'modal', ...contextProps} = useContext(DialogContext) || ({} as DialogContextValue);\n  let {\n    children,\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    size,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n  let {styleProps} = useStyleProps(otherProps);\n\n  size = type === 'popover' ? size || 'S' : size || 'L';\n\n  let domRef = useDOMRef(ref);\n  let gridRef = useRef(null);\n  let sizeVariant = sizeMap[type] || sizeMap[size];\n  let {dialogProps, titleProps} = useDialog(mergeProps(contextProps, props), domRef);\n\n  let hasHeader = useHasChild(`.${styles['spectrum-Dialog-header']}`, unwrapDOMRef(gridRef));\n  let hasHeading = useHasChild(`.${styles['spectrum-Dialog-heading']}`, unwrapDOMRef(gridRef));\n  let hasFooter = useHasChild(`.${styles['spectrum-Dialog-footer']}`, unwrapDOMRef(gridRef));\n  let hasTypeIcon = useHasChild(`.${styles['spectrum-Dialog-typeIcon']}`, unwrapDOMRef(gridRef));\n\n  let slots = useMemo(\n    () => ({\n      hero: {UNSAFE_className: styles['spectrum-Dialog-hero']},\n      heading: {\n        UNSAFE_className: classNames(styles, 'spectrum-Dialog-heading', {\n          'spectrum-Dialog-heading--noHeader': !hasHeader,\n          'spectrum-Dialog-heading--noTypeIcon': !hasTypeIcon\n        }),\n        level: 2,\n        ...titleProps\n      },\n      header: {\n        UNSAFE_className: classNames(styles, 'spectrum-Dialog-header', {\n          'spectrum-Dialog-header--noHeading': !hasHeading,\n          'spectrum-Dialog-header--noTypeIcon': !hasTypeIcon\n        })\n      },\n      typeIcon: {UNSAFE_className: styles['spectrum-Dialog-typeIcon']},\n      divider: {UNSAFE_className: styles['spectrum-Dialog-divider'], size: 'M'},\n      content: {UNSAFE_className: styles['spectrum-Dialog-content']},\n      footer: {UNSAFE_className: styles['spectrum-Dialog-footer']},\n      buttonGroup: {\n        UNSAFE_className: classNames(styles, 'spectrum-Dialog-buttonGroup', {\n          'spectrum-Dialog-buttonGroup--noFooter': !hasFooter\n        }),\n        align: 'end'\n      }\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [hasFooter, hasHeader, titleProps]\n  );\n\n  return (\n    <section\n      {...styleProps}\n      {...dialogProps}\n      className={classNames(\n        styles,\n        'spectrum-Dialog',\n        {\n          [`spectrum-Dialog--${sizeVariant}`]: sizeVariant,\n          'spectrum-Dialog--dismissable': isDismissable\n        },\n        styleProps.className\n      )}\n      ref={domRef}>\n      <Grid ref={gridRef} UNSAFE_className={styles['spectrum-Dialog-grid']}>\n        <SlotProvider slots={slots}>{children}</SlotProvider>\n        {isDismissable && (\n          <ActionButton\n            UNSAFE_className={styles['spectrum-Dialog-closeButton']}\n            isQuiet\n            aria-label={stringFormatter.format('dismiss')}\n            onPress={onDismiss}>\n            <CrossLarge />\n          </ActionButton>\n        )}\n      </Grid>\n    </section>\n  );\n});\n"],"names":[],"version":3,"file":"Dialog.cjs.map"}

package/dist/private/dialog/Dialog.js

@@ -103,7 +103,8 @@ const $89418a3659cad0c7$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $cgl0K$react
                 }),
                 align: 'end'
             }
-        }), [
+        }), // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
         hasFooter,
         hasHeader,
         titleProps

package/dist/private/dialog/Dialog.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/dialog/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '../button/ActionButton';\n\nimport {AriaDialogProps, useDialog} from 'react-aria/useDialog';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DialogContext, DialogContextValue} from './context';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {Grid} from '../layout/Grid';\nimport intlMessages from '../../intl/dialog/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {unwrapDOMRef, useDOMRef} from '../utils/useDOMRef';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDialogProps extends AriaDialogProps, StyleProps {\n  /** The contents of the Dialog. */\n  children: ReactNode,\n  /** The size of the Dialog. Only applies to \"modal\" type Dialogs. */\n  size?: 'S' | 'M' | 'L',\n  /** Whether the Dialog is dismissable. See the [examples](#examples) for more details. */\n  isDismissable?: boolean,\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss?: () => void\n}\n\nlet sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nexport const Dialog = React.forwardRef(function Dialog(props: SpectrumDialogProps, ref: DOMRef) {\n  props = useSlotProps(props, 'dialog');\n  let {\n    type = 'modal',\n    ...contextProps\n  } = useContext(DialogContext) || {} as DialogContextValue;\n  let {\n    children,\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    size,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n  let {styleProps} = useStyleProps(otherProps);\n\n  size = type === 'popover' ? (size || 'S') : (size || 'L');\n\n  let domRef = useDOMRef(ref);\n  let gridRef = useRef(null);\n  let sizeVariant = sizeMap[type] || sizeMap[size];\n  let {dialogProps, titleProps} = useDialog(mergeProps(contextProps, props), domRef);\n\n  let hasHeader = useHasChild(`.${styles['spectrum-Dialog-header']}`, unwrapDOMRef(gridRef));\n  let hasHeading = useHasChild(`.${styles['spectrum-Dialog-heading']}`, unwrapDOMRef(gridRef));\n  let hasFooter = useHasChild(`.${styles['spectrum-Dialog-footer']}`, unwrapDOMRef(gridRef));\n  let hasTypeIcon = useHasChild(`.${styles['spectrum-Dialog-typeIcon']}`, unwrapDOMRef(gridRef));\n\n  let slots = useMemo(() => ({\n    hero: {UNSAFE_className: styles['spectrum-Dialog-hero']},\n    heading: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-heading', {'spectrum-Dialog-heading--noHeader': !hasHeader, 'spectrum-Dialog-heading--noTypeIcon': !hasTypeIcon}), level: 2, ...titleProps},\n    header: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-header', {'spectrum-Dialog-header--noHeading': !hasHeading, 'spectrum-Dialog-header--noTypeIcon': !hasTypeIcon})},\n    typeIcon: {UNSAFE_className: styles['spectrum-Dialog-typeIcon']},\n    divider: {UNSAFE_className: styles['spectrum-Dialog-divider'], size: 'M'},\n    content: {UNSAFE_className: styles['spectrum-Dialog-content']},\n    footer: {UNSAFE_className: styles['spectrum-Dialog-footer']},\n    buttonGroup: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-buttonGroup', {'spectrum-Dialog-buttonGroup--noFooter': !hasFooter}), align: 'end'}\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }), [hasFooter, hasHeader, titleProps]);\n\n  return (\n    <section\n      {...styleProps}\n      {...dialogProps}\n      className={classNames(\n        styles,\n        'spectrum-Dialog',\n        {\n          [`spectrum-Dialog--${sizeVariant}`]: sizeVariant,\n          'spectrum-Dialog--dismissable': isDismissable\n        },\n        styleProps.className\n      )}\n      ref={domRef}>\n      <Grid ref={gridRef} UNSAFE_className={styles['spectrum-Dialog-grid']}>\n        <SlotProvider slots={slots}>\n          {children}\n        </SlotProvider>\n        {isDismissable &&\n          <ActionButton\n            UNSAFE_className={styles['spectrum-Dialog-closeButton']}\n            isQuiet\n            aria-label={stringFormatter.format('dismiss')}\n            onPress={onDismiss}>\n            <CrossLarge />\n          </ActionButton>\n        }\n      </Grid>\n    </section>\n  );\n});\n"],"names":[],"version":3,"file":"Dialog.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/dialog/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '../button/ActionButton';\n\nimport {AriaDialogProps, useDialog} from 'react-aria/useDialog';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DialogContext, DialogContextValue} from './context';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {Grid} from '../layout/Grid';\nimport intlMessages from '../../intl/dialog/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {unwrapDOMRef, useDOMRef} from '../utils/useDOMRef';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDialogProps extends AriaDialogProps, StyleProps {\n  /** The contents of the Dialog. */\n  children: ReactNode;\n  /** The size of the Dialog. Only applies to \"modal\" type Dialogs. */\n  size?: 'S' | 'M' | 'L';\n  /** Whether the Dialog is dismissable. See the [examples](#examples) for more details. */\n  isDismissable?: boolean;\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss?: () => void;\n}\n\nlet sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the\n * user interface. Depending on the kind of Dialog, further interactions may be blocked until the\n * Dialog is acknowledged.\n */\nexport const Dialog = React.forwardRef(function Dialog(props: SpectrumDialogProps, ref: DOMRef) {\n  props = useSlotProps(props, 'dialog');\n  let {type = 'modal', ...contextProps} = useContext(DialogContext) || ({} as DialogContextValue);\n  let {\n    children,\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    size,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n  let {styleProps} = useStyleProps(otherProps);\n\n  size = type === 'popover' ? size || 'S' : size || 'L';\n\n  let domRef = useDOMRef(ref);\n  let gridRef = useRef(null);\n  let sizeVariant = sizeMap[type] || sizeMap[size];\n  let {dialogProps, titleProps} = useDialog(mergeProps(contextProps, props), domRef);\n\n  let hasHeader = useHasChild(`.${styles['spectrum-Dialog-header']}`, unwrapDOMRef(gridRef));\n  let hasHeading = useHasChild(`.${styles['spectrum-Dialog-heading']}`, unwrapDOMRef(gridRef));\n  let hasFooter = useHasChild(`.${styles['spectrum-Dialog-footer']}`, unwrapDOMRef(gridRef));\n  let hasTypeIcon = useHasChild(`.${styles['spectrum-Dialog-typeIcon']}`, unwrapDOMRef(gridRef));\n\n  let slots = useMemo(\n    () => ({\n      hero: {UNSAFE_className: styles['spectrum-Dialog-hero']},\n      heading: {\n        UNSAFE_className: classNames(styles, 'spectrum-Dialog-heading', {\n          'spectrum-Dialog-heading--noHeader': !hasHeader,\n          'spectrum-Dialog-heading--noTypeIcon': !hasTypeIcon\n        }),\n        level: 2,\n        ...titleProps\n      },\n      header: {\n        UNSAFE_className: classNames(styles, 'spectrum-Dialog-header', {\n          'spectrum-Dialog-header--noHeading': !hasHeading,\n          'spectrum-Dialog-header--noTypeIcon': !hasTypeIcon\n        })\n      },\n      typeIcon: {UNSAFE_className: styles['spectrum-Dialog-typeIcon']},\n      divider: {UNSAFE_className: styles['spectrum-Dialog-divider'], size: 'M'},\n      content: {UNSAFE_className: styles['spectrum-Dialog-content']},\n      footer: {UNSAFE_className: styles['spectrum-Dialog-footer']},\n      buttonGroup: {\n        UNSAFE_className: classNames(styles, 'spectrum-Dialog-buttonGroup', {\n          'spectrum-Dialog-buttonGroup--noFooter': !hasFooter\n        }),\n        align: 'end'\n      }\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [hasFooter, hasHeader, titleProps]\n  );\n\n  return (\n    <section\n      {...styleProps}\n      {...dialogProps}\n      className={classNames(\n        styles,\n        'spectrum-Dialog',\n        {\n          [`spectrum-Dialog--${sizeVariant}`]: sizeVariant,\n          'spectrum-Dialog--dismissable': isDismissable\n        },\n        styleProps.className\n      )}\n      ref={domRef}>\n      <Grid ref={gridRef} UNSAFE_className={styles['spectrum-Dialog-grid']}>\n        <SlotProvider slots={slots}>{children}</SlotProvider>\n        {isDismissable && (\n          <ActionButton\n            UNSAFE_className={styles['spectrum-Dialog-closeButton']}\n            isQuiet\n            aria-label={stringFormatter.format('dismiss')}\n            onPress={onDismiss}>\n            <CrossLarge />\n          </ActionButton>\n        )}\n      </Grid>\n    </section>\n  );\n});\n"],"names":[],"version":3,"file":"Dialog.js.map"}

package/dist/private/dialog/Dialog.mjs

@@ -103,7 +103,8 @@ const $8054558191a4f1c9$export$3ddf2d174ce01153 = /*#__PURE__*/ (0, $gpOSB$react
                 }),
                 align: 'end'
             }
-        }), [
+        }), // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
         hasFooter,
         hasHeader,
         titleProps

package/dist/private/dialog/Dialog.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/dialog/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '../button/ActionButton';\n\nimport {AriaDialogProps, useDialog} from 'react-aria/useDialog';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DialogContext, DialogContextValue} from './context';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {Grid} from '../layout/Grid';\nimport intlMessages from '../../intl/dialog/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {unwrapDOMRef, useDOMRef} from '../utils/useDOMRef';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDialogProps extends AriaDialogProps, StyleProps {\n  /** The contents of the Dialog. */\n  children: ReactNode,\n  /** The size of the Dialog. Only applies to \"modal\" type Dialogs. */\n  size?: 'S' | 'M' | 'L',\n  /** Whether the Dialog is dismissable. See the [examples](#examples) for more details. */\n  isDismissable?: boolean,\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss?: () => void\n}\n\nlet sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n */\nexport const Dialog = React.forwardRef(function Dialog(props: SpectrumDialogProps, ref: DOMRef) {\n  props = useSlotProps(props, 'dialog');\n  let {\n    type = 'modal',\n    ...contextProps\n  } = useContext(DialogContext) || {} as DialogContextValue;\n  let {\n    children,\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    size,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n  let {styleProps} = useStyleProps(otherProps);\n\n  size = type === 'popover' ? (size || 'S') : (size || 'L');\n\n  let domRef = useDOMRef(ref);\n  let gridRef = useRef(null);\n  let sizeVariant = sizeMap[type] || sizeMap[size];\n  let {dialogProps, titleProps} = useDialog(mergeProps(contextProps, props), domRef);\n\n  let hasHeader = useHasChild(`.${styles['spectrum-Dialog-header']}`, unwrapDOMRef(gridRef));\n  let hasHeading = useHasChild(`.${styles['spectrum-Dialog-heading']}`, unwrapDOMRef(gridRef));\n  let hasFooter = useHasChild(`.${styles['spectrum-Dialog-footer']}`, unwrapDOMRef(gridRef));\n  let hasTypeIcon = useHasChild(`.${styles['spectrum-Dialog-typeIcon']}`, unwrapDOMRef(gridRef));\n\n  let slots = useMemo(() => ({\n    hero: {UNSAFE_className: styles['spectrum-Dialog-hero']},\n    heading: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-heading', {'spectrum-Dialog-heading--noHeader': !hasHeader, 'spectrum-Dialog-heading--noTypeIcon': !hasTypeIcon}), level: 2, ...titleProps},\n    header: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-header', {'spectrum-Dialog-header--noHeading': !hasHeading, 'spectrum-Dialog-header--noTypeIcon': !hasTypeIcon})},\n    typeIcon: {UNSAFE_className: styles['spectrum-Dialog-typeIcon']},\n    divider: {UNSAFE_className: styles['spectrum-Dialog-divider'], size: 'M'},\n    content: {UNSAFE_className: styles['spectrum-Dialog-content']},\n    footer: {UNSAFE_className: styles['spectrum-Dialog-footer']},\n    buttonGroup: {UNSAFE_className: classNames(styles, 'spectrum-Dialog-buttonGroup', {'spectrum-Dialog-buttonGroup--noFooter': !hasFooter}), align: 'end'}\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }), [hasFooter, hasHeader, titleProps]);\n\n  return (\n    <section\n      {...styleProps}\n      {...dialogProps}\n      className={classNames(\n        styles,\n        'spectrum-Dialog',\n        {\n          [`spectrum-Dialog--${sizeVariant}`]: sizeVariant,\n          'spectrum-Dialog--dismissable': isDismissable\n        },\n        styleProps.className\n      )}\n      ref={domRef}>\n      <Grid ref={gridRef} UNSAFE_className={styles['spectrum-Dialog-grid']}>\n        <SlotProvider slots={slots}>\n          {children}\n        </SlotProvider>\n        {isDismissable &&\n          <ActionButton\n            UNSAFE_className={styles['spectrum-Dialog-closeButton']}\n            isQuiet\n            aria-label={stringFormatter.format('dismiss')}\n            onPress={onDismiss}>\n            <CrossLarge />\n          </ActionButton>\n        }\n      </Grid>\n    </section>\n  );\n});\n"],"names":[],"version":3,"file":"Dialog.mjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/dialog/Dialog.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {ActionButton} from '../button/ActionButton';\n\nimport {AriaDialogProps, useDialog} from 'react-aria/useDialog';\nimport {classNames} from '../utils/classNames';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DialogContext, DialogContextValue} from './context';\nimport {DOMRef, StyleProps} from '@react-types/shared';\nimport {Grid} from '../layout/Grid';\nimport intlMessages from '../../intl/dialog/*.json';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {ReactNode, useContext, useMemo, useRef} from 'react';\nimport {SlotProvider, useSlotProps} from '../utils/Slots';\n// @ts-ignore\nimport styles from '@adobe/spectrum-css-temp/components/dialog/vars.css';\nimport {unwrapDOMRef, useDOMRef} from '../utils/useDOMRef';\nimport {useHasChild} from '../utils/useHasChild';\nimport {useLocalizedStringFormatter} from 'react-aria/useLocalizedStringFormatter';\nimport {useStyleProps} from '../utils/styleProps';\n\nexport interface SpectrumDialogProps extends AriaDialogProps, StyleProps {\n  /** The contents of the Dialog. */\n  children: ReactNode;\n  /** The size of the Dialog. Only applies to \"modal\" type Dialogs. */\n  size?: 'S' | 'M' | 'L';\n  /** Whether the Dialog is dismissable. See the [examples](#examples) for more details. */\n  isDismissable?: boolean;\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss?: () => void;\n}\n\nlet sizeMap = {\n  S: 'small',\n  M: 'medium',\n  L: 'large',\n  fullscreen: 'fullscreen',\n  fullscreenTakeover: 'fullscreenTakeover'\n};\n\n/**\n * Dialogs are windows containing contextual information, tasks, or workflows that appear over the\n * user interface. Depending on the kind of Dialog, further interactions may be blocked until the\n * Dialog is acknowledged.\n */\nexport const Dialog = React.forwardRef(function Dialog(props: SpectrumDialogProps, ref: DOMRef) {\n  props = useSlotProps(props, 'dialog');\n  let {type = 'modal', ...contextProps} = useContext(DialogContext) || ({} as DialogContextValue);\n  let {\n    children,\n    isDismissable = contextProps.isDismissable,\n    onDismiss = contextProps.onClose,\n    size,\n    ...otherProps\n  } = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/dialog');\n  let {styleProps} = useStyleProps(otherProps);\n\n  size = type === 'popover' ? size || 'S' : size || 'L';\n\n  let domRef = useDOMRef(ref);\n  let gridRef = useRef(null);\n  let sizeVariant = sizeMap[type] || sizeMap[size];\n  let {dialogProps, titleProps} = useDialog(mergeProps(contextProps, props), domRef);\n\n  let hasHeader = useHasChild(`.${styles['spectrum-Dialog-header']}`, unwrapDOMRef(gridRef));\n  let hasHeading = useHasChild(`.${styles['spectrum-Dialog-heading']}`, unwrapDOMRef(gridRef));\n  let hasFooter = useHasChild(`.${styles['spectrum-Dialog-footer']}`, unwrapDOMRef(gridRef));\n  let hasTypeIcon = useHasChild(`.${styles['spectrum-Dialog-typeIcon']}`, unwrapDOMRef(gridRef));\n\n  let slots = useMemo(\n    () => ({\n      hero: {UNSAFE_className: styles['spectrum-Dialog-hero']},\n      heading: {\n        UNSAFE_className: classNames(styles, 'spectrum-Dialog-heading', {\n          'spectrum-Dialog-heading--noHeader': !hasHeader,\n          'spectrum-Dialog-heading--noTypeIcon': !hasTypeIcon\n        }),\n        level: 2,\n        ...titleProps\n      },\n      header: {\n        UNSAFE_className: classNames(styles, 'spectrum-Dialog-header', {\n          'spectrum-Dialog-header--noHeading': !hasHeading,\n          'spectrum-Dialog-header--noTypeIcon': !hasTypeIcon\n        })\n      },\n      typeIcon: {UNSAFE_className: styles['spectrum-Dialog-typeIcon']},\n      divider: {UNSAFE_className: styles['spectrum-Dialog-divider'], size: 'M'},\n      content: {UNSAFE_className: styles['spectrum-Dialog-content']},\n      footer: {UNSAFE_className: styles['spectrum-Dialog-footer']},\n      buttonGroup: {\n        UNSAFE_className: classNames(styles, 'spectrum-Dialog-buttonGroup', {\n          'spectrum-Dialog-buttonGroup--noFooter': !hasFooter\n        }),\n        align: 'end'\n      }\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [hasFooter, hasHeader, titleProps]\n  );\n\n  return (\n    <section\n      {...styleProps}\n      {...dialogProps}\n      className={classNames(\n        styles,\n        'spectrum-Dialog',\n        {\n          [`spectrum-Dialog--${sizeVariant}`]: sizeVariant,\n          'spectrum-Dialog--dismissable': isDismissable\n        },\n        styleProps.className\n      )}\n      ref={domRef}>\n      <Grid ref={gridRef} UNSAFE_className={styles['spectrum-Dialog-grid']}>\n        <SlotProvider slots={slots}>{children}</SlotProvider>\n        {isDismissable && (\n          <ActionButton\n            UNSAFE_className={styles['spectrum-Dialog-closeButton']}\n            isQuiet\n            aria-label={stringFormatter.format('dismiss')}\n            onPress={onDismiss}>\n            <CrossLarge />\n          </ActionButton>\n        )}\n      </Grid>\n    </section>\n  );\n});\n"],"names":[],"version":3,"file":"Dialog.mjs.map"}

package/dist/private/dialog/DialogContainer.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AA4BM,SAAS,0CAAgB,KAAmC;IACjE,IAAI,YACF,QAAQ,QACR,OAAO,oBACP,SAAS,iBACT,aAAa,6BACb,yBAAyB,EAC1B,GAAG;IAEJ,IAAI,aAAa,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACxC,IAAI,WAAW,MAAM,GAAG,GACtB,MAAM,IAAI,MAAM;IAGlB,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,qBAAO,EAAuB;IAE9D,6EAA6E;IAC7E,0DAA0D;IAC1D,IAAI,QAAkC;IACtC,IAAI,MAAM,OAAO,CAAC,WAChB,QAAQ,SAAS,IAAI,CAAC,CAAA,GAAA,sCAAI,EAAE,cAAc;SACrC,kBAAI,CAAA,GAAA,sCAAI,EAAE,cAAc,CAAC,WAC9B,QAAQ;IAGV,IAAI,SAAS,UAAU,WACrB,aAAa;IAGf,IAAI,UAAU;cACZ;QACA,SAAS;uBACT;IACF;IAEA,IAAI,QAAQ,CAAA,GAAA,gEAAqB,EAAE;QACjC,QAAQ,CAAC,CAAC;QACV,cAAc,CAAA;YACZ,IAAI,CAAC,QACH;QAEJ;IACF;IAEA,qBACE,0DAAC,CAAA,GAAA,+BAAI;QACH,OAAO;QACP,MAAM;QACN,eAAe;QACf,2BAA2B;qBAC3B,0DAAC,CAAA,GAAA,uCAAY,EAAE,QAAQ;QAAC,OAAO;OAC5B;AAIT","sources":["packages/@adobe/react-spectrum/src/dialog/DialogContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal} from '../overlays/Modal';\nimport React, {JSX, ReactElement, ReactNode, useState} from 'react';\nimport {useOverlayTriggerState} from 'react-stately/useOverlayTriggerState';\n\nexport interface SpectrumDialogContainerProps {\n  /** The Dialog to display, if any. */\n  children: ReactNode,\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss: () => void,\n  /**\n   * The type of Dialog that should be rendered. See the visual options below for examples of each.\n   * @default 'modal'\n   */\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover',\n  /** Whether the Dialog is dismissable. See the [Dialog docs](Dialog.html#dismissable-dialogs) for more details. */\n  isDismissable?: boolean,\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean\n}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages showing and hiding\n * it in a modal. Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: SpectrumDialogContainerProps): JSX.Element {\n  let {\n    children,\n    type = 'modal',\n    onDismiss,\n    isDismissable,\n    isKeyboardDismissDisabled\n  } = props;\n\n  let childArray = React.Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  let [lastChild, setLastChild] = useState<ReactElement | null>(null);\n\n  // React.Children.toArray mutates the children, and we need them to be stable\n  // between renders so that the lastChild comparison works.\n  let child: ReactElement | undefined = undefined;\n  if (Array.isArray(children)) {\n    child = children.find(React.isValidElement);\n  } else if (React.isValidElement(children)) {\n    child = children;\n  }\n\n  if (child && child !== lastChild) {\n    setLastChild(child);\n  }\n\n  let context = {\n    type,\n    onClose: onDismiss,\n    isDismissable\n  };\n\n  let state = useOverlayTriggerState({\n    isOpen: !!child,\n    onOpenChange: isOpen => {\n      if (!isOpen) {\n        onDismiss();\n      }\n    }\n  });\n\n  return (\n    <Modal\n      state={state}\n      type={type}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <DialogContext.Provider value={context}>\n        {lastChild}\n      </DialogContext.Provider>\n    </Modal>\n  );\n}\n"],"names":[],"version":3,"file":"DialogContainer.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;AAgCM,SAAS,0CAAgB,KAAmC;IACjE,IAAI,YAAC,QAAQ,QAAE,OAAO,oBAAS,SAAS,iBAAE,aAAa,6BAAE,yBAAyB,EAAC,GAAG;IAEtF,IAAI,aAAa,CAAA,GAAA,sCAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACxC,IAAI,WAAW,MAAM,GAAG,GACtB,MAAM,IAAI,MAAM;IAGlB,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,qBAAO,EAAuB;IAE9D,6EAA6E;IAC7E,0DAA0D;IAC1D,IAAI,QAAkC;IACtC,IAAI,MAAM,OAAO,CAAC,WAChB,QAAQ,SAAS,IAAI,CAAC,CAAA,GAAA,sCAAI,EAAE,cAAc;SACrC,kBAAI,CAAA,GAAA,sCAAI,EAAE,cAAc,CAAC,WAC9B,QAAQ;IAGV,IAAI,SAAS,UAAU,WACrB,aAAa;IAGf,IAAI,UAAU;cACZ;QACA,SAAS;uBACT;IACF;IAEA,IAAI,QAAQ,CAAA,GAAA,gEAAqB,EAAE;QACjC,QAAQ,CAAC,CAAC;QACV,cAAc,CAAA;YACZ,IAAI,CAAC,QACH;QAEJ;IACF;IAEA,qBACE,0DAAC,CAAA,GAAA,+BAAI;QACH,OAAO;QACP,MAAM;QACN,eAAe;QACf,2BAA2B;qBAC3B,0DAAC,CAAA,GAAA,uCAAY,EAAE,QAAQ;QAAC,OAAO;OAAU;AAG/C","sources":["packages/@adobe/react-spectrum/src/dialog/DialogContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal} from '../overlays/Modal';\nimport React, {JSX, ReactElement, ReactNode, useState} from 'react';\nimport {useOverlayTriggerState} from 'react-stately/useOverlayTriggerState';\n\nexport interface SpectrumDialogContainerProps {\n  /** The Dialog to display, if any. */\n  children: ReactNode;\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss: () => void;\n  /**\n   * The type of Dialog that should be rendered. See the visual options below for examples of each.\n   *\n   * @default 'modal'\n   */\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover';\n  /**\n   * Whether the Dialog is dismissable. See the [Dialog docs](Dialog.html#dismissable-dialogs) for\n   * more details.\n   */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages showing and hiding\n * it in a modal. Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: SpectrumDialogContainerProps): JSX.Element {\n  let {children, type = 'modal', onDismiss, isDismissable, isKeyboardDismissDisabled} = props;\n\n  let childArray = React.Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  let [lastChild, setLastChild] = useState<ReactElement | null>(null);\n\n  // React.Children.toArray mutates the children, and we need them to be stable\n  // between renders so that the lastChild comparison works.\n  let child: ReactElement | undefined = undefined;\n  if (Array.isArray(children)) {\n    child = children.find(React.isValidElement);\n  } else if (React.isValidElement(children)) {\n    child = children;\n  }\n\n  if (child && child !== lastChild) {\n    setLastChild(child);\n  }\n\n  let context = {\n    type,\n    onClose: onDismiss,\n    isDismissable\n  };\n\n  let state = useOverlayTriggerState({\n    isOpen: !!child,\n    onOpenChange: isOpen => {\n      if (!isOpen) {\n        onDismiss();\n      }\n    }\n  });\n\n  return (\n    <Modal\n      state={state}\n      type={type}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <DialogContext.Provider value={context}>{lastChild}</DialogContext.Provider>\n    </Modal>\n  );\n}\n"],"names":[],"version":3,"file":"DialogContainer.cjs.map"}

package/dist/private/dialog/DialogContainer.js.map

@@ -1 +1 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA4BM,SAAS,0CAAgB,KAAmC;IACjE,IAAI,YACF,QAAQ,QACR,OAAO,oBACP,SAAS,iBACT,aAAa,6BACb,yBAAyB,EAC1B,GAAG;IAEJ,IAAI,aAAa,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACxC,IAAI,WAAW,MAAM,GAAG,GACtB,MAAM,IAAI,MAAM;IAGlB,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAuB;IAE9D,6EAA6E;IAC7E,0DAA0D;IAC1D,IAAI,QAAkC;IACtC,IAAI,MAAM,OAAO,CAAC,WAChB,QAAQ,SAAS,IAAI,CAAC,CAAA,GAAA,YAAI,EAAE,cAAc;SACrC,kBAAI,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC,WAC9B,QAAQ;IAGV,IAAI,SAAS,UAAU,WACrB,aAAa;IAGf,IAAI,UAAU;cACZ;QACA,SAAS;uBACT;IACF;IAEA,IAAI,QAAQ,CAAA,GAAA,6BAAqB,EAAE;QACjC,QAAQ,CAAC,CAAC;QACV,cAAc,CAAA;YACZ,IAAI,CAAC,QACH;QAEJ;IACF;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAI;QACH,OAAO;QACP,MAAM;QACN,eAAe;QACf,2BAA2B;qBAC3B,gCAAC,CAAA,GAAA,yCAAY,EAAE,QAAQ;QAAC,OAAO;OAC5B;AAIT","sources":["packages/@adobe/react-spectrum/src/dialog/DialogContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal} from '../overlays/Modal';\nimport React, {JSX, ReactElement, ReactNode, useState} from 'react';\nimport {useOverlayTriggerState} from 'react-stately/useOverlayTriggerState';\n\nexport interface SpectrumDialogContainerProps {\n  /** The Dialog to display, if any. */\n  children: ReactNode,\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss: () => void,\n  /**\n   * The type of Dialog that should be rendered. See the visual options below for examples of each.\n   * @default 'modal'\n   */\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover',\n  /** Whether the Dialog is dismissable. See the [Dialog docs](Dialog.html#dismissable-dialogs) for more details. */\n  isDismissable?: boolean,\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean\n}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages showing and hiding\n * it in a modal. Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: SpectrumDialogContainerProps): JSX.Element {\n  let {\n    children,\n    type = 'modal',\n    onDismiss,\n    isDismissable,\n    isKeyboardDismissDisabled\n  } = props;\n\n  let childArray = React.Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  let [lastChild, setLastChild] = useState<ReactElement | null>(null);\n\n  // React.Children.toArray mutates the children, and we need them to be stable\n  // between renders so that the lastChild comparison works.\n  let child: ReactElement | undefined = undefined;\n  if (Array.isArray(children)) {\n    child = children.find(React.isValidElement);\n  } else if (React.isValidElement(children)) {\n    child = children;\n  }\n\n  if (child && child !== lastChild) {\n    setLastChild(child);\n  }\n\n  let context = {\n    type,\n    onClose: onDismiss,\n    isDismissable\n  };\n\n  let state = useOverlayTriggerState({\n    isOpen: !!child,\n    onOpenChange: isOpen => {\n      if (!isOpen) {\n        onDismiss();\n      }\n    }\n  });\n\n  return (\n    <Modal\n      state={state}\n      type={type}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <DialogContext.Provider value={context}>\n        {lastChild}\n      </DialogContext.Provider>\n    </Modal>\n  );\n}\n"],"names":[],"version":3,"file":"DialogContainer.js.map"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAgCM,SAAS,0CAAgB,KAAmC;IACjE,IAAI,YAAC,QAAQ,QAAE,OAAO,oBAAS,SAAS,iBAAE,aAAa,6BAAE,yBAAyB,EAAC,GAAG;IAEtF,IAAI,aAAa,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACxC,IAAI,WAAW,MAAM,GAAG,GACtB,MAAM,IAAI,MAAM;IAGlB,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAuB;IAE9D,6EAA6E;IAC7E,0DAA0D;IAC1D,IAAI,QAAkC;IACtC,IAAI,MAAM,OAAO,CAAC,WAChB,QAAQ,SAAS,IAAI,CAAC,CAAA,GAAA,YAAI,EAAE,cAAc;SACrC,kBAAI,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC,WAC9B,QAAQ;IAGV,IAAI,SAAS,UAAU,WACrB,aAAa;IAGf,IAAI,UAAU;cACZ;QACA,SAAS;uBACT;IACF;IAEA,IAAI,QAAQ,CAAA,GAAA,6BAAqB,EAAE;QACjC,QAAQ,CAAC,CAAC;QACV,cAAc,CAAA;YACZ,IAAI,CAAC,QACH;QAEJ;IACF;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAI;QACH,OAAO;QACP,MAAM;QACN,eAAe;QACf,2BAA2B;qBAC3B,gCAAC,CAAA,GAAA,yCAAY,EAAE,QAAQ;QAAC,OAAO;OAAU;AAG/C","sources":["packages/@adobe/react-spectrum/src/dialog/DialogContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal} from '../overlays/Modal';\nimport React, {JSX, ReactElement, ReactNode, useState} from 'react';\nimport {useOverlayTriggerState} from 'react-stately/useOverlayTriggerState';\n\nexport interface SpectrumDialogContainerProps {\n  /** The Dialog to display, if any. */\n  children: ReactNode;\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss: () => void;\n  /**\n   * The type of Dialog that should be rendered. See the visual options below for examples of each.\n   *\n   * @default 'modal'\n   */\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover';\n  /**\n   * Whether the Dialog is dismissable. See the [Dialog docs](Dialog.html#dismissable-dialogs) for\n   * more details.\n   */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages showing and hiding\n * it in a modal. Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: SpectrumDialogContainerProps): JSX.Element {\n  let {children, type = 'modal', onDismiss, isDismissable, isKeyboardDismissDisabled} = props;\n\n  let childArray = React.Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  let [lastChild, setLastChild] = useState<ReactElement | null>(null);\n\n  // React.Children.toArray mutates the children, and we need them to be stable\n  // between renders so that the lastChild comparison works.\n  let child: ReactElement | undefined = undefined;\n  if (Array.isArray(children)) {\n    child = children.find(React.isValidElement);\n  } else if (React.isValidElement(children)) {\n    child = children;\n  }\n\n  if (child && child !== lastChild) {\n    setLastChild(child);\n  }\n\n  let context = {\n    type,\n    onClose: onDismiss,\n    isDismissable\n  };\n\n  let state = useOverlayTriggerState({\n    isOpen: !!child,\n    onOpenChange: isOpen => {\n      if (!isOpen) {\n        onDismiss();\n      }\n    }\n  });\n\n  return (\n    <Modal\n      state={state}\n      type={type}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <DialogContext.Provider value={context}>{lastChild}</DialogContext.Provider>\n    </Modal>\n  );\n}\n"],"names":[],"version":3,"file":"DialogContainer.js.map"}

package/dist/private/dialog/DialogContainer.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AA4BM,SAAS,0CAAgB,KAAmC;IACjE,IAAI,YACF,QAAQ,QACR,OAAO,oBACP,SAAS,iBACT,aAAa,6BACb,yBAAyB,EAC1B,GAAG;IAEJ,IAAI,aAAa,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACxC,IAAI,WAAW,MAAM,GAAG,GACtB,MAAM,IAAI,MAAM;IAGlB,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAuB;IAE9D,6EAA6E;IAC7E,0DAA0D;IAC1D,IAAI,QAAkC;IACtC,IAAI,MAAM,OAAO,CAAC,WAChB,QAAQ,SAAS,IAAI,CAAC,CAAA,GAAA,YAAI,EAAE,cAAc;SACrC,kBAAI,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC,WAC9B,QAAQ;IAGV,IAAI,SAAS,UAAU,WACrB,aAAa;IAGf,IAAI,UAAU;cACZ;QACA,SAAS;uBACT;IACF;IAEA,IAAI,QAAQ,CAAA,GAAA,6BAAqB,EAAE;QACjC,QAAQ,CAAC,CAAC;QACV,cAAc,CAAA;YACZ,IAAI,CAAC,QACH;QAEJ;IACF;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAI;QACH,OAAO;QACP,MAAM;QACN,eAAe;QACf,2BAA2B;qBAC3B,gCAAC,CAAA,GAAA,yCAAY,EAAE,QAAQ;QAAC,OAAO;OAC5B;AAIT","sources":["packages/@adobe/react-spectrum/src/dialog/DialogContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal} from '../overlays/Modal';\nimport React, {JSX, ReactElement, ReactNode, useState} from 'react';\nimport {useOverlayTriggerState} from 'react-stately/useOverlayTriggerState';\n\nexport interface SpectrumDialogContainerProps {\n  /** The Dialog to display, if any. */\n  children: ReactNode,\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss: () => void,\n  /**\n   * The type of Dialog that should be rendered. See the visual options below for examples of each.\n   * @default 'modal'\n   */\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover',\n  /** Whether the Dialog is dismissable. See the [Dialog docs](Dialog.html#dismissable-dialogs) for more details. */\n  isDismissable?: boolean,\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean\n}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages showing and hiding\n * it in a modal. Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: SpectrumDialogContainerProps): JSX.Element {\n  let {\n    children,\n    type = 'modal',\n    onDismiss,\n    isDismissable,\n    isKeyboardDismissDisabled\n  } = props;\n\n  let childArray = React.Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  let [lastChild, setLastChild] = useState<ReactElement | null>(null);\n\n  // React.Children.toArray mutates the children, and we need them to be stable\n  // between renders so that the lastChild comparison works.\n  let child: ReactElement | undefined = undefined;\n  if (Array.isArray(children)) {\n    child = children.find(React.isValidElement);\n  } else if (React.isValidElement(children)) {\n    child = children;\n  }\n\n  if (child && child !== lastChild) {\n    setLastChild(child);\n  }\n\n  let context = {\n    type,\n    onClose: onDismiss,\n    isDismissable\n  };\n\n  let state = useOverlayTriggerState({\n    isOpen: !!child,\n    onOpenChange: isOpen => {\n      if (!isOpen) {\n        onDismiss();\n      }\n    }\n  });\n\n  return (\n    <Modal\n      state={state}\n      type={type}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <DialogContext.Provider value={context}>\n        {lastChild}\n      </DialogContext.Provider>\n    </Modal>\n  );\n}\n"],"names":[],"version":3,"file":"DialogContainer.mjs.map"}
+{"mappings":";;;;;AAAA;;;;;;;;;;CAUC;;;;AAgCM,SAAS,0CAAgB,KAAmC;IACjE,IAAI,YAAC,QAAQ,QAAE,OAAO,oBAAS,SAAS,iBAAE,aAAa,6BAAE,yBAAyB,EAAC,GAAG;IAEtF,IAAI,aAAa,CAAA,GAAA,YAAI,EAAE,QAAQ,CAAC,OAAO,CAAC;IACxC,IAAI,WAAW,MAAM,GAAG,GACtB,MAAM,IAAI,MAAM;IAGlB,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAuB;IAE9D,6EAA6E;IAC7E,0DAA0D;IAC1D,IAAI,QAAkC;IACtC,IAAI,MAAM,OAAO,CAAC,WAChB,QAAQ,SAAS,IAAI,CAAC,CAAA,GAAA,YAAI,EAAE,cAAc;SACrC,kBAAI,CAAA,GAAA,YAAI,EAAE,cAAc,CAAC,WAC9B,QAAQ;IAGV,IAAI,SAAS,UAAU,WACrB,aAAa;IAGf,IAAI,UAAU;cACZ;QACA,SAAS;uBACT;IACF;IAEA,IAAI,QAAQ,CAAA,GAAA,6BAAqB,EAAE;QACjC,QAAQ,CAAC,CAAC;QACV,cAAc,CAAA;YACZ,IAAI,CAAC,QACH;QAEJ;IACF;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAI;QACH,OAAO;QACP,MAAM;QACN,eAAe;QACf,2BAA2B;qBAC3B,gCAAC,CAAA,GAAA,yCAAY,EAAE,QAAQ;QAAC,OAAO;OAAU;AAG/C","sources":["packages/@adobe/react-spectrum/src/dialog/DialogContainer.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal} from '../overlays/Modal';\nimport React, {JSX, ReactElement, ReactNode, useState} from 'react';\nimport {useOverlayTriggerState} from 'react-stately/useOverlayTriggerState';\n\nexport interface SpectrumDialogContainerProps {\n  /** The Dialog to display, if any. */\n  children: ReactNode;\n  /** Handler that is called when the 'x' button of a dismissable Dialog is clicked. */\n  onDismiss: () => void;\n  /**\n   * The type of Dialog that should be rendered. See the visual options below for examples of each.\n   *\n   * @default 'modal'\n   */\n  type?: 'modal' | 'fullscreen' | 'fullscreenTakeover';\n  /**\n   * Whether the Dialog is dismissable. See the [Dialog docs](Dialog.html#dismissable-dialogs) for\n   * more details.\n   */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n}\n\n/**\n * A DialogContainer accepts a single Dialog as a child, and manages showing and hiding\n * it in a modal. Useful in cases where there is no trigger element\n * or when the trigger unmounts while the dialog is open.\n */\nexport function DialogContainer(props: SpectrumDialogContainerProps): JSX.Element {\n  let {children, type = 'modal', onDismiss, isDismissable, isKeyboardDismissDisabled} = props;\n\n  let childArray = React.Children.toArray(children);\n  if (childArray.length > 1) {\n    throw new Error('Only a single child can be passed to DialogContainer.');\n  }\n\n  let [lastChild, setLastChild] = useState<ReactElement | null>(null);\n\n  // React.Children.toArray mutates the children, and we need them to be stable\n  // between renders so that the lastChild comparison works.\n  let child: ReactElement | undefined = undefined;\n  if (Array.isArray(children)) {\n    child = children.find(React.isValidElement);\n  } else if (React.isValidElement(children)) {\n    child = children;\n  }\n\n  if (child && child !== lastChild) {\n    setLastChild(child);\n  }\n\n  let context = {\n    type,\n    onClose: onDismiss,\n    isDismissable\n  };\n\n  let state = useOverlayTriggerState({\n    isOpen: !!child,\n    onOpenChange: isOpen => {\n      if (!isOpen) {\n        onDismiss();\n      }\n    }\n  });\n\n  return (\n    <Modal\n      state={state}\n      type={type}\n      isDismissable={isDismissable}\n      isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n      <DialogContext.Provider value={context}>{lastChild}</DialogContext.Provider>\n    </Modal>\n  );\n}\n"],"names":[],"version":3,"file":"DialogContainer.mjs.map"}

package/dist/private/dialog/DialogTrigger.cjs

@@ -116,9 +116,9 @@ $d4a85248c617d550$var$DialogTrigger.getCollectionNode = function*(props) {
     };
 };
 /**
- * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
- * open state with the trigger's press state. Additionally, it allows you to customize the type and
- * positioning of the Dialog.
+ * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the
+ * Dialog's open state with the trigger's press state. Additionally, it allows you to customize the
+ * type and positioning of the Dialog.
  */ // We don't want getCollectionNode to show up in the type definition
 let $d4a85248c617d550$export$2e1e1122cf0cba88 = $d4a85248c617d550$var$DialogTrigger;
 function $d4a85248c617d550$var$PopoverTrigger({ state: state, targetRef: targetRef, trigger: trigger, content: content, hideArrow: hideArrow, ...props }) {

package/dist/private/dialog/DialogTrigger.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/dialog/DialogTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal} from '../overlays/Modal';\nimport {OverlayTriggerProps, OverlayTriggerState, useOverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport {Popover} from '../overlays/Popover';\nimport {PositionProps} from 'react-aria/useOverlayPosition';\nimport {PressResponder} from 'react-aria/private/interactions/PressResponder';\nimport React, {Fragment, JSX, ReactElement, RefObject, useEffect, useRef} from 'react';\nimport {SpectrumDialogProps} from './Dialog';\nimport {Tray} from '../overlays/Tray';\nimport {useIsMobileDevice} from '../utils/useIsMobileDevice';\nimport {useOverlayTrigger} from 'react-aria/useOverlayTrigger';\n\nexport type SpectrumDialogClose = (close: () => void) => ReactElement;\n\nexport interface SpectrumDialogTriggerProps extends OverlayTriggerProps, PositionProps {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [ReactElement, SpectrumDialogClose | ReactElement],\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover',\n  /** The type of Dialog that should be rendered when on a mobile device. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?: 'modal' | 'tray' | 'fullscreen' | 'fullscreenTakeover',\n  /**\n   * Whether a popover type Dialog's arrow should be hidden.\n   */\n  hideArrow?: boolean,\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. */\n  targetRef?: RefObject<HTMLElement | null>,\n  /** Whether a modal type Dialog should be dismissable. */\n  isDismissable?: boolean,\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean\n}\n\nfunction DialogTrigger(props: SpectrumDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type === 'popover' ? 'modal' : type,\n    hideArrow,\n    targetRef,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    ...positionProps\n  } = props;\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children as [ReactElement, SpectrumDialogClose];\n\n  // On small devices, show a modal or tray instead of a popover.\n  let isMobile = useIsMobileDevice();\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n  let wasOpen = useRef(false);\n  useEffect(() => {\n    wasOpen.current = state.isOpen;\n  }, [state.isOpen]);\n\n  let isExiting = useRef(false);\n  let onExiting = () => isExiting.current = true;\n  let onExited = () => isExiting.current = false;\n\n   \n  useEffect(() => {\n    return () => {\n      if ((wasOpen.current || isExiting.current) && type !== 'popover' && type !== 'tray' && process.env.NODE_ENV !== 'production') {\n        console.warn('A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.');\n      }\n    };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        state={state}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow} />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            state={state}\n            isDismissable={type === 'modal' ? isDismissable : false}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            onExiting={onExiting}\n            onExited={onExited}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            state={state}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()} />\n  );\n}\n\n// Support DialogTrigger inside components using CollectionBuilder.\nDialogTrigger.getCollectionNode = function* (props: SpectrumDialogTriggerProps) {\n  // @ts-ignore - seems like types are wrong. Function children work fine.\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, SpectrumDialogClose];\n  yield {\n    element: trigger,\n    wrapper: (element) => (\n      <DialogTrigger key={element.key} {...props}>\n        {element}\n        {content}\n      </DialogTrigger>\n    )\n  };\n};\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\n\n// We don't want getCollectionNode to show up in the type definition\nlet _DialogTrigger = DialogTrigger as (props: SpectrumDialogTriggerProps) => JSX.Element;\nexport {_DialogTrigger as DialogTrigger};\n\nfunction PopoverTrigger({state, targetRef, trigger, content, hideArrow, ...props}) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let {triggerProps, overlayProps} = useOverlayTrigger({type: 'dialog'}, state, triggerRef);\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef\n  };\n\n  let overlay = (\n    <Popover\n      {...props}\n      hideArrow={hideArrow}\n      triggerRef={targetRef || triggerRef}\n      state={state}>\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay} />\n  );\n}\n\ninterface SpectrumDialogTriggerBase {\n  type: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover',\n  state: OverlayTriggerState,\n  isDismissable?: boolean,\n  dialogProps?: SpectrumDialogProps | {},\n  triggerProps?: any,\n  overlay?: ReactElement,\n  trigger: ReactElement\n}\n\nfunction DialogTriggerBase({type, state, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger}: SpectrumDialogTriggerBase) {\n  let context = {\n    type,\n    onClose: state.close,\n    isDismissable,\n    ...dialogProps\n  };\n\n  return (\n    <Fragment>\n      <PressResponder\n        {...triggerProps}\n        onPress={state.toggle}\n        isPressed={state.isOpen && type !== 'modal' && type !== 'fullscreen' && type !== 'fullscreenTakeover'}>\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>\n        {overlay}\n      </DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"names":[],"version":3,"file":"DialogTrigger.cjs.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/dialog/DialogTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal} from '../overlays/Modal';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport {Popover} from '../overlays/Popover';\nimport {PositionProps} from 'react-aria/useOverlayPosition';\nimport {PressResponder} from 'react-aria/private/interactions/PressResponder';\nimport React, {Fragment, JSX, ReactElement, RefObject, useEffect, useRef} from 'react';\nimport {SpectrumDialogProps} from './Dialog';\nimport {Tray} from '../overlays/Tray';\nimport {useIsMobileDevice} from '../utils/useIsMobileDevice';\nimport {useOverlayTrigger} from 'react-aria/useOverlayTrigger';\n\nexport type SpectrumDialogClose = (close: () => void) => ReactElement;\n\nexport interface SpectrumDialogTriggerProps extends OverlayTriggerProps, PositionProps {\n  /**\n   * The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more\n   * information on what to provide as children.\n   */\n  children: [ReactElement, SpectrumDialogClose | ReactElement];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types\n   * section](#dialog-types) for an explanation on each.\n   *\n   * @default 'modal'\n   */\n  type?: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover';\n  /**\n   * The type of Dialog that should be rendered when on a mobile device. See DialogTrigger [types\n   * section](#dialog-types) for an explanation on each.\n   */\n  mobileType?: 'modal' | 'tray' | 'fullscreen' | 'fullscreenTakeover';\n  /**\n   * Whether a popover type Dialog's arrow should be hidden.\n   */\n  hideArrow?: boolean;\n  /**\n   * The ref of the element the Dialog should visually attach itself to. Defaults to the trigger\n   * button if not defined.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /** Whether a modal type Dialog should be dismissable. */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n}\n\nfunction DialogTrigger(props: SpectrumDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type === 'popover' ? 'modal' : type,\n    hideArrow,\n    targetRef,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    ...positionProps\n  } = props;\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children as [ReactElement, SpectrumDialogClose];\n\n  // On small devices, show a modal or tray instead of a popover.\n  let isMobile = useIsMobileDevice();\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n  let wasOpen = useRef(false);\n  useEffect(() => {\n    wasOpen.current = state.isOpen;\n  }, [state.isOpen]);\n\n  let isExiting = useRef(false);\n  let onExiting = () => (isExiting.current = true);\n  let onExited = () => (isExiting.current = false);\n\n  useEffect(() => {\n    return () => {\n      if (\n        (wasOpen.current || isExiting.current) &&\n        type !== 'popover' &&\n        type !== 'tray' &&\n        process.env.NODE_ENV !== 'production'\n      ) {\n        console.warn(\n          'A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.'\n        );\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        state={state}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow}\n      />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            state={state}\n            isDismissable={type === 'modal' ? isDismissable : false}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            onExiting={onExiting}\n            onExited={onExited}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray state={state} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()}\n    />\n  );\n}\n\n// Support DialogTrigger inside components using CollectionBuilder.\nDialogTrigger.getCollectionNode = function* (props: SpectrumDialogTriggerProps) {\n  // @ts-ignore - seems like types are wrong. Function children work fine.\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, SpectrumDialogClose];\n  yield {\n    element: trigger,\n    wrapper: element => (\n      <DialogTrigger key={element.key} {...props}>\n        {element}\n        {content}\n      </DialogTrigger>\n    )\n  };\n};\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the\n * Dialog's open state with the trigger's press state. Additionally, it allows you to customize the\n * type and positioning of the Dialog.\n */\n\n// We don't want getCollectionNode to show up in the type definition\nlet _DialogTrigger = DialogTrigger as (props: SpectrumDialogTriggerProps) => JSX.Element;\nexport {_DialogTrigger as DialogTrigger};\n\nfunction PopoverTrigger({state, targetRef, trigger, content, hideArrow, ...props}) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let {triggerProps, overlayProps} = useOverlayTrigger({type: 'dialog'}, state, triggerRef);\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef\n  };\n\n  let overlay = (\n    <Popover {...props} hideArrow={hideArrow} triggerRef={targetRef || triggerRef} state={state}>\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n    />\n  );\n}\n\ninterface SpectrumDialogTriggerBase {\n  type: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover';\n  state: OverlayTriggerState;\n  isDismissable?: boolean;\n  dialogProps?: SpectrumDialogProps | {};\n  triggerProps?: any;\n  overlay?: ReactElement;\n  trigger: ReactElement;\n}\n\nfunction DialogTriggerBase({\n  type,\n  state,\n  isDismissable,\n  dialogProps = {},\n  triggerProps = {},\n  overlay,\n  trigger\n}: SpectrumDialogTriggerBase) {\n  let context = {\n    type,\n    onClose: state.close,\n    isDismissable,\n    ...dialogProps\n  };\n\n  return (\n    <Fragment>\n      <PressResponder\n        {...triggerProps}\n        onPress={state.toggle}\n        isPressed={\n          state.isOpen && type !== 'modal' && type !== 'fullscreen' && type !== 'fullscreenTakeover'\n        }>\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>{overlay}</DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"names":[],"version":3,"file":"DialogTrigger.cjs.map"}

package/dist/private/dialog/DialogTrigger.js

@@ -106,9 +106,9 @@ $bcff05049955156f$var$DialogTrigger.getCollectionNode = function*(props) {
     };
 };
 /**
- * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
- * open state with the trigger's press state. Additionally, it allows you to customize the type and
- * positioning of the Dialog.
+ * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the
+ * Dialog's open state with the trigger's press state. Additionally, it allows you to customize the
+ * type and positioning of the Dialog.
  */ // We don't want getCollectionNode to show up in the type definition
 let $bcff05049955156f$export$2e1e1122cf0cba88 = $bcff05049955156f$var$DialogTrigger;
 function $bcff05049955156f$var$PopoverTrigger({ state: state, targetRef: targetRef, trigger: trigger, content: content, hideArrow: hideArrow, ...props }) {

package/dist/private/dialog/DialogTrigger.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/dialog/DialogTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal} from '../overlays/Modal';\nimport {OverlayTriggerProps, OverlayTriggerState, useOverlayTriggerState} from 'react-stately/useOverlayTriggerState';\nimport {Popover} from '../overlays/Popover';\nimport {PositionProps} from 'react-aria/useOverlayPosition';\nimport {PressResponder} from 'react-aria/private/interactions/PressResponder';\nimport React, {Fragment, JSX, ReactElement, RefObject, useEffect, useRef} from 'react';\nimport {SpectrumDialogProps} from './Dialog';\nimport {Tray} from '../overlays/Tray';\nimport {useIsMobileDevice} from '../utils/useIsMobileDevice';\nimport {useOverlayTrigger} from 'react-aria/useOverlayTrigger';\n\nexport type SpectrumDialogClose = (close: () => void) => ReactElement;\n\nexport interface SpectrumDialogTriggerProps extends OverlayTriggerProps, PositionProps {\n  /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */\n  children: [ReactElement, SpectrumDialogClose | ReactElement],\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types section](#dialog-types) for an explanation on each.\n   * @default 'modal'\n   */\n  type?: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover',\n  /** The type of Dialog that should be rendered when on a mobile device. See DialogTrigger [types section](#dialog-types) for an explanation on each. */\n  mobileType?: 'modal' | 'tray' | 'fullscreen' | 'fullscreenTakeover',\n  /**\n   * Whether a popover type Dialog's arrow should be hidden.\n   */\n  hideArrow?: boolean,\n  /** The ref of the element the Dialog should visually attach itself to. Defaults to the trigger button if not defined. */\n  targetRef?: RefObject<HTMLElement | null>,\n  /** Whether a modal type Dialog should be dismissable. */\n  isDismissable?: boolean,\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean\n}\n\nfunction DialogTrigger(props: SpectrumDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type === 'popover' ? 'modal' : type,\n    hideArrow,\n    targetRef,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    ...positionProps\n  } = props;\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children as [ReactElement, SpectrumDialogClose];\n\n  // On small devices, show a modal or tray instead of a popover.\n  let isMobile = useIsMobileDevice();\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n  let wasOpen = useRef(false);\n  useEffect(() => {\n    wasOpen.current = state.isOpen;\n  }, [state.isOpen]);\n\n  let isExiting = useRef(false);\n  let onExiting = () => isExiting.current = true;\n  let onExited = () => isExiting.current = false;\n\n   \n  useEffect(() => {\n    return () => {\n      if ((wasOpen.current || isExiting.current) && type !== 'popover' && type !== 'tray' && process.env.NODE_ENV !== 'production') {\n        console.warn('A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.');\n      }\n    };\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        state={state}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow} />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            state={state}\n            isDismissable={type === 'modal' ? isDismissable : false}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            onExiting={onExiting}\n            onExited={onExited}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray\n            state={state}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()} />\n  );\n}\n\n// Support DialogTrigger inside components using CollectionBuilder.\nDialogTrigger.getCollectionNode = function* (props: SpectrumDialogTriggerProps) {\n  // @ts-ignore - seems like types are wrong. Function children work fine.\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, SpectrumDialogClose];\n  yield {\n    element: trigger,\n    wrapper: (element) => (\n      <DialogTrigger key={element.key} {...props}>\n        {element}\n        {content}\n      </DialogTrigger>\n    )\n  };\n};\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's\n * open state with the trigger's press state. Additionally, it allows you to customize the type and\n * positioning of the Dialog.\n */\n\n// We don't want getCollectionNode to show up in the type definition\nlet _DialogTrigger = DialogTrigger as (props: SpectrumDialogTriggerProps) => JSX.Element;\nexport {_DialogTrigger as DialogTrigger};\n\nfunction PopoverTrigger({state, targetRef, trigger, content, hideArrow, ...props}) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let {triggerProps, overlayProps} = useOverlayTrigger({type: 'dialog'}, state, triggerRef);\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef\n  };\n\n  let overlay = (\n    <Popover\n      {...props}\n      hideArrow={hideArrow}\n      triggerRef={targetRef || triggerRef}\n      state={state}>\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay} />\n  );\n}\n\ninterface SpectrumDialogTriggerBase {\n  type: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover',\n  state: OverlayTriggerState,\n  isDismissable?: boolean,\n  dialogProps?: SpectrumDialogProps | {},\n  triggerProps?: any,\n  overlay?: ReactElement,\n  trigger: ReactElement\n}\n\nfunction DialogTriggerBase({type, state, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger}: SpectrumDialogTriggerBase) {\n  let context = {\n    type,\n    onClose: state.close,\n    isDismissable,\n    ...dialogProps\n  };\n\n  return (\n    <Fragment>\n      <PressResponder\n        {...triggerProps}\n        onPress={state.toggle}\n        isPressed={state.isOpen && type !== 'modal' && type !== 'fullscreen' && type !== 'fullscreenTakeover'}>\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>\n        {overlay}\n      </DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"names":[],"version":3,"file":"DialogTrigger.js.map"}
+{"mappings":"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","sources":["packages/@adobe/react-spectrum/src/dialog/DialogTrigger.tsx"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {DialogContext} from './context';\nimport {Modal} from '../overlays/Modal';\nimport {\n  OverlayTriggerProps,\n  OverlayTriggerState,\n  useOverlayTriggerState\n} from 'react-stately/useOverlayTriggerState';\nimport {Popover} from '../overlays/Popover';\nimport {PositionProps} from 'react-aria/useOverlayPosition';\nimport {PressResponder} from 'react-aria/private/interactions/PressResponder';\nimport React, {Fragment, JSX, ReactElement, RefObject, useEffect, useRef} from 'react';\nimport {SpectrumDialogProps} from './Dialog';\nimport {Tray} from '../overlays/Tray';\nimport {useIsMobileDevice} from '../utils/useIsMobileDevice';\nimport {useOverlayTrigger} from 'react-aria/useOverlayTrigger';\n\nexport type SpectrumDialogClose = (close: () => void) => ReactElement;\n\nexport interface SpectrumDialogTriggerProps extends OverlayTriggerProps, PositionProps {\n  /**\n   * The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more\n   * information on what to provide as children.\n   */\n  children: [ReactElement, SpectrumDialogClose | ReactElement];\n  /**\n   * The type of Dialog that should be rendered. See the DialogTrigger [types\n   * section](#dialog-types) for an explanation on each.\n   *\n   * @default 'modal'\n   */\n  type?: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover';\n  /**\n   * The type of Dialog that should be rendered when on a mobile device. See DialogTrigger [types\n   * section](#dialog-types) for an explanation on each.\n   */\n  mobileType?: 'modal' | 'tray' | 'fullscreen' | 'fullscreenTakeover';\n  /**\n   * Whether a popover type Dialog's arrow should be hidden.\n   */\n  hideArrow?: boolean;\n  /**\n   * The ref of the element the Dialog should visually attach itself to. Defaults to the trigger\n   * button if not defined.\n   */\n  targetRef?: RefObject<HTMLElement | null>;\n  /** Whether a modal type Dialog should be dismissable. */\n  isDismissable?: boolean;\n  /** Whether pressing the escape key to close the dialog should be disabled. */\n  isKeyboardDismissDisabled?: boolean;\n}\n\nfunction DialogTrigger(props: SpectrumDialogTriggerProps) {\n  let {\n    children,\n    type = 'modal',\n    mobileType = type === 'popover' ? 'modal' : type,\n    hideArrow,\n    targetRef,\n    isDismissable,\n    isKeyboardDismissDisabled,\n    ...positionProps\n  } = props;\n  if (!Array.isArray(children) || children.length > 2) {\n    throw new Error('DialogTrigger must have exactly 2 children');\n  }\n  // if a function is passed as the second child, it won't appear in toArray\n  let [trigger, content] = children as [ReactElement, SpectrumDialogClose];\n\n  // On small devices, show a modal or tray instead of a popover.\n  let isMobile = useIsMobileDevice();\n  if (isMobile) {\n    // handle cases where desktop popovers need a close button for the mobile modal view\n    if (type !== 'modal' && mobileType === 'modal') {\n      isDismissable = true;\n    }\n\n    type = mobileType;\n  }\n\n  let state = useOverlayTriggerState(props);\n  let wasOpen = useRef(false);\n  useEffect(() => {\n    wasOpen.current = state.isOpen;\n  }, [state.isOpen]);\n\n  let isExiting = useRef(false);\n  let onExiting = () => (isExiting.current = true);\n  let onExited = () => (isExiting.current = false);\n\n  useEffect(() => {\n    return () => {\n      if (\n        (wasOpen.current || isExiting.current) &&\n        type !== 'popover' &&\n        type !== 'tray' &&\n        process.env.NODE_ENV !== 'production'\n      ) {\n        console.warn(\n          'A DialogTrigger unmounted while open. This is likely due to being placed within a trigger that unmounts or inside a conditional. Consider using a DialogContainer instead.'\n        );\n      }\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  if (type === 'popover') {\n    return (\n      <PopoverTrigger\n        {...positionProps}\n        state={state}\n        targetRef={targetRef}\n        trigger={trigger}\n        content={content}\n        isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n        hideArrow={hideArrow}\n      />\n    );\n  }\n\n  let renderOverlay = () => {\n    switch (type) {\n      case 'fullscreen':\n      case 'fullscreenTakeover':\n      case 'modal':\n        return (\n          <Modal\n            state={state}\n            isDismissable={type === 'modal' ? isDismissable : false}\n            type={type}\n            isKeyboardDismissDisabled={isKeyboardDismissDisabled}\n            onExiting={onExiting}\n            onExited={onExited}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Modal>\n        );\n      case 'tray':\n        return (\n          <Tray state={state} isKeyboardDismissDisabled={isKeyboardDismissDisabled}>\n            {typeof content === 'function' ? content(state.close) : content}\n          </Tray>\n        );\n    }\n  };\n\n  return (\n    <DialogTriggerBase\n      type={type}\n      state={state}\n      isDismissable={isDismissable}\n      trigger={trigger}\n      overlay={renderOverlay()}\n    />\n  );\n}\n\n// Support DialogTrigger inside components using CollectionBuilder.\nDialogTrigger.getCollectionNode = function* (props: SpectrumDialogTriggerProps) {\n  // @ts-ignore - seems like types are wrong. Function children work fine.\n  let [trigger] = React.Children.toArray(props.children);\n  let [, content] = props.children as [ReactElement, SpectrumDialogClose];\n  yield {\n    element: trigger,\n    wrapper: element => (\n      <DialogTrigger key={element.key} {...props}>\n        {element}\n        {content}\n      </DialogTrigger>\n    )\n  };\n};\n\n/**\n * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the\n * Dialog's open state with the trigger's press state. Additionally, it allows you to customize the\n * type and positioning of the Dialog.\n */\n\n// We don't want getCollectionNode to show up in the type definition\nlet _DialogTrigger = DialogTrigger as (props: SpectrumDialogTriggerProps) => JSX.Element;\nexport {_DialogTrigger as DialogTrigger};\n\nfunction PopoverTrigger({state, targetRef, trigger, content, hideArrow, ...props}) {\n  let triggerRef = useRef<HTMLElement>(null);\n  let {triggerProps, overlayProps} = useOverlayTrigger({type: 'dialog'}, state, triggerRef);\n\n  let triggerPropsWithRef = {\n    ...triggerProps,\n    ref: targetRef ? undefined : triggerRef\n  };\n\n  let overlay = (\n    <Popover {...props} hideArrow={hideArrow} triggerRef={targetRef || triggerRef} state={state}>\n      {typeof content === 'function' ? content(state.close) : content}\n    </Popover>\n  );\n\n  return (\n    <DialogTriggerBase\n      type=\"popover\"\n      state={state}\n      triggerProps={triggerPropsWithRef}\n      dialogProps={overlayProps}\n      trigger={trigger}\n      overlay={overlay}\n    />\n  );\n}\n\ninterface SpectrumDialogTriggerBase {\n  type: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover';\n  state: OverlayTriggerState;\n  isDismissable?: boolean;\n  dialogProps?: SpectrumDialogProps | {};\n  triggerProps?: any;\n  overlay?: ReactElement;\n  trigger: ReactElement;\n}\n\nfunction DialogTriggerBase({\n  type,\n  state,\n  isDismissable,\n  dialogProps = {},\n  triggerProps = {},\n  overlay,\n  trigger\n}: SpectrumDialogTriggerBase) {\n  let context = {\n    type,\n    onClose: state.close,\n    isDismissable,\n    ...dialogProps\n  };\n\n  return (\n    <Fragment>\n      <PressResponder\n        {...triggerProps}\n        onPress={state.toggle}\n        isPressed={\n          state.isOpen && type !== 'modal' && type !== 'fullscreen' && type !== 'fullscreenTakeover'\n        }>\n        {trigger}\n      </PressResponder>\n      <DialogContext.Provider value={context}>{overlay}</DialogContext.Provider>\n    </Fragment>\n  );\n}\n"],"names":[],"version":3,"file":"DialogTrigger.js.map"}