npm - @fluentui/react-dialog - Versions diffs - 9.1.15 → 9.2.0 - Mend

@fluentui/react-dialog 9.1.15 → 9.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (114) hide show

package/lib-commonjs/components/Dialog/useDialogContextValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"mappings":";;;;;;AAGA,SAAgBA,+BAA+B,CAACC,KAAkB;EAChE,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,SAAS;IAAEC,aAAa;IAAEC,cAAc;IAAEC;EAAiB,CAAE,GAAGN,KAAK;EAE9F;;;;EAIA,MAAMO,MAAM,GAAuB;IACjCL,IAAI;IACJD,SAAS;IACTE,SAAS;IACTC,aAAa;IACbC,cAAc;IACdC;GACD;EAED,MAAME,aAAa,GAA8B,KAAK;EAEtD,OAAO;IAAED,MAAM;IAAEC;EAAa,CAAE;AAClC;AAnBAC","names":["useDialogContextValues_unstable","state","modalType","open","dialogRef","dialogTitleId","isNestedDialog","requestOpenChange","dialog","dialogSurface","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/Dialog/useDialogContextValues.ts"],"sourcesContent":["import type { DialogContextValue, DialogSurfaceContextValue } from '../../contexts';\nimport type { DialogContextValues, DialogState } from './Dialog.types';\n\nexport function useDialogContextValues_unstable(state: DialogState): DialogContextValues {\n const { modalType, open, dialogRef, dialogTitleId, isNestedDialog, requestOpenChange } = state;\n\n /*\n This context is created with \"@fluentui/react-context-selector\",\n * there is no sense to memoize it\n */\n const dialog: DialogContextValue = {\n open,\n modalType,\n dialogRef,\n dialogTitleId,\n isNestedDialog,\n requestOpenChange,\n };\n\n const dialogSurface: DialogSurfaceContextValue = false;\n\n return { dialog, dialogSurface };\n}\n"]}
1	+ {"version":3,"names":["useDialogContextValues_unstable","state","modalType","open","dialogRef","dialogTitleId","isNestedDialog","inertTrapFocus","requestOpenChange","dialog","dialogSurface","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/Dialog/useDialogContextValues.ts"],"sourcesContent":["import type { DialogContextValue, DialogSurfaceContextValue } from '../../contexts';\nimport type { DialogContextValues, DialogState } from './Dialog.types';\n\nexport function useDialogContextValues_unstable(state: DialogState): DialogContextValues {\n const { modalType, open, dialogRef, dialogTitleId, isNestedDialog, inertTrapFocus, requestOpenChange } = state;\n\n /*\n This context is created with \"@fluentui/react-context-selector\",\n * there is no sense to memoize it\n */\n const dialog: DialogContextValue = {\n open,\n modalType,\n dialogRef,\n dialogTitleId,\n isNestedDialog,\n inertTrapFocus,\n requestOpenChange,\n };\n\n const dialogSurface: DialogSurfaceContextValue = false;\n\n return { dialog, dialogSurface };\n}\n"],"mappings":";;;;;;AAGA,SAAgBA,+BAA+BA,CAACC,KAAkB;EAChE,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC,SAAS;IAAEC,aAAa;IAAEC,cAAc;IAAEC,cAAc;IAAEC;EAAiB,CAAE,GAAGP,KAAK;EAE9G;;;;EAIA,MAAMQ,MAAM,GAAuB;IACjCN,IAAI;IACJD,SAAS;IACTE,SAAS;IACTC,aAAa;IACbC,cAAc;IACdC,cAAc;IACdC;GACD;EAED,MAAME,aAAa,GAA8B,KAAK;EAEtD,OAAO;IAAED,MAAM;IAAEC;EAAa,CAAE;AAClC;AApBAC,OAAA,CAAAX,+BAAA,GAAAA,+BAAA"}

package/lib-commonjs/components/DialogActions/DialogActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AACA;AACA;AACA;AAIA;;;;AAIaA~~,~~qBAAa~~,~~gBAA4CC~~,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGC,4CAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEnDG,wDAA+B,CAACF,KAAK,CAAC;EACtC,OAAOG,kDAA4B,CAACH,KAAK,CAAC;AAC5C,CAAC,CAAC;AAEFL,qBAAa,CAACS,WAAW,GAAG,eAAe","~~names~~":["exports","~~React~~","forwardRef","props","ref","state","~~useDialogActions_1~~","~~useDialogActionsStyles_1~~","~~renderDialogActions_1~~","displayName"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogActions/DialogActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogActions_unstable } from './useDialogActions';\nimport { renderDialogActions_unstable } from './renderDialogActions';\nimport { useDialogActionsStyles_unstable } from './useDialogActionsStyles';\nimport type { DialogActionsProps } from './DialogActions.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n `DialogActions` is a container for the actions of the dialog.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogActions: ForwardRefComponent<DialogActionsProps> = React.forwardRef((props, ref) => {\n const state = useDialogActions_unstable(props, ref);\n\n useDialogActionsStyles_unstable(state);\n return renderDialogActions_unstable(state);\n});\n\nDialogActions.displayName = 'DialogActions';\n"]}
1	+ {"version":3,"names":["React","require","useDialogActions_1","renderDialogActions_1","useDialogActionsStyles_1","exports","DialogActions","forwardRef","props","ref","state","useDialogActions_unstable","useDialogActionsStyles_unstable","renderDialogActions_unstable","displayName"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogActions_unstable } from './useDialogActions';\nimport { renderDialogActions_unstable } from './renderDialogActions';\nimport { useDialogActionsStyles_unstable } from './useDialogActionsStyles';\nimport type { DialogActionsProps } from './DialogActions.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n `DialogActions` is a container for the actions of the dialog.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogActions: ForwardRefComponent<DialogActionsProps> = React.forwardRef((props, ref) => {\n const state = useDialogActions_unstable(props, ref);\n\n useDialogActionsStyles_unstable(state);\n return renderDialogActions_unstable(state);\n});\n\nDialogActions.displayName = 'DialogActions';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,kBAAA,gBAAAD,OAAA;AACA,MAAAE,qBAAA,gBAAAF,OAAA;AACA,MAAAG,wBAAA,gBAAAH,OAAA;AAIA;;;;AAIaI,OAAA,CAAAC,aAAa,gBAA4CN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGR,kBAAA,CAAAS,yBAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEnDL,wBAAA,CAAAQ,+BAA+B,CAACF,KAAK,CAAC;EACtC,OAAOP,qBAAA,CAAAU,4BAA4B,CAACH,KAAK,CAAC;AAC5C,CAAC,CAAC;AAEFL,OAAA,CAAAC,aAAa,CAACQ,WAAW,GAAG,eAAe"}

package/lib-commonjs/components/DialogActions/DialogActions.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":"","~~names":[],"~~sourceRoot~~":"../src/","~~sources~~":[],"~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/DialogActions.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DialogActionsSlots = {\n root: Slot<'div'>;\n};\n\nexport type DialogActionsPosition = 'start' \| 'end';\n\n/*\n DialogActions Props\n /\nexport type DialogActionsProps = ComponentProps<DialogActionsSlots> & {\n /\n defines the position on the dialog grid of the actions\n * @default 'end'\n /\n position?: DialogActionsPosition;\n};\n\n/\n State used in rendering DialogActions\n */\nexport type DialogActionsState = ComponentState<DialogActionsSlots> & {\n position: DialogActionsPosition;\n};\n"],"mappings":""}

package/lib-commonjs/components/DialogActions/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","~~names":["tslib_1"],"~~sourceRoot~~":"~~../src/~~","sources":["packages/react-components/react-dialog/src/components/DialogActions/index.ts"],"sourcesContent":["export * from './DialogActions';\nexport * from './DialogActions.types';\nexport * from './renderDialogActions';\nexport * from './useDialogActions';\nexport * from './useDialogActionsStyles';\n"]}
1	+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/index.ts"],"sourcesContent":["export * from './DialogActions';\nexport * from './DialogActions.types';\nexport * from './renderDialogActions';\nexport * from './useDialogActions';\nexport * from './useDialogActionsStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,8BAAAC,OAAA"}

package/lib-commonjs/components/DialogActions/renderDialogActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AACA;AAGA;;;AAGO~~,~~MAAMA,4BAA4B,GAAIC,KAAyB,IAAI;EACxE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAqBH,KAAK,CAAC;EAEhE;EACA,OAAOI,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AALYC,oCAA4B~~","~~names~~":["renderDialogActions_unstable","state","slots","slotProps","~~react_utilities_1~~","~~React~~","root","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogActions/renderDialogActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DialogActionsState, DialogActionsSlots } from './DialogActions.types';\n\n/*\n Render the final JSX of DialogActions\n */\nexport const renderDialogActions_unstable = (state: DialogActionsState) => {\n const { slots, slotProps } = getSlots<DialogActionsSlots>(state);\n\n // TODO Add additional slots in the appropriate place\n return <slots.root {...slotProps.root} />;\n};\n"]}
1	+ {"version":3,"names":["React","require","react_utilities_1","renderDialogActions_unstable","state","slots","slotProps","getSlots","createElement","root","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/renderDialogActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DialogActionsState, DialogActionsSlots } from './DialogActions.types';\n\n/*\n Render the final JSX of DialogActions\n */\nexport const renderDialogActions_unstable = (state: DialogActionsState) => {\n const { slots, slotProps } = getSlots<DialogActionsSlots>(state);\n\n // TODO Add additional slots in the appropriate place\n return <slots.root {...slotProps.root} />;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,4BAA4B,GAAIC,KAAyB,IAAI;EACxE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAqBH,KAAK,CAAC;EAEhE;EACA,OAAOJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AALYC,OAAA,CAAAP,4BAA4B,GAAAA,4BAAA"}

package/lib-commonjs/components/DialogActions/useDialogActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":";;;;;;AACA;AAGA;;;;;;;;;AASO,MAAMA,yBAAyB,GAAG,CACvCC,KAAyB,EACzBC,GAA2B,KACL;EACtB,MAAM;IAAEC,QAAQ,GAAG;EAAK,CAAE,GAAGF,KAAK;EAClC,OAAO;IACLG,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEC,uCAAqB,CAAC,KAAK,EAAE;MACjCJ,GAAG;MACH,GAAGD;KACJ,CAAC;IACFE;GACD;AACH,CAAC;AAfYI,iCAAyB","~~names~~":["useDialogActions_unstable","props","ref","position","components","root","~~react_utilities_1~~","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogActions/useDialogActions.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DialogActionsProps, DialogActionsState } from './DialogActions.types';\n\n/*\n Create the state required to render DialogActions.\n \n The returned state can be modified with hooks such as useDialogActionsStyles_unstable,\n * before being passed to renderDialogActions_unstable.\n \n @param props - props from this instance of DialogActions\n * @param ref - reference to root HTMLElement of DialogActions\n */\nexport const useDialogActions_unstable = (\n props: DialogActionsProps,\n ref: React.Ref<HTMLElement>,\n): DialogActionsState => {\n const { position = 'end' } = props;\n return {\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref,\n ...props,\n }),\n position,\n };\n};\n"]}
1	+ {"version":3,"names":["react_utilities_1","require","useDialogActions_unstable","props","ref","position","components","root","getNativeElementProps","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/useDialogActions.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DialogActionsProps, DialogActionsState } from './DialogActions.types';\n\n/*\n Create the state required to render DialogActions.\n \n The returned state can be modified with hooks such as useDialogActionsStyles_unstable,\n * before being passed to renderDialogActions_unstable.\n \n @param props - props from this instance of DialogActions\n * @param ref - reference to root HTMLElement of DialogActions\n */\nexport const useDialogActions_unstable = (\n props: DialogActionsProps,\n ref: React.Ref<HTMLElement>,\n): DialogActionsState => {\n const { position = 'end' } = props;\n return {\n components: {\n root: 'div',\n },\n root: getNativeElementProps('div', {\n ref,\n ...props,\n }),\n position,\n };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAGA;;;;;;;;;AASO,MAAMC,yBAAyB,GAAGA,CACvCC,KAAyB,EACzBC,GAA2B,KACL;EACtB,MAAM;IAAEC,QAAQ,GAAG;EAAK,CAAE,GAAGF,KAAK;EAClC,OAAO;IACLG,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEP,iBAAA,CAAAQ,qBAAqB,CAAC,KAAK,EAAE;MACjCJ,GAAG;MACH,GAAGD;KACJ,CAAC;IACFE;GACD;AACH,CAAC;AAfYI,OAAA,CAAAP,yBAAyB,GAAAA,yBAAA"}

package/lib-commonjs/components/DialogActions/useDialogActionsStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AAGA;AAOaA,+BAAuB~~,~~GAAuC;EACzEC~~,~~IAAI~~,~~EAAE;CACP;AAED~~,~~MAAMC~~,~~SAAS~~,~~gBAAGC~~,~~gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;EAAA;IAAA;EAAA;IAAA;EAAA;AAAA~~,~~EAmB1B;AAEF;;;AAGO~~,~~MAAMC,+BAA+B~~,~~GAAIC~~,~~KAAyB~~,~~IAAwB;EAC/F~~,~~MAAMC~~,~~MAAM~~,~~GAAGJ~~,~~SAAS~~,~~EAAE;EAC1BG~~,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGJ,oBAAY,CACjCH,+BAAuB,CAACC,IAAI,EAC5BK,MAAM,CAACL,IAAI,EACXI,KAAK,CAACG,QAAQ,KAAK,OAAO,IAAIF,MAAM,CAACG,iBAAiB,EACtDJ,KAAK,CAACG,QAAQ,KAAK,KAAK,IAAIF,MAAM,CAACI,eAAe,EAClDL,KAAK,CAACJ,IAAI,CAACM,SAAS,CACrB;EACD,OAAOF,KAAK;AACd,CAAC;AAVYL,uCAA+B","~~names~~":["~~exports~~","~~root~~","~~useStyles~~","~~react_1~~","useDialogActionsStyles_unstable","state","styles","className","~~position~~","~~gridPositionStart~~"~~,"gridPositionEnd"~~],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogActionsSlots, DialogActionsState } from './DialogActions.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport {\n DIALOG_GAP,\n ACTIONS_END_GRID_AREA,\n ACTIONS_START_GRID_AREA,\n MEDIA_QUERY_BREAKPOINT_SELECTOR,\n} from '../../contexts/constants';\n\nexport const dialogActionsClassNames: SlotClassNames<DialogActionsSlots> = {\n root: 'fui-DialogActions',\n};\n\nconst useStyles = makeStyles({\n root: {\n height: 'fit-content',\n boxSizing: 'border-box',\n display: 'flex',\n ...shorthands.gap(DIALOG_GAP),\n [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n flexDirection: 'column',\n justifySelf: 'stretch',\n },\n },\n gridPositionEnd: {\n justifySelf: 'end',\n ...shorthands.gridArea(ACTIONS_END_GRID_AREA),\n },\n gridPositionStart: {\n justifySelf: 'start',\n ...shorthands.gridArea(ACTIONS_START_GRID_AREA),\n },\n});\n\n/*\n Apply styling to the DialogActions slots based on the state\n */\nexport const useDialogActionsStyles_unstable = (state: DialogActionsState): DialogActionsState => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n dialogActionsClassNames.root,\n styles.root,\n state.position === 'start' && styles.gridPositionStart,\n state.position === 'end' && styles.gridPositionEnd,\n state.root.className,\n );\n return state;\n};\n"]}
1	+ {"version":3,"names":["react_1","require","constants_1","exports","dialogActionsClassNames","root","useStyles","__styles","Bqenvij","B7ck84d","mc9l5x","i8kkvl","Belr9w4","Bmdcpmo","th9wkt","gridPositionEnd","Bdqf98w","Ijaq50","Br312pm","nk6f5a","Bw0ie65","gridPositionStart","d","m","useDialogActionsStyles_unstable","state","styles","className","mergeClasses","position"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogActions/useDialogActionsStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogActionsSlots, DialogActionsState } from './DialogActions.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport {\n DIALOG_GAP,\n ACTIONS_END_GRID_AREA,\n ACTIONS_START_GRID_AREA,\n MEDIA_QUERY_BREAKPOINT_SELECTOR,\n} from '../../contexts/constants';\n\nexport const dialogActionsClassNames: SlotClassNames<DialogActionsSlots> = {\n root: 'fui-DialogActions',\n};\n\nconst useStyles = makeStyles({\n root: {\n height: 'fit-content',\n boxSizing: 'border-box',\n display: 'flex',\n ...shorthands.gap(DIALOG_GAP),\n [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n flexDirection: 'column',\n justifySelf: 'stretch',\n },\n },\n gridPositionEnd: {\n justifySelf: 'end',\n ...shorthands.gridArea(ACTIONS_END_GRID_AREA),\n },\n gridPositionStart: {\n justifySelf: 'start',\n ...shorthands.gridArea(ACTIONS_START_GRID_AREA),\n },\n});\n\n/*\n Apply styling to the DialogActions slots based on the state\n */\nexport const useDialogActionsStyles_unstable = (state: DialogActionsState): DialogActionsState => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n dialogActionsClassNames.root,\n styles.root,\n state.position === 'start' && styles.gridPositionStart,\n state.position === 'end' && styles.gridPositionEnd,\n state.root.className,\n );\n return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,WAAA,gBAAAD,OAAA;AAOaE,OAAA,CAAAC,uBAAuB,GAAuC;EACzEC,IAAI,EAAE;CACP;AAED,MAAMC,SAAS,gBAAGN,OAAA,CAAAO,QAAU;EAAAF,IAAA;IAAAG,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,eAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,iBAAA;IAAAL,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAE,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,EAmB1B;AAEF;;;AAGO,MAAMC,+BAA+B,GAAIC,KAAyB,IAAwB;EAC/F,MAAMC,MAAM,GAAGpB,SAAS,EAAE;EAC1BmB,KAAK,CAACpB,IAAI,CAACsB,SAAS,GAAG3B,OAAA,CAAA4B,YAAY,CACjCzB,OAAA,CAAAC,uBAAuB,CAACC,IAAI,EAC5BqB,MAAM,CAACrB,IAAI,EACXoB,KAAK,CAACI,QAAQ,KAAK,OAAO,IAAIH,MAAM,CAACL,iBAAiB,EACtDI,KAAK,CAACI,QAAQ,KAAK,KAAK,IAAIH,MAAM,CAACX,eAAe,EAClDU,KAAK,CAACpB,IAAI,CAACsB,SAAS,CACrB;EACD,OAAOF,KAAK;AACd,CAAC;AAVYtB,OAAA,CAAAqB,+BAA+B,GAAAA,+BAAA"}

package/lib-commonjs/components/DialogBody/DialogBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AACA;AACA;AACA;AAIA;;;;AAIaA~~,~~kBAAU~~,~~gBAAyCC~~,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC9F,MAAMC,KAAK,GAAGC,sCAAsB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEhDG,kDAA4B,CAACF,KAAK,CAAC;EACnC,OAAOG,4CAAyB,CAACH,KAAK,CAAC;AACzC,CAAC,CAAC;AAEFL,kBAAU,CAACS,WAAW,GAAG,YAAY","~~names~~":["exports","~~React~~","forwardRef","props","ref","state","~~useDialogBody_1~~","~~useDialogBodyStyles_1~~","~~renderDialogBody_1~~","displayName"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogBody/DialogBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogBody_unstable } from './useDialogBody';\nimport { renderDialogBody_unstable } from './renderDialogBody';\nimport { useDialogBodyStyles_unstable } from './useDialogBodyStyles';\nimport type { DialogBodyProps } from './DialogBody.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n The `DialogBody` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogBody: ForwardRefComponent<DialogBodyProps> = React.forwardRef((props, ref) => {\n const state = useDialogBody_unstable(props, ref);\n\n useDialogBodyStyles_unstable(state);\n return renderDialogBody_unstable(state);\n});\n\nDialogBody.displayName = 'DialogBody';\n"]}
1	+ {"version":3,"names":["React","require","useDialogBody_1","renderDialogBody_1","useDialogBodyStyles_1","exports","DialogBody","forwardRef","props","ref","state","useDialogBody_unstable","useDialogBodyStyles_unstable","renderDialogBody_unstable","displayName"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogBody_unstable } from './useDialogBody';\nimport { renderDialogBody_unstable } from './renderDialogBody';\nimport { useDialogBodyStyles_unstable } from './useDialogBodyStyles';\nimport type { DialogBodyProps } from './DialogBody.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n The `DialogBody` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogBody: ForwardRefComponent<DialogBodyProps> = React.forwardRef((props, ref) => {\n const state = useDialogBody_unstable(props, ref);\n\n useDialogBodyStyles_unstable(state);\n return renderDialogBody_unstable(state);\n});\n\nDialogBody.displayName = 'DialogBody';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,eAAA,gBAAAD,OAAA;AACA,MAAAE,kBAAA,gBAAAF,OAAA;AACA,MAAAG,qBAAA,gBAAAH,OAAA;AAIA;;;;AAIaI,OAAA,CAAAC,UAAU,gBAAyCN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAC9F,MAAMC,KAAK,GAAGR,eAAA,CAAAS,sBAAsB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEhDL,qBAAA,CAAAQ,4BAA4B,CAACF,KAAK,CAAC;EACnC,OAAOP,kBAAA,CAAAU,yBAAyB,CAACH,KAAK,CAAC;AACzC,CAAC,CAAC;AAEFL,OAAA,CAAAC,UAAU,CAACQ,WAAW,GAAG,YAAY"}

package/lib-commonjs/components/DialogBody/DialogBody.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":"","~~names":[],"~~sourceRoot~~":"../src/","~~sources~~":[],"~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["../src/packages/react-components/react-dialog/src/components/DialogBody/DialogBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DialogBodySlots = {\n root: Slot<'div'>;\n};\n\n/*\n DialogBody Props\n /\nexport type DialogBodyProps = ComponentProps<DialogBodySlots> & {};\n\n/\n State used in rendering DialogBody\n */\nexport type DialogBodyState = ComponentState<DialogBodySlots>;\n"],"mappings":""}

package/lib-commonjs/components/DialogBody/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","~~names":["tslib_1"],"~~sourceRoot~~":"~~../src/~~","sources":["packages/react-components/react-dialog/src/components/DialogBody/index.ts"],"sourcesContent":["export * from './DialogBody';\nexport * from './DialogBody.types';\nexport * from './renderDialogBody';\nexport * from './useDialogBody';\nexport * from './useDialogBodyStyles';\n"]}
1	+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogBody/index.ts"],"sourcesContent":["export * from './DialogBody';\nexport * from './DialogBody.types';\nexport * from './renderDialogBody';\nexport * from './useDialogBody';\nexport * from './useDialogBodyStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,kBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA"}

package/lib-commonjs/components/DialogBody/renderDialogBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AACA;AAGA;;;AAGO~~,~~MAAMA,yBAAyB,GAAIC,KAAsB,IAAI;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAkBH,KAAK,CAAC;EAE7D;EACA,OAAOI,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AALYC,iCAAyB~~","~~names~~":["renderDialogBody_unstable","state","slots","slotProps","~~react_utilities_1~~","~~React~~","root","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogBody/renderDialogBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DialogBodyState, DialogBodySlots } from './DialogBody.types';\n\n/*\n Render the final JSX of DialogBody\n */\nexport const renderDialogBody_unstable = (state: DialogBodyState) => {\n const { slots, slotProps } = getSlots<DialogBodySlots>(state);\n\n // TODO Add additional slots in the appropriate place\n return <slots.root {...slotProps.root} />;\n};\n"]}
1	+ {"version":3,"names":["React","require","react_utilities_1","renderDialogBody_unstable","state","slots","slotProps","getSlots","createElement","root","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogBody/renderDialogBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DialogBodyState, DialogBodySlots } from './DialogBody.types';\n\n/*\n Render the final JSX of DialogBody\n */\nexport const renderDialogBody_unstable = (state: DialogBodyState) => {\n const { slots, slotProps } = getSlots<DialogBodySlots>(state);\n\n // TODO Add additional slots in the appropriate place\n return <slots.root {...slotProps.root} />;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,yBAAyB,GAAIC,KAAsB,IAAI;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAkBH,KAAK,CAAC;EAE7D;EACA,OAAOJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AALYC,OAAA,CAAAP,yBAAyB,GAAAA,yBAAA"}

package/lib-commonjs/components/DialogBody/useDialogBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":";;;;;;AACA;AAGA;;;;;;;;;AASO,MAAMA,sBAAsB,GAAG,CAACC,KAAsB,EAAEC,GAA2B,KAAqB;;EAC7G,OAAO;IACLC,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEC,uCAAqB,CAAC,WAAK,CAACC,EAAE,mCAAI,KAAK,EAAE;MAC7CJ,GAAG;MACH,GAAGD;KACJ;GACF;AACH,CAAC;AAVYM,8BAAsB","~~names~~":["useDialogBody_unstable","props","ref","components","root","~~react_utilities_1~~","as","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogBody/useDialogBody.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DialogBodyProps, DialogBodyState } from './DialogBody.types';\n\n/*\n Create the state required to render DialogBody.\n \n The returned state can be modified with hooks such as useDialogBodyStyles_unstable,\n * before being passed to renderDialogBody_unstable.\n \n @param props - props from this instance of DialogBody\n * @param ref - reference to root HTMLElement of DialogBody\n */\nexport const useDialogBody_unstable = (props: DialogBodyProps, ref: React.Ref<HTMLElement>): DialogBodyState => {\n return {\n components: {\n root: 'div',\n },\n root: getNativeElementProps(props.as ?? 'div', {\n ref,\n ...props,\n }),\n };\n};\n"]}
1	+ {"version":3,"names":["react_utilities_1","require","useDialogBody_unstable","props","ref","components","root","getNativeElementProps","_a","as","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogBody/useDialogBody.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DialogBodyProps, DialogBodyState } from './DialogBody.types';\n\n/*\n Create the state required to render DialogBody.\n \n The returned state can be modified with hooks such as useDialogBodyStyles_unstable,\n * before being passed to renderDialogBody_unstable.\n \n @param props - props from this instance of DialogBody\n * @param ref - reference to root HTMLElement of DialogBody\n */\nexport const useDialogBody_unstable = (props: DialogBodyProps, ref: React.Ref<HTMLElement>): DialogBodyState => {\n return {\n components: {\n root: 'div',\n },\n root: getNativeElementProps(props.as ?? 'div', {\n ref,\n ...props,\n }),\n };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAGA;;;;;;;;;AASO,MAAMC,sBAAsB,GAAGA,CAACC,KAAsB,EAAEC,GAA2B,KAAqB;;EAC7G,OAAO;IACLC,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEN,iBAAA,CAAAO,qBAAqB,CAAC,CAAAC,EAAA,GAAAL,KAAK,CAACM,EAAE,cAAAD,EAAA,cAAAA,EAAA,GAAI,KAAK,EAAE;MAC7CJ,GAAG;MACH,GAAGD;KACJ;GACF;AACH,CAAC;AAVYO,OAAA,CAAAR,sBAAsB,GAAAA,sBAAA"}

package/lib-commonjs/components/DialogBody/useDialogBodyStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AAGA;AAWaA~~,~~4BAAoB~~,~~GAAoC;EACnEC~~,~~IAAI~~,~~EAAE;CACP;AAED;;;AAGA~~,~~MAAMC~~,~~SAAS~~,~~gBAAGC~~,~~gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;EAAA;IAAA;EAAA;IAAA;EAAA;IAAA;EAAA;AAAA~~,~~EA+B1B;AAEF;;;AAGO~~,~~MAAMC~~,~~4BAA4B~~,~~GAAIC~~,~~KAAsB~~,~~IAAqB;EACtF~~,~~MAAMC~~,~~MAAM~~,~~GAAGJ~~,~~SAAS~~,~~EAAE;EAC1BG~~,~~KAAK~~,~~CAACJ,IAAI,CAACM,SAAS,GAAGJ,oBAAY,CAACH,4BAAoB,CAACC,IAAI,EAAEK,MAAM,CAACL,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EAEjG,OAAOF,KAAK;AACd,CAAC;AALYL,oCAA4B~~","~~names~~":["~~exports~~","~~root~~","~~useStyles~~","~~react_1~~","useDialogBodyStyles_unstable","state","styles","className"],"~~sourceRoot~~"~~:"../src/"~~,"sources":["packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogBodySlots, DialogBodyState } from './DialogBody.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport {\n ACTIONS_END_GRID_AREA,\n ACTIONS_START_GRID_AREA,\n CONTENT_GRID_AREA,\n DIALOG_GAP,\n MEDIA_QUERY_BREAKPOINT_SELECTOR,\n SURFACE_PADDING,\n TITLE_ACTION_GRID_AREA,\n TITLE_GRID_AREA,\n} from '../../contexts';\n\nexport const dialogBodyClassNames: SlotClassNames<DialogBodySlots> = {\n root: 'fui-DialogBody',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n display: 'grid',\n '&::backdrop': {\n backgroundColor: 'rgba(0, 0, 0, 0.4)',\n },\n width: `100%`,\n height: 'fit-content',\n maxWidth: '600px',\n maxHeight: `calc(100vh - 2 ${SURFACE_PADDING})`,\n boxSizing: 'border-box',\n gridTemplateRows: 'auto 1fr auto',\n gridTemplateColumns: '1fr 1fr auto',\n gridTemplateAreas: `\n \"${TITLE_GRID_AREA} ${TITLE_GRID_AREA} ${TITLE_ACTION_GRID_AREA}\"\n \"${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA}\"\n \"${ACTIONS_START_GRID_AREA} ${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA}\"\n `,\n ...shorthands.overflow('unset'),\n ...shorthands.gap(DIALOG_GAP),\n [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n maxWidth: '100vw',\n gridTemplateRows: 'auto 1fr auto auto',\n gridTemplateAreas: `\n \"${TITLE_GRID_AREA} ${TITLE_GRID_AREA} ${TITLE_ACTION_GRID_AREA}\"\n \"${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA}\"\n \"${ACTIONS_START_GRID_AREA} ${ACTIONS_START_GRID_AREA} ${ACTIONS_START_GRID_AREA}\"\n \"${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA}\"\n `,\n },\n },\n});\n\n/*\n Apply styling to the DialogBody slots based on the state\n */\nexport const useDialogBodyStyles_unstable = (state: DialogBodyState): DialogBodyState => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogBodyClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"]}
1	+ {"version":3,"names":["react_1","require","contexts_1","exports","dialogBodyClassNames","root","useStyles","__styles","mc9l5x","fshzfu","a9b677","Bqenvij","B2u0y6b","Bxyxcbc","B7ck84d","wkccdc","Budl1dq","zoa1oz","B68tc82","Bmxbyg5","i8kkvl","Belr9w4","B5xtmjs","Bqu9lor","B06wobe","d","m","useDialogBodyStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogBody/useDialogBodyStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogBodySlots, DialogBodyState } from './DialogBody.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport {\n ACTIONS_END_GRID_AREA,\n ACTIONS_START_GRID_AREA,\n CONTENT_GRID_AREA,\n DIALOG_GAP,\n MEDIA_QUERY_BREAKPOINT_SELECTOR,\n SURFACE_PADDING,\n TITLE_ACTION_GRID_AREA,\n TITLE_GRID_AREA,\n} from '../../contexts';\n\nexport const dialogBodyClassNames: SlotClassNames<DialogBodySlots> = {\n root: 'fui-DialogBody',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n display: 'grid',\n '&::backdrop': {\n backgroundColor: 'rgba(0, 0, 0, 0.4)',\n },\n width: `100%`,\n height: 'fit-content',\n maxWidth: '600px',\n maxHeight: `calc(100vh - 2 ${SURFACE_PADDING})`,\n boxSizing: 'border-box',\n gridTemplateRows: 'auto 1fr auto',\n gridTemplateColumns: '1fr 1fr auto',\n gridTemplateAreas: `\n \"${TITLE_GRID_AREA} ${TITLE_GRID_AREA} ${TITLE_ACTION_GRID_AREA}\"\n \"${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA}\"\n \"${ACTIONS_START_GRID_AREA} ${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA}\"\n `,\n ...shorthands.overflow('unset'),\n ...shorthands.gap(DIALOG_GAP),\n [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n maxWidth: '100vw',\n gridTemplateRows: 'auto 1fr auto auto',\n gridTemplateAreas: `\n \"${TITLE_GRID_AREA} ${TITLE_GRID_AREA} ${TITLE_ACTION_GRID_AREA}\"\n \"${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA} ${CONTENT_GRID_AREA}\"\n \"${ACTIONS_START_GRID_AREA} ${ACTIONS_START_GRID_AREA} ${ACTIONS_START_GRID_AREA}\"\n \"${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA} ${ACTIONS_END_GRID_AREA}\"\n `,\n },\n },\n});\n\n/*\n Apply styling to the DialogBody slots based on the state\n */\nexport const useDialogBodyStyles_unstable = (state: DialogBodyState): DialogBodyState => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogBodyClassNames.root, styles.root, state.root.className);\n\n return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,UAAA,gBAAAD,OAAA;AAWaE,OAAA,CAAAC,oBAAoB,GAAoC;EACnEC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGN,OAAA,CAAAO,QAAU;EAAAF,IAAA;IAAAG,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,EA+B1B;AAEF;;;AAGO,MAAMC,4BAA4B,GAAIC,KAAsB,IAAqB;EACtF,MAAMC,MAAM,GAAGvB,SAAS,EAAE;EAC1BsB,KAAK,CAACvB,IAAI,CAACyB,SAAS,GAAG9B,OAAA,CAAA+B,YAAY,CAAC5B,OAAA,CAAAC,oBAAoB,CAACC,IAAI,EAAEwB,MAAM,CAACxB,IAAI,EAAEuB,KAAK,CAACvB,IAAI,CAACyB,SAAS,CAAC;EAEjG,OAAOF,KAAK;AACd,CAAC;AALYzB,OAAA,CAAAwB,4BAA4B,GAAAA,4BAAA"}

package/lib-commonjs/components/DialogContent/DialogContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AACA;AACA;AACA;AAIA;;;;AAIaA~~,~~qBAAa~~,~~gBAA4CC~~,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGC,4CAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEnDG,wDAA+B,CAACF,KAAK,CAAC;EACtC,OAAOG,kDAA4B,CAACH,KAAK,CAAC;AAC5C,CAAC,CAAC;AAEFL,qBAAa,CAACS,WAAW,GAAG,eAAe","~~names~~":["exports","~~React~~","forwardRef","props","ref","state","~~useDialogContent_1~~","~~useDialogContentStyles_1~~","~~renderDialogContent_1~~","displayName"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogContent/DialogContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogContent_unstable } from './useDialogContent';\nimport { renderDialogContent_unstable } from './renderDialogContent';\nimport { useDialogContentStyles_unstable } from './useDialogContentStyles';\nimport type { DialogContentProps } from './DialogContent.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n The `DialogContent` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogContent: ForwardRefComponent<DialogContentProps> = React.forwardRef((props, ref) => {\n const state = useDialogContent_unstable(props, ref);\n\n useDialogContentStyles_unstable(state);\n return renderDialogContent_unstable(state);\n});\n\nDialogContent.displayName = 'DialogContent';\n"]}
1	+ {"version":3,"names":["React","require","useDialogContent_1","renderDialogContent_1","useDialogContentStyles_1","exports","DialogContent","forwardRef","props","ref","state","useDialogContent_unstable","useDialogContentStyles_unstable","renderDialogContent_unstable","displayName"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogContent/DialogContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogContent_unstable } from './useDialogContent';\nimport { renderDialogContent_unstable } from './renderDialogContent';\nimport { useDialogContentStyles_unstable } from './useDialogContentStyles';\nimport type { DialogContentProps } from './DialogContent.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n The `DialogContent` is a container where the content of the dialog is rendered.\n * Apart from styling, this component does not have other behavior.\n */\nexport const DialogContent: ForwardRefComponent<DialogContentProps> = React.forwardRef((props, ref) => {\n const state = useDialogContent_unstable(props, ref);\n\n useDialogContentStyles_unstable(state);\n return renderDialogContent_unstable(state);\n});\n\nDialogContent.displayName = 'DialogContent';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,kBAAA,gBAAAD,OAAA;AACA,MAAAE,qBAAA,gBAAAF,OAAA;AACA,MAAAG,wBAAA,gBAAAH,OAAA;AAIA;;;;AAIaI,OAAA,CAAAC,aAAa,gBAA4CN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGR,kBAAA,CAAAS,yBAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEnDL,wBAAA,CAAAQ,+BAA+B,CAACF,KAAK,CAAC;EACtC,OAAOP,qBAAA,CAAAU,4BAA4B,CAACH,KAAK,CAAC;AAC5C,CAAC,CAAC;AAEFL,OAAA,CAAAC,aAAa,CAACQ,WAAW,GAAG,eAAe"}

package/lib-commonjs/components/DialogContent/DialogContent.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":"","~~names":[],"~~sourceRoot~~":"../src/","~~sources~~":[],"~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["../src/packages/react-components/react-dialog/src/components/DialogContent/DialogContent.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DialogContentSlots = {\n root: Slot<'div'>;\n};\n\n/*\n DialogContent Props\n /\nexport type DialogContentProps = ComponentProps<DialogContentSlots>;\n\n/\n State used in rendering DialogContent\n */\nexport type DialogContentState = ComponentState<DialogContentSlots>;\n"],"mappings":""}

package/lib-commonjs/components/DialogContent/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","~~names":["tslib_1"],"~~sourceRoot~~":"~~../src/~~","sources":["packages/react-components/react-dialog/src/components/DialogContent/index.ts"],"sourcesContent":["export * from './DialogContent';\nexport * from './DialogContent.types';\nexport * from './renderDialogContent';\nexport * from './useDialogContent';\nexport * from './useDialogContentStyles';\n"]}
1	+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogContent/index.ts"],"sourcesContent":["export * from './DialogContent';\nexport * from './DialogContent.types';\nexport * from './renderDialogContent';\nexport * from './useDialogContent';\nexport * from './useDialogContentStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,8BAAAC,OAAA"}

package/lib-commonjs/components/DialogContent/renderDialogContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AACA;AAGA;;;AAGO~~,~~MAAMA,4BAA4B,GAAIC,KAAyB,IAAI;EACxE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAqBH,KAAK,CAAC;EAEhE,OAAOI,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AAJYC,oCAA4B~~","~~names~~":["renderDialogContent_unstable","state","slots","slotProps","~~react_utilities_1~~","~~React~~","root","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogContent/renderDialogContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DialogContentState, DialogContentSlots } from './DialogContent.types';\n\n/*\n Render the final JSX of DialogContent\n */\nexport const renderDialogContent_unstable = (state: DialogContentState) => {\n const { slots, slotProps } = getSlots<DialogContentSlots>(state);\n\n return <slots.root {...slotProps.root} />;\n};\n"]}
1	+ {"version":3,"names":["React","require","react_utilities_1","renderDialogContent_unstable","state","slots","slotProps","getSlots","createElement","root","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogContent/renderDialogContent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DialogContentState, DialogContentSlots } from './DialogContent.types';\n\n/*\n Render the final JSX of DialogContent\n */\nexport const renderDialogContent_unstable = (state: DialogContentState) => {\n const { slots, slotProps } = getSlots<DialogContentSlots>(state);\n\n return <slots.root {...slotProps.root} />;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,4BAA4B,GAAIC,KAAyB,IAAI;EACxE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAqBH,KAAK,CAAC;EAEhE,OAAOJ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,EAAI;AAC3C,CAAC;AAJYC,OAAA,CAAAP,4BAA4B,GAAAA,4BAAA"}

package/lib-commonjs/components/DialogContent/useDialogContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":";;;;;;AACA;AAGA;;;;;;;;;AASO,MAAMA,yBAAyB,GAAG,CACvCC,KAAyB,EACzBC,GAA2B,KACL;;EACtB,OAAO;IACLC,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEC,uCAAqB,CAAC,WAAK,CAACC,EAAE,mCAAI,KAAK,EAAE;MAC7CJ,GAAG;MACH,GAAGD;KACJ;GACF;AACH,CAAC;AAbYM,iCAAyB","~~names~~":["useDialogContent_unstable","props","ref","components","root","~~react_utilities_1~~","as","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogContent/useDialogContent.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { DialogContentProps, DialogContentState } from './DialogContent.types';\n\n/*\n Create the state required to render DialogBody.\n \n The returned state can be modified with hooks such as useDialogBodyStyles_unstable,\n * before being passed to renderDialogBody_unstable.\n \n @param props - props from this instance of DialogBody\n * @param ref - reference to root HTMLElement of DialogBody\n */\nexport const useDialogContent_unstable = (\n props: DialogContentProps,\n ref: React.Ref<HTMLElement>,\n): DialogContentState => {\n return {\n components: {\n root: 'div',\n },\n root: getNativeElementProps(props.as ?? 'div', {\n ref,\n ...props,\n }),\n };\n};\n"]}
1	+ {"version":3,"names":["react_utilities_1","require","useDialogContent_unstable","props","ref","components","root","getNativeElementProps","_a","as","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogContent/useDialogContent.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { DialogContentProps, DialogContentState } from './DialogContent.types';\n\n/*\n Create the state required to render DialogBody.\n \n The returned state can be modified with hooks such as useDialogBodyStyles_unstable,\n * before being passed to renderDialogBody_unstable.\n \n @param props - props from this instance of DialogBody\n * @param ref - reference to root HTMLElement of DialogBody\n */\nexport const useDialogContent_unstable = (\n props: DialogContentProps,\n ref: React.Ref<HTMLElement>,\n): DialogContentState => {\n return {\n components: {\n root: 'div',\n },\n root: getNativeElementProps(props.as ?? 'div', {\n ref,\n ...props,\n }),\n };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAGA;;;;;;;;;AASO,MAAMC,yBAAyB,GAAGA,CACvCC,KAAyB,EACzBC,GAA2B,KACL;;EACtB,OAAO;IACLC,UAAU,EAAE;MACVC,IAAI,EAAE;KACP;IACDA,IAAI,EAAEN,iBAAA,CAAAO,qBAAqB,CAAC,CAAAC,EAAA,GAAAL,KAAK,CAACM,EAAE,cAAAD,EAAA,cAAAA,EAAA,GAAI,KAAK,EAAE;MAC7CJ,GAAG;MACH,GAAGD;KACJ;GACF;AACH,CAAC;AAbYO,OAAA,CAAAR,yBAAyB,GAAAA,yBAAA"}

package/lib-commonjs/components/DialogContent/useDialogContentStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AAGA;AACA;AAEaA,+BAAuB~~,~~GAAuC;EACzEC~~,~~IAAI~~,~~EAAE;CACP;AAED;;;AAGA~~,~~MAAMC~~,~~SAAS~~,~~gBAAGC~~,~~gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA~~,~~EAU1B;AAEF;;;AAGO~~,~~MAAMC,+BAA+B~~,~~GAAIC~~,~~KAAyB~~,~~IAAwB;EAC/F~~,~~MAAMC~~,~~MAAM~~,~~GAAGJ~~,~~SAAS~~,~~EAAE;EAC1BG,KAAK,CAACJ,IAAI,CAACM,SAAS,GAAGJ,oBAAY,CAACH,+BAAuB,CAACC,IAAI,EAAEK,MAAM,CAACL,IAAI,EAAEI,KAAK,CAACJ,IAAI,CAACM,SAAS,CAAC;EACpG,OAAOF,KAAK;AACd,CAAC;AAJYL,uCAA+B~~","~~names~~":["~~exports~~","~~root~~","~~useStyles~~","~~react_1~~","useDialogContentStyles_unstable","state","styles","className"],"~~sourceRoot~~"~~:"../src/"~~,"sources":["packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogContentSlots, DialogContentState } from './DialogContent.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { CONTENT_GRID_AREA } from '../../contexts/constants';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const dialogContentClassNames: SlotClassNames<DialogContentSlots> = {\n root: 'fui-DialogContent',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n width: '100%',\n height: '100%',\n overflowY: 'auto',\n minHeight: '32px',\n boxSizing: 'border-box',\n ...shorthands.gridArea(CONTENT_GRID_AREA),\n ...typographyStyles.body1,\n },\n});\n\n/\n Apply styling to the DialogContent slots based on the state\n */\nexport const useDialogContentStyles_unstable = (state: DialogContentState): DialogContentState => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogContentClassNames.root, styles.root, state.root.className);\n return state;\n};\n"]}
1	+ {"version":3,"names":["react_1","require","constants_1","react_theme_1","exports","dialogContentClassNames","root","useStyles","__styles","a9b677","Bqenvij","Bmxbyg5","sshi5w","B7ck84d","Ijaq50","Br312pm","nk6f5a","Bw0ie65","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","d","useDialogContentStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogContent/useDialogContentStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogContentSlots, DialogContentState } from './DialogContent.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { CONTENT_GRID_AREA } from '../../contexts/constants';\nimport { typographyStyles } from '@fluentui/react-theme';\n\nexport const dialogContentClassNames: SlotClassNames<DialogContentSlots> = {\n root: 'fui-DialogContent',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n width: '100%',\n height: '100%',\n overflowY: 'auto',\n minHeight: '32px',\n boxSizing: 'border-box',\n ...shorthands.gridArea(CONTENT_GRID_AREA),\n ...typographyStyles.body1,\n },\n});\n\n/\n Apply styling to the DialogContent slots based on the state\n */\nexport const useDialogContentStyles_unstable = (state: DialogContentState): DialogContentState => {\n const styles = useStyles();\n state.root.className = mergeClasses(dialogContentClassNames.root, styles.root, state.root.className);\n return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,WAAA,gBAAAD,OAAA;AACA,MAAAE,aAAA,gBAAAF,OAAA;AAEaG,OAAA,CAAAC,uBAAuB,GAAuC;EACzEC,IAAI,EAAE;CACP;AAED;;;AAGA,MAAMC,SAAS,gBAAGP,OAAA,CAAAQ,QAAU;EAAAF,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,EAU1B;AAEF;;;AAGO,MAAMC,+BAA+B,GAAIC,KAAyB,IAAwB;EAC/F,MAAMC,MAAM,GAAGlB,SAAS,EAAE;EAC1BiB,KAAK,CAAClB,IAAI,CAACoB,SAAS,GAAG1B,OAAA,CAAA2B,YAAY,CAACvB,OAAA,CAAAC,uBAAuB,CAACC,IAAI,EAAEmB,MAAM,CAACnB,IAAI,EAAEkB,KAAK,CAAClB,IAAI,CAACoB,SAAS,CAAC;EACpG,OAAOF,KAAK;AACd,CAAC;AAJYpB,OAAA,CAAAmB,+BAA+B,GAAAA,+BAAA"}

package/lib-commonjs/components/DialogSurface/DialogSurface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AACA;AACA;AACA;AAGA;AAEA;;;;AAIaA~~,~~qBAAa~~,~~gBAA4CC~~,~~KAAK~~,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGC,4CAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EACnD,MAAMG,aAAa,GAAGC,sEAAsC,CAACH,KAAK,CAAC;EAEnEI,wDAA+B,CAACJ,KAAK,CAAC;EACtC,OAAOK,kDAA4B,CAACL,KAAK,EAAEE,aAAa,CAAC;AAC3D,CAAC,CAAC;AAEFP,qBAAa,CAACW,WAAW,GAAG,eAAe","~~names~~":["exports","~~React~~","forwardRef","props","ref","state","~~useDialogSurface_1~~","contextValues","~~useDialogSurfaceContextValues_1~~","~~useDialogSurfaceStyles_1~~","~~renderDialogSurface_1~~","displayName"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogSurface_unstable } from './useDialogSurface';\nimport { renderDialogSurface_unstable } from './renderDialogSurface';\nimport { useDialogSurfaceStyles_unstable } from './useDialogSurfaceStyles';\nimport type { DialogSurfaceProps } from './DialogSurface.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useDialogSurfaceContextValues_unstable } from './useDialogSurfaceContextValues';\n\n/*\n DialogSurface component represents the visual part of a `Dialog` as a whole,\n * it contains everything that should be visible.\n */\nexport const DialogSurface: ForwardRefComponent<DialogSurfaceProps> = React.forwardRef((props, ref) => {\n const state = useDialogSurface_unstable(props, ref);\n const contextValues = useDialogSurfaceContextValues_unstable(state);\n\n useDialogSurfaceStyles_unstable(state);\n return renderDialogSurface_unstable(state, contextValues);\n});\n\nDialogSurface.displayName = 'DialogSurface';\n"]}
1	+ {"version":3,"names":["React","require","useDialogSurface_1","renderDialogSurface_1","useDialogSurfaceStyles_1","useDialogSurfaceContextValues_1","exports","DialogSurface","forwardRef","props","ref","state","useDialogSurface_unstable","contextValues","useDialogSurfaceContextValues_unstable","useDialogSurfaceStyles_unstable","renderDialogSurface_unstable","displayName"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogSurface_unstable } from './useDialogSurface';\nimport { renderDialogSurface_unstable } from './renderDialogSurface';\nimport { useDialogSurfaceStyles_unstable } from './useDialogSurfaceStyles';\nimport type { DialogSurfaceProps } from './DialogSurface.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useDialogSurfaceContextValues_unstable } from './useDialogSurfaceContextValues';\n\n/*\n DialogSurface component represents the visual part of a `Dialog` as a whole,\n * it contains everything that should be visible.\n */\nexport const DialogSurface: ForwardRefComponent<DialogSurfaceProps> = React.forwardRef((props, ref) => {\n const state = useDialogSurface_unstable(props, ref);\n const contextValues = useDialogSurfaceContextValues_unstable(state);\n\n useDialogSurfaceStyles_unstable(state);\n return renderDialogSurface_unstable(state, contextValues);\n});\n\nDialogSurface.displayName = 'DialogSurface';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,kBAAA,gBAAAD,OAAA;AACA,MAAAE,qBAAA,gBAAAF,OAAA;AACA,MAAAG,wBAAA,gBAAAH,OAAA;AAGA,MAAAI,+BAAA,gBAAAJ,OAAA;AAEA;;;;AAIaK,OAAA,CAAAC,aAAa,gBAA4CP,KAAK,CAACQ,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EACpG,MAAMC,KAAK,GAAGT,kBAAA,CAAAU,yBAAyB,CAACH,KAAK,EAAEC,GAAG,CAAC;EACnD,MAAMG,aAAa,GAAGR,+BAAA,CAAAS,sCAAsC,CAACH,KAAK,CAAC;EAEnEP,wBAAA,CAAAW,+BAA+B,CAACJ,KAAK,CAAC;EACtC,OAAOR,qBAAA,CAAAa,4BAA4B,CAACL,KAAK,EAAEE,aAAa,CAAC;AAC3D,CAAC,CAAC;AAEFP,OAAA,CAAAC,aAAa,CAACU,WAAW,GAAG,eAAe"}

package/lib-commonjs/components/DialogSurface/DialogSurface.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":"","~~names":[],"~~sourceRoot~~":"../src/","~~sources~~":[],"~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["../src/packages/react-components/react-dialog/src/components/DialogSurface/DialogSurface.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DialogSurfaceContextValue } from '../../contexts';\n\nexport type DialogSurfaceSlots = {\n /*\n Dimmed background of dialog.\n * The default backdrop is rendered as a `<div>` with styling.\n * This slot expects a `<div>` element which will replace the default backdrop.\n * The backdrop should have `aria-hidden=\"true\"`.\n \n By default if `DialogSurface` is `<dialog>` element the backdrop is ignored,\n * since native `<dialog>` element supports [::backdrop](https://developer.mozilla.org/en-US/docs/Web/CSS/::backdrop)\n /\n backdrop?: Slot<'div'>;\n root: Slot<'div'>;\n};\n\n/\n Union between all possible semantic element that represent a DialogSurface\n /\nexport type DialogSurfaceElement = HTMLDialogElement \| HTMLDivElement;\n\n/* @internal /\nexport type DialogSurfaceElementIntersection = HTMLDialogElement & HTMLDivElement;\n\n/\n DialogSurface Props\n \n Omits basic types from native `dialog` (`open`, `onCancel` and `onClose`)\n * to ensure `onOpenChange`, `open` and `defaultOpen` from `Dialog` is used instead\n /\nexport type DialogSurfaceProps = Omit<ComponentProps<DialogSurfaceSlots>, 'open' \| 'onCancel' \| 'onClose'>;\n\nexport type DialogSurfaceContextValues = {\n dialogSurface: DialogSurfaceContextValue;\n};\n\n/\n State used in rendering DialogSurface\n */\nexport type DialogSurfaceState = ComponentState<DialogSurfaceSlots>;\n"],"mappings":""}

package/lib-commonjs/components/DialogSurface/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","~~names":["tslib_1"],"~~sourceRoot~~":"~~../src/~~","sources":["packages/react-components/react-dialog/src/components/DialogSurface/index.ts"],"sourcesContent":["export * from './DialogSurface';\nexport * from './DialogSurface.types';\nexport * from './renderDialogSurface';\nexport * from './useDialogSurface';\nexport * from './useDialogSurfaceStyles';\n"]}
1	+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogSurface/index.ts"],"sourcesContent":["export * from './DialogSurface';\nexport * from './DialogSurface.types';\nexport * from './renderDialogSurface';\nexport * from './useDialogSurface';\nexport * from './useDialogSurfaceStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,8BAAAC,OAAA"}

package/lib-commonjs/components/DialogSurface/renderDialogSurface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AACA;AAEA;AACA;AAEA;;;AAGO~~,~~MAAMA~~,~~4BAA4B~~,GAAG,CAACC,KAAyB,EAAEC,aAAyC,KAAI;EACnH,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAqBJ,KAAK,CAAC;EAEhE,OACEK,oBAACC,qBAAM,QACJJ,KAAK,CAACK,QAAQ,IAAIF,oBAACH,KAAK,CAACK,QAAQ;IAAA,GAAKJ,SAAS,CAACI;EAAQ,EAAI,EAC7DF,oBAACG,gCAAqB;IAACC,KAAK,EAAER,aAAa,CAACS;EAAa,GACvDL,oBAACH,KAAK,CAACS,IAAI;IAAA,GAAKR,SAAS,CAACQ;EAAI,EAAI,CACZ,CACjB;AAEb,CAAC;AAXYC,oCAA4B","~~names~~":["renderDialogSurface_unstable","state","contextValues","slots","slotProps","~~react_utilities_1~~","~~React~~","~~react_portal_1~~","backdrop","~~contexts_1~~","value","dialogSurface","root","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogSurface/renderDialogSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DialogSurfaceState, DialogSurfaceSlots, DialogSurfaceContextValues } from './DialogSurface.types';\nimport { DialogSurfaceProvider } from '../../contexts';\nimport { Portal } from '@fluentui/react-portal';\n\n/*\n Render the final JSX of DialogSurface\n */\nexport const renderDialogSurface_unstable = (state: DialogSurfaceState, contextValues: DialogSurfaceContextValues) => {\n const { slots, slotProps } = getSlots<DialogSurfaceSlots>(state);\n\n return (\n <Portal>\n {slots.backdrop && <slots.backdrop {...slotProps.backdrop} />}\n <DialogSurfaceProvider value={contextValues.dialogSurface}>\n <slots.root {...slotProps.root} />\n </DialogSurfaceProvider>\n </Portal>\n );\n};\n"]}
1	+ {"version":3,"names":["React","require","react_utilities_1","contexts_1","react_portal_1","renderDialogSurface_unstable","state","contextValues","slots","slotProps","getSlots","createElement","Portal","backdrop","DialogSurfaceProvider","value","dialogSurface","root","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogSurface/renderDialogSurface.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DialogSurfaceState, DialogSurfaceSlots, DialogSurfaceContextValues } from './DialogSurface.types';\nimport { DialogSurfaceProvider } from '../../contexts';\nimport { Portal } from '@fluentui/react-portal';\n\n/*\n Render the final JSX of DialogSurface\n */\nexport const renderDialogSurface_unstable = (state: DialogSurfaceState, contextValues: DialogSurfaceContextValues) => {\n const { slots, slotProps } = getSlots<DialogSurfaceSlots>(state);\n\n return (\n <Portal>\n {slots.backdrop && <slots.backdrop {...slotProps.backdrop} />}\n <DialogSurfaceProvider value={contextValues.dialogSurface}>\n <slots.root {...slotProps.root} />\n </DialogSurfaceProvider>\n </Portal>\n );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,UAAA,gBAAAF,OAAA;AACA,MAAAG,cAAA,gBAAAH,OAAA;AAEA;;;AAGO,MAAMI,4BAA4B,GAAGA,CAACC,KAAyB,EAAEC,aAAyC,KAAI;EACnH,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGP,iBAAA,CAAAQ,QAAQ,CAAqBJ,KAAK,CAAC;EAEhE,OACEN,KAAA,CAAAW,aAAA,CAACP,cAAA,CAAAQ,MAAM,QACJJ,KAAK,CAACK,QAAQ,IAAIb,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACK,QAAQ;IAAA,GAAKJ,SAAS,CAACI;EAAQ,EAAI,EAC7Db,KAAA,CAAAW,aAAA,CAACR,UAAA,CAAAW,qBAAqB;IAACC,KAAK,EAAER,aAAa,CAACS;EAAa,GACvDhB,KAAA,CAAAW,aAAA,CAACH,KAAK,CAACS,IAAI;IAAA,GAAKR,SAAS,CAACQ;EAAI,EAAI,CACZ,CACjB;AAEb,CAAC;AAXYC,OAAA,CAAAb,4BAA4B,GAAAA,4BAAA"}

package/lib-commonjs/components/DialogSurface/useDialogSurface.js CHANGED Viewed

@@ -23,6 +23,7 @@ const useDialogSurface_unstable = (props, ref) => {
     as
   } = props;
   const modalType = contexts_1.useDialogContext_unstable(ctx => ctx.modalType);
+  const inertTrapFocus = contexts_1.useDialogContext_unstable(ctx => ctx.inertTrapFocus);
   const dialogRef = contexts_1.useDialogContext_unstable(ctx => ctx.dialogRef);
   const open = contexts_1.useDialogContext_unstable(ctx => ctx.open);
   const requestOpenChange = contexts_1.useDialogContext_unstable(ctx => ctx.requestOpenChange);
@@ -57,7 +58,8 @@ const useDialogSurface_unstable = (props, ref) => {
   const {
     modalAttributes
   } = react_tabster_1.useModalAttributes({
-    trapFocus: modalType !== 'non-modal'
+    trapFocus: modalType !== 'non-modal',
+    legacyTrapFocus: !inertTrapFocus
   });
   return {
     components: {

package/lib-commonjs/components/DialogSurface/useDialogSurface.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AACA;AAaA;AACA;AACA;AAEA;;;;;;;;;AASO~~,~~MAAMA~~,~~yBAAyB~~,GAAG,CACvCC,KAAyB,EACzBC,GAAoC,KACd;EACtB,MAAM;IAAEC,QAAQ;IAAEC;EAAE,CAAE,GAAGH,KAAK;EAC9B,MAAMI,SAAS,GAAGC,oCAAyB,CAACC,GAAG,IAAIA,GAAG,CAACF,SAAS,CAAC;EACjE,MAAMG,SAAS,GAAGF,oCAAyB,CAACC,GAAG,IAAIA,GAAG,CAACC,SAAS,CAAC;EACjE,MAAMC,IAAI,GAAGH,oCAAyB,CAACC,GAAG,IAAIA,GAAG,CAACE,IAAI,CAAC;EACvD,MAAMC,iBAAiB,GAAGJ,oCAAyB,CAACC,GAAG,IAAIA,GAAG,CAACG,iBAAiB,CAAC;EACjF,MAAMC,aAAa,GAAGL,oCAAyB,CAACC,GAAG,IAAIA,GAAG,CAACK,aAAa,CAAC;EAEzE,MAAMC,oBAAoB,GAAGC,kCAAgB,CAAEC,KAAuC,IAAI;;IACxF,IAAID,qCAAmB,CAACb,KAAK,CAACE,QAAQ,CAAC,EAAE;MACvC,iBAAK,CAACA,QAAQ,EAACa,OAAO,mDAAGD,KAAK,CAAC;;IAEjC,IAAIV,SAAS,KAAK,OAAO,IAAI,CAACU,KAAK,CAACE,kBAAkB,EAAE,EAAE;MACxDP,iBAAiB,CAAC;QAChBK,KAAK;QACLN,IAAI,EAAE,KAAK;QACXS,IAAI,EAAE;OACP,CAAC;;EAEN,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAGL,kCAAgB,CAAEC,KAA4D,IAAI;;IACtG,WAAK,CAACK,SAAS,+CAAfnB,KAAK,EAAac,KAAK,CAAC;IAExB,IAAIM,0BAAkB,CAACN,KAAK,EAAEV,SAAS,CAAC,EAAE;MACxCK,iBAAiB,CAAC;QAChBK,KAAK;QACLN,IAAI,EAAE,KAAK;QACXS,IAAI,EAAE;OACP,CAAC;MACF;MACA;MACAH,KAAK,CAACO,eAAe,EAAE;;EAE3B,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAe,CAAE,GAAGC,kCAAkB,CAAC;IAAEC,SAAS,EAAEpB,SAAS,KAAK;EAAW,CAAE,CAAC;EAExF,OAAO;IACLqB,UAAU,EAAE;MACVvB,QAAQ,EAAE,KAAK;MACfwB,IAAI,EAAE;KACP;IACDxB,QAAQ,EAAEW,kCAAgB,CAACX,QAAQ,EAAE;MACnCyB,QAAQ,EAAEnB,IAAI,IAAIJ,SAAS,KAAK,WAAW;MAC3CwB,YAAY,EAAE;QACZ,aAAa,EAAE,MAAM;QACrBb,OAAO,EAAEH;;KAEZ,CAAC;IACFc,IAAI,EAAEb,uCAAqB,CAACV,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAI,KAAK,EAAE;MACvC0B,QAAQ,EAAE,CAAC,CAAC;MACZ,YAAY,EAAEzB,SAAS,KAAK,WAAW;MACvC0B,IAAI,EAAE1B,SAAS,KAAK,OAAO,GAAG,aAAa,GAAG,QAAQ;MACtD,iBAAiB,EAAEJ,KAAK,CAAC,YAAY,CAAC,GAAG+B,SAAS,GAAGrB,aAAa;MAClE,GAAGV,KAAK;MACR,GAAGsB,eAAe;MAClBH,SAAS,EAAED,aAAa;MACxBjB,GAAG,EAAEY,+BAAa,CAACZ,GAAG,EAAEM,SAAS;KAClC;GACF;AACH,CAAC;AAhEYyB,iCAAyB","~~names~~":["useDialogSurface_unstable","props","ref","backdrop","as","modalType","~~contexts_1~~","ctx","dialogRef","open","requestOpenChange","dialogTitleID","dialogTitleId","handledBackdropClick","~~react_utilities_1~~","event","onClick","isDefaultPrevented","type","handleKeyDown","onKeyDown","~~utils_1~~","stopPropagation","modalAttributes","~~react_tabster_1~~","trapFocus","components","root","required","defaultProps","tabIndex","role","undefined","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurface.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n getNativeElementProps,\n resolveShorthand,\n useEventCallback,\n useMergedRefs,\n isResolvedShorthand,\n} from '@fluentui/react-utilities';\nimport type {\n DialogSurfaceElement,\n DialogSurfaceElementIntersection,\n DialogSurfaceProps,\n DialogSurfaceState,\n} from './DialogSurface.types';\nimport { useDialogContext_unstable } from '../../contexts';\nimport { isEscapeKeyDismiss } from '../../utils';\nimport { useModalAttributes } from '@fluentui/react-tabster';\n\n/*\n Create the state required to render DialogSurface.\n \n The returned state can be modified with hooks such as useDialogSurfaceStyles_unstable,\n * before being passed to renderDialogSurface_unstable.\n \n @param props - props from this instance of DialogSurface\n * @param ref - reference to root HTMLElement of DialogSurface\n */\nexport const useDialogSurface_unstable = (\n props: DialogSurfaceProps,\n ref: React.Ref<DialogSurfaceElement>,\n): DialogSurfaceState => {\n const { backdrop, as } = props;\n const modalType = useDialogContext_unstable(ctx => ctx.modalType);\n const dialogRef = useDialogContext_unstable(ctx => ctx.dialogRef);\n const open = useDialogContext_unstable(ctx => ctx.open);\n const requestOpenChange = useDialogContext_unstable(ctx => ctx.requestOpenChange);\n const dialogTitleID = useDialogContext_unstable(ctx => ctx.dialogTitleId);\n\n const handledBackdropClick = useEventCallback((event: React.MouseEvent<HTMLDivElement>) => {\n if (isResolvedShorthand(props.backdrop)) {\n props.backdrop.onClick?.(event);\n }\n if (modalType === 'modal' && !event.isDefaultPrevented()) {\n requestOpenChange({\n event,\n open: false,\n type: 'backdropClick',\n });\n }\n });\n\n const handleKeyDown = useEventCallback((event: React.KeyboardEvent<DialogSurfaceElementIntersection>) => {\n props.onKeyDown?.(event);\n\n if (isEscapeKeyDismiss(event, modalType)) {\n requestOpenChange({\n event,\n open: false,\n type: 'escapeKeyDown',\n });\n // stop propagation to avoid conflicting with other elements that listen for `Escape`\n // e,g: nested Dialog, Popover, Menu and Tooltip\n event.stopPropagation();\n }\n });\n\n const { modalAttributes } = useModalAttributes({ trapFocus: modalType !== 'non-modal' });\n\n return {\n components: {\n backdrop: 'div',\n root: 'div',\n },\n backdrop: resolveShorthand(backdrop, {\n required: open && modalType !== 'non-modal',\n defaultProps: {\n 'aria-hidden': 'true',\n onClick: handledBackdropClick,\n },\n }),\n root: getNativeElementProps(as ?? 'div', {\n tabIndex: -1, // https://github.com/microsoft/fluentui/issues/25150\n 'aria-modal': modalType !== 'non-modal',\n role: modalType === 'alert' ? 'alertdialog' : 'dialog',\n 'aria-labelledby': props['aria-label'] ? undefined : dialogTitleID,\n ...props,\n ...modalAttributes,\n onKeyDown: handleKeyDown,\n ref: useMergedRefs(ref, dialogRef),\n }),\n };\n};\n"]}
1	+ {"version":3,"names":["react_utilities_1","require","contexts_1","utils_1","react_tabster_1","useDialogSurface_unstable","props","ref","backdrop","as","modalType","useDialogContext_unstable","ctx","inertTrapFocus","dialogRef","open","requestOpenChange","dialogTitleID","dialogTitleId","handledBackdropClick","useEventCallback","event","isResolvedShorthand","_b","_a","onClick","call","isDefaultPrevented","type","handleKeyDown","onKeyDown","isEscapeKeyDismiss","stopPropagation","modalAttributes","useModalAttributes","trapFocus","legacyTrapFocus","components","root","resolveShorthand","required","defaultProps","getNativeElementProps","tabIndex","role","undefined","useMergedRefs","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurface.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n getNativeElementProps,\n resolveShorthand,\n useEventCallback,\n useMergedRefs,\n isResolvedShorthand,\n} from '@fluentui/react-utilities';\nimport type {\n DialogSurfaceElement,\n DialogSurfaceElementIntersection,\n DialogSurfaceProps,\n DialogSurfaceState,\n} from './DialogSurface.types';\nimport { useDialogContext_unstable } from '../../contexts';\nimport { isEscapeKeyDismiss } from '../../utils';\nimport { useModalAttributes } from '@fluentui/react-tabster';\n\n/*\n Create the state required to render DialogSurface.\n \n The returned state can be modified with hooks such as useDialogSurfaceStyles_unstable,\n * before being passed to renderDialogSurface_unstable.\n \n @param props - props from this instance of DialogSurface\n * @param ref - reference to root HTMLElement of DialogSurface\n */\nexport const useDialogSurface_unstable = (\n props: DialogSurfaceProps,\n ref: React.Ref<DialogSurfaceElement>,\n): DialogSurfaceState => {\n const { backdrop, as } = props;\n const modalType = useDialogContext_unstable(ctx => ctx.modalType);\n const inertTrapFocus = useDialogContext_unstable(ctx => ctx.inertTrapFocus);\n const dialogRef = useDialogContext_unstable(ctx => ctx.dialogRef);\n const open = useDialogContext_unstable(ctx => ctx.open);\n const requestOpenChange = useDialogContext_unstable(ctx => ctx.requestOpenChange);\n const dialogTitleID = useDialogContext_unstable(ctx => ctx.dialogTitleId);\n\n const handledBackdropClick = useEventCallback((event: React.MouseEvent<HTMLDivElement>) => {\n if (isResolvedShorthand(props.backdrop)) {\n props.backdrop.onClick?.(event);\n }\n if (modalType === 'modal' && !event.isDefaultPrevented()) {\n requestOpenChange({\n event,\n open: false,\n type: 'backdropClick',\n });\n }\n });\n\n const handleKeyDown = useEventCallback((event: React.KeyboardEvent<DialogSurfaceElementIntersection>) => {\n props.onKeyDown?.(event);\n\n if (isEscapeKeyDismiss(event, modalType)) {\n requestOpenChange({\n event,\n open: false,\n type: 'escapeKeyDown',\n });\n // stop propagation to avoid conflicting with other elements that listen for `Escape`\n // e,g: nested Dialog, Popover, Menu and Tooltip\n event.stopPropagation();\n }\n });\n\n const { modalAttributes } = useModalAttributes({\n trapFocus: modalType !== 'non-modal',\n legacyTrapFocus: !inertTrapFocus,\n });\n\n return {\n components: {\n backdrop: 'div',\n root: 'div',\n },\n backdrop: resolveShorthand(backdrop, {\n required: open && modalType !== 'non-modal',\n defaultProps: {\n 'aria-hidden': 'true',\n onClick: handledBackdropClick,\n },\n }),\n root: getNativeElementProps(as ?? 'div', {\n tabIndex: -1, // https://github.com/microsoft/fluentui/issues/25150\n 'aria-modal': modalType !== 'non-modal',\n role: modalType === 'alert' ? 'alertdialog' : 'dialog',\n 'aria-labelledby': props['aria-label'] ? undefined : dialogTitleID,\n ...props,\n ...modalAttributes,\n onKeyDown: handleKeyDown,\n ref: useMergedRefs(ref, dialogRef),\n }),\n };\n};\n"],"mappings":";;;;;;AACA,MAAAA,iBAAA,gBAAAC,OAAA;AAaA,MAAAC,UAAA,gBAAAD,OAAA;AACA,MAAAE,OAAA,gBAAAF,OAAA;AACA,MAAAG,eAAA,gBAAAH,OAAA;AAEA;;;;;;;;;AASO,MAAMI,yBAAyB,GAAGA,CACvCC,KAAyB,EACzBC,GAAoC,KACd;EACtB,MAAM;IAAEC,QAAQ;IAAEC;EAAE,CAAE,GAAGH,KAAK;EAC9B,MAAMI,SAAS,GAAGR,UAAA,CAAAS,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACF,SAAS,CAAC;EACjE,MAAMG,cAAc,GAAGX,UAAA,CAAAS,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACC,cAAc,CAAC;EAC3E,MAAMC,SAAS,GAAGZ,UAAA,CAAAS,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACE,SAAS,CAAC;EACjE,MAAMC,IAAI,GAAGb,UAAA,CAAAS,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACG,IAAI,CAAC;EACvD,MAAMC,iBAAiB,GAAGd,UAAA,CAAAS,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACI,iBAAiB,CAAC;EACjF,MAAMC,aAAa,GAAGf,UAAA,CAAAS,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACM,aAAa,CAAC;EAEzE,MAAMC,oBAAoB,GAAGnB,iBAAA,CAAAoB,gBAAgB,CAAEC,KAAuC,IAAI;;IACxF,IAAIrB,iBAAA,CAAAsB,mBAAmB,CAAChB,KAAK,CAACE,QAAQ,CAAC,EAAE;MACvC,CAAAe,EAAA,IAAAC,EAAA,GAAAlB,KAAK,CAACE,QAAQ,EAACiB,OAAO,cAAAF,EAAA,uBAAAA,EAAA,CAAAG,IAAA,CAAAF,EAAA,EAAGH,KAAK,CAAC;;IAEjC,IAAIX,SAAS,KAAK,OAAO,IAAI,CAACW,KAAK,CAACM,kBAAkB,EAAE,EAAE;MACxDX,iBAAiB,CAAC;QAChBK,KAAK;QACLN,IAAI,EAAE,KAAK;QACXa,IAAI,EAAE;OACP,CAAC;;EAEN,CAAC,CAAC;EAEF,MAAMC,aAAa,GAAG7B,iBAAA,CAAAoB,gBAAgB,CAAEC,KAA4D,IAAI;;IACtG,CAAAG,EAAA,GAAAlB,KAAK,CAACwB,SAAS,cAAAN,EAAA,uBAAAA,EAAA,CAAAE,IAAA,CAAfpB,KAAK,EAAae,KAAK,CAAC;IAExB,IAAIlB,OAAA,CAAA4B,kBAAkB,CAACV,KAAK,EAAEX,SAAS,CAAC,EAAE;MACxCM,iBAAiB,CAAC;QAChBK,KAAK;QACLN,IAAI,EAAE,KAAK;QACXa,IAAI,EAAE;OACP,CAAC;MACF;MACA;MACAP,KAAK,CAACW,eAAe,EAAE;;EAE3B,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAe,CAAE,GAAG7B,eAAA,CAAA8B,kBAAkB,CAAC;IAC7CC,SAAS,EAAEzB,SAAS,KAAK,WAAW;IACpC0B,eAAe,EAAE,CAACvB;GACnB,CAAC;EAEF,OAAO;IACLwB,UAAU,EAAE;MACV7B,QAAQ,EAAE,KAAK;MACf8B,IAAI,EAAE;KACP;IACD9B,QAAQ,EAAER,iBAAA,CAAAuC,gBAAgB,CAAC/B,QAAQ,EAAE;MACnCgC,QAAQ,EAAEzB,IAAI,IAAIL,SAAS,KAAK,WAAW;MAC3C+B,YAAY,EAAE;QACZ,aAAa,EAAE,MAAM;QACrBhB,OAAO,EAAEN;;KAEZ,CAAC;IACFmB,IAAI,EAAEtC,iBAAA,CAAA0C,qBAAqB,CAACjC,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAI,KAAK,EAAE;MACvCkC,QAAQ,EAAE,CAAC,CAAC;MACZ,YAAY,EAAEjC,SAAS,KAAK,WAAW;MACvCkC,IAAI,EAAElC,SAAS,KAAK,OAAO,GAAG,aAAa,GAAG,QAAQ;MACtD,iBAAiB,EAAEJ,KAAK,CAAC,YAAY,CAAC,GAAGuC,SAAS,GAAG5B,aAAa;MAClE,GAAGX,KAAK;MACR,GAAG2B,eAAe;MAClBH,SAAS,EAAED,aAAa;MACxBtB,GAAG,EAAEP,iBAAA,CAAA8C,aAAa,CAACvC,GAAG,EAAEO,SAAS;KAClC;GACF;AACH,CAAC;AApEYiC,OAAA,CAAA1C,yBAAyB,GAAAA,yBAAA"}

package/lib-commonjs/components/DialogSurface/useDialogSurfaceContextValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":";;;;;;AAGA,SAAgBA,sCAAsC,CAACC,KAAyB;EAC9E,MAAMC,aAAa,GAA8B,IAAI;EAErD,OAAO;IAAEA;EAAa,CAAE;AAC1B;AAJAC","~~names":["useDialogSurfaceContextValues_unstable","state","dialogSurface","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceContextValues.ts"],"sourcesContent":["import type { DialogSurfaceContextValues, DialogSurfaceState } from './DialogSurface.types';\nimport type { DialogSurfaceContextValue } from '../../contexts';\n\nexport function useDialogSurfaceContextValues_unstable(state: DialogSurfaceState): DialogSurfaceContextValues {\n const dialogSurface: DialogSurfaceContextValue = true;\n\n return { dialogSurface };\n}\n"]}
1	+ {"version":3,"names":["useDialogSurfaceContextValues_unstable","state","dialogSurface","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceContextValues.ts"],"sourcesContent":["import type { DialogSurfaceContextValues, DialogSurfaceState } from './DialogSurface.types';\nimport type { DialogSurfaceContextValue } from '../../contexts';\n\nexport function useDialogSurfaceContextValues_unstable(state: DialogSurfaceState): DialogSurfaceContextValues {\n const dialogSurface: DialogSurfaceContextValue = true;\n\n return { dialogSurface };\n}\n"],"mappings":";;;;;;AAGA,SAAgBA,sCAAsCA,CAACC,KAAyB;EAC9E,MAAMC,aAAa,GAA8B,IAAI;EAErD,OAAO;IAAEA;EAAa,CAAE;AAC1B;AAJAC,OAAA,CAAAH,sCAAA,GAAAA,sCAAA"}

package/lib-commonjs/components/DialogSurface/useDialogSurfaceStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AAEA;AACA;AACA;AAQaA,+BAAuB~~,~~GAAuC;EACzEC~~,~~IAAI~~,~~EAAE~~,~~mBAAmB;EACzBC~~,~~QAAQ~~,~~EAAE;CACX;AAED;;;AAGA~~,~~MAAMC~~,~~SAAS~~,~~gBAAGC~~,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;EAAA;AAAA,~~EA2C1B;AAEF;;;AAGO~~,~~MAAMC,+BAA+B~~,~~GAAIC~~,~~KAAyB~~,~~IAAwB;EAC/F~~,~~MAAMC~~,~~MAAM~~,~~GAAGJ~~,~~SAAS~~,~~EAAE;EAC1B~~,~~MAAMK~~,~~cAAc~~,~~GAAGC~~,~~oCAAyB~~,~~CAACC~~,~~GAAG~~,~~IAAIA~~,~~GAAG~~,~~CAACF~~,~~cAAc~~,~~CAAC;EAE3EF~~,~~KAAK~~,~~CAACL~~,~~IAAI~~,~~CAACU~~,~~SAAS~~,~~GAAGP~~,~~oBAAY~~,~~CACjCJ,+BAAuB~~,~~CAACC~~,~~IAAI~~,~~EAC5BM~~,~~MAAM~~,~~CAACN~~,~~IAAI~~,~~EACXM~~,~~MAAM~~,~~CAACK~~,~~YAAY~~,~~EACnBJ~~,~~cAAc~~,~~IAAID~~,~~MAAM~~,~~CAACM~~,~~0BAA0B~~,~~EACnDP~~,~~KAAK~~,~~CAACL~~,~~IAAI~~,~~CAACU~~,~~SAAS~~,~~CACrB;EACD~~,~~IAAIL~~,~~KAAK~~,~~CAACJ~~,~~QAAQ~~,~~EAAE;IAClBI~~,~~KAAK~~,~~CAACJ~~,~~QAAQ~~,~~CAACS~~,~~SAAS~~,~~GAAGP~~,~~oBAAY~~,~~CACrCJ,+BAAuB~~,~~CAACE~~,~~QAAQ~~,~~EAChCK~~,~~MAAM~~,~~CAACL~~,~~QAAQ~~,~~EACfM~~,~~cAAc~~,~~IAAID~~,~~MAAM,CAACO,oBAAoB,EAC7CR,KAAK,CAACJ,QAAQ,CAACS,SAAS,CACzB;;EAEH,OAAOL,KAAK;AACd,CAAC;AApBYN,uCAA+B~~","~~names~~":["~~exports~~","~~root~~","~~backdrop~~","~~useStyles~~","~~react_1~~","useDialogSurfaceStyles_unstable","state","styles","isNestedDialog","~~contexts_1~~","ctx","className","~~focusOutline~~"~~,"nestedNativeDialogBackdrop","nestedDialogBackdrop"~~],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport {\n MEDIA_QUERY_BREAKPOINT_SELECTOR,\n SURFACE_BORDER_WIDTH,\n SURFACE_PADDING,\n useDialogContext_unstable,\n} from '../../contexts';\nimport type { DialogSurfaceSlots, DialogSurfaceState } from './DialogSurface.types';\n\nexport const dialogSurfaceClassNames: SlotClassNames<DialogSurfaceSlots> = {\n root: 'fui-DialogSurface',\n backdrop: 'fui-DialogSurface__backdrop',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n focusOutline: createFocusOutlineStyle(),\n root: {\n display: 'block',\n userSelect: 'unset',\n visibility: 'unset',\n ...shorthands.inset(0),\n ...shorthands.padding(0),\n ...shorthands.padding(SURFACE_PADDING),\n ...shorthands.margin('auto'),\n ...shorthands.borderStyle('none'),\n ...shorthands.overflow('unset'),\n '&::backdrop': {\n backgroundColor: 'rgba(0, 0, 0, 0.4)',\n },\n position: 'fixed',\n width: '100%',\n height: 'fit-content',\n maxWidth: '600px',\n maxHeight: '100vh',\n boxSizing: 'border-box',\n boxShadow: tokens.shadow64,\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n ...shorthands.border(SURFACE_BORDER_WIDTH, 'solid', tokens.colorTransparentStroke),\n ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n maxWidth: '100vw',\n },\n },\n backdrop: {\n position: 'fixed',\n backgroundColor: 'rgba(0, 0, 0, 0.4)',\n ...shorthands.inset('0px'),\n },\n nestedDialogBackdrop: {\n backgroundColor: 'transparent',\n },\n nestedNativeDialogBackdrop: {\n '&::backdrop': {\n backgroundColor: 'transparent',\n },\n },\n});\n\n/\n Apply styling to the DialogSurface slots based on the state\n */\nexport const useDialogSurfaceStyles_unstable = (state: DialogSurfaceState): DialogSurfaceState => {\n const styles = useStyles();\n const isNestedDialog = useDialogContext_unstable(ctx => ctx.isNestedDialog);\n\n state.root.className = mergeClasses(\n dialogSurfaceClassNames.root,\n styles.root,\n styles.focusOutline,\n isNestedDialog && styles.nestedNativeDialogBackdrop,\n state.root.className,\n );\n if (state.backdrop) {\n state.backdrop.className = mergeClasses(\n dialogSurfaceClassNames.backdrop,\n styles.backdrop,\n isNestedDialog && styles.nestedDialogBackdrop,\n state.backdrop.className,\n );\n }\n return state;\n};\n"]}
1	+ {"version":3,"names":["react_1","require","react_theme_1","react_tabster_1","contexts_1","exports","dialogSurfaceClassNames","root","backdrop","useStyles","__styles","focusOutline","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","mc9l5x","famaaq","Bcdw1i0","Bhzewxz","j35jbq","B5kzvoi","oyh7mz","z8tnut","z189sj","Byoj8tv","uwmqm3","B6of3ja","t21cq0","jrapky","Frg6f3","icvyot","vrafjx","oivjwe","wvpqe5","B68tc82","Bmxbyg5","fshzfu","qhf8xq","a9b677","Bqenvij","B2u0y6b","Bxyxcbc","B7ck84d","E5pizo","De3pzq","sj55zd","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B5xtmjs","nestedDialogBackdrop","nestedNativeDialogBackdrop","f","i","d","m","useDialogSurfaceStyles_unstable","state","styles","isNestedDialog","useDialogContext_unstable","ctx","className","mergeClasses"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogSurface/useDialogSurfaceStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport {\n MEDIA_QUERY_BREAKPOINT_SELECTOR,\n SURFACE_BORDER_WIDTH,\n SURFACE_PADDING,\n useDialogContext_unstable,\n} from '../../contexts';\nimport type { DialogSurfaceSlots, DialogSurfaceState } from './DialogSurface.types';\n\nexport const dialogSurfaceClassNames: SlotClassNames<DialogSurfaceSlots> = {\n root: 'fui-DialogSurface',\n backdrop: 'fui-DialogSurface__backdrop',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n focusOutline: createFocusOutlineStyle(),\n root: {\n display: 'block',\n userSelect: 'unset',\n visibility: 'unset',\n ...shorthands.inset(0),\n ...shorthands.padding(0),\n ...shorthands.padding(SURFACE_PADDING),\n ...shorthands.margin('auto'),\n ...shorthands.borderStyle('none'),\n ...shorthands.overflow('unset'),\n '&::backdrop': {\n backgroundColor: 'rgba(0, 0, 0, 0.4)',\n },\n position: 'fixed',\n width: '100%',\n height: 'fit-content',\n maxWidth: '600px',\n maxHeight: '100vh',\n boxSizing: 'border-box',\n boxShadow: tokens.shadow64,\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n ...shorthands.border(SURFACE_BORDER_WIDTH, 'solid', tokens.colorTransparentStroke),\n ...shorthands.borderRadius(tokens.borderRadiusXLarge),\n [MEDIA_QUERY_BREAKPOINT_SELECTOR]: {\n maxWidth: '100vw',\n },\n },\n backdrop: {\n position: 'fixed',\n backgroundColor: 'rgba(0, 0, 0, 0.4)',\n ...shorthands.inset('0px'),\n },\n nestedDialogBackdrop: {\n backgroundColor: 'transparent',\n },\n nestedNativeDialogBackdrop: {\n '&::backdrop': {\n backgroundColor: 'transparent',\n },\n },\n});\n\n/\n Apply styling to the DialogSurface slots based on the state\n */\nexport const useDialogSurfaceStyles_unstable = (state: DialogSurfaceState): DialogSurfaceState => {\n const styles = useStyles();\n const isNestedDialog = useDialogContext_unstable(ctx => ctx.isNestedDialog);\n\n state.root.className = mergeClasses(\n dialogSurfaceClassNames.root,\n styles.root,\n styles.focusOutline,\n isNestedDialog && styles.nestedNativeDialogBackdrop,\n state.root.className,\n );\n if (state.backdrop) {\n state.backdrop.className = mergeClasses(\n dialogSurfaceClassNames.backdrop,\n styles.backdrop,\n isNestedDialog && styles.nestedDialogBackdrop,\n state.backdrop.className,\n );\n }\n return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAEA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,eAAA,gBAAAF,OAAA;AACA,MAAAG,UAAA,gBAAAH,OAAA;AAQaI,OAAA,CAAAC,uBAAuB,GAAuC;EACzEC,IAAI,EAAE,mBAAmB;EACzBC,QAAQ,EAAE;CACX;AAED;;;AAGA,MAAMC,SAAS,gBAAGT,OAAA,CAAAU,QAAU;EAAAC,YAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAlC,IAAA;IAAAmC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAA7E,QAAA;IAAAwD,MAAA;IAAAO,MAAA;IAAA1B,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAsC,oBAAA;IAAAf,MAAA;EAAA;EAAAgB,0BAAA;IAAAxB,MAAA;EAAA;AAAA;EAAAyB,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;AAAA,EA2C1B;AAEF;;;AAGO,MAAMC,+BAA+B,GAAIC,KAAyB,IAAwB;EAC/F,MAAMC,MAAM,GAAGrF,SAAS,EAAE;EAC1B,MAAMsF,cAAc,GAAG3F,UAAA,CAAA4F,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACF,cAAc,CAAC;EAE3EF,KAAK,CAACtF,IAAI,CAAC2F,SAAS,GAAGlG,OAAA,CAAAmG,YAAY,CACjC9F,OAAA,CAAAC,uBAAuB,CAACC,IAAI,EAC5BuF,MAAM,CAACvF,IAAI,EACXuF,MAAM,CAACnF,YAAY,EACnBoF,cAAc,IAAID,MAAM,CAACP,0BAA0B,EACnDM,KAAK,CAACtF,IAAI,CAAC2F,SAAS,CACrB;EACD,IAAIL,KAAK,CAACrF,QAAQ,EAAE;IAClBqF,KAAK,CAACrF,QAAQ,CAAC0F,SAAS,GAAGlG,OAAA,CAAAmG,YAAY,CACrC9F,OAAA,CAAAC,uBAAuB,CAACE,QAAQ,EAChCsF,MAAM,CAACtF,QAAQ,EACfuF,cAAc,IAAID,MAAM,CAACR,oBAAoB,EAC7CO,KAAK,CAACrF,QAAQ,CAAC0F,SAAS,CACzB;;EAEH,OAAOL,KAAK;AACd,CAAC;AApBYxF,OAAA,CAAAuF,+BAA+B,GAAAA,+BAAA"}

package/lib-commonjs/components/DialogTitle/DialogTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AACA;AACA;AACA;AAIA;;;;AAIaA~~,~~mBAAW~~,~~gBAA0CC~~,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChG,MAAMC,KAAK,GAAGC,wCAAuB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEjDG,oDAA6B,CAACF,KAAK,CAAC;EACpC,OAAOG,8CAA0B,CAACH,KAAK,CAAC;AAC1C,CAAC,CAAC;AAEFL,mBAAW,CAACS,WAAW,GAAG,aAAa","~~names~~":["exports","~~React~~","forwardRef","props","ref","state","~~useDialogTitle_1~~","~~useDialogTitleStyles_1~~","~~renderDialogTitle_1~~","displayName"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogTitle_unstable } from './useDialogTitle';\nimport { renderDialogTitle_unstable } from './renderDialogTitle';\nimport { useDialogTitleStyles_unstable } from './useDialogTitleStyles';\nimport type { DialogTitleProps } from './DialogTitle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n The `DialogTitle` component expects to have a title/header\n * and when `Dialog` is `non-modal` a close (X icon) button is provided through `action` slot by default.\n */\nexport const DialogTitle: ForwardRefComponent<DialogTitleProps> = React.forwardRef((props, ref) => {\n const state = useDialogTitle_unstable(props, ref);\n\n useDialogTitleStyles_unstable(state);\n return renderDialogTitle_unstable(state);\n});\n\nDialogTitle.displayName = 'DialogTitle';\n"]}
1	+ {"version":3,"names":["React","require","useDialogTitle_1","renderDialogTitle_1","useDialogTitleStyles_1","exports","DialogTitle","forwardRef","props","ref","state","useDialogTitle_unstable","useDialogTitleStyles_unstable","renderDialogTitle_unstable","displayName"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogTitle_unstable } from './useDialogTitle';\nimport { renderDialogTitle_unstable } from './renderDialogTitle';\nimport { useDialogTitleStyles_unstable } from './useDialogTitleStyles';\nimport type { DialogTitleProps } from './DialogTitle.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/*\n The `DialogTitle` component expects to have a title/header\n * and when `Dialog` is `non-modal` a close (X icon) button is provided through `action` slot by default.\n */\nexport const DialogTitle: ForwardRefComponent<DialogTitleProps> = React.forwardRef((props, ref) => {\n const state = useDialogTitle_unstable(props, ref);\n\n useDialogTitleStyles_unstable(state);\n return renderDialogTitle_unstable(state);\n});\n\nDialogTitle.displayName = 'DialogTitle';\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,gBAAA,gBAAAD,OAAA;AACA,MAAAE,mBAAA,gBAAAF,OAAA;AACA,MAAAG,sBAAA,gBAAAH,OAAA;AAIA;;;;AAIaI,OAAA,CAAAC,WAAW,gBAA0CN,KAAK,CAACO,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAI;EAChG,MAAMC,KAAK,GAAGR,gBAAA,CAAAS,uBAAuB,CAACH,KAAK,EAAEC,GAAG,CAAC;EAEjDL,sBAAA,CAAAQ,6BAA6B,CAACF,KAAK,CAAC;EACpC,OAAOP,mBAAA,CAAAU,0BAA0B,CAACH,KAAK,CAAC;AAC1C,CAAC,CAAC;AAEFL,OAAA,CAAAC,WAAW,CAACQ,WAAW,GAAG,aAAa"}

package/lib-commonjs/components/DialogTitle/DialogTitle.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":"","~~names":[],"~~sourceRoot~~":"../src/","~~sources~~":[],"~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTitle/DialogTitle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DialogTitleSlots = {\n /*\n By default this is a div, but can be a heading.\n /\n root: Slot<'div', 'h1' \| 'h2' \| 'h3' \| 'h4' \| 'h5' \| 'h6'>;\n /\n By default a Dialog with modalType='non-modal' will have a close button action\n /\n action?: Slot<'div'>;\n};\n\n/\n DialogTitle Props\n /\nexport type DialogTitleProps = ComponentProps<DialogTitleSlots>;\n\n/\n State used in rendering DialogTitle\n */\nexport type DialogTitleState = ComponentState<DialogTitleSlots>;\n"],"mappings":""}

package/lib-commonjs/components/DialogTitle/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA","~~names":["tslib_1"],"~~sourceRoot~~":"~~../src/~~","sources":["packages/react-components/react-dialog/src/components/DialogTitle/index.ts"],"sourcesContent":["export * from './DialogTitle';\nexport * from './DialogTitle.types';\nexport * from './renderDialogTitle';\nexport * from './useDialogTitle';\nexport * from './useDialogTitleStyles';\n"]}
1	+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTitle/index.ts"],"sourcesContent":["export * from './DialogTitle';\nexport * from './DialogTitle.types';\nexport * from './renderDialogTitle';\nexport * from './useDialogTitle';\nexport * from './useDialogTitleStyles';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,mBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,yBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,sBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA"}

package/lib-commonjs/components/DialogTitle/renderDialogTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AACA;AAGA;;;AAGO~~,MAAMA,0BAA0B,GAAIC,KAAuB,IAAI;EACpE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGC,0BAAQ,CAAmBH,KAAK,CAAC;EAE9D,OACEI,0CACEA,oBAACH,KAAK,CAACI,IAAI;IAAA,GAAKH,SAAS,CAACG;EAAI,GAAGH,SAAS,CAACG,IAAI,CAACC,QAAQ,CAAc,EACrEL,KAAK,CAACM,MAAM,IAAIH,oBAACH,KAAK,CAACM,MAAM;IAAA,GAAKL,SAAS,CAACK;EAAM,EAAI,CACtD;AAEP,CAAC;AATYC,kCAA0B","~~names~~":["renderDialogTitle_unstable","state","slots","slotProps","~~react_utilities_1~~","~~React~~","root","children","action","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogTitle/renderDialogTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DialogTitleState, DialogTitleSlots } from './DialogTitle.types';\n\n/*\n Render the final JSX of DialogTitle\n */\nexport const renderDialogTitle_unstable = (state: DialogTitleState) => {\n const { slots, slotProps } = getSlots<DialogTitleSlots>(state);\n\n return (\n <>\n <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root>\n {slots.action && <slots.action {...slotProps.action} />}\n </>\n );\n};\n"]}
1	+ {"version":3,"names":["React","require","react_utilities_1","renderDialogTitle_unstable","state","slots","slotProps","getSlots","createElement","Fragment","root","children","action","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTitle/renderDialogTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DialogTitleState, DialogTitleSlots } from './DialogTitle.types';\n\n/*\n Render the final JSX of DialogTitle\n */\nexport const renderDialogTitle_unstable = (state: DialogTitleState) => {\n const { slots, slotProps } = getSlots<DialogTitleSlots>(state);\n\n return (\n <>\n <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root>\n {slots.action && <slots.action {...slotProps.action} />}\n </>\n );\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAGA;;;AAGO,MAAME,0BAA0B,GAAIC,KAAuB,IAAI;EACpE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAE,GAAGJ,iBAAA,CAAAK,QAAQ,CAAmBH,KAAK,CAAC;EAE9D,OACEJ,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QACET,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACK,IAAI;IAAA,GAAKJ,SAAS,CAACI;EAAI,GAAGJ,SAAS,CAACI,IAAI,CAACC,QAAQ,CAAc,EACrEN,KAAK,CAACO,MAAM,IAAIZ,KAAA,CAAAQ,aAAA,CAACH,KAAK,CAACO,MAAM;IAAA,GAAKN,SAAS,CAACM;EAAM,EAAI,CACtD;AAEP,CAAC;AATYC,OAAA,CAAAV,0BAA0B,GAAAA,0BAAA"}

package/lib-commonjs/components/DialogTitle/useDialogTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;;;;;;;;;AASO~~,~~MAAMA~~,~~uBAAuB~~,~~GAAG~~,~~CAACC~~,~~KAAuB~~,EAAEC,GAA2B,KAAsB;EAChH,MAAM;IAAEC,EAAE;IAAEC;EAAM,CAAE,GAAGH,KAAK;EAC5B,MAAMI,SAAS,GAAGC,yCAAyB,CAACC,GAAG,IAAIA,GAAG,CAACF,SAAS,CAAC;EACjE,MAAMG,cAAc,GAAGC,mDAA4B,EAAE;EAErD,OAAO;IACLC,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXP,MAAM,EAAE;KACT;IACDO,IAAI,EAAEC,uCAAqB,CAACT,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAI,KAAK,EAAE;MACvCD,GAAG;MACHW,EAAE,EAAEP,yCAAyB,CAACC,GAAG,IAAIA,GAAG,CAACO,aAAa,CAAC;MACvD,GAAGb;KACJ,CAAC;IACFG,MAAM,EAAEW,kCAAgB,CAACX,MAAM,EAAE;MAC/BY,QAAQ,EAAEX,SAAS,KAAK,WAAW;MACnCY,YAAY,EAAE;QACZC,QAAQ,EACNC,oBAACC,6BAAa;UAACC,wBAAwB;UAACjB,MAAM,EAAC;QAAO,GACpDe;UACEG,SAAS,EAAEd,cAAc,CAACe,MAAM;UAAA,cAErB;QAAO,GAElBJ,oBAACK,8BAAgB,OAAG,CACb;;KAIhB;GACF;AACH,CAAC;AAhCYC,+BAAuB","~~names~~":["useDialogTitle_unstable","props","ref","as","action","modalType","~~dialogContext_1~~","ctx","internalStyles","~~useDialogTitleStyles_1~~","components","root","~~react_utilities_1~~","id","dialogTitleId","~~react_utilities_2~~","required","defaultProps","children","~~React~~","~~DialogTrigger_1~~","disableButtonEnhancement","className","button","~~react_icons_1~~","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DialogTitleProps, DialogTitleState } from './DialogTitle.types';\nimport { useDialogContext_unstable } from '../../contexts/dialogContext';\nimport { Dismiss24Regular } from '@fluentui/react-icons';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { DialogTrigger } from '../DialogTrigger/DialogTrigger';\nimport { useDialogTitleInternalStyles } from './useDialogTitleStyles';\n\n/*\n Create the state required to render DialogTitle.\n \n The returned state can be modified with hooks such as useDialogTitleStyles_unstable,\n * before being passed to renderDialogTitle_unstable.\n \n @param props - props from this instance of DialogTitle\n * @param ref - reference to root HTMLElement of DialogTitle\n */\nexport const useDialogTitle_unstable = (props: DialogTitleProps, ref: React.Ref<HTMLElement>): DialogTitleState => {\n const { as, action } = props;\n const modalType = useDialogContext_unstable(ctx => ctx.modalType);\n const internalStyles = useDialogTitleInternalStyles();\n\n return {\n components: {\n root: 'div',\n action: 'div',\n },\n root: getNativeElementProps(as ?? 'div', {\n ref,\n id: useDialogContext_unstable(ctx => ctx.dialogTitleId),\n ...props,\n }),\n action: resolveShorthand(action, {\n required: modalType === 'non-modal',\n defaultProps: {\n children: (\n <DialogTrigger disableButtonEnhancement action=\"close\">\n <button\n className={internalStyles.button}\n // TODO: find a better way to add internal labels\n aria-label=\"close\"\n >\n <Dismiss24Regular />\n </button>\n </DialogTrigger>\n ),\n },\n }),\n };\n};\n"]}
1	+ {"version":3,"names":["React","require","react_utilities_1","dialogContext_1","react_icons_1","react_utilities_2","DialogTrigger_1","useDialogTitleStyles_1","useDialogTitle_unstable","props","ref","as","action","modalType","useDialogContext_unstable","ctx","internalStyles","useDialogTitleInternalStyles","components","root","getNativeElementProps","id","dialogTitleId","resolveShorthand","required","defaultProps","children","createElement","DialogTrigger","disableButtonEnhancement","className","button","Dismiss24Regular","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DialogTitleProps, DialogTitleState } from './DialogTitle.types';\nimport { useDialogContext_unstable } from '../../contexts/dialogContext';\nimport { Dismiss24Regular } from '@fluentui/react-icons';\nimport { resolveShorthand } from '@fluentui/react-utilities';\nimport { DialogTrigger } from '../DialogTrigger/DialogTrigger';\nimport { useDialogTitleInternalStyles } from './useDialogTitleStyles';\n\n/*\n Create the state required to render DialogTitle.\n \n The returned state can be modified with hooks such as useDialogTitleStyles_unstable,\n * before being passed to renderDialogTitle_unstable.\n \n @param props - props from this instance of DialogTitle\n * @param ref - reference to root HTMLElement of DialogTitle\n */\nexport const useDialogTitle_unstable = (props: DialogTitleProps, ref: React.Ref<HTMLElement>): DialogTitleState => {\n const { as, action } = props;\n const modalType = useDialogContext_unstable(ctx => ctx.modalType);\n const internalStyles = useDialogTitleInternalStyles();\n\n return {\n components: {\n root: 'div',\n action: 'div',\n },\n root: getNativeElementProps(as ?? 'div', {\n ref,\n id: useDialogContext_unstable(ctx => ctx.dialogTitleId),\n ...props,\n }),\n action: resolveShorthand(action, {\n required: modalType === 'non-modal',\n defaultProps: {\n children: (\n <DialogTrigger disableButtonEnhancement action=\"close\">\n <button\n className={internalStyles.button}\n // TODO: find a better way to add internal labels\n aria-label=\"close\"\n >\n <Dismiss24Regular />\n </button>\n </DialogTrigger>\n ),\n },\n }),\n };\n};\n"],"mappings":";;;;;;AAAA,MAAAA,KAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,eAAA,gBAAAF,OAAA;AACA,MAAAG,aAAA,gBAAAH,OAAA;AACA,MAAAI,iBAAA,gBAAAJ,OAAA;AACA,MAAAK,eAAA,gBAAAL,OAAA;AACA,MAAAM,sBAAA,gBAAAN,OAAA;AAEA;;;;;;;;;AASO,MAAMO,uBAAuB,GAAGA,CAACC,KAAuB,EAAEC,GAA2B,KAAsB;EAChH,MAAM;IAAEC,EAAE;IAAEC;EAAM,CAAE,GAAGH,KAAK;EAC5B,MAAMI,SAAS,GAAGV,eAAA,CAAAW,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACF,SAAS,CAAC;EACjE,MAAMG,cAAc,GAAGT,sBAAA,CAAAU,4BAA4B,EAAE;EAErD,OAAO;IACLC,UAAU,EAAE;MACVC,IAAI,EAAE,KAAK;MACXP,MAAM,EAAE;KACT;IACDO,IAAI,EAAEjB,iBAAA,CAAAkB,qBAAqB,CAACT,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAI,KAAK,EAAE;MACvCD,GAAG;MACHW,EAAE,EAAElB,eAAA,CAAAW,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACO,aAAa,CAAC;MACvD,GAAGb;KACJ,CAAC;IACFG,MAAM,EAAEP,iBAAA,CAAAkB,gBAAgB,CAACX,MAAM,EAAE;MAC/BY,QAAQ,EAAEX,SAAS,KAAK,WAAW;MACnCY,YAAY,EAAE;QACZC,QAAQ,EACN1B,KAAA,CAAA2B,aAAA,CAACrB,eAAA,CAAAsB,aAAa;UAACC,wBAAwB;UAACjB,MAAM,EAAC;QAAO,GACpDZ,KAAA,CAAA2B,aAAA;UACEG,SAAS,EAAEd,cAAc,CAACe,MAAM;UAAA,cAErB;QAAO,GAElB/B,KAAA,CAAA2B,aAAA,CAACvB,aAAA,CAAA4B,gBAAgB,OAAG,CACb;;KAIhB;GACF;AACH,CAAC;AAhCYC,OAAA,CAAAzB,uBAAuB,GAAAA,uBAAA"}

package/lib-commonjs/components/DialogTitle/useDialogTitleStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAA;AAGA;AACA;AACA;AAEaA~~,~~6BAAqB~~,~~GAAqC;EACrEC~~,~~IAAI~~,~~EAAE~~,~~iBAAiB;EACvBC~~,~~MAAM~~,~~EAAE;CACT;AAED;;;AAGA~~,~~MAAMC~~,~~SAAS~~,~~gBAAGC~~,~~gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;AAAA~~,~~EAW1B;AAEF;;;;AAIaJ~~,~~oCAA4B~~,~~gBAAGI~~,gBAAU;EAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;EAAA;AAAA;EAAA;EAAA;EAAA;AAAA,~~EAiBpD;AAEF;;;AAGO~~,~~MAAMC~~,~~6BAA6B~~,~~GAAIC~~,~~KAAuB~~,~~IAAsB;EACzF~~,~~MAAMC~~,~~MAAM~~,~~GAAGJ~~,~~SAAS~~,~~EAAE;EAC1BG~~,~~KAAK~~,~~CAACL~~,~~IAAI~~,~~CAACO~~,~~SAAS~~,~~GAAGJ~~,~~oBAAY~~,~~CACjCJ~~,~~6BAAqB~~,~~CAACC~~,~~IAAI~~,~~EAC1BM~~,~~MAAM~~,~~CAACN~~,~~IAAI~~,~~EACX~~,~~CAACK~~,~~KAAK~~,~~CAACJ~~,~~MAAM~~,~~IAAIK~~,~~MAAM~~,~~CAACE~~,~~sBAAsB~~,~~EAC9CH~~,~~KAAK~~,~~CAACL~~,~~IAAI~~,~~CAACO~~,~~SAAS~~,~~CACrB;EACD~~,~~IAAIF~~,~~KAAK~~,~~CAACJ~~,~~MAAM~~,~~EAAE;IAChBI~~,~~KAAK~~,~~CAACJ~~,~~MAAM,CAACM,SAAS,GAAGJ,oBAAY,CAACJ,6BAAqB,CAACE,MAAM,EAAEK,MAAM,CAACL,MAAM,EAAEI,KAAK,CAACJ,MAAM,CAACM,SAAS,CAAC;;EAE5G,OAAOF,KAAK;AACd,CAAC;AAZYN,qCAA6B~~","~~names~~":["~~exports~~","~~root~~","~~action~~","~~useStyles~~","~~react_1~~","useDialogTitleStyles_unstable","state","styles","className","~~rootWithoutCloseButton~~"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitleStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogTitleSlots, DialogTitleState } from './DialogTitle.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport { TITLE_ACTION_GRID_AREA, TITLE_GRID_AREA } from '../../contexts/constants';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n\nexport const dialogTitleClassNames: SlotClassNames<DialogTitleSlots> = {\n root: 'fui-DialogTitle',\n action: 'fui-DialogTitle__action',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.subtitle1,\n ...shorthands.gridArea(TITLE_GRID_AREA),\n },\n rootWithoutCloseButton: {\n ...shorthands.gridArea(TITLE_GRID_AREA, TITLE_GRID_AREA, TITLE_ACTION_GRID_AREA, TITLE_ACTION_GRID_AREA),\n },\n action: {\n ...shorthands.gridArea(TITLE_ACTION_GRID_AREA),\n },\n});\n\n/\n Styles to be applied on internal elements used by default action on non-modal Dialog\n * @internal\n /\nexport const useDialogTitleInternalStyles = makeStyles({\n button: {\n position: 'relative',\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n cursor: 'pointer',\n lineHeight: 0,\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n ...shorthands.borderStyle('none'),\n WebkitAppearance: 'button',\n textAlign: 'unset',\n ...createFocusOutlineStyle(),\n },\n});\n\n/\n Apply styling to the DialogTitle slots based on the state\n */\nexport const useDialogTitleStyles_unstable = (state: DialogTitleState): DialogTitleState => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n dialogTitleClassNames.root,\n styles.root,\n !state.action && styles.rootWithoutCloseButton,\n state.root.className,\n );\n if (state.action) {\n state.action.className = mergeClasses(dialogTitleClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n"]}
1	+ {"version":3,"names":["react_1","require","react_theme_1","constants_1","react_tabster_1","exports","dialogTitleClassNames","root","action","useStyles","__styles","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","Ijaq50","Br312pm","nk6f5a","Bw0ie65","rootWithoutCloseButton","d","useDialogTitleInternalStyles","button","qhf8xq","B7ck84d","De3pzq","sj55zd","Bceei9c","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","icvyot","vrafjx","oivjwe","wvpqe5","Bv0vk6g","fsow6f","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bjwuhne","Ghsupd","Bule8hv","f","i","useDialogTitleStyles_unstable","state","styles","className","mergeClasses"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTitle/useDialogTitleStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport type { DialogTitleSlots, DialogTitleState } from './DialogTitle.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport { typographyStyles } from '@fluentui/react-theme';\nimport { TITLE_ACTION_GRID_AREA, TITLE_GRID_AREA } from '../../contexts/constants';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\n\nexport const dialogTitleClassNames: SlotClassNames<DialogTitleSlots> = {\n root: 'fui-DialogTitle',\n action: 'fui-DialogTitle__action',\n};\n\n/*\n Styles for the root slot\n /\nconst useStyles = makeStyles({\n root: {\n ...typographyStyles.subtitle1,\n ...shorthands.gridArea(TITLE_GRID_AREA),\n },\n rootWithoutCloseButton: {\n ...shorthands.gridArea(TITLE_GRID_AREA, TITLE_GRID_AREA, TITLE_ACTION_GRID_AREA, TITLE_ACTION_GRID_AREA),\n },\n action: {\n ...shorthands.gridArea(TITLE_ACTION_GRID_AREA),\n },\n});\n\n/\n Styles to be applied on internal elements used by default action on non-modal Dialog\n * @internal\n /\nexport const useDialogTitleInternalStyles = makeStyles({\n button: {\n position: 'relative',\n boxSizing: 'content-box',\n backgroundColor: 'inherit',\n color: 'inherit',\n fontFamily: 'inherit',\n fontSize: 'inherit',\n cursor: 'pointer',\n lineHeight: 0,\n ...shorthands.overflow('visible'),\n ...shorthands.padding(0),\n ...shorthands.borderStyle('none'),\n WebkitAppearance: 'button',\n textAlign: 'unset',\n ...createFocusOutlineStyle(),\n },\n});\n\n/\n Apply styling to the DialogTitle slots based on the state\n */\nexport const useDialogTitleStyles_unstable = (state: DialogTitleState): DialogTitleState => {\n const styles = useStyles();\n state.root.className = mergeClasses(\n dialogTitleClassNames.root,\n styles.root,\n !state.action && styles.rootWithoutCloseButton,\n state.root.className,\n );\n if (state.action) {\n state.action.className = mergeClasses(dialogTitleClassNames.action, styles.action, state.action.className);\n }\n return state;\n};\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAGA,MAAAC,aAAA,gBAAAD,OAAA;AACA,MAAAE,WAAA,gBAAAF,OAAA;AACA,MAAAG,eAAA,gBAAAH,OAAA;AAEaI,OAAA,CAAAC,qBAAqB,GAAqC;EACrEC,IAAI,EAAE,iBAAiB;EACvBC,MAAM,EAAE;CACT;AAED;;;AAGA,MAAMC,SAAS,gBAAGT,OAAA,CAAAU,QAAU;EAAAH,IAAA;IAAAI,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAC,sBAAA;IAAAJ,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;EAAAV,MAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAE,CAAA;AAAA,EAW1B;AAEF;;;;AAIaf,OAAA,CAAAgB,4BAA4B,gBAAGrB,OAAA,CAAAU,QAAU;EAAAY,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAf,OAAA;IAAAC,OAAA;IAAAe,OAAA;IAAAb,OAAA;IAAAc,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;EAAA;AAAA;EAAAjD,CAAA;EAAAkD,CAAA;EAAAC,CAAA;AAAA,EAiBpD;AAEF;;;AAGO,MAAMC,6BAA6B,GAAIC,KAAuB,IAAsB;EACzF,MAAMC,MAAM,GAAGjE,SAAS,EAAE;EAC1BgE,KAAK,CAAClE,IAAI,CAACoE,SAAS,GAAG3E,OAAA,CAAA4E,YAAY,CACjCvE,OAAA,CAAAC,qBAAqB,CAACC,IAAI,EAC1BmE,MAAM,CAACnE,IAAI,EACX,CAACkE,KAAK,CAACjE,MAAM,IAAIkE,MAAM,CAACvD,sBAAsB,EAC9CsD,KAAK,CAAClE,IAAI,CAACoE,SAAS,CACrB;EACD,IAAIF,KAAK,CAACjE,MAAM,EAAE;IAChBiE,KAAK,CAACjE,MAAM,CAACmE,SAAS,GAAG3E,OAAA,CAAA4E,YAAY,CAACvE,OAAA,CAAAC,qBAAqB,CAACE,MAAM,EAAEkE,MAAM,CAAClE,MAAM,EAAEiE,KAAK,CAACjE,MAAM,CAACmE,SAAS,CAAC;;EAE5G,OAAOF,KAAK;AACd,CAAC;AAZYpE,OAAA,CAAAmE,6BAA6B,GAAAA,6BAAA"}

package/lib-commonjs/components/DialogTrigger/DialogTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AACA;AACA;AAIA;;;;;;;;;;AAUO~~,MAAMA,aAAa,GAAiCC,KAAK,IAAG;EACjE,MAAMC,KAAK,GAAGC,4CAAyB,CAACF,KAAK,CAAC;EAE9C,OAAOG,kDAA4B,CAACF,KAAK,CAAC;AAC5C,CAAC;AAJYG,qBAAa;AAM1BA,qBAAa,CAACC,WAAW,GAAG,eAAe;AAC3C;AACCD,qBAAwC,CAACE,wBAAwB,GAAG,IAAI","~~names~~":["DialogTrigger","props","state","~~useDialogTrigger_1~~","~~renderDialogTrigger_1~~","exports","displayName","isFluentTriggerComponent"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogTrigger_unstable } from './useDialogTrigger';\nimport { renderDialogTrigger_unstable } from './renderDialogTrigger';\nimport type { DialogTriggerProps } from './DialogTrigger.types';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\n\n/*\n A non-visual component that wraps its child\n * and configures them to be the trigger that will open or close a `Dialog`.\n * This component should only accept one child.\n \n In case the trigger is used outside `Dialog` component\n * it'll still provide basic ARIA related attributes\n * to it's wrapped child, but it won't be able to alter the dialog `open` state anymore,\n * in that case the user must provide a `controlled state`\n */\nexport const DialogTrigger: React.FC<DialogTriggerProps> = props => {\n const state = useDialogTrigger_unstable(props);\n\n return renderDialogTrigger_unstable(state);\n};\n\nDialogTrigger.displayName = 'DialogTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(DialogTrigger as FluentTriggerComponent).isFluentTriggerComponent = true;\n"]}
1	+ {"version":3,"names":["useDialogTrigger_1","require","renderDialogTrigger_1","DialogTrigger","props","state","useDialogTrigger_unstable","renderDialogTrigger_unstable","exports","displayName","isFluentTriggerComponent"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDialogTrigger_unstable } from './useDialogTrigger';\nimport { renderDialogTrigger_unstable } from './renderDialogTrigger';\nimport type { DialogTriggerProps } from './DialogTrigger.types';\nimport type { FluentTriggerComponent } from '@fluentui/react-utilities';\n\n/*\n A non-visual component that wraps its child\n * and configures them to be the trigger that will open or close a `Dialog`.\n * This component should only accept one child.\n \n In case the trigger is used outside `Dialog` component\n * it'll still provide basic ARIA related attributes\n * to it's wrapped child, but it won't be able to alter the dialog `open` state anymore,\n * in that case the user must provide a `controlled state`\n */\nexport const DialogTrigger: React.FC<DialogTriggerProps> = props => {\n const state = useDialogTrigger_unstable(props);\n\n return renderDialogTrigger_unstable(state);\n};\n\nDialogTrigger.displayName = 'DialogTrigger';\n// type casting here is required to ensure internal type FluentTriggerComponent is not leaked\n(DialogTrigger as FluentTriggerComponent).isFluentTriggerComponent = true;\n"],"mappings":";;;;;;AACA,MAAAA,kBAAA,gBAAAC,OAAA;AACA,MAAAC,qBAAA,gBAAAD,OAAA;AAIA;;;;;;;;;;AAUO,MAAME,aAAa,GAAiCC,KAAK,IAAG;EACjE,MAAMC,KAAK,GAAGL,kBAAA,CAAAM,yBAAyB,CAACF,KAAK,CAAC;EAE9C,OAAOF,qBAAA,CAAAK,4BAA4B,CAACF,KAAK,CAAC;AAC5C,CAAC;AAJYG,OAAA,CAAAL,aAAa,GAAAA,aAAA;AAM1BK,OAAA,CAAAL,aAAa,CAACM,WAAW,GAAG,eAAe;AAC3C;AACCD,OAAA,CAAAL,aAAwC,CAACO,wBAAwB,GAAG,IAAI"}

package/lib-commonjs/components/DialogTrigger/DialogTrigger.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":"","~~names":[],"~~sourceRoot~~":"../src/","~~sources~~":[],"~~sourcesContent~~":[]}
1	+ {"version":3,"names":[],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTrigger/DialogTrigger.types.ts"],"sourcesContent":["import { ARIAButtonResultProps, ARIAButtonType } from '@fluentui/react-aria';\nimport type { TriggerProps } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nexport type DialogTriggerAction = 'open' \| 'close';\n\nexport type DialogTriggerProps = TriggerProps<DialogTriggerChildProps> & {\n /*\n Explicitly declare if the trigger is responsible for opening or\n * closing a Dialog visibility state.\n \n If `DialogTrigger` is outside `DialogSurface` then it'll be `open` by default\n \n If `DialogTrigger` is inside `DialogSurface` then it'll be `close` by default\n /\n action?: DialogTriggerAction;\n /\n Disables internal trigger mechanism that ensures a child provided will be a compliant ARIA button.\n * @default false\n /\n disableButtonEnhancement?: boolean;\n};\n\n/\n Props that are passed to the child of the DialogTrigger when cloned to ensure correct behaviour for the Dialog\n */\nexport type DialogTriggerChildProps<Type extends ARIAButtonType = ARIAButtonType, Props = {}> = ARIAButtonResultProps<\n Type,\n Props & {\n 'aria-haspopup'?: 'dialog';\n }\n>;\n\nexport type DialogTriggerState = {\n children: React.ReactElement \| null;\n};\n"],"mappings":""}

package/lib-commonjs/components/DialogTrigger/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA","~~names":["tslib_1"],"~~sourceRoot~~":"~~../src/~~","sources":["packages/react-components/react-dialog/src/components/DialogTrigger/index.ts"],"sourcesContent":["export * from './DialogTrigger';\nexport * from './DialogTrigger.types';\nexport * from './renderDialogTrigger';\nexport * from './useDialogTrigger';\n"]}
1	+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTrigger/index.ts"],"sourcesContent":["export * from './DialogTrigger';\nexport * from './DialogTrigger.types';\nexport * from './renderDialogTrigger';\nexport * from './useDialogTrigger';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,2BAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,wBAAAC,OAAA"}

package/lib-commonjs/components/DialogTrigger/renderDialogTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":";;;;;;AAEA;;;;;AAKO,MAAMA,4BAA4B,GAAIC,KAAyB,IAAKA,KAAK,CAACC,QAAQ;AAA5EC,oCAA4B","~~names":["renderDialogTrigger_unstable","state","children","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogTrigger/renderDialogTrigger.tsx"],"sourcesContent":["import type { DialogTriggerState } from './DialogTrigger.types';\n\n/*\n Render the final JSX of MenuTrigger\n \n Only renders children\n */\nexport const renderDialogTrigger_unstable = (state: DialogTriggerState) => state.children;\n"]}
1	+ {"version":3,"names":["renderDialogTrigger_unstable","state","children","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTrigger/renderDialogTrigger.tsx"],"sourcesContent":["import type { DialogTriggerState } from './DialogTrigger.types';\n\n/*\n Render the final JSX of MenuTrigger\n \n Only renders children\n */\nexport const renderDialogTrigger_unstable = (state: DialogTriggerState) => state.children;\n"],"mappings":";;;;;;AAEA;;;;;AAKO,MAAMA,4BAA4B,GAAIC,KAAyB,IAAKA,KAAK,CAACC,QAAQ;AAA5EC,OAAA,CAAAH,4BAA4B,GAAAA,4BAAA"}

package/lib-commonjs/components/DialogTrigger/useDialogTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AACA;AACA;AAEA;AACA;AAEA;;;;;;AAMO~~,~~MAAMA~~,~~yBAAyB~~,GAAIC,KAAyB,IAAwB;EACzF,MAAMC,qBAAqB,GAAGC,2CAAgC,EAAE;EAEhE,MAAM;IAAEC,QAAQ;IAAEC,wBAAwB,GAAG,KAAK;IAAEC,MAAM,GAAGJ,qBAAqB,GAAG,OAAO,GAAG;EAAM,CAAE,GAAGD,KAAK;EAE/G,MAAMM,KAAK,GAAGC,iCAAe,CAACJ,QAAQ,CAAC;EAEvC,MAAMK,iBAAiB,GAAGN,oCAAyB,CAACO,GAAG,IAAIA,GAAG,CAACD,iBAAiB,CAAC;EACjF,MAAME,IAAI,GAAGR,oCAAyB,CAACO,GAAG,IAAIA,GAAG,CAACC,IAAI,CAAC;EAEvD,MAAM;IAAEC;EAAiB,CAAE,GAAGC,kCAAkB,EAAE;EAElD,MAAMC,WAAW,GAAGN,kCAAgB,CACjCO,KAA+E,IAAI;;IAClF,WAAK,aAALR,KAAK,6BAALA,KAAK,CAAEN,KAAK,EAACe,OAAO,mDAAGD,KAAK,CAAC;IAC7B,IAAI,CAACA,KAAK,CAACE,kBAAkB,EAAE,EAAE;MAC/BR,iBAAiB,CAAC;QAChBM,KAAK;QACLG,IAAI,EAAE,cAAc;QACpBP,IAAI,EAAEL,MAAM,KAAK;OAClB,CAAC;;EAEN,CAAC,CACF;EAED,MAAMa,iBAAiB,GAAG;IACxB,IAAGZ,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEN,KAAK;IACf,eAAe,EAAEU,IAAI;IACrBS,GAAG,EAAEb,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEa,GAAG;IACfJ,OAAO,EAAEF,WAAW;IACpB,GAAGF;GACK;EAEV,MAAMS,2BAA2B,GAAGC,+BAAkB,CACpD,MAAK,aAALf,KAAK,uBAALA,KAAK,CAAEW,IAAI,MAAK,QAAQ,IAAI,MAAK,aAALX,KAAK,uBAALA,KAAK,CAAEW,IAAI,MAAK,GAAG,GAAGX,KAAK,CAACW,IAAI,GAAG,KAAK,EACpE;IACE,GAAGC,iBAAiB;IACpBD,IAAI,EAAE;GACP,CACF;EAED,OAAO;IACLd,QAAQ,EAAEI,6CAA2B,CACnCJ,QAAQ,EACRC,wBAAwB,GAAGc,iBAAiB,GAAGE,2BAA2B;GAE7E;AACH,CAAC;AA/CYE,iCAAyB","~~names~~":["useDialogTrigger_unstable","props","isInsideSurfaceDialog","~~contexts_1~~","children","disableButtonEnhancement","action","child","~~react_utilities_1~~","requestOpenChange","ctx","open","triggerAttributes","~~react_tabster_1~~","handleClick","event","onClick","isDefaultPrevented","type","triggerChildProps","ref","ariaButtonTriggerChildProps","~~react_aria_1~~","exports"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/components/DialogTrigger/useDialogTrigger.ts"],"sourcesContent":["import * as React from 'react';\nimport { useModalAttributes } from '@fluentui/react-tabster';\nimport { applyTriggerPropsToChildren, getTriggerChild, useEventCallback } from '@fluentui/react-utilities';\nimport type { DialogTriggerProps, DialogTriggerState } from './DialogTrigger.types';\nimport { useDialogContext_unstable, useDialogSurfaceContext_unstable } from '../../contexts';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\n\n/*\n Create the state required to render DialogTrigger.\n * Clones the only child component and adds necessary event handling behaviours to open a popup Dialog\n \n @param props - props from this instance of DialogTrigger\n */\nexport const useDialogTrigger_unstable = (props: DialogTriggerProps): DialogTriggerState => {\n const isInsideSurfaceDialog = useDialogSurfaceContext_unstable();\n\n const { children, disableButtonEnhancement = false, action = isInsideSurfaceDialog ? 'close' : 'open' } = props;\n\n const child = getTriggerChild(children);\n\n const requestOpenChange = useDialogContext_unstable(ctx => ctx.requestOpenChange);\n const open = useDialogContext_unstable(ctx => ctx.open);\n\n const { triggerAttributes } = useModalAttributes();\n\n const handleClick = useEventCallback(\n (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n child?.props.onClick?.(event);\n if (!event.isDefaultPrevented()) {\n requestOpenChange({\n event,\n type: 'triggerClick',\n open: action === 'open',\n });\n }\n },\n );\n\n const triggerChildProps = {\n ...child?.props,\n 'aria-expanded': open,\n ref: child?.ref,\n onClick: handleClick,\n ...triggerAttributes,\n } as const;\n\n const ariaButtonTriggerChildProps = useARIAButtonProps(\n child?.type === 'button' \|\| child?.type === 'a' ? child.type : 'div',\n {\n ...triggerChildProps,\n type: 'button',\n },\n );\n\n return {\n children: applyTriggerPropsToChildren(\n children,\n disableButtonEnhancement ? triggerChildProps : ariaButtonTriggerChildProps,\n ),\n };\n};\n"]}
1	+ {"version":3,"names":["react_tabster_1","require","react_utilities_1","contexts_1","react_aria_1","useDialogTrigger_unstable","props","isInsideSurfaceDialog","useDialogSurfaceContext_unstable","children","disableButtonEnhancement","action","child","getTriggerChild","requestOpenChange","useDialogContext_unstable","ctx","open","triggerAttributes","useModalAttributes","handleClick","useEventCallback","event","_b","_a","onClick","call","isDefaultPrevented","type","triggerChildProps","ref","ariaButtonTriggerChildProps","useARIAButtonProps","applyTriggerPropsToChildren","exports"],"sources":["../src/packages/react-components/react-dialog/src/components/DialogTrigger/useDialogTrigger.ts"],"sourcesContent":["import * as React from 'react';\nimport { useModalAttributes } from '@fluentui/react-tabster';\nimport { applyTriggerPropsToChildren, getTriggerChild, useEventCallback } from '@fluentui/react-utilities';\nimport type { DialogTriggerProps, DialogTriggerState } from './DialogTrigger.types';\nimport { useDialogContext_unstable, useDialogSurfaceContext_unstable } from '../../contexts';\nimport { useARIAButtonProps } from '@fluentui/react-aria';\n\n/*\n Create the state required to render DialogTrigger.\n * Clones the only child component and adds necessary event handling behaviours to open a popup Dialog\n \n @param props - props from this instance of DialogTrigger\n */\nexport const useDialogTrigger_unstable = (props: DialogTriggerProps): DialogTriggerState => {\n const isInsideSurfaceDialog = useDialogSurfaceContext_unstable();\n\n const { children, disableButtonEnhancement = false, action = isInsideSurfaceDialog ? 'close' : 'open' } = props;\n\n const child = getTriggerChild(children);\n\n const requestOpenChange = useDialogContext_unstable(ctx => ctx.requestOpenChange);\n const open = useDialogContext_unstable(ctx => ctx.open);\n\n const { triggerAttributes } = useModalAttributes();\n\n const handleClick = useEventCallback(\n (event: React.MouseEvent<HTMLButtonElement & HTMLAnchorElement & HTMLDivElement>) => {\n child?.props.onClick?.(event);\n if (!event.isDefaultPrevented()) {\n requestOpenChange({\n event,\n type: 'triggerClick',\n open: action === 'open',\n });\n }\n },\n );\n\n const triggerChildProps = {\n ...child?.props,\n 'aria-expanded': open,\n ref: child?.ref,\n onClick: handleClick,\n ...triggerAttributes,\n } as const;\n\n const ariaButtonTriggerChildProps = useARIAButtonProps(\n child?.type === 'button' \|\| child?.type === 'a' ? child.type : 'div',\n {\n ...triggerChildProps,\n type: 'button',\n },\n );\n\n return {\n children: applyTriggerPropsToChildren(\n children,\n disableButtonEnhancement ? triggerChildProps : ariaButtonTriggerChildProps,\n ),\n };\n};\n"],"mappings":";;;;;;AACA,MAAAA,eAAA,gBAAAC,OAAA;AACA,MAAAC,iBAAA,gBAAAD,OAAA;AAEA,MAAAE,UAAA,gBAAAF,OAAA;AACA,MAAAG,YAAA,gBAAAH,OAAA;AAEA;;;;;;AAMO,MAAMI,yBAAyB,GAAIC,KAAyB,IAAwB;EACzF,MAAMC,qBAAqB,GAAGJ,UAAA,CAAAK,gCAAgC,EAAE;EAEhE,MAAM;IAAEC,QAAQ;IAAEC,wBAAwB,GAAG,KAAK;IAAEC,MAAM,GAAGJ,qBAAqB,GAAG,OAAO,GAAG;EAAM,CAAE,GAAGD,KAAK;EAE/G,MAAMM,KAAK,GAAGV,iBAAA,CAAAW,eAAe,CAACJ,QAAQ,CAAC;EAEvC,MAAMK,iBAAiB,GAAGX,UAAA,CAAAY,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACF,iBAAiB,CAAC;EACjF,MAAMG,IAAI,GAAGd,UAAA,CAAAY,yBAAyB,CAACC,GAAG,IAAIA,GAAG,CAACC,IAAI,CAAC;EAEvD,MAAM;IAAEC;EAAiB,CAAE,GAAGlB,eAAA,CAAAmB,kBAAkB,EAAE;EAElD,MAAMC,WAAW,GAAGlB,iBAAA,CAAAmB,gBAAgB,CACjCC,KAA+E,IAAI;;IAClF,CAAAC,EAAA,GAAAX,KAAK,aAALA,KAAK,wBAAAY,EAAA,GAALZ,KAAK,CAAEN,KAAK,EAACmB,OAAO,cAAAF,EAAA,uBAAAA,EAAA,CAAAG,IAAA,CAAAF,EAAA,EAAGF,KAAK,CAAC;IAC7B,IAAI,CAACA,KAAK,CAACK,kBAAkB,EAAE,EAAE;MAC/Bb,iBAAiB,CAAC;QAChBQ,KAAK;QACLM,IAAI,EAAE,cAAc;QACpBX,IAAI,EAAEN,MAAM,KAAK;OAClB,CAAC;;EAEN,CAAC,CACF;EAED,MAAMkB,iBAAiB,GAAG;IACxB,IAAGjB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEN,KAAK;IACf,eAAe,EAAEW,IAAI;IACrBa,GAAG,EAAElB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEkB,GAAG;IACfL,OAAO,EAAEL,WAAW;IACpB,GAAGF;GACK;EAEV,MAAMa,2BAA2B,GAAG3B,YAAA,CAAA4B,kBAAkB,CACpD,CAAApB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEgB,IAAI,MAAK,QAAQ,IAAI,CAAAhB,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEgB,IAAI,MAAK,GAAG,GAAGhB,KAAK,CAACgB,IAAI,GAAG,KAAK,EACpE;IACE,GAAGC,iBAAiB;IACpBD,IAAI,EAAE;GACP,CACF;EAED,OAAO;IACLnB,QAAQ,EAAEP,iBAAA,CAAA+B,2BAA2B,CACnCxB,QAAQ,EACRC,wBAAwB,GAAGmB,iBAAiB,GAAGE,2BAA2B;GAE7E;AACH,CAAC;AA/CYG,OAAA,CAAA7B,yBAAyB,GAAAA,yBAAA"}

package/lib-commonjs/contexts/constants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":"~~;;;;;;AAAaA~~,~~uCAA+B~~,~~GAAG~~,~~sCAAsC;AACxEA~~,~~uBAAe~~,~~GAAG,MAAM;AACxBA,kBAAU,GAAG,KAAK;AAClBA,4BAAoB,GAAG,KAAK;AAE5BA,+BAAuB,GAAG,eAAe;AACzCA,6BAAqB,GAAG,aAAa;AACrCA,uBAAe,GAAG,OAAO;AACzBA,8BAAsB,GAAG,cAAc;AACvCA,yBAAiB,GAAG,MAAM~~","~~names~~":["~~exports~~"],"~~sourceRoot~~":"~~../src/~~","sources":["packages/react-components/react-dialog/src/contexts/constants.ts"],"sourcesContent":["export const MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 480px)';\nexport const SURFACE_PADDING = '24px';\nexport const DIALOG_GAP = '8px';\nexport const SURFACE_BORDER_WIDTH = '1px';\n\nexport const ACTIONS_START_GRID_AREA = 'actions-start';\nexport const ACTIONS_END_GRID_AREA = 'actions-end';\nexport const TITLE_GRID_AREA = 'title';\nexport const TITLE_ACTION_GRID_AREA = 'close-button';\nexport const CONTENT_GRID_AREA = 'body';\n"]}
1	+ {"version":3,"names":["exports","MEDIA_QUERY_BREAKPOINT_SELECTOR","SURFACE_PADDING","DIALOG_GAP","SURFACE_BORDER_WIDTH","ACTIONS_START_GRID_AREA","ACTIONS_END_GRID_AREA","TITLE_GRID_AREA","TITLE_ACTION_GRID_AREA","CONTENT_GRID_AREA"],"sources":["../src/packages/react-components/react-dialog/src/contexts/constants.ts"],"sourcesContent":["export const MEDIA_QUERY_BREAKPOINT_SELECTOR = '@media screen and (max-width: 480px)';\nexport const SURFACE_PADDING = '24px';\nexport const DIALOG_GAP = '8px';\nexport const SURFACE_BORDER_WIDTH = '1px';\n\nexport const ACTIONS_START_GRID_AREA = 'actions-start';\nexport const ACTIONS_END_GRID_AREA = 'actions-end';\nexport const TITLE_GRID_AREA = 'title';\nexport const TITLE_ACTION_GRID_AREA = 'close-button';\nexport const CONTENT_GRID_AREA = 'body';\n"],"mappings":";;;;;;AAAaA,OAAA,CAAAC,+BAA+B,GAAG,sCAAsC;AACxED,OAAA,CAAAE,eAAe,GAAG,MAAM;AACxBF,OAAA,CAAAG,UAAU,GAAG,KAAK;AAClBH,OAAA,CAAAI,oBAAoB,GAAG,KAAK;AAE5BJ,OAAA,CAAAK,uBAAuB,GAAG,eAAe;AACzCL,OAAA,CAAAM,qBAAqB,GAAG,aAAa;AACrCN,OAAA,CAAAO,eAAe,GAAG,OAAO;AACzBP,OAAA,CAAAQ,sBAAsB,GAAG,cAAc;AACvCR,OAAA,CAAAS,iBAAiB,GAAG,MAAM"}

package/lib-commonjs/contexts/dialogContext.js CHANGED Viewed

@@ -7,6 +7,7 @@ exports.useDialogContext_unstable = exports.DialogProvider = exports.DialogConte
 const react_context_selector_1 = /*#__PURE__*/require("@fluentui/react-context-selector");
 const defaultContextValue = {
   open: false,
+  inertTrapFocus: false,
   modalType: 'modal',
   isNestedDialog: false,
   dialogRef: {

package/lib-commonjs/contexts/dialogContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":";;;;;;AACA;AAiBA,MAAMA,mBAAmB,GAAuB;EAC9CC,IAAI,EAAE,KAAK;EACXC,SAAS,EAAE,OAAO;EAClBC,cAAc,EAAE,KAAK;EACrBC,SAAS,EAAE;IAAEC,OAAO,EAAE;EAAI,CAAE;EAC5BC,iBAAiB;IACf;EAAA;CAEH;AAED;AACaC,qBAAa,gBAA4CC,sCAAa,CACjFC,SAAS,CACV;AAEYF,sBAAc,GAAGA,qBAAa,CAACG,QAAQ;AAC7C,MAAMC,yBAAyB,GAAOC,QAAgD,IAC3FJ,2CAAkB,CAACD,qBAAa,EAAE,CAACM,GAAG,GAAGb,mBAAmB,KAAKY,QAAQ,CAACC,GAAG,CAAC,CAAC;AADpEN,iCAAyB","~~names~~":["defaultContextValue","open","modalType","isNestedDialog","dialogRef","current","requestOpenChange","exports","~~react_context_selector_1~~","undefined","Provider","useDialogContext_unstable","selector","ctx"],"~~sourceRoot~~":"../src/~~","sources":["~~packages/react-components/react-dialog/src/contexts/dialogContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport { DialogSurfaceElement } from '../DialogSurface';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { DialogModalType, DialogOpenChangeData } from '../Dialog';\n\nexport type DialogContextValue = {\n open: boolean;\n dialogTitleId?: string;\n isNestedDialog: boolean;\n dialogRef: React.Ref<DialogSurfaceElement>;\n modalType: DialogModalType;\n /*\n Requests dialog main component to update it's internal open state\n /\n requestOpenChange: (data: DialogOpenChangeData) => void;\n};\n\nconst defaultContextValue: DialogContextValue = {\n open: false,\n modalType: 'modal',\n isNestedDialog: false,\n dialogRef: { current: null },\n requestOpenChange() {\n / noop */\n },\n};\n\n// Contexts should default to undefined\nexport const DialogContext: Context<DialogContextValue \| undefined> = createContext<DialogContextValue \| undefined>(\n undefined,\n);\n\nexport const DialogProvider = DialogContext.Provider;\nexport const useDialogContext_unstable = <T>(selector: ContextSelector<DialogContextValue, T>): T =>\n useContextSelector(DialogContext, (ctx = defaultContextValue) => selector(ctx));\n"]}
1	+ {"version":3,"names":["react_context_selector_1","require","defaultContextValue","open","inertTrapFocus","modalType","isNestedDialog","dialogRef","current","requestOpenChange","exports","DialogContext","createContext","undefined","DialogProvider","Provider","useDialogContext_unstable","selector","useContextSelector","ctx"],"sources":["../src/packages/react-components/react-dialog/src/contexts/dialogContext.ts"],"sourcesContent":["import * as React from 'react';\nimport { createContext, ContextSelector, useContextSelector } from '@fluentui/react-context-selector';\nimport { DialogSurfaceElement } from '../DialogSurface';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { DialogModalType, DialogOpenChangeData } from '../Dialog';\n\nexport type DialogContextValue = {\n open: boolean;\n inertTrapFocus: boolean;\n dialogTitleId?: string;\n isNestedDialog: boolean;\n dialogRef: React.Ref<DialogSurfaceElement>;\n modalType: DialogModalType;\n /*\n Requests dialog main component to update it's internal open state\n /\n requestOpenChange: (data: DialogOpenChangeData) => void;\n};\n\nconst defaultContextValue: DialogContextValue = {\n open: false,\n inertTrapFocus: false,\n modalType: 'modal',\n isNestedDialog: false,\n dialogRef: { current: null },\n requestOpenChange() {\n / noop */\n },\n};\n\n// Contexts should default to undefined\nexport const DialogContext: Context<DialogContextValue \| undefined> = createContext<DialogContextValue \| undefined>(\n undefined,\n);\n\nexport const DialogProvider = DialogContext.Provider;\nexport const useDialogContext_unstable = <T>(selector: ContextSelector<DialogContextValue, T>): T =>\n useContextSelector(DialogContext, (ctx = defaultContextValue) => selector(ctx));\n"],"mappings":";;;;;;AACA,MAAAA,wBAAA,gBAAAC,OAAA;AAkBA,MAAMC,mBAAmB,GAAuB;EAC9CC,IAAI,EAAE,KAAK;EACXC,cAAc,EAAE,KAAK;EACrBC,SAAS,EAAE,OAAO;EAClBC,cAAc,EAAE,KAAK;EACrBC,SAAS,EAAE;IAAEC,OAAO,EAAE;EAAI,CAAE;EAC5BC,iBAAiBA,CAAA;IACf;EAAA;CAEH;AAED;AACaC,OAAA,CAAAC,aAAa,gBAA4CX,wBAAA,CAAAY,aAAa,CACjFC,SAAS,CACV;AAEYH,OAAA,CAAAI,cAAc,GAAGJ,OAAA,CAAAC,aAAa,CAACI,QAAQ;AAC7C,MAAMC,yBAAyB,GAAOC,QAAgD,IAC3FjB,wBAAA,CAAAkB,kBAAkB,CAACR,OAAA,CAAAC,aAAa,EAAE,CAACQ,GAAG,GAAGjB,mBAAmB,KAAKe,QAAQ,CAACE,GAAG,CAAC,CAAC;AADpET,OAAA,CAAAM,yBAAyB,GAAAA,yBAAA"}

package/lib-commonjs/contexts/dialogSurfaceContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings~~":";;;;;;AAAA;AAIA,MAAMA,mBAAmB,GAA8B,KAAK;AAE/CC,4BAAoB,gBAAGC,qBAAa,CAAwCC,SAAS,CAAC;AAEtFF,6BAAqB,GAAGA,4BAAoB,CAACG,QAAQ;AAE3D,MAAMC,gCAAgC,GAAG,MAAK;EAAA;EAAC,+BAAU,CAACJ,4BAAoB,CAAC,mCAAID,mBAAmB;AAAA;AAAhGC,wCAAgC","~~names~~":["defaultContextValue","exports","~~react_1~~","undefined","Provider","useDialogSurfaceContext_unstable"],"~~sourceRoot~~":"~~../src/~~","sources":["packages/react-components/react-dialog/src/contexts/dialogSurfaceContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogSurfaceContextValue = boolean;\n\nconst defaultContextValue: DialogSurfaceContextValue = false;\n\nexport const DialogSurfaceContext = createContext<DialogSurfaceContextValue \| undefined>(undefined);\n\nexport const DialogSurfaceProvider = DialogSurfaceContext.Provider;\n\nexport const useDialogSurfaceContext_unstable = () => useContext(DialogSurfaceContext) ?? defaultContextValue;\n"]}
1	+ {"version":3,"names":["react_1","require","defaultContextValue","exports","DialogSurfaceContext","createContext","undefined","DialogSurfaceProvider","Provider","useDialogSurfaceContext_unstable","_a","useContext"],"sources":["../src/packages/react-components/react-dialog/src/contexts/dialogSurfaceContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport type DialogSurfaceContextValue = boolean;\n\nconst defaultContextValue: DialogSurfaceContextValue = false;\n\nexport const DialogSurfaceContext = createContext<DialogSurfaceContextValue \| undefined>(undefined);\n\nexport const DialogSurfaceProvider = DialogSurfaceContext.Provider;\n\nexport const useDialogSurfaceContext_unstable = () => useContext(DialogSurfaceContext) ?? defaultContextValue;\n"],"mappings":";;;;;;AAAA,MAAAA,OAAA,gBAAAC,OAAA;AAIA,MAAMC,mBAAmB,GAA8B,KAAK;AAE/CC,OAAA,CAAAC,oBAAoB,gBAAGJ,OAAA,CAAAK,aAAa,CAAwCC,SAAS,CAAC;AAEtFH,OAAA,CAAAI,qBAAqB,GAAGJ,OAAA,CAAAC,oBAAoB,CAACI,QAAQ;AAE3D,MAAMC,gCAAgC,GAAGA,CAAA,KAAK;EAAA,IAAAC,EAAA;EAAC,QAAAA,EAAA,GAAAV,OAAA,CAAAW,UAAU,CAACR,OAAA,CAAAC,oBAAoB,CAAC,cAAAM,EAAA,cAAAA,EAAA,GAAIR,mBAAmB;AAAA;AAAhGC,OAAA,CAAAM,gCAAgC,GAAAA,gCAAA"}

package/lib-commonjs/contexts/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"~~mappings":";;;;;;AAAAA;AACAA;AACAA","~~names":["tslib_1"],"~~sourceRoot~~":"~~../src/~~","sources":["packages/react-components/react-dialog/src/contexts/index.ts"],"sourcesContent":["export * from './constants';\nexport * from './dialogContext';\nexport * from './dialogSurfaceContext';\n"]}
1	+ {"version":3,"names":["tslib_1","__exportStar","require","exports"],"sources":["../src/packages/react-components/react-dialog/src/contexts/index.ts"],"sourcesContent":["export * from './constants';\nexport * from './dialogContext';\nexport * from './dialogSurfaceContext';\n"],"mappings":";;;;;;AAAAA,OAAA,CAAAC,YAAA,CAAAC,OAAA,iBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,qBAAAC,OAAA;AACAH,OAAA,CAAAC,YAAA,CAAAC,OAAA,4BAAAC,OAAA"}