npm - @fluentui/react-message-bar - Versions diffs - 9.2.3 → 9.2.5 - Mend

@fluentui/react-message-bar 9.2.3 → 9.2.5

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 (113) hide show

package/lib/components/MessageBarTitle/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './MessageBarTitle';\nexport * from './MessageBarTitle.types';\nexport * from './renderMessageBarTitle';\nexport * from './useMessageBarTitle';\nexport * from './useMessageBarTitleStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB;AACrC,cAAc,oCAAoC"}
1	+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './MessageBarTitle';\nexport * from './MessageBarTitle.types';\nexport * from './renderMessageBarTitle';\nexport * from './useMessageBarTitle';\nexport * from './useMessageBarTitleStyles.styles';\n"],"names":[],"rangeMappings":";;;;","mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB;AACrC,cAAc,oCAAoC"}

package/lib/components/MessageBarTitle/renderMessageBarTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderMessageBarTitle.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { MessageBarTitleState, MessageBarTitleSlots } from './MessageBarTitle.types';\n\n/\n Render the final JSX of MessageBarTitle\n */\nexport const renderMessageBarTitle_unstable = (state: MessageBarTitleState) => {\n assertSlots<MessageBarTitleSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderMessageBarTitle_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAACC;IAC7CF,YAAkCE;IAElC,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}
1	+ {"version":3,"sources":["renderMessageBarTitle.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { MessageBarTitleState, MessageBarTitleSlots } from './MessageBarTitle.types';\n\n/\n Render the final JSX of MessageBarTitle\n */\nexport const renderMessageBarTitle_unstable = (state: MessageBarTitleState) => {\n assertSlots<MessageBarTitleSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderMessageBarTitle_unstable","state","root"],"rangeMappings":";;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAACC;IAC7CF,YAAkCE;IAElC,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}

package/lib/components/MessageBarTitle/useMessageBarTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useMessageBarTitle.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { MessageBarTitleProps, MessageBarTitleState } from './MessageBarTitle.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/*\n Create the state required to render MessageBarTitle.\n \n The returned state can be modified with hooks such as useMessageBarTitleStyles_unstable,\n * before being passed to renderMessageBarTitle_unstable.\n \n @param props - props from this instance of MessageBarTitle\n * @param ref - reference to root HTMLElement of MessageBarTitle\n */\nexport const useMessageBarTitle_unstable = (\n props: MessageBarTitleProps,\n ref: React.Ref<HTMLElement>,\n): MessageBarTitleState => {\n const { titleId } = useMessageBarContext();\n\n return {\n components: {\n root: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('span', {\n ref,\n id: titleId,\n ...props,\n }),\n { elementType: 'span' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useMessageBarContext","useMessageBarTitle_unstable","props","ref","titleId","components","root","always","id","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,oBAAoB,QAAQ,mCAAmC;AAExE;;;;;;;;CAQC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAE,GAAGJ;IAEpB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMP,KAAKQ,MAAM,CACfT,yBAAyB,QAAQ;YAC/BK;YACAK,IAAIJ;YACJ,GAAGF,KAAK;QACV,IACA;YAAEO,aAAa;QAAO;IAE1B;AACF,EAAE"}
1	+ {"version":3,"sources":["useMessageBarTitle.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { MessageBarTitleProps, MessageBarTitleState } from './MessageBarTitle.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/*\n Create the state required to render MessageBarTitle.\n \n The returned state can be modified with hooks such as useMessageBarTitleStyles_unstable,\n * before being passed to renderMessageBarTitle_unstable.\n \n @param props - props from this instance of MessageBarTitle\n * @param ref - reference to root HTMLElement of MessageBarTitle\n */\nexport const useMessageBarTitle_unstable = (\n props: MessageBarTitleProps,\n ref: React.Ref<HTMLElement>,\n): MessageBarTitleState => {\n const { titleId } = useMessageBarContext();\n\n return {\n components: {\n root: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('span', {\n ref,\n id: titleId,\n ...props,\n }),\n { elementType: 'span' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useMessageBarContext","useMessageBarTitle_unstable","props","ref","titleId","components","root","always","id","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,oBAAoB,QAAQ,mCAAmC;AAExE;;;;;;;;CAQC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAE,GAAGJ;IAEpB,OAAO;QACLK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMP,KAAKQ,MAAM,CACfT,yBAAyB,QAAQ;YAC/BK;YACAK,IAAIJ;YACJ,GAAGF,KAAK;QACV,IACA;YAAEO,aAAa;QAAO;IAE1B;AACF,EAAE"}

package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.js CHANGED Viewed

@@ -11,6 +11,8 @@ const useRootBaseStyles = /*#__PURE__*/__resetStyles("r168xkm9", null, [".r168xk
  * Apply styling to the MessageBarTitle slots based on the state
  */
 export const useMessageBarTitleStyles_unstable = state => {
+  'use no memo';
   const rootBaseStyles = useRootBaseStyles();
   state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);
   return state;

package/lib/components/MessageBarTitle/useMessageBarTitleStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__resetStyles","mergeClasses","typographyStyles","messageBarTitleClassNames","root","useRootBaseStyles","useMessageBarTitleStyles_unstable","state","rootBaseStyles","className"],"sources":["useMessageBarTitleStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const messageBarTitleClassNames = {\n root: 'fui-MessageBarTitle'\n};\n/*\n Styles for the root slot\n / const useRootBaseStyles = makeResetStyles({\n ...typographyStyles.body1Strong,\n '::after': {\n content: '\" \"'\n }\n});\n/\n Apply styling to the MessageBarTitle slots based on the state\n */ export const useMessageBarTitleStyles_unstable = (state)=>{\n const rootBaseStyles = useRootBaseStyles();\n state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,iBAAiB,gBAAGL,aAAA,oNAK7B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;EAC1CE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACE,yBAAyB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACzG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["__resetStyles","mergeClasses","typographyStyles","messageBarTitleClassNames","root","useRootBaseStyles","useMessageBarTitleStyles_unstable","state","rootBaseStyles","className"],"sources":["useMessageBarTitleStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { typographyStyles } from '@fluentui/react-theme';\nexport const messageBarTitleClassNames = {\n root: 'fui-MessageBarTitle'\n};\n/*\n Styles for the root slot\n / const useRootBaseStyles = makeResetStyles({\n ...typographyStyles.body1Strong,\n '::after': {\n content: '\" \"'\n }\n});\n/\n Apply styling to the MessageBarTitle slots based on the state\n */ export const useMessageBarTitleStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseStyles = useRootBaseStyles();\n state.root.className = mergeClasses(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAAAA,aAAA,EAA0BC,YAAY,QAAQ,gBAAgB;AAC9D,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,OAAO,MAAMC,yBAAyB,GAAG;EACrCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,iBAAiB,gBAAGL,aAAA,oNAK7B,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMM,iCAAiC,GAAIC,KAAK,IAAG;EAC1D,aAAa;;EACb,MAAMC,cAAc,GAAGH,iBAAiB,CAAC,CAAC;EAC1CE,KAAK,CAACH,IAAI,CAACK,SAAS,GAAGR,YAAY,CAACE,yBAAyB,CAACC,IAAI,EAAEI,cAAc,EAAED,KAAK,CAACH,IAAI,CAACK,SAAS,CAAC;EACzG,OAAOF,KAAK;AAChB,CAAC","ignoreList":[]}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './messageBarContext';\nexport * from './messageBarTransitionContext';\n"],"names":[],"mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,gCAAgC"}
1	+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './messageBarContext';\nexport * from './messageBarTransitionContext';\n"],"names":[],"rangeMappings":";","mappings":"AAAA,cAAc,sBAAsB;AACpC,cAAc,gCAAgC"}

package/lib/contexts/messageBarContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["messageBarContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type MessageBarContextValue = {\n layout: 'multiline' \| 'singleline' \| 'auto';\n actionsRef: React.MutableRefObject<HTMLDivElement \| null>;\n bodyRef: React.MutableRefObject<HTMLDivElement \| null>;\n titleId: string;\n};\nconst messageBarContext = React.createContext<MessageBarContextValue \| undefined>(undefined);\n\nexport const messageBarContextDefaultValue: MessageBarContextValue = {\n titleId: '',\n layout: 'singleline',\n actionsRef: React.createRef(),\n bodyRef: React.createRef(),\n};\n\nexport const MessageBarContextProvider = messageBarContext.Provider;\nexport const useMessageBarContext = () => React.useContext(messageBarContext) ?? messageBarContextDefaultValue;\n"],"names":["React","messageBarContext","createContext","undefined","messageBarContextDefaultValue","titleId","layout","actionsRef","createRef","bodyRef","MessageBarContextProvider","Provider","useMessageBarContext","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAQ/B,MAAMC,oBAAoBD,MAAME,aAAa,CAAqCC;AAElF,OAAO,MAAMC,gCAAwD;IACnEC,SAAS;IACTC,QAAQ;IACRC,YAAYP,MAAMQ,SAAS;IAC3BC,SAAST,MAAMQ,SAAS;AAC1B,EAAE;AAEF,OAAO,MAAME,4BAA4BT,kBAAkBU,QAAQ,CAAC;AACpE,OAAO,MAAMC,uBAAuB;QAAMZ;WAAAA,CAAAA,oBAAAA,MAAMa,UAAU,CAACZ,gCAAjBD,+BAAAA,oBAAuCI;AAA4B,EAAE"}
1	+ {"version":3,"sources":["messageBarContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type MessageBarContextValue = {\n layout: 'multiline' \| 'singleline' \| 'auto';\n actionsRef: React.MutableRefObject<HTMLDivElement \| null>;\n bodyRef: React.MutableRefObject<HTMLDivElement \| null>;\n titleId: string;\n};\nconst messageBarContext = React.createContext<MessageBarContextValue \| undefined>(undefined);\n\nexport const messageBarContextDefaultValue: MessageBarContextValue = {\n titleId: '',\n layout: 'singleline',\n actionsRef: React.createRef(),\n bodyRef: React.createRef(),\n};\n\nexport const MessageBarContextProvider = messageBarContext.Provider;\nexport const useMessageBarContext = () => React.useContext(messageBarContext) ?? messageBarContextDefaultValue;\n"],"names":["React","messageBarContext","createContext","undefined","messageBarContextDefaultValue","titleId","layout","actionsRef","createRef","bodyRef","MessageBarContextProvider","Provider","useMessageBarContext","useContext"],"rangeMappings":";;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAQ/B,MAAMC,oBAAoBD,MAAME,aAAa,CAAqCC;AAElF,OAAO,MAAMC,gCAAwD;IACnEC,SAAS;IACTC,QAAQ;IACRC,YAAYP,MAAMQ,SAAS;IAC3BC,SAAST,MAAMQ,SAAS;AAC1B,EAAE;AAEF,OAAO,MAAME,4BAA4BT,kBAAkBU,QAAQ,CAAC;AACpE,OAAO,MAAMC,uBAAuB;QAAMZ;WAAAA,CAAAA,oBAAAA,MAAMa,UAAU,CAACZ,gCAAjBD,+BAAAA,oBAAuCI;AAA4B,EAAE"}

package/lib/contexts/messageBarTransitionContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["messageBarTransitionContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type MessageBarTransitionContextValue = {\n className: string;\n nodeRef: React.Ref<HTMLDivElement \| null>;\n};\n\nconst messageBarTransitionContext = React.createContext<MessageBarTransitionContextValue \| undefined>(undefined);\n\n/*\n @internal\n /\nexport const messageBarTransitionContextDefaultValue: MessageBarTransitionContextValue = {\n className: '',\n nodeRef: React.createRef<HTMLDivElement \| null>(),\n};\n\n/\n Context to pass animation className to MessageBar components\n * @internal\n /\nexport const MessageBarTransitionContextProvider = messageBarTransitionContext.Provider;\n/\n @internal\n */\nexport const useMessageBarTransitionContext = () =>\n React.useContext(messageBarTransitionContext) ?? messageBarTransitionContextDefaultValue;\n"],"names":["React","messageBarTransitionContext","createContext","undefined","messageBarTransitionContextDefaultValue","className","nodeRef","createRef","MessageBarTransitionContextProvider","Provider","useMessageBarTransitionContext","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAO/B,MAAMC,8BAA8BD,MAAME,aAAa,CAA+CC;AAEtG;;CAEC,GACD,OAAO,MAAMC,0CAA4E;IACvFC,WAAW;IACXC,SAASN,MAAMO,SAAS;AAC1B,EAAE;AAEF;;;CAGC,GACD,OAAO,MAAMC,sCAAsCP,4BAA4BQ,QAAQ,CAAC;AACxF;;CAEC,GACD,OAAO,MAAMC,iCAAiC;QAC5CV;WAAAA,CAAAA,oBAAAA,MAAMW,UAAU,CAACV,0CAAjBD,+BAAAA,oBAAiDI;AAAsC,EAAE"}
1	+ {"version":3,"sources":["messageBarTransitionContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type MessageBarTransitionContextValue = {\n className: string;\n nodeRef: React.Ref<HTMLDivElement \| null>;\n};\n\nconst messageBarTransitionContext = React.createContext<MessageBarTransitionContextValue \| undefined>(undefined);\n\n/*\n @internal\n /\nexport const messageBarTransitionContextDefaultValue: MessageBarTransitionContextValue = {\n className: '',\n nodeRef: React.createRef<HTMLDivElement \| null>(),\n};\n\n/\n Context to pass animation className to MessageBar components\n * @internal\n /\nexport const MessageBarTransitionContextProvider = messageBarTransitionContext.Provider;\n/\n @internal\n */\nexport const useMessageBarTransitionContext = () =>\n React.useContext(messageBarTransitionContext) ?? messageBarTransitionContextDefaultValue;\n"],"names":["React","messageBarTransitionContext","createContext","undefined","messageBarTransitionContextDefaultValue","className","nodeRef","createRef","MessageBarTransitionContextProvider","Provider","useMessageBarTransitionContext","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAO/B,MAAMC,8BAA8BD,MAAME,aAAa,CAA+CC;AAEtG;;CAEC,GACD,OAAO,MAAMC,0CAA4E;IACvFC,WAAW;IACXC,SAASN,MAAMO,SAAS;AAC1B,EAAE;AAEF;;;CAGC,GACD,OAAO,MAAMC,sCAAsCP,4BAA4BQ,QAAQ,CAAC;AACxF;;CAEC,GACD,OAAO,MAAMC,iCAAiC;QAC5CV;WAAAA,CAAAA,oBAAAA,MAAMW,UAAU,CAACV,0CAAjBD,+BAAAA,oBAAiDI;AAAsC,EAAE"}

package/lib/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.ts"],"sourcesContent":["export {\n MessageBar,\n useMessageBarStyles_unstable,\n useMessageBar_unstable,\n useMessageBarContextValue_unstable,\n renderMessageBar_unstable,\n messageBarClassNames,\n} from './MessageBar';\n\nexport type {\n MessageBarProps,\n MessageBarSlots,\n MessageBarState,\n MessageBarIntent,\n MessageBarContextValues,\n} from './MessageBar';\n\nexport {\n MessageBarTitle,\n useMessageBarTitleStyles_unstable,\n useMessageBarTitle_unstable,\n renderMessageBarTitle_unstable,\n messageBarTitleClassNames,\n} from './MessageBarTitle';\n\nexport type { MessageBarTitleProps, MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle';\n\nexport {\n MessageBarActions,\n useMessageBarActionsStyles_unstable,\n useMessageBarActions_unstable,\n renderMessageBarActions_unstable,\n useMessageBarActionsContextValue_unstable,\n messageBarActionsClassNames,\n} from './MessageBarActions';\n\nexport type {\n MessageBarActionsProps,\n MessageBarActionsSlots,\n MessageBarActionsState,\n MessageBarActionsContextValues,\n} from './MessageBarActions';\n\nexport {\n MessageBarBody,\n useMessageBarBodyStyles_unstable,\n useMessageBarBody_unstable,\n renderMessageBarBody_unstable,\n messageBarBodyClassNames,\n} from './MessageBarBody';\n\nexport type { MessageBarBodyProps, MessageBarBodySlots, MessageBarBodyState } from './MessageBarBody';\n\nexport {\n MessageBarContextProvider,\n messageBarContextDefaultValue,\n messageBarTransitionContextDefaultValue,\n useMessageBarContext,\n MessageBarTransitionContextProvider,\n useMessageBarTransitionContext,\n} from './contexts';\nexport type { MessageBarContextValue, MessageBarTransitionContextValue } from './contexts';\nexport {\n MessageBarGroup,\n useMessageBarGroupStyles_unstable,\n useMessageBarGroup_unstable,\n renderMessageBarGroup_unstable,\n messageBarGroupClassNames,\n} from './MessageBarGroup';\n\nexport type { MessageBarGroupProps, MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup';\n"],"names":["MessageBar","useMessageBarStyles_unstable","useMessageBar_unstable","useMessageBarContextValue_unstable","renderMessageBar_unstable","messageBarClassNames","MessageBarTitle","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable","renderMessageBarTitle_unstable","messageBarTitleClassNames","MessageBarActions","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","messageBarActionsClassNames","MessageBarBody","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable","renderMessageBarBody_unstable","messageBarBodyClassNames","MessageBarContextProvider","messageBarContextDefaultValue","messageBarTransitionContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","useMessageBarTransitionContext","MessageBarGroup","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable","renderMessageBarGroup_unstable","messageBarGroupClassNames"],"mappings":"AAAA,SACEA,UAAU,EACVC,4BAA4B,EAC5BC,sBAAsB,EACtBC,kCAAkC,EAClCC,yBAAyB,EACzBC,oBAAoB,QACf,eAAe;AAUtB,SACEC,eAAe,EACfC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,QACpB,oBAAoB;AAI3B,SACEC,iBAAiB,EACjBC,mCAAmC,EACnCC,6BAA6B,EAC7BC,gCAAgC,EAChCC,yCAAyC,EACzCC,2BAA2B,QACtB,sBAAsB;AAS7B,SACEC,cAAc,EACdC,gCAAgC,EAChCC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,wBAAwB,QACnB,mBAAmB;AAI1B,SACEC,yBAAyB,EACzBC,6BAA6B,EAC7BC,uCAAuC,EACvCC,oBAAoB,EACpBC,mCAAmC,EACnCC,8BAA8B,QACzB,aAAa;AAEpB,SACEC,eAAe,EACfC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,QACpB,oBAAoB"}
1	+ {"version":3,"sources":["index.ts"],"sourcesContent":["export {\n MessageBar,\n useMessageBarStyles_unstable,\n useMessageBar_unstable,\n useMessageBarContextValue_unstable,\n renderMessageBar_unstable,\n messageBarClassNames,\n} from './MessageBar';\n\nexport type {\n MessageBarProps,\n MessageBarSlots,\n MessageBarState,\n MessageBarIntent,\n MessageBarContextValues,\n} from './MessageBar';\n\nexport {\n MessageBarTitle,\n useMessageBarTitleStyles_unstable,\n useMessageBarTitle_unstable,\n renderMessageBarTitle_unstable,\n messageBarTitleClassNames,\n} from './MessageBarTitle';\n\nexport type { MessageBarTitleProps, MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle';\n\nexport {\n MessageBarActions,\n useMessageBarActionsStyles_unstable,\n useMessageBarActions_unstable,\n renderMessageBarActions_unstable,\n useMessageBarActionsContextValue_unstable,\n messageBarActionsClassNames,\n} from './MessageBarActions';\n\nexport type {\n MessageBarActionsProps,\n MessageBarActionsSlots,\n MessageBarActionsState,\n MessageBarActionsContextValues,\n} from './MessageBarActions';\n\nexport {\n MessageBarBody,\n useMessageBarBodyStyles_unstable,\n useMessageBarBody_unstable,\n renderMessageBarBody_unstable,\n messageBarBodyClassNames,\n} from './MessageBarBody';\n\nexport type { MessageBarBodyProps, MessageBarBodySlots, MessageBarBodyState } from './MessageBarBody';\n\nexport {\n MessageBarContextProvider,\n messageBarContextDefaultValue,\n messageBarTransitionContextDefaultValue,\n useMessageBarContext,\n MessageBarTransitionContextProvider,\n useMessageBarTransitionContext,\n} from './contexts';\nexport type { MessageBarContextValue, MessageBarTransitionContextValue } from './contexts';\nexport {\n MessageBarGroup,\n useMessageBarGroupStyles_unstable,\n useMessageBarGroup_unstable,\n renderMessageBarGroup_unstable,\n messageBarGroupClassNames,\n} from './MessageBarGroup';\n\nexport type { MessageBarGroupProps, MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup';\n"],"names":["MessageBar","useMessageBarStyles_unstable","useMessageBar_unstable","useMessageBarContextValue_unstable","renderMessageBar_unstable","messageBarClassNames","MessageBarTitle","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable","renderMessageBarTitle_unstable","messageBarTitleClassNames","MessageBarActions","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","messageBarActionsClassNames","MessageBarBody","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable","renderMessageBarBody_unstable","messageBarBodyClassNames","MessageBarContextProvider","messageBarContextDefaultValue","messageBarTransitionContextDefaultValue","useMessageBarContext","MessageBarTransitionContextProvider","useMessageBarTransitionContext","MessageBarGroup","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable","renderMessageBarGroup_unstable","messageBarGroupClassNames"],"rangeMappings":";;;;;","mappings":"AAAA,SACEA,UAAU,EACVC,4BAA4B,EAC5BC,sBAAsB,EACtBC,kCAAkC,EAClCC,yBAAyB,EACzBC,oBAAoB,QACf,eAAe;AAUtB,SACEC,eAAe,EACfC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,QACpB,oBAAoB;AAI3B,SACEC,iBAAiB,EACjBC,mCAAmC,EACnCC,6BAA6B,EAC7BC,gCAAgC,EAChCC,yCAAyC,EACzCC,2BAA2B,QACtB,sBAAsB;AAS7B,SACEC,cAAc,EACdC,gCAAgC,EAChCC,0BAA0B,EAC1BC,6BAA6B,EAC7BC,wBAAwB,QACnB,mBAAmB;AAI1B,SACEC,yBAAyB,EACzBC,6BAA6B,EAC7BC,uCAAuC,EACvCC,oBAAoB,EACpBC,mCAAmC,EACnCC,8BAA8B,QACzB,aAAa;AAEpB,SACEC,eAAe,EACfC,iCAAiC,EACjCC,2BAA2B,EAC3BC,8BAA8B,EAC9BC,yBAAyB,QACpB,oBAAoB"}

package/lib-commonjs/MessageBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessageBar.js"],"sourcesContent":["export * from './components/MessageBar/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
1	+ {"version":3,"sources":["MessageBar.ts"],"sourcesContent":["export * from './components/MessageBar/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/MessageBarActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessageBarActions.js"],"sourcesContent":["export * from './components/MessageBarActions/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
1	+ {"version":3,"sources":["MessageBarActions.ts"],"sourcesContent":["export * from './components/MessageBarActions/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/MessageBarBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessageBarBody.js"],"sourcesContent":["export * from './components/MessageBarBody/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
1	+ {"version":3,"sources":["MessageBarBody.ts"],"sourcesContent":["export * from './components/MessageBarBody/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/MessageBarGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessageBarGroup.js"],"sourcesContent":["export * from './components/MessageBarGroup/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
1	+ {"version":3,"sources":["MessageBarGroup.ts"],"sourcesContent":["export * from './components/MessageBarGroup/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

package/lib-commonjs/MessageBarTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessageBarTitle.js"],"sourcesContent":["export * from './components/MessageBarTitle/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
1	+ {"version":3,"sources":["MessageBarTitle.ts"],"sourcesContent":["export * from './components/MessageBarTitle/index';\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;uBAAc"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessageBar.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBar_unstable } from './useMessageBar';\nimport { renderMessageBar_unstable } from './renderMessageBar';\nimport { useMessageBarStyles_unstable } from './useMessageBarStyles.styles';\nimport { useMessageBarContextValue_unstable } from './useMessageBarContextValues';\n/*\n MessageBar component\n / ~~export~~ const MessageBar = ~~/#__PURE__*/~~ React.forwardRef((props, ref)=>{\n const state = useMessageBar_unstable(props, ref);\n useMessageBarStyles_unstable(state);\n useCustomStyleHook_unstable('useMessageBarStyles_unstable')(state);\n return renderMessageBar_unstable(state, useMessageBarContextValue_unstable(state));\n});\nMessageBar.displayName = 'MessageBar';\n"],"names":["MessageBar","React","forwardRef","props","ref","state","useMessageBar_unstable","useMessageBarStyles_unstable","useCustomStyleHook_unstable","renderMessageBar_unstable","useMessageBarContextValue_unstable","displayName"],"mappings":";;;;+~~BAQiBA~~;;;eAAAA;;;;~~iEARM~~;~~qCACqB~~;+BACL;kCACG;2CACG;~~4CACM~~;~~AAGxC~~,MAAMA,~~aAAa~~,~~WAAW~~,~~GAAGC~~,OAAMC,UAAU,CAAC,CAACC,OAAOC;~~IACjE~~,MAAMC,QAAQC,IAAAA,~~qCAAsB~~,~~EAACH~~,OAAOC;~~IAC5CG~~,IAAAA,~~uDAA4B~~,~~EAACF~~;IAC7BG,IAAAA,~~gDAA2B~~,~~EAAC~~,gCAAgCH;IAC5D,OAAOI,IAAAA,~~2CAAyB~~,~~EAACJ~~,OAAOK,IAAAA,~~8DAAkC~~,~~EAACL~~;~~AAC/E~~;~~AACAL~~,WAAWW,WAAW,GAAG"}
1	+ {"version":3,"sources":["MessageBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBar_unstable } from './useMessageBar';\nimport { renderMessageBar_unstable } from './renderMessageBar';\nimport { useMessageBarStyles_unstable } from './useMessageBarStyles.styles';\nimport type { MessageBarProps } from './MessageBar.types';\nimport { useMessageBarContextValue_unstable } from './useMessageBarContextValues';\n\n/*\n MessageBar component\n */\nexport const MessageBar: ForwardRefComponent<MessageBarProps> = React.forwardRef((props, ref) => {\n const state = useMessageBar_unstable(props, ref);\n\n useMessageBarStyles_unstable(state);\n useCustomStyleHook_unstable('useMessageBarStyles_unstable')(state);\n return renderMessageBar_unstable(state, useMessageBarContextValue_unstable(state));\n});\n\nMessageBar.displayName = 'MessageBar';\n"],"names":["MessageBar","React","forwardRef","props","ref","state","useMessageBar_unstable","useMessageBarStyles_unstable","useCustomStyleHook_unstable","renderMessageBar_unstable","useMessageBarContextValue_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qCAEqB;+BACL;kCACG;2CACG;4CAEM;AAK5C,MAAMA,aAAAA,WAAAA,GAAmDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQC,IAAAA,qCAAAA,EAAuBH,OAAOC;IAE5CG,IAAAA,uDAAAA,EAA6BF;IAC7BG,IAAAA,gDAAAA,EAA4B,gCAAgCH;IAC5D,OAAOI,IAAAA,2CAAAA,EAA0BJ,OAAOK,IAAAA,8DAAAA,EAAmCL;AAC7E;AAEAL,WAAWW,WAAW,GAAG"}

package/lib-commonjs/components/MessageBar/MessageBar.types.js CHANGED Viewed

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering MessageBar
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"names":[],"mappings":""}
1	+ {"version":3,"sources":["MessageBar.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { MessageBarContextValue } from '../../contexts/messageBarContext';\n\nexport type MessageBarSlots = {\n root: Slot<'div'>;\n icon?: Slot<'div'>;\n /*\n Rendered when the component is in multiline layout to guarantee correct spacing even\n * if no actions are rendered. When actions are rendered, the default actions grid area will render\n * over this element\n \n NOTE: If you are using this slot, this probably means that you are using the MessageBar without\n * actions, this is not recommended from an accesibility point of view\n /\n bottomReflowSpacer?: Slot<'div'>;\n};\n\nexport type MessageBarContextValues = {\n messageBar: MessageBarContextValue;\n};\n\nexport type MessageBarIntent = 'info' \| 'success' \| 'warning' \| 'error';\n\n/\n MessageBar Props\n /\nexport type MessageBarProps = ComponentProps<MessageBarSlots> &\n Pick<Partial<MessageBarContextValue>, 'layout'> & {\n /\n Default designs announcement presets\n * @default info\n /\n intent?: MessageBarIntent;\n /\n @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Live_Regions\n /\n politeness?: 'assertive' \| 'polite';\n /\n Use squal for page level messages and rounded for component level messages\n * @default rounded\n /\n shape?: 'square' \| 'rounded';\n };\n\n/\n State used in rendering MessageBar\n */\nexport type MessageBarState = ComponentState<MessageBarSlots> &\n Required<Pick<MessageBarProps, 'layout' \| 'intent' \| 'shape'>> &\n Pick<MessageBarContextValue, 'actionsRef' \| 'bodyRef' \| 'titleId'> & {\n transitionClassName: string;\n };\n"],"names":[],"rangeMappings":";;","mappings":"AA4CA;;CAEC"}

package/lib-commonjs/components/MessageBar/getIntentIcon.js CHANGED Viewed

@@ -18,7 +18,7 @@ function getIntentIcon(intent) {
         case 'warning':
             return /*#__PURE__*/ _react.createElement(_reacticons.WarningFilled, null);
         case 'error':
-            return /*#__PURE__*/ _react.createElement(_reacticons.ErrorCircleFilled, null);
+            return /*#__PURE__*/ _react.createElement(_reacticons.DismissCircleFilled, null);
         case 'success':
             return /*#__PURE__*/ _react.createElement(_reacticons.CheckmarkCircleFilled, null);
         default:

package/lib-commonjs/components/MessageBar/getIntentIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["getIntentIcon.js"],"sourcesContent":["import * as React from 'react';\nimport { CheckmarkCircleFilled, InfoFilled, WarningFilled, ~~ErrorCircleFilled~~ } from '@fluentui/react-icons';\nexport function getIntentIcon(intent) {\n switch(intent){\n case 'info':\n return ~~/#__PURE__/ React.createElement(~~InfoFilled, ~~null);\~~n case 'warning':\n return ~~/#__PURE__/ React.createElement(~~WarningFilled, ~~null);\~~n case 'error':\n return ~~/#__PURE__/~~ ~~React.createElement(ErrorCircleFilled, null);\~~n case 'success':\n return ~~/#__PURE__/ React.createElement(~~CheckmarkCircleFilled, ~~null);\~~n default:\n return null;\n }\n}\n"],"names":["getIntentIcon","intent","React","createElement","InfoFilled","WarningFilled","~~ErrorCircleFilled~~","CheckmarkCircleFilled"],"mappings":";;;;+~~BAEgBA~~;;;eAAAA;;;;~~iEAFO~~;~~4BAC6D~~;~~AAC7E~~,SAASA,cAAcC,~~MAAM~~;~~IAChC~~,~~OAAOA~~;~~QACH~~,KAAK;~~YACD~~,~~OAAO~~,~~WAAW~~,~~GAAGC~~,~~OAAMC~~,~~aAAa~~,CAACC,~~sBAAU~~,~~EAAE~~;~~QACzD~~,KAAK;~~YACD~~,~~OAAO~~,~~WAAW~~,~~GAAGF~~,~~OAAMC~~,~~aAAa~~,CAACE,~~yBAAa~~,~~EAAE~~;~~QAC5D~~,KAAK;~~YACD~~,~~OAAO~~,~~WAAW~~,~~GAAGH~~,~~OAAMC~~,~~aAAa~~,CAACG,~~6BAAiB,EAAE~~;~~QAChE~~,KAAK;~~YACD~~,~~OAAO~~,~~WAAW~~,~~GAAGJ~~,~~OAAMC~~,~~aAAa~~,CAACI,~~iCAAqB~~,~~EAAE~~;~~QACpE~~;~~YACI~~,OAAO;~~IACf~~;~~AACJ~~"}
1	+ {"version":3,"sources":["getIntentIcon.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MessageBarProps } from './MessageBar.types';\nimport { CheckmarkCircleFilled, InfoFilled, WarningFilled, DismissCircleFilled } from '@fluentui/react-icons';\n\nexport function getIntentIcon(intent: MessageBarProps['intent']) {\n switch (intent) {\n case 'info':\n return <InfoFilled />;\n case 'warning':\n return <WarningFilled />;\n case 'error':\n return <DismissCircleFilled />;\n case 'success':\n return <CheckmarkCircleFilled />;\n\n default:\n return null;\n }\n}\n"],"names":["getIntentIcon","intent","React","createElement","InfoFilled","WarningFilled","DismissCircleFilled","CheckmarkCircleFilled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;4BAE+D;AAE/E,SAASA,cAAcC,MAAiC;IAC7D,OAAQA;QACN,KAAK;YACH,OAAA,WAAA,GAAOC,OAAAC,aAAA,CAACC,sBAAAA,EAAAA;QACV,KAAK;YACH,OAAA,WAAA,GAAOF,OAAAC,aAAA,CAACE,yBAAAA,EAAAA;QACV,KAAK;YACH,OAAA,WAAA,GAAOH,OAAAC,aAAA,CAACG,+BAAAA,EAAAA;QACV,KAAK;YACH,OAAA,WAAA,GAAOJ,OAAAC,aAAA,CAACI,iCAAAA,EAAAA;QAEV;YACE,OAAO;IACX;AACF"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './MessageBar';\nexport * from './MessageBar.types';\nexport * from './renderMessageBar';\nexport * from './useMessageBar';\nexport * from './useMessageBarStyles.styles';\nexport * from './useMessageBarContextValues';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
1	+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './MessageBar';\nexport * from './MessageBar.types';\nexport * from './renderMessageBar';\nexport * from './useMessageBar';\nexport * from './useMessageBarStyles.styles';\nexport * from './useMessageBarContextValues';\n"],"names":[],"rangeMappings":";;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/MessageBar/renderMessageBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderMessageBar.js"],"sourcesContent":[" ~~import~~ { ~~jsx~~ as ~~_jsx,~~ ~~jsxs as _jsxs } from \"~~@fluentui/react-jsx-runtime~~/jsx-runtime~~\~~";\~~nimport { assertSlots } from '@fluentui/react-utilities';\nimport { MessageBarContextProvider } from '../../contexts/messageBarContext';\n/*\n Render the final JSX of MessageBar\n / ~~export~~ const renderMessageBar_unstable = (state, contexts)=>{\n assertSlots(state);\n return ~~/#__PURE__/ _jsx~~(MessageBarContextProvider, {~~\n value:~~ contexts.messageBar,\n ~~children: /#__PURE__/ _jsxs(~~state.root, {~~\n children: [\n~~ state.icon && ~~/#__PURE__/ _jsx(~~state.icon, {}~~),\~~n state.root.children,\n state.bottomReflowSpacer && ~~/#__PURE__*/ _jsx(~~state.bottomReflowSpacer, {})\n ]\n ~~})\~~n });\n};\n"],"names":["renderMessageBar_unstable","state","contexts","assertSlots","_jsx","MessageBarContextProvider","value","messageBar","~~children","~~_jsxs","root","icon","bottomReflowSpacer"],"mappings":";;;;+~~BAKiBA~~;;;eAAAA;;;~~4BAL4B~~;~~gCACjB~~;~~mCACc~~;~~AAG/B~~,MAAMA,4BAA4B,CAACC,~~OAAOC~~;~~IACjDC~~,IAAAA,~~2BAAW~~,~~EAACF~~;~~IACZ~~,~~OAAO~~,~~WAAW~~,~~GAAGG~~,IAAAA,~~eAAI~~,EAACC,~~4CAAyB~~,~~EAAE~~;~~QACjDC~~,OAAOJ,SAASK,UAAU;~~QAC1BC~~,~~UAAU~~,~~WAAW~~,~~GAAGC,~~IAAAA,~~gBAAK~~,~~EAACR~~,~~MAAMS~~,IAAI,~~EAAE;YACtCF~~,~~UAAU;gBACNP~~,~~MAAMU,~~IAAI,~~IAAI~~,~~WAAW~~,~~GAAGP~~,IAAAA,~~eAAI~~,EAACH,~~MAAMU~~,IAAI,~~EAAE~~,~~CAAC~~;~~gBAC9CV~~,~~MAAMS~~,IAAI,~~CAACF~~,QAAQ;~~gBACnBP~~,MAAMW,kBAAkB,~~IAAI~~,~~WAAW~~,~~GAAGR~~,IAAAA,~~eAAI~~,EAACH,MAAMW,kBAAkB,~~EAAE~~,~~CAAC;aAC7E;QACL;IACJ;AACJ~~"}
1	+ {"version":3,"sources":["renderMessageBar.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { MessageBarState, MessageBarSlots, MessageBarContextValues } from './MessageBar.types';\nimport { MessageBarContextProvider } from '../../contexts/messageBarContext';\n\n/\n Render the final JSX of MessageBar\n */\nexport const renderMessageBar_unstable = (state: MessageBarState, contexts: MessageBarContextValues) => {\n assertSlots<MessageBarSlots>(state);\n\n return (\n <MessageBarContextProvider value={contexts.messageBar}>\n <state.root>\n {state.icon && <state.icon />}\n {state.root.children}\n {state.bottomReflowSpacer && <state.bottomReflowSpacer />}\n </state.root>\n </MessageBarContextProvider>\n );\n};\n"],"names":["renderMessageBar_unstable","state","contexts","assertSlots","_jsx","MessageBarContextProvider","value","messageBar","_jsxs","root","icon","children","bottomReflowSpacer"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;mCAEc;AAKnC,MAAMA,4BAA4B,CAACC,OAAwBC;IAChEC,IAAAA,2BAAAA,EAA6BF;IAE7B,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,4CAAAA,EAAAA;QAA0BC,OAAOJ,SAASK,UAAU;kBACnD,WAAA,GAAAC,IAAAA,gBAAA,EAACP,MAAMQ,IAAI,EAAA;;gBACRR,MAAMS,IAAI,IAAA,WAAA,GAAIN,IAAAA,eAAA,EAACH,MAAMS,IAAI,EAAA,CAAA;gBACzBT,MAAMQ,IAAI,CAACE,QAAQ;gBACnBV,MAAMW,kBAAkB,IAAA,WAAA,GAAIR,IAAAA,eAAA,EAACH,MAAMW,kBAAkB,EAAA,CAAA;;;;AAI9D"}

package/lib-commonjs/components/MessageBar/useMessageBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useMessageBar.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { useAnnounce_unstable } from '@fluentui/react-shared-contexts';\nimport { getIntentIcon } from './getIntentIcon';\nimport { useMessageBarReflow } from './useMessageBarReflow';\nimport { useMessageBarTransitionContext } from '../../contexts/messageBarTransitionContext';\n/*\n Create the state required to render MessageBar.\n \n The returned state can be modified with hooks such as useMessageBarStyles_unstable,\n * before being passed to renderMessageBar_unstable.\n \n @param props - props from this instance of MessageBar\n * @param ref - reference to root HTMLElement of MessageBar\n */ ~~export~~ const useMessageBar_unstable = (props, ref)=>{\n const { layout = 'auto', intent = 'info', politeness, shape = 'rounded' } = props;\n const computedPoliteness = (politeness ~~!==~~ ~~null && politeness !== void 0 ? politeness :~~ intent === 'info') ? 'polite' : 'assertive';\n const autoReflow = layout === 'auto';\n const { ref: reflowRef, reflowing } = useMessageBarReflow(autoReflow);\n const computedLayout = autoReflow ? reflowing ? 'multiline' : 'singleline' : layout;\n const { className: transitionClassName, nodeRef } = useMessageBarTransitionContext();\n const actionsRef = React.useRef(null);\n const bodyRef = React.useRef(null);\n const { announce } = useAnnounce_unstable();\n const titleId = useId();\n React.useEffect(()=>{\n ~~var _bodyRef_current, _actionsRef_current;\n~~ const bodyMessage = ~~(_bodyRef_current =~~ bodyRef.current~~) === null \|\| _bodyRef_current === void 0 ? void 0 : _bodyRef_current.~~textContent;\n const actionsMessage = ~~(_actionsRef_current =~~ actionsRef.current~~) === null \|\| _actionsRef_current === void 0 ? void 0 : _actionsRef_current.~~textContent;\n const message = [\n bodyMessage~~,\n~~ actionsMessage\n ].filter(Boolean).join(',');\n announce(message, {\n polite: computedPoliteness === 'polite'~~,\n~~ alert: computedPoliteness === 'assertive'\n });\n }, [\n bodyRef~~,\n~~ actionsRef~~,\n~~ announce~~,\n~~ computedPoliteness\n ]);\n return {\n components: {\n root: 'div',\n icon: 'div',\n bottomReflowSpacer: 'div'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, reflowRef, nodeRef),\n role: 'group',\n 'aria-labelledby': titleId,\n ...props\n }), ~~{\n~~ elementType: 'div'\n }),\n icon: slot.optional(props.icon, {\n renderByDefault: true,\n elementType: 'div',\n defaultProps: {\n children: getIntentIcon(intent)\n }\n }),\n bottomReflowSpacer: slot.optional(props.bottomReflowSpacer, {\n renderByDefault: computedLayout === 'multiline',\n elementType: 'div'\n }),\n layout: computedLayout,\n intent,\n transitionClassName,\n actionsRef,\n bodyRef,\n titleId,\n shape\n };\n};\n"],"names":["useMessageBar_unstable","props","ref","layout","intent","politeness","shape","computedPoliteness","autoReflow","reflowRef","reflowing","useMessageBarReflow","computedLayout","className","transitionClassName","nodeRef","useMessageBarTransitionContext","actionsRef","React","useRef","bodyRef","announce","useAnnounce_unstable","titleId","useId","useEffect","~~_bodyRef_current","_actionsRef_current","~~bodyMessage","current","textContent","actionsMessage","message","filter","Boolean","join","polite","alert","components","root","icon","bottomReflowSpacer","slot","always","getIntrinsicElementProps","useMergedRefs","role","elementType","optional","renderByDefault","defaultProps","children","getIntentIcon"],"mappings":";;;;+~~BAciBA~~;;;eAAAA;;;;~~iEAdM~~;gCAC8C;qCAChC;+~~BACP~~;qCACM;6CACW;~~AASpC~~,MAAMA,yBAAyB,CAACC,~~OAAOC~~;~~IAC9C~~,MAAM,EAAEC,SAAS,MAAM,EAAEC,SAAS,MAAM,EAAEC,UAAU,EAAEC,QAAQ,SAAS,EAAE,GAAGL;IAC5E,MAAMM,~~qBAAqB~~,~~AAACF,~~CAAAA,~~eAAe~~,~~QAAQA~~,~~eAAe~~,~~KAAK~~,~~IAAIA~~,~~aAAaD~~,WAAW,~~MAAK~~,~~IAAK~~,WAAW;~~IACxH~~,MAAMI,aAAaL,WAAW;IAC9B,MAAM,EAAED,KAAKO,SAAS,EAAEC,SAAS,EAAE,GAAGC,IAAAA,~~wCAAmB~~,~~EAACH~~;IAC1D,MAAMI,iBAAiBJ,~~aAAaE~~,YAAY,cAAc,~~eAAeP~~;~~IAC7E~~,MAAM,EAAEU,WAAWC,mBAAmB,EAAEC,OAAO,EAAE,GAAGC,IAAAA,~~2DAA8B~~;~~IAClF~~,MAAMC,aAAaC,OAAMC,MAAM,~~CAAC~~;~~IAChC~~,MAAMC,UAAUF,OAAMC,MAAM,~~CAAC~~;~~IAC7B~~,MAAM,EAAEE,QAAQ,EAAE,GAAGC,IAAAA,~~yCAAoB~~;~~IACzC~~,MAAMC,UAAUC,IAAAA,~~qBAAK~~;~~IACrBN~~,OAAMO,SAAS,CAAC;~~QACZ~~,~~IAAIC,kBAAkBC~~;~~QACtB~~,~~MAAMC~~,~~cAAc~~,~~AAACF~~,CAAAA,~~mBAAmBN~~,~~QAAQS~~,OAAO,~~AAAD~~,MAAO,~~QAAQH~~,~~qBAAqB~~,~~KAAK~~,~~IAAI~~,~~KAAK~~,~~IAAIA~~,~~iBAAiBI~~,WAAW;~~QACxI~~,MAAMC,~~iBAAiB~~,~~AAACJ~~,CAAAA,~~sBAAsBV~~,~~WAAWY~~,OAAO,~~AAAD~~,MAAO,~~QAAQF~~,~~wBAAwB~~,~~KAAK~~,~~IAAI~~,~~KAAK~~,~~IAAIA~~,~~oBAAoBG~~,WAAW;~~QACvJ~~,MAAME,UAAU;~~YACZJ~~;~~YACAG~~;~~SACH~~,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;~~QACvBd~~,~~SAASW~~,SAAS;~~YACdI~~,~~QAAQ7B~~,uBAAuB;~~YAC/B8B~~,~~OAAO9B~~,uBAAuB;~~QAClC~~;~~IACJ~~,GAAG;~~QACCa~~;~~QACAH~~;~~QACAI~~;~~QACAd~~;~~KACH~~;~~IACD~~,OAAO;~~QACH+B~~,YAAY;~~YACRC~~,MAAM;YACNC,MAAM;YACNC,oBAAoB;~~QACxB~~;QACAF,MAAMG,~~oBAAI~~,~~CAACC~~,MAAM,~~CAACC~~,IAAAA,~~wCAAwB~~,~~EAAC~~,OAAO;~~YAC9C1C~~,~~KAAK2C~~,IAAAA,~~6BAAa~~,~~EAAC3C~~,KAAKO,WAAWM;~~YACnC+B~~,MAAM;YACN,~~mBAAmBvB~~;YACnB,GAAGtB,KAAK;~~QACZ~~,~~IAAI~~;~~YACA8C~~,aAAa;~~QACjB~~;~~QACAP~~,MAAME,~~oBAAI~~,~~CAACM~~,QAAQ,~~CAAC/C~~,~~MAAMuC~~,IAAI,EAAE;~~YAC5BS~~,iBAAiB;YACjBF,aAAa;YACbG,cAAc;~~gBACVC~~,UAAUC,IAAAA,~~4BAAa~~,~~EAAChD~~;~~YAC5B~~;~~QACJ~~;~~QACAqC~~,oBAAoBC,~~oBAAI~~,~~CAACM~~,QAAQ,~~CAAC/C~~,~~MAAMwC~~,kBAAkB,EAAE;~~YACxDQ~~,~~iBAAiBrC~~,mBAAmB;~~YACpCmC~~,aAAa;~~QACjB~~;~~QACA5C~~,QAAQS;QACRR;QACAU;QACAG;QACAG;QACAG;QACAjB;~~IACJ~~;~~AACJ~~"}
1	+ {"version":3,"sources":["useMessageBar.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useId, useMergedRefs } from '@fluentui/react-utilities';\nimport { useAnnounce_unstable } from '@fluentui/react-shared-contexts';\nimport type { MessageBarProps, MessageBarState } from './MessageBar.types';\nimport { getIntentIcon } from './getIntentIcon';\nimport { useMessageBarReflow } from './useMessageBarReflow';\nimport { useMessageBarTransitionContext } from '../../contexts/messageBarTransitionContext';\n\n/*\n Create the state required to render MessageBar.\n \n The returned state can be modified with hooks such as useMessageBarStyles_unstable,\n * before being passed to renderMessageBar_unstable.\n \n @param props - props from this instance of MessageBar\n * @param ref - reference to root HTMLElement of MessageBar\n */\nexport const useMessageBar_unstable = (props: MessageBarProps, ref: React.Ref<HTMLDivElement>): MessageBarState => {\n const { layout = 'auto', intent = 'info', politeness, shape = 'rounded' } = props;\n const computedPoliteness = politeness ?? intent === 'info' ? 'polite' : 'assertive';\n const autoReflow = layout === 'auto';\n const { ref: reflowRef, reflowing } = useMessageBarReflow(autoReflow);\n const computedLayout = autoReflow ? (reflowing ? 'multiline' : 'singleline') : layout;\n const { className: transitionClassName, nodeRef } = useMessageBarTransitionContext();\n const actionsRef = React.useRef<HTMLDivElement \| null>(null);\n const bodyRef = React.useRef<HTMLDivElement \| null>(null);\n const { announce } = useAnnounce_unstable();\n const titleId = useId();\n\n React.useEffect(() => {\n const bodyMessage = bodyRef.current?.textContent;\n const actionsMessage = actionsRef.current?.textContent;\n\n const message = [bodyMessage, actionsMessage].filter(Boolean).join(',');\n announce(message, { polite: computedPoliteness === 'polite', alert: computedPoliteness === 'assertive' });\n }, [bodyRef, actionsRef, announce, computedPoliteness]);\n\n return {\n components: {\n root: 'div',\n icon: 'div',\n bottomReflowSpacer: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, reflowRef, nodeRef),\n role: 'group',\n 'aria-labelledby': titleId,\n ...props,\n }),\n { elementType: 'div' },\n ),\n\n icon: slot.optional(props.icon, {\n renderByDefault: true,\n elementType: 'div',\n defaultProps: { children: getIntentIcon(intent) },\n }),\n bottomReflowSpacer: slot.optional(props.bottomReflowSpacer, {\n renderByDefault: computedLayout === 'multiline',\n elementType: 'div',\n }),\n layout: computedLayout,\n intent,\n transitionClassName,\n actionsRef,\n bodyRef,\n titleId,\n shape,\n };\n};\n"],"names":["useMessageBar_unstable","props","ref","layout","intent","politeness","shape","computedPoliteness","autoReflow","reflowRef","reflowing","useMessageBarReflow","computedLayout","className","transitionClassName","nodeRef","useMessageBarTransitionContext","actionsRef","React","useRef","bodyRef","announce","useAnnounce_unstable","titleId","useId","useEffect","bodyMessage","current","textContent","actionsMessage","message","filter","Boolean","join","polite","alert","components","root","icon","bottomReflowSpacer","slot","always","getIntrinsicElementProps","useMergedRefs","role","elementType","optional","renderByDefault","defaultProps","children","getIntentIcon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBaA;;;eAAAA;;;;iEAjBU;gCAC8C;qCAChC;+BAEP;qCACM;6CACW;AAWxC,MAAMA,yBAAyB,CAACC,OAAwBC;IAC7D,MAAM,EAAEC,SAAS,MAAM,EAAEC,SAAS,MAAM,EAAEC,UAAU,EAAEC,QAAQ,SAAS,EAAE,GAAGL;IAC5E,MAAMM,qBAAqBF,CAAAA,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAcD,WAAW,MAAA,IAAS,WAAW;IACxE,MAAMI,aAAaL,WAAW;IAC9B,MAAM,EAAED,KAAKO,SAAS,EAAEC,SAAS,EAAE,GAAGC,IAAAA,wCAAAA,EAAoBH;IAC1D,MAAMI,iBAAiBJ,aAAcE,YAAY,cAAc,eAAgBP;IAC/E,MAAM,EAAEU,WAAWC,mBAAmB,EAAEC,OAAO,EAAE,GAAGC,IAAAA,2DAAAA;IACpD,MAAMC,aAAaC,OAAMC,MAAM,CAAwB;IACvD,MAAMC,UAAUF,OAAMC,MAAM,CAAwB;IACpD,MAAM,EAAEE,QAAQ,EAAE,GAAGC,IAAAA,yCAAAA;IACrB,MAAMC,UAAUC,IAAAA,qBAAAA;IAEhBN,OAAMO,SAAS,CAAC;YACML,kBACGH;QADvB,MAAMS,cAAAA,AAAcN,CAAAA,mBAAAA,QAAQO,OAAO,AAAPA,MAAO,QAAfP,qBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,iBAAiBQ,WAAW;QAChD,MAAMC,iBAAAA,AAAiBZ,CAAAA,sBAAAA,WAAWU,OAAO,AAAPA,MAAO,QAAlBV,wBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,oBAAoBW,WAAW;QAEtD,MAAME,UAAU;YAACJ;YAAaG;SAAe,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QACnEZ,SAASS,SAAS;YAAEI,QAAQ3B,uBAAuB;YAAU4B,OAAO5B,uBAAuB;QAAY;IACzG,GAAG;QAACa;QAASH;QAAYI;QAAUd;KAAmB;IAEtD,OAAO;QACL6B,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,oBAAoB;QACtB;QACAF,MAAMG,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BxC,KAAKyC,IAAAA,6BAAAA,EAAczC,KAAKO,WAAWM;YACnC6B,MAAM;YACN,mBAAmBrB;YACnB,GAAGtB,KAAK;QACV,IACA;YAAE4C,aAAa;QAAM;QAGvBP,MAAME,oBAAAA,CAAKM,QAAQ,CAAC7C,MAAMqC,IAAI,EAAE;YAC9BS,iBAAiB;YACjBF,aAAa;YACbG,cAAc;gBAAEC,UAAUC,IAAAA,4BAAAA,EAAc9C;YAAQ;QAClD;QACAmC,oBAAoBC,oBAAAA,CAAKM,QAAQ,CAAC7C,MAAMsC,kBAAkB,EAAE;YAC1DQ,iBAAiBnC,mBAAmB;YACpCiC,aAAa;QACf;QACA1C,QAAQS;QACRR;QACAU;QACAG;QACAG;QACAG;QACAjB;IACF;AACF"}

package/lib-commonjs/components/MessageBar/useMessageBarContextValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useMessageBarContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useMessageBarContextValue_unstable(state) {\n const { layout, actionsRef, bodyRef, titleId } = state;\n const messageBarContext = React.useMemo(()=>({\n layout,\n actionsRef,\n bodyRef,\n titleId\n }), ~~[\n layout,\n~~ actionsRef~~,\n~~ bodyRef,\n ~~titleId\n ]~~);\n return {\n messageBar: messageBarContext\n };\n}\n"],"names":["useMessageBarContextValue_unstable","state","layout","actionsRef","bodyRef","titleId","messageBarContext","React","useMemo","messageBar"],"mappings":";;;;+~~BACgBA~~;;;eAAAA;;;;~~iEADO~~;~~AAChB~~,SAASA,mCAAmCC,~~KAAK~~;~~IACpD~~,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGJ;~~IACjD~~,MAAMK,oBAAoBC,OAAMC,OAAO,~~CAAC~~,~~IAAK~~,CAAA;~~YACrCN~~;YACAC;YACAC;YACAC;~~QACJ~~,CAAA,~~GAAI~~;~~QACJH~~;~~QACAC~~;~~QACAC~~;~~QACAC~~;~~KACH~~;~~IACD~~,OAAO;~~QACHI~~,YAAYH;~~IAChB~~;~~AACJ~~"}
1	+ {"version":3,"sources":["useMessageBarContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport { MessageBarContextValues, MessageBarState } from './MessageBar.types';\n\nexport function useMessageBarContextValue_unstable(state: MessageBarState): MessageBarContextValues {\n const { layout, actionsRef, bodyRef, titleId } = state;\n\n const messageBarContext = React.useMemo(\n () => ({\n layout,\n actionsRef,\n bodyRef,\n titleId,\n }),\n [layout, actionsRef, bodyRef, titleId],\n );\n\n return {\n messageBar: messageBarContext,\n };\n}\n"],"names":["useMessageBarContextValue_unstable","state","layout","actionsRef","bodyRef","titleId","messageBarContext","React","useMemo","messageBar"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;AAGhB,SAASA,mCAAmCC,KAAsB;IACvE,MAAM,EAAEC,MAAM,EAAEC,UAAU,EAAEC,OAAO,EAAEC,OAAO,EAAE,GAAGJ;IAEjD,MAAMK,oBAAoBC,OAAMC,OAAO,CACrC,IAAO,CAAA;YACLN;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QAACH;QAAQC;QAAYC;QAASC;KAAQ;IAGxC,OAAO;QACLI,YAAYH;IACd;AACF"}

package/lib-commonjs/components/MessageBar/useMessageBarReflow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useMessageBarReflow.js"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { isHTMLElement } from '@fluentui/react-utilities';\nexport function useMessageBarReflow(enabled = false) {\n const { targetDocument } = useFluent();\n const forceUpdate = React.useReducer(()=>({}), {})[1];\n const reflowingRef = React.useRef(false);\n // TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286\n // eslint-disable-next-line no-restricted-globals\n const resizeObserverRef = React.useRef(null);\n const prevInlineSizeRef = React.useRef(-1);\n const handleResize = React.useCallback((entries)=>{\n // Resize observer is only owned by this component - one resize observer entry expected\n // No need to support multiple fragments - one border box entry expected\n if (process.env.NODE_ENV !== 'production' && entries.length > 1) {\n // eslint-disable-next-line no-console\n console.error([\n 'useMessageBarReflow: Resize observer should only have one entry. ',\n 'If multiple entries are observed, the first entry will be used.',\n 'This is a bug, please report it to the Fluent UI team.'\n ].join(' '));\n }\n const entry = entries[0];\n const borderBoxSize = entry ~~=== null \|\| entry === void 0 ? void 0 : entry.~~borderBoxSize[0];\n if (!borderBoxSize \|\| !entry) {\n return;\n }\n const { inlineSize } = borderBoxSize;\n const { target } = entry;\n if (!isHTMLElement(target)) {\n return;\n }\n let nextReflowing;\n // No easy way to really determine when the single line layout will fit\n // Just keep try to set single line layout as long as the size is growing\n // Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case\n if (reflowingRef.current) {\n if (prevInlineSizeRef.current < inlineSize) {\n nextReflowing = false;\n }\n } else {\n const scrollWidth = target.scrollWidth;\n if (inlineSize < scrollWidth) {\n nextReflowing = true;\n }\n }\n prevInlineSizeRef.current = inlineSize;\n if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {\n reflowingRef.current = nextReflowing;\n forceUpdate();\n }\n }, [\n forceUpdate\n ]);\n const ref = React.useCallback((el)=>{\n ~~var _resizeObserverRef_current;\n~~ if (!enabled \|\| !el \|\| !(targetDocument ~~=== null \|\| targetDocument === void 0 ? void 0 : targetDocument.~~defaultView)) {\n return;\n }\n ~~(_resizeObserverRef_current =~~ resizeObserverRef.current~~) === null \|\| _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.~~disconnect();\n const win = targetDocument.defaultView;\n const resizeObserver = new win.ResizeObserver(handleResize);\n resizeObserverRef.current = resizeObserver;\n resizeObserver.observe(el, {\n box: 'border-box'\n });\n }, ~~[\n targetDocument,\n~~ handleResize,\n ~~enabled\n ]~~);\n React.useEffect(()=>{\n return ()=>{\n ~~var _resizeObserverRef_current;\n (_resizeObserverRef_current =~~ resizeObserverRef.current~~) === null \|\| _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.~~disconnect();\n };\n }, []);\n return {\n ref~~,\n~~ reflowing: reflowingRef.current\n };\n}\n"],"names":["useMessageBarReflow","enabled","targetDocument","useFluent","forceUpdate","React","useReducer","reflowingRef","useRef","resizeObserverRef","prevInlineSizeRef","handleResize","useCallback","entries","process","env","NODE_ENV","length","console","error","join","entry","borderBoxSize","inlineSize","target","isHTMLElement","nextReflowing","current","scrollWidth","ref","el","~~_resizeObserverRef_current","~~defaultView","disconnect","win","resizeObserver","ResizeObserver","observe","box","useEffect","reflowing"],"mappings":";;;;+~~BAGgBA~~;;;eAAAA;;;;~~iEAHO~~;qCACyB;gCAClB;~~AACvB~~,SAASA,oBAAoBC,~~UAAU~~,KAAK;~~IAC/C~~,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,~~uCAAS~~;~~IACpC~~,MAAMC,cAAcC,OAAMC,UAAU,CAAC,~~IAAK~~,CAAA,CAAC,CAAA,GAAI,CAAC,EAAE,CAAC,EAAE;~~IACrD~~,MAAMC,eAAeF,OAAMG,MAAM,CAAC;IAClC,8FAA8F;IAC9F,iDAAiD;IACjD,MAAMC,oBAAoBJ,OAAMG,MAAM,~~CAAC~~;~~IACvC~~,MAAME,oBAAoBL,OAAMG,MAAM,CAAC,CAAC;~~IACxC~~,MAAMG,~~eAAeN~~,OAAMO,WAAW,~~CAAC~~,~~CAACC~~;~~QACpC~~,uFAAuF;QACvF,wEAAwE;QACxE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBH,QAAQI,MAAM,GAAG,GAAG;~~YAC7D~~,sCAAsC;YACtCC,QAAQC,KAAK,~~CAAC~~;~~gBACV~~;gBACA;gBACA;~~aACH~~,CAACC,IAAI,CAAC;~~QACX~~;~~QACA~~,MAAMC,QAAQR,OAAO,CAAC,EAAE;QACxB,MAAMS,gBAAgBD,~~UAAU~~,~~QAAQA~~,~~UAAU~~,~~KAAK~~,~~IAAI~~,~~KAAK~~,~~IAAIA~~,~~MAAMC~~,aAAa,CAAC,EAAE;~~QAC1F~~,IAAI,CAACA,iBAAiB,CAACD,OAAO;~~YAC1B~~;~~QACJ~~;~~QACA~~,MAAM,EAAEE,UAAU,EAAE,GAAGD;QACvB,MAAM,EAAEE,MAAM,EAAE,GAAGH;~~QACnB~~,IAAI,CAACI,IAAAA,~~6BAAa~~,~~EAACD~~,SAAS;~~YACxB~~;~~QACJ~~;~~QACA~~,IAAIE;~~QACJ~~,uEAAuE;QACvE,yEAAyE;QACzE,iHAAiH;QACjH,IAAInB,aAAaoB,OAAO,EAAE;~~YACtB~~,IAAIjB,kBAAkBiB,OAAO,GAAGJ,YAAY;~~gBACxCG~~,gBAAgB;~~YACpB~~;~~QACJ~~,OAAO;~~YACH~~,MAAME,cAAcJ,OAAOI,WAAW;YACtC,IAAIL,aAAaK,aAAa;~~gBAC1BF~~,gBAAgB;~~YACpB~~;~~QACJ~~;~~QACAhB~~,kBAAkBiB,OAAO,GAAGJ;QAC5B,IAAI,OAAOG,kBAAkB,eAAenB,aAAaoB,OAAO,KAAKD,eAAe;~~YAChFnB~~,aAAaoB,OAAO,GAAGD;YACvBtB;~~QACJ~~;~~IACJ~~,~~GAAG~~;~~QACCA~~;~~KACH~~;~~IACD~~,MAAMyB,MAAMxB,OAAMO,WAAW,~~CAAC~~,CAACkB;~~QAC3B,IAAIC~~;~~QACJ~~,IAAI,~~CAAC9B~~,WAAW,CAAC6B,MAAM,~~CAAE5B~~,CAAAA,~~mBAAmB~~,~~QAAQA~~,~~mBAAmB~~,~~KAAK~~,~~IAAI~~,~~KAAK~~,~~IAAIA~~,~~eAAe8B~~,WAAW,~~AAAD~~,~~GAAI~~;~~YAClH~~;~~QACJ~~;~~QACCD~~,CAAAA,~~6BAA6BtB~~,kBAAkBkB,OAAO,~~AAAD~~,MAAO,~~QAAQI~~,+~~BAA+B~~,~~KAAK~~,~~IAAI~~,~~KAAK~~,~~IAAIA~~,~~2BAA2BE~~,UAAU;~~QAC3J~~,MAAMC,~~MAAMhC~~,~~eAAe8B~~,WAAW;QACtC,MAAMG,iBAAiB,IAAID,IAAIE,cAAc,~~CAACzB~~;QAC9CF,kBAAkBkB,OAAO,~~GAAGQ~~;QAC5BA,eAAeE,OAAO,~~CAACP~~,IAAI;~~YACvBQ~~,KAAK;~~QACT~~;~~IACJ~~,~~GAAG~~;~~QACCpC~~;~~QACAS~~;~~QACAV~~;~~KACH~~;~~IACDI~~,~~OAAMkC~~,SAAS,CAAC;~~QACZ~~,OAAO;~~YACH,IAAIR~~;~~YACHA~~,CAAAA,~~6BAA6BtB~~,kBAAkBkB,OAAO,~~AAAD~~,MAAO,~~QAAQI~~,+~~BAA+B~~,~~KAAK~~,~~IAAI~~,~~KAAK~~,~~IAAIA~~,~~2BAA2BE~~,UAAU;~~QAC/J~~;~~IACJ~~,GAAG,EAAE;~~IACL~~,OAAO;~~QACHJ~~;~~QACAW~~,~~WAAWjC~~,aAAaoB,OAAO;~~IACnC~~;~~AACJ~~"}
1	+ {"version":3,"sources":["useMessageBarReflow.ts"],"sourcesContent":["import * as React from 'react';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { isHTMLElement } from '@fluentui/react-utilities';\n\nexport function useMessageBarReflow(enabled: boolean = false) {\n const { targetDocument } = useFluent();\n const forceUpdate = React.useReducer(() => ({}), {})[1];\n const reflowingRef = React.useRef(false);\n // TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286\n // eslint-disable-next-line no-restricted-globals\n const resizeObserverRef = React.useRef<ResizeObserver \| null>(null);\n const prevInlineSizeRef = React.useRef(-1);\n\n const handleResize: ResizeObserverCallback = React.useCallback(\n entries => {\n // Resize observer is only owned by this component - one resize observer entry expected\n // No need to support multiple fragments - one border box entry expected\n if (process.env.NODE_ENV !== 'production' && entries.length > 1) {\n // eslint-disable-next-line no-console\n console.error(\n [\n 'useMessageBarReflow: Resize observer should only have one entry. ',\n 'If multiple entries are observed, the first entry will be used.',\n 'This is a bug, please report it to the Fluent UI team.',\n ].join(' '),\n );\n }\n\n const entry = entries[0];\n const borderBoxSize = entry?.borderBoxSize[0];\n if (!borderBoxSize \|\| !entry) {\n return;\n }\n\n const { inlineSize } = borderBoxSize;\n const { target } = entry;\n\n if (!isHTMLElement(target)) {\n return;\n }\n\n let nextReflowing: boolean \| undefined;\n\n // No easy way to really determine when the single line layout will fit\n // Just keep try to set single line layout as long as the size is growing\n // Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case\n if (reflowingRef.current) {\n if (prevInlineSizeRef.current < inlineSize) {\n nextReflowing = false;\n }\n } else {\n const scrollWidth = target.scrollWidth;\n if (inlineSize < scrollWidth) {\n nextReflowing = true;\n }\n }\n\n prevInlineSizeRef.current = inlineSize;\n if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {\n reflowingRef.current = nextReflowing;\n forceUpdate();\n }\n },\n [forceUpdate],\n );\n\n const ref = React.useCallback(\n (el: HTMLElement \| null) => {\n if (!enabled \|\| !el \|\| !targetDocument?.defaultView) {\n return;\n }\n\n resizeObserverRef.current?.disconnect();\n\n const win = targetDocument.defaultView;\n const resizeObserver = new win.ResizeObserver(handleResize);\n resizeObserverRef.current = resizeObserver;\n resizeObserver.observe(el, { box: 'border-box' });\n },\n [targetDocument, handleResize, enabled],\n );\n\n React.useEffect(() => {\n return () => {\n resizeObserverRef.current?.disconnect();\n };\n }, []);\n\n return { ref, reflowing: reflowingRef.current };\n}\n"],"names":["useMessageBarReflow","enabled","targetDocument","useFluent","forceUpdate","React","useReducer","reflowingRef","useRef","resizeObserverRef","prevInlineSizeRef","handleResize","useCallback","entries","process","env","NODE_ENV","length","console","error","join","entry","borderBoxSize","inlineSize","target","isHTMLElement","nextReflowing","current","scrollWidth","ref","el","defaultView","disconnect","win","resizeObserver","ResizeObserver","observe","box","useEffect","reflowing"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAIgBA;;;eAAAA;;;;iEAJO;qCACyB;gCAClB;AAEvB,SAASA,oBAAoBC,UAAmB,KAAK;IAC1D,MAAM,EAAEC,cAAc,EAAE,GAAGC,IAAAA,uCAAAA;IAC3B,MAAMC,cAAcC,OAAMC,UAAU,CAAC,IAAO,CAAA,CAAC,CAAA,GAAI,CAAC,EAAE,CAAC,EAAE;IACvD,MAAMC,eAAeF,OAAMG,MAAM,CAAC;IAClC,8FAA8F;IAC9F,iDAAiD;IACjD,MAAMC,oBAAoBJ,OAAMG,MAAM,CAAwB;IAC9D,MAAME,oBAAoBL,OAAMG,MAAM,CAAC,CAAC;IAExC,MAAMG,eAAuCN,OAAMO,WAAW,CAC5DC,CAAAA;QACE,uFAAuF;QACvF,wEAAwE;QACxE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBH,QAAQI,MAAM,GAAG,GAAG;YAC/D,sCAAsC;YACtCC,QAAQC,KAAK,CACX;gBACE;gBACA;gBACA;aACD,CAACC,IAAI,CAAC;QAEX;QAEA,MAAMC,QAAQR,OAAO,CAAC,EAAE;QACxB,MAAMS,gBAAgBD,UAAAA,QAAAA,UAAAA,KAAAA,IAAAA,KAAAA,IAAAA,MAAOC,aAAa,CAAC,EAAE;QAC7C,IAAI,CAACA,iBAAiB,CAACD,OAAO;YAC5B;QACF;QAEA,MAAM,EAAEE,UAAU,EAAE,GAAGD;QACvB,MAAM,EAAEE,MAAM,EAAE,GAAGH;QAEnB,IAAI,CAACI,IAAAA,6BAAAA,EAAcD,SAAS;YAC1B;QACF;QAEA,IAAIE;QAEJ,uEAAuE;QACvE,yEAAyE;QACzE,iHAAiH;QACjH,IAAInB,aAAaoB,OAAO,EAAE;YACxB,IAAIjB,kBAAkBiB,OAAO,GAAGJ,YAAY;gBAC1CG,gBAAgB;YAClB;QACF,OAAO;YACL,MAAME,cAAcJ,OAAOI,WAAW;YACtC,IAAIL,aAAaK,aAAa;gBAC5BF,gBAAgB;YAClB;QACF;QAEAhB,kBAAkBiB,OAAO,GAAGJ;QAC5B,IAAI,OAAOG,kBAAkB,eAAenB,aAAaoB,OAAO,KAAKD,eAAe;YAClFnB,aAAaoB,OAAO,GAAGD;YACvBtB;QACF;IACF,GACA;QAACA;KAAY;IAGf,MAAMyB,MAAMxB,OAAMO,WAAW,CAC3B,CAACkB;YAKCrB;QAJA,IAAI,CAACR,WAAW,CAAC6B,MAAM,CAAC5B,CAAAA,mBAAAA,QAAAA,mBAAAA,KAAAA,IAAAA,KAAAA,IAAAA,eAAgB6B,WAAW,AAAXA,GAAa;YACnD;QACF;QAEAtB,CAAAA,6BAAAA,kBAAkBkB,OAAO,AAAPA,MAAO,QAAzBlB,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAA2BuB,UAAU;QAErC,MAAMC,MAAM/B,eAAe6B,WAAW;QACtC,MAAMG,iBAAiB,IAAID,IAAIE,cAAc,CAACxB;QAC9CF,kBAAkBkB,OAAO,GAAGO;QAC5BA,eAAeE,OAAO,CAACN,IAAI;YAAEO,KAAK;QAAa;IACjD,GACA;QAACnC;QAAgBS;QAAcV;KAAQ;IAGzCI,OAAMiC,SAAS,CAAC;QACd,OAAO;gBACL7B;YAAAA,CAAAA,6BAAAA,kBAAkBkB,OAAO,AAAPA,MAAO,QAAzBlB,+BAAAA,KAAAA,IAAAA,KAAAA,IAAAA,2BAA2BuB,UAAU;QACvC;IACF,GAAG,EAAE;IAEL,OAAO;QAAEH;QAAKU,WAAWhC,aAAaoB,OAAO;IAAC;AAChD"}

package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.js CHANGED Viewed

@@ -156,6 +156,7 @@ const useRootIntentStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useMessageBarStyles_unstable = (state)=>{
+    'use no memo';
     const rootBaseStyles = useRootBaseStyles();
     const iconBaseStyles = useIconBaseStyles();
     const iconIntentStyles = useIconIntentStyles();

package/lib-commonjs/components/MessageBar/useMessageBarStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["import { ~~__resetStyles~~, ~~__styles~~, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarClassNames = {\n root: 'fui-MessageBar',\n icon: 'fui-MessageBar__icon',\n bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'\n};\nconst useRootBaseStyles = ~~/#__PURE__/__resetStyles~~(\~~"r2oyxsj\",~~ ~~\"r1wuyrhw\", [\".r2oyxsj{white-space:~~nowrap;display:grid~~;grid-template-columns~~:auto 1fr auto auto~~;grid-template-rows~~:1fr~~;grid-template-areas:\\\"icon body secondaryActions actions\\\";padding-left~~:~~var(--spacingHorizontalM);border:var(--strokeWidthThin)~~ ~~solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);align-items:center;min-height:36px;box-sizing:border-box;background-color:var(--colorNeutralBackground3);}~~\"~~, \".r1wuyrhw{white-space:nowrap;display:grid;grid-template-columns:auto 1fr auto auto;grid-template-rows:1fr;grid-template-areas:\\\"~~icon body secondaryActions actions~~\\\~~"~~;padding-right~~:~~var(--~~spacingHorizontalM);border:~~var(--~~strokeWidthThin) solid ~~var(--~~colorNeutralStroke1~~);border-radius~~:~~var(--~~borderRadiusMedium~~);align-items~~:center~~;min-height~~:36px~~;box-sizing~~:border-box~~;background-color~~:~~var(--~~colorNeutralBackground3);}~~\"]~~);\nconst useIconBaseStyles = ~~/#__PURE__/__resetStyles~~(\~~"r1df1z33\",~~ ~~\"rivnfjc\",~~ ~~[\"~~.~~r1df1z33{grid-area:icon;font-size:var(--~~fontSizeBase500~~);margin-right~~:~~var(--~~spacingHorizontalS);color:~~var(--colorNeutralForeground3);display:flex;align-items:center;}\",~~ \".~~rivnfjc{grid-area:icon;font-size:var(--fontSizeBase500);margin-left:var(--spacingHorizontalS);color:var(--~~colorNeutralForeground3);display:flex~~;align-items~~:center;}~~\"]~~);\nconst useReflowSpacerBaseStyles = ~~/#__PURE__/__resetStyles~~(\~~"r1vx593n\",~~ ~~null, [\"~~.~~r1vx593n{margin-bottom:var(--~~spacingVerticalS~~);grid-area~~:secondaryActions;}~~\"]~~);\nconst useStyles = ~~/#__PURE__/__styles~~({\n rootMultiline: {\n ~~Huce71~~: ~~\"f6juhto\"~~,\n ~~Bt984gj~~: ~~\"f1s2louj\"~~,\n ~~z8tnut~~: ~~\"f1ngh7ph\"~~,\n ~~Budl1dq~~: ~~\"f17g0uqy\",\n zoa1oz:~~ ~~\"f1w7oly7\"\n }~~,\n ~~secondaryActionsMultiline~~: {\n ~~Brf1p80:~~ \"~~f1e8xxv9\",\n B6of3ja:~~ ~~\"f1gaxbfw\",\n jrapky:~~ \"~~fqcjy3b~~\~~",\~~n ~~t21cq0: [~~\"~~fibjyge\",~~ \"~~f9yszdx~~\~~"]\~~n },\n ~~square~~: {\n ~~Beyfa6y~~: 0,\n ~~Bbmb7ep~~: 0,\n ~~Btl43ni~~: 0,\n ~~B7oj6ja~~: 0,\n ~~Dimara~~: ~~\"fokr779\"\n }\n},~~ {\n d: [\".f6juhto{white-space:normal;}\", \".f1s2louj{align-items:start;}\", \".f1ngh7ph{padding-top:var(--spacingVerticalMNudge);}\", \".f17g0uqy{grid-template-columns:auto 1fr auto;}\", \".f1w7oly7{grid-template-areas:\\\"icon body actions\\\" \\\"secondaryActions secondaryActions secondaryActions\\\";}\", \".f1e8xxv9{justify-content:end;}\", \".f1gaxbfw{margin-top:var(--spacingVerticalMNudge);}\", \".fqcjy3b{margin-bottom:var(--spacingVerticalS);}\", \".fibjyge{margin-right:0px;}\", \".f9yszdx{margin-left:0px;}\", [\".fokr779{border-radius:0;}\~~", {\~~n ~~p: -1\n~~ }]]\n});\nconst useIconIntentStyles = ~~/#__PURE__/__styles~~({\n info: {},\n error: {\n ~~sj55zd~~: \~~"f1ca9wz\"\~~n },\n warning: {\n ~~sj55zd~~: \~~"f14a4cve\"\~~n },\n success: {\n ~~sj55zd: \"f36rra6\"\n }\n}, {\n d: [\".f1ca9wz{~~color:~~var(--colorStatusDangerForeground1);}\",~~ \".~~f14a4cve{color:var(--colorStatusWarningForeground3);}~~\~~", \".f36rra6{color:var(--colorStatusSuccessForeground1);~~}\~~"]\~~n});\nconst useRootIntentStyles = ~~/#__PURE__/__styles~~({\n info: {~~},\n error: {~~\n ~~De3pzq: \"f1eon7jj\"~~,\n ~~g2u3we~~: \~~"f1f8dvr7\",\~~n ~~h3c5rm~~: ~~[\"f1g1ijmo\", \"f1nxacbt\"]~~,\n ~~B9xav0g:~~ \~~"fo25q1j\",\~~n ~~zhjwy3: [\"f1nxacbt\", \"f1g1ijmo\"]\n~~ },\n warning: {\n ~~De3pzq~~: ~~\"f13ftzij\"~~,\n ~~g2u3we:~~ \~~"frd1ypx\",\~~n ~~h3c5rm: [\"f1gyjrma\", \"f18qd5xz\"]~~,\n ~~B9xav0g: \"fqyqtrt\",\n zhjwy3: [\"f18qd5xz\", \"f1gyjrma\"]\n },\n~~ success: {\n ~~De3pzq~~: ~~\"f64thcm\"~~,\n ~~g2u3we: \"f1b4u7v\",\n h3c5rm: [\"f1nyd2b1\", \"f70v3om\"],\n B9xav0g: \"fk173vo\",\n zhjwy3: [\"f70v3om\", \"f1nyd2b1\"]\n }\n}, {\n d: [\"~~.~~f1eon7jj{background-color:var~~(~~--colorStatusDangerBackground1);}\", \"~~.f1f8dvr7{border-top-color:var(--colorStatusDangerBorder1);}\", \".f1g1ijmo{border-right-color:var(--colorStatusDangerBorder1);}\", \".f1nxacbt{border-left-color:var(--colorStatusDangerBorder1);}\", \".fo25q1j{border-bottom-color:var(--colorStatusDangerBorder1);}\", \".f13ftzij{background-color:var(--colorStatusWarningBackground1);}\", \".frd1ypx{border-top-color:var(--colorStatusWarningBorder1);}\", \".f1gyjrma{border-right-color:var(--colorStatusWarningBorder1);}\", \".f18qd5xz{border-left-color:var(--colorStatusWarningBorder1);}\", \".fqyqtrt{border-bottom-color:var(--colorStatusWarningBorder1);}\", \".f64thcm{background-color:var(--colorStatusSuccessBackground1);}\", \".f1b4u7v{border-top-color:var(--colorStatusSuccessBorder1);}\~~", \".f1nyd2b1{border-right-color:var(--colorStatusSuccessBorder1);~~}\~~", \".f70v3om{border-left-color:var(--colorStatusSuccessBorder1);}\", \".fk173vo{border-bottom-color:var(--colorStatusSuccessBorder1);}\"]\~~n});\n/*\n Apply styling to the MessageBar slots based on the state\n */\nexport const useMessageBarStyles_unstable = state => {\n const rootBaseStyles = useRootBaseStyles();\n const iconBaseStyles = useIconBaseStyles();\n const iconIntentStyles = useIconIntentStyles();\n const rootIntentStyles = useRootIntentStyles();\n const reflowSpacerStyles = useReflowSpacerBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.transitionClassName, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);\n }\n if (state.bottomReflowSpacer) {\n state.bottomReflowSpacer.className = mergeClasses(messageBarClassNames.bottomReflowSpacer, reflowSpacerStyles);\n }\n return state;\n};\n~~//# sourceMappingURL=useMessageBarStyles.styles.js.map~~"],"names":["messageBarClassNames","useMessageBarStyles_unstable","root","icon","bottomReflowSpacer","useRootBaseStyles","__resetStyles","useIconBaseStyles","useReflowSpacerBaseStyles","useStyles","__styles","rootMultiline","Huce71","Bt984gj","z8tnut","Budl1dq","zoa1oz","secondaryActionsMultiline","Brf1p80","B6of3ja","jrapky","t21cq0","square","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useIconIntentStyles","info","error","sj55zd","warning","success","useRootIntentStyles","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","state","rootBaseStyles","iconBaseStyles","iconIntentStyles","rootIntentStyles","reflowSpacerStyles","styles","className","mergeClasses","layout","shape","intent","transitionClassName"],"mappings":";;;;;;;;;;;IAEaA,oBAAoB;eAApBA;;~~IA6EAC~~,4BAA4B;eAA5BA;;;~~uBA~~/~~EqD;AAE3D~~,MAAMD,uBAAuB;~~IAClCE~~,MAAM;IACNC,MAAM;IACNC,oBAAoB;~~AACtB~~;AACA,MAAMC,~~oBAAoB~~,~~WAAW~~,~~GAAEC~~,IAAAA,~~oBAAa~~,~~EAAC~~,~~WAAW~~,~~YAAY~~;~~IAAC~~;~~IAAga~~;~~CAAia~~;~~AAC94B~~,MAAMC,~~oBAAoB~~,~~WAAW~~,~~GAAED~~,IAAAA,~~oBAAa~~,~~EAAC~~,~~YAAY~~,~~WAAW~~;~~IAAC~~;~~IAA2K~~;~~CAAwK~~;~~AACha~~,MAAME,~~4BAA4B~~,~~WAAW~~,~~GAAEF~~,IAAAA,~~oBAAa~~,~~EAAC~~,~~YAAY~~,~~MAAM~~;~~IAAC~~;~~CAA+E~~;~~AAC/J~~,MAAMG,~~YAAY~~,~~WAAW~~,~~GAAEC~~,IAAAA,~~eAAQ~~,~~EAAC~~;~~IACtCC~~,~~eAAe~~;~~QACbC~~,~~QAAQ~~;~~QACRC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~QACRC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~IACV~~;~~IACAC~~,~~2BAA2B~~;~~QACzBC~~,~~SAAS~~;~~QACTC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~YAAC~~;~~YAAW~~;~~SAAU~~;~~IAChC~~;~~IACAC~~,~~QAAQ~~;~~QACNC~~,~~SAAS~~;~~QACTC~~,~~SAAS~~;~~QACTC~~,~~SAAS~~;~~QACTC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~IACV~~;~~AACF~~,~~GAAG~~;~~IACDC~~,~~GAAG~~;~~QAAC~~;~~QAAiC~~;~~QAAiC~~;~~QAAwD~~;~~QAAmD~~;~~QAAgH~~;~~QAAmC~~;~~QAAuD~~;~~QAAoD~~;~~QAA+B~~;~~QAA8B~~;~~YAAC~~;~~YAA8B~~;~~gBACzgBC~~,~~GAAG~~,~~CAAC~~;~~YACN~~;~~SAAE~~;~~KAAC~~;~~AACL~~;~~AACA~~,MAAMC,~~sBAAsB~~,~~WAAW~~,~~GAAEpB~~,IAAAA,~~eAAQ~~,~~EAAC~~;~~IAChDqB~~,~~MAAM~~,~~CAAC~~;~~IACPC~~,~~OAAO~~;~~QACLC~~,~~QAAQ~~;~~IACV~~;~~IACAC~~,~~SAAS~~;~~QACPD~~,~~QAAQ~~;~~IACV~~;~~IACAE~~,~~SAAS~~;~~QACPF~~,~~QAAQ~~;~~IACV~~;~~AACF~~,~~GAAG~~;~~IACDL~~,~~GAAG~~;~~QAAC~~;~~QAAwD~~;~~QAA0D~~;~~KAAwD~~;~~AAChL~~;~~AACA~~,MAAMQ,~~sBAAsB~~,~~WAAW~~,~~GAAE1B~~,IAAAA,~~eAAQ~~,~~EAAC~~;~~IAChDqB~~,~~MAAM~~,~~CAAC~~;~~IACPC~~,~~OAAO~~;~~QACLK~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~YAAC~~;~~YAAY~~;~~SAAW~~;~~QAChCC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~YAAC~~;~~YAAY~~;~~SAAW~~;~~IAClC~~;~~IACAP~~,~~SAAS~~;~~QACPG~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~YAAC~~;~~YAAY~~;~~SAAW~~;~~QAChCC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~YAAC~~;~~YAAY~~;~~SAAW~~;~~IAClC~~;~~IACAN~~,~~SAAS~~;~~QACPE~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~YAAC~~;~~YAAY~~;~~SAAU~~;~~QAC/BC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~YAAC~~;~~YAAW~~;~~SAAW~~;~~IACjC~~;~~AACF~~,~~GAAG~~;~~IACDb~~,~~GAAG~~;~~QAAC~~;~~QAAoE~~;~~QAAgE~~;~~QAAkE~~;~~QAAiE~~;~~QAAkE~~;~~QAAqE~~;~~QAAgE~~;~~QAAmE~~;~~QAAkE~~;~~QAAmE~~;~~QAAoE~~;~~QAAgE~~;~~QAAmE~~;~~QAAiE~~;~~KAAkE~~;~~AACt+B~~;~~AAIO~~,MAAM3B,+~~BAA+ByC~~,CAAAA;~~IAC1C~~,MAAMC,iBAAiBtC;IACvB,MAAMuC,iBAAiBrC;IACvB,MAAMsC,mBAAmBf;IACzB,MAAMgB,mBAAmBV;IACzB,MAAMW,qBAAqBvC;IAC3B,MAAMwC,SAASvC;IACfiC,MAAMxC,IAAI,CAAC+C,SAAS,GAAGC,IAAAA,mBAAY,EAAClD,qBAAqBE,IAAI,EAAEyC,gBAAgBD,MAAMS,MAAM,KAAK,eAAeH,OAAOrC,aAAa,EAAE+B,MAAMU,KAAK,KAAK,YAAYJ,OAAO1B,MAAM,EAAEwB,gBAAgB,CAACJ,MAAMW,MAAM,CAAC,EAAEX,MAAMY,mBAAmB,EAAEZ,MAAMxC,IAAI,CAAC+C,SAAS;IAC/P,IAAIP,MAAMvC,IAAI,EAAE;~~QACduC~~,MAAMvC,IAAI,CAAC8C,SAAS,GAAGC,IAAAA,mBAAY,EAAClD,qBAAqBG,IAAI,EAAEyC,gBAAgBC,gBAAgB,CAACH,MAAMW,MAAM,CAAC,EAAEX,MAAMvC,IAAI,CAAC8C,SAAS;~~IACrI~~;IACA,IAAIP,MAAMtC,kBAAkB,EAAE;~~QAC5BsC~~,MAAMtC,kBAAkB,CAAC6C,SAAS,GAAGC,IAAAA,mBAAY,EAAClD,qBAAqBI,kBAAkB,EAAE2C;~~IAC7F~~;IACA,OAAOL;~~AACT,GACA,sDAAsD~~"}
1	+ {"version":3,"sources":["useMessageBarStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarClassNames = {\n root: 'fui-MessageBar',\n icon: 'fui-MessageBar__icon',\n bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'\n};\nconst useRootBaseStyles = makeResetStyles({\n whiteSpace: 'nowrap',\n display: 'grid',\n gridTemplateColumns: 'auto 1fr auto auto',\n gridTemplateRows: '1fr',\n gridTemplateAreas: '\"icon body secondaryActions actions\"',\n paddingLeft: tokens.spacingHorizontalM,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n borderRadius: tokens.borderRadiusMedium,\n alignItems: 'center',\n minHeight: '36px',\n boxSizing: 'border-box',\n backgroundColor: tokens.colorNeutralBackground3\n});\nconst useIconBaseStyles = makeResetStyles({\n gridArea: 'icon',\n fontSize: tokens.fontSizeBase500,\n marginRight: tokens.spacingHorizontalS,\n color: tokens.colorNeutralForeground3,\n display: 'flex',\n alignItems: 'center'\n});\nconst useReflowSpacerBaseStyles = makeResetStyles({\n marginBottom: tokens.spacingVerticalS,\n gridArea: 'secondaryActions'\n});\nconst useStyles = makeStyles({\n rootMultiline: {\n whiteSpace: 'normal',\n alignItems: 'start',\n paddingTop: tokens.spacingVerticalMNudge,\n gridTemplateColumns: 'auto 1fr auto',\n gridTemplateAreas: `\n \"icon body actions\"\n \"secondaryActions secondaryActions secondaryActions\"\n `\n },\n secondaryActionsMultiline: {\n justifyContent: 'end',\n marginTop: tokens.spacingVerticalMNudge,\n marginBottom: tokens.spacingVerticalS,\n marginRight: '0px'\n },\n square: {\n borderRadius: '0'\n }\n});\nconst useIconIntentStyles = makeStyles({\n info: {\n },\n error: {\n color: tokens.colorStatusDangerForeground1\n },\n warning: {\n color: tokens.colorStatusWarningForeground3\n },\n success: {\n color: tokens.colorStatusSuccessForeground1\n }\n});\nconst useRootIntentStyles = makeStyles({\n info: {\n },\n error: {\n backgroundColor: tokens.colorStatusDangerBackground1,\n ...shorthands.borderColor(tokens.colorStatusDangerBorder1)\n },\n warning: {\n backgroundColor: tokens.colorStatusWarningBackground1,\n ...shorthands.borderColor(tokens.colorStatusWarningBorder1)\n },\n success: {\n backgroundColor: tokens.colorStatusSuccessBackground1,\n ...shorthands.borderColor(tokens.colorStatusSuccessBorder1)\n }\n});\n/*\n Apply styling to the MessageBar slots based on the state\n */ export const useMessageBarStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseStyles = useRootBaseStyles();\n const iconBaseStyles = useIconBaseStyles();\n const iconIntentStyles = useIconIntentStyles();\n const rootIntentStyles = useRootIntentStyles();\n const reflowSpacerStyles = useReflowSpacerBaseStyles();\n const styles = useStyles();\n state.root.className = mergeClasses(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.transitionClassName, state.root.className);\n if (state.icon) {\n state.icon.className = mergeClasses(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);\n }\n if (state.bottomReflowSpacer) {\n state.bottomReflowSpacer.className = mergeClasses(messageBarClassNames.bottomReflowSpacer, reflowSpacerStyles);\n }\n return state;\n};\n"],"names":["messageBarClassNames","useMessageBarStyles_unstable","root","icon","bottomReflowSpacer","useRootBaseStyles","__resetStyles","useIconBaseStyles","useReflowSpacerBaseStyles","useStyles","__styles","rootMultiline","Huce71","Bt984gj","z8tnut","Budl1dq","zoa1oz","secondaryActionsMultiline","Brf1p80","B6of3ja","jrapky","t21cq0","square","Beyfa6y","Bbmb7ep","Btl43ni","B7oj6ja","Dimara","d","p","useIconIntentStyles","info","error","sj55zd","warning","success","useRootIntentStyles","De3pzq","g2u3we","h3c5rm","B9xav0g","zhjwy3","state","rootBaseStyles","iconBaseStyles","iconIntentStyles","rootIntentStyles","reflowSpacerStyles","styles","className","mergeClasses","layout","shape","intent","transitionClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,oBAAoB;eAApBA;;IAmFIC,4BAA4B;eAA5BA;;;uBArFqD;AAE/D,MAAMD,uBAAuB;IAChCE,MAAM;IACNC,MAAM;IACNC,oBAAoB;AACxB;AACA,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,WAAA,YAAA;IAAA;IAAA;CAazB;AACD,MAAMC,oBAAiB,WAAA,GAAGD,IAAAA,oBAAA,EAAA,YAAA,WAAA;IAAA;IAAA;CAOzB;AACD,MAAME,4BAAyB,WAAA,GAAGF,IAAAA,oBAAA,EAAA,YAAA,MAAA;IAAA;CAGjC;AACD,MAAMG,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,eAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,2BAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,QAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;YAAA;YAAA;gBAAAC,GAAA,CAAA;YAAA;SAAA;KAAA;AAAA;AAqBlB,MAAMC,sBAAmB,WAAA,GAAGpB,IAAAA,eAAA,EAAA;IAAAqB,MAAA,CAAA;IAAAC,OAAA;QAAAC,QAAA;IAAA;IAAAC,SAAA;QAAAD,QAAA;IAAA;IAAAE,SAAA;QAAAF,QAAA;IAAA;AAAA,GAAA;IAAAL,GAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAa5B,MAAMQ,sBAAmB,WAAA,GAAG1B,IAAAA,eAAA,EAAA;IAAAqB,MAAA,CAAA;IAAAC,OAAA;QAAAK,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAP,SAAA;QAAAG,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAN,SAAA;QAAAE,QAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;AAAA,GAAA;IAAAb,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAkBjB,MAAM3B,+BAAgCyC,CAAAA;IAC7C;IACA,MAAMC,iBAAiBtC;IACvB,MAAMuC,iBAAiBrC;IACvB,MAAMsC,mBAAmBf;IACzB,MAAMgB,mBAAmBV;IACzB,MAAMW,qBAAqBvC;IAC3B,MAAMwC,SAASvC;IACfiC,MAAMxC,IAAI,CAAC+C,SAAS,GAAGC,IAAAA,mBAAY,EAAClD,qBAAqBE,IAAI,EAAEyC,gBAAgBD,MAAMS,MAAM,KAAK,eAAeH,OAAOrC,aAAa,EAAE+B,MAAMU,KAAK,KAAK,YAAYJ,OAAO1B,MAAM,EAAEwB,gBAAgB,CAACJ,MAAMW,MAAM,CAAC,EAAEX,MAAMY,mBAAmB,EAAEZ,MAAMxC,IAAI,CAAC+C,SAAS;IAC/P,IAAIP,MAAMvC,IAAI,EAAE;QACZuC,MAAMvC,IAAI,CAAC8C,SAAS,GAAGC,IAAAA,mBAAY,EAAClD,qBAAqBG,IAAI,EAAEyC,gBAAgBC,gBAAgB,CAACH,MAAMW,MAAM,CAAC,EAAEX,MAAMvC,IAAI,CAAC8C,SAAS;IACvI;IACA,IAAIP,MAAMtC,kBAAkB,EAAE;QAC1BsC,MAAMtC,kBAAkB,CAAC6C,SAAS,GAAGC,IAAAA,mBAAY,EAAClD,qBAAqBI,kBAAkB,EAAE2C;IAC/F;IACA,OAAOL;AACX"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessageBarActions.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarActions_unstable } from './useMessageBarActions';\nimport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nimport { useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nimport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n/*\n MessageBarActions component\n / ~~export~~ const MessageBarActions = ~~/#__PURE__*/~~ React.forwardRef((props, ref)=>{\n const state = useMessageBarActions_unstable(props, ref);\n useMessageBarActionsStyles_unstable(state);\n useCustomStyleHook_unstable('useMessageBarActionsStyles_unstable')(state);\n return renderMessageBarActions_unstable(state, useMessageBarActionsContextValue_unstable());\n});\nMessageBarActions.displayName = 'MessageBarActions';\n"],"names":["MessageBarActions","React","forwardRef","props","ref","state","useMessageBarActions_unstable","useMessageBarActionsStyles_unstable","useCustomStyleHook_unstable","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","displayName"],"mappings":";;;;+~~BAQiBA~~;;;eAAAA;;;;~~iEARM~~;~~qCACqB~~;sCACE;yCACG;kDACG;~~mDACM~~;~~AAG/C~~,MAAMA,~~oBAAoB~~,~~WAAW~~,~~GAAGC~~,OAAMC,UAAU,CAAC,CAACC,OAAOC;~~IACxE~~,MAAMC,QAAQC,IAAAA,~~mDAA6B~~,~~EAACH~~,OAAOC;~~IACnDG~~,IAAAA,~~qEAAmC~~,~~EAACF~~;IACpCG,IAAAA,~~gDAA2B~~,~~EAAC~~,uCAAuCH;IACnE,OAAOI,IAAAA,~~yDAAgC~~,~~EAACJ~~,OAAOK,IAAAA,~~4EAAyC~~;~~AAC5F~~;~~AACAV~~,kBAAkBW,WAAW,GAAG"}
1	+ {"version":3,"sources":["MessageBarActions.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarActions_unstable } from './useMessageBarActions';\nimport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nimport { useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nimport type { MessageBarActionsProps } from './MessageBarActions.types';\nimport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n\n/*\n MessageBarActions component\n */\nexport const MessageBarActions: ForwardRefComponent<MessageBarActionsProps> = React.forwardRef((props, ref) => {\n const state = useMessageBarActions_unstable(props, ref);\n\n useMessageBarActionsStyles_unstable(state);\n useCustomStyleHook_unstable('useMessageBarActionsStyles_unstable')(state);\n return renderMessageBarActions_unstable(state, useMessageBarActionsContextValue_unstable());\n});\n\nMessageBarActions.displayName = 'MessageBarActions';\n"],"names":["MessageBarActions","React","forwardRef","props","ref","state","useMessageBarActions_unstable","useMessageBarActionsStyles_unstable","useCustomStyleHook_unstable","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qCAEqB;sCACE;yCACG;kDACG;mDAEM;AAKnD,MAAMA,oBAAAA,WAAAA,GAAiEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACrG,MAAMC,QAAQC,IAAAA,mDAAAA,EAA8BH,OAAOC;IAEnDG,IAAAA,qEAAAA,EAAoCF;IACpCG,IAAAA,gDAAAA,EAA4B,uCAAuCH;IACnE,OAAOI,IAAAA,yDAAAA,EAAiCJ,OAAOK,IAAAA,4EAAAA;AACjD;AAEAV,kBAAkBW,WAAW,GAAG"}

package/lib-commonjs/components/MessageBarActions/MessageBarActions.types.js CHANGED Viewed

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering MessageBarActions
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"names":[],"mappings":""}
1	+ {"version":3,"sources":["MessageBarActions.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ButtonContextValue } from '@fluentui/react-button';\nimport type { MessageBarContextValue } from '../../contexts/messageBarContext';\n\nexport type MessageBarActionsSlots = {\n root: Slot<'div'>;\n /*\n Generally the 'Dismiss' button for the MessageBar\n /\n containerAction?: Slot<'div'>;\n};\n\nexport type MessageBarActionsContextValues = {\n button: ButtonContextValue;\n};\n\n/\n MessageBarActions Props\n /\nexport type MessageBarActionsProps = ComponentProps<MessageBarActionsSlots>;\n\n/\n State used in rendering MessageBarActions\n /\nexport type MessageBarActionsState = ComponentState<MessageBarActionsSlots> &\n Pick<Required<MessageBarContextValue>, 'layout'> & {\n /\n Whether there are actions as children of this component\n */\n hasActions: boolean;\n };\n"],"names":[],"rangeMappings":";;","mappings":"AAqBA;;CAEC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './MessageBarActions';\nexport * from './MessageBarActions.types';\nexport * from './renderMessageBarActions';\nexport * from './useMessageBarActions';\nexport * from './useMessageBarActionsStyles.styles';\nexport * from './useMessageBarActionsContextValues';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
1	+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './MessageBarActions';\nexport * from './MessageBarActions.types';\nexport * from './renderMessageBarActions';\nexport * from './useMessageBarActions';\nexport * from './useMessageBarActionsStyles.styles';\nexport * from './useMessageBarActionsContextValues';\n"],"names":[],"rangeMappings":";;;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/MessageBarActions/renderMessageBarActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderMessageBarActions.js"],"sourcesContent":[" ~~import~~ { ~~jsx~~ as ~~_jsx,~~ ~~jsxs as _jsxs } from \"~~@fluentui/react-jsx-runtime~~/jsx-runtime~~\~~";\~~nimport { assertSlots } from '@fluentui/react-utilities';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n/*\n Render the final JSX of MessageBarActions\n / ~~export~~ const renderMessageBarActions_unstable = (state, contexts)=>{\n assertSlots(state);\n if (state.layout === 'multiline') {\n return ~~/#__PURE__/ _jsxs~~(ButtonContextProvider, {~~\n value:~~ contexts.button,\n ~~children: [\n~~ state.containerAction && ~~/#__PURE__/ _jsx(~~state.containerAction, {}~~),\~~n ~~/#__PURE__/ _jsx(~~state.root, ~~{})\~~n ]\n });\n }\n return ~~/#__PURE__/ _jsxs~~(ButtonContextProvider, {~~\n value:~~ contexts.button,\n ~~children: [\n /#__PURE__/ _jsx(~~state.root, {~~}),\n~~ state.containerAction && ~~/#__PURE__*/ _jsx(~~state.containerAction, {})\n ]\n });\n};\n"],"names":["renderMessageBarActions_unstable","state","contexts","assertSlots","layout","_jsxs","ButtonContextProvider","value","button","~~children","~~containerAction","_jsx","root"],"mappings":";;;;+~~BAKiBA~~;;;eAAAA;;;~~4BAL4B~~;~~gCACjB~~;~~6BACU~~;~~AAG3B~~,MAAMA,mCAAmC,~~CAACC~~,~~OAAOC~~;~~IACxDC~~,IAAAA,~~2BAAW~~,~~EAACF~~;~~IACZ~~,IAAIA,MAAMG,MAAM,KAAK,aAAa;~~QAC9B~~,~~OAAO~~,~~WAAW~~,~~GAAGC~~,IAAAA,~~gBAAK~~,EAACC,~~kCAAqB~~,~~EAAE~~;~~YAC9CC~~,OAAOL,SAASM,MAAM~~;YACtBC~~,~~UAAU;gBACNR~~,~~MAAMS,~~eAAe,~~IAAI~~,~~WAAW~~,~~GAAGC~~,IAAAA,~~eAAI~~,~~EAACV~~,~~MAAMS~~,eAAe,~~EAAE~~,~~CAAC~~;~~gBACpE~~,~~WAAW,GAAGC,~~IAAAA,~~eAAI~~,~~EAACV~~,~~MAAMW~~,IAAI,~~EAAE~~,~~CAAC~~;~~aACnC;QACL;IACJ;IACA~~,~~OAAO~~,~~WAAW~~,~~GAAGP~~,IAAAA,~~gBAAK~~,EAACC,~~kCAAqB~~,~~EAAE~~;~~QAC9CC~~,OAAOL,SAASM,MAAM~~;QACtBC~~,~~UAAU;YACN,WAAW,GAAGE,~~IAAAA,~~eAAI~~,~~EAACV~~,~~MAAMW~~,IAAI,~~EAAE~~,~~CAAC~~;~~YAChCX~~,~~MAAMS~~,eAAe,~~IAAI~~,~~WAAW~~,~~GAAGC~~,IAAAA,~~eAAI~~,~~EAACV~~,~~MAAMS~~,eAAe,~~EAAE~~,~~CAAC;SACvE;IACL;AACJ~~"}
1	+ {"version":3,"sources":["renderMessageBarActions.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type {\n MessageBarActionsState,\n MessageBarActionsSlots,\n MessageBarActionsContextValues,\n} from './MessageBarActions.types';\nimport { ButtonContextProvider } from '@fluentui/react-button';\n\n/\n Render the final JSX of MessageBarActions\n */\nexport const renderMessageBarActions_unstable = (\n state: MessageBarActionsState,\n contexts: MessageBarActionsContextValues,\n) => {\n assertSlots<MessageBarActionsSlots>(state);\n if (state.layout === 'multiline') {\n return (\n <ButtonContextProvider value={contexts.button}>\n {state.containerAction && <state.containerAction />}\n <state.root />\n </ButtonContextProvider>\n );\n }\n\n return (\n <ButtonContextProvider value={contexts.button}>\n <state.root />\n {state.containerAction && <state.containerAction />}\n </ButtonContextProvider>\n );\n};\n"],"names":["renderMessageBarActions_unstable","state","contexts","assertSlots","layout","_jsxs","ButtonContextProvider","value","button","containerAction","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;4BAbb;gCAE4B;6BAMU;AAK/B,MAAMA,mCAAmC,CAC9CC,OACAC;IAEAC,IAAAA,2BAAAA,EAAoCF;IACpC,IAAIA,MAAMG,MAAM,KAAK,aAAa;QAChC,OAAA,WAAA,GACEC,IAAAA,gBAAA,EAACC,kCAAAA,EAAAA;YAAsBC,OAAOL,SAASM,MAAM;;gBAC1CP,MAAMQ,eAAe,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACT,MAAMQ,eAAe,EAAA,CAAA;8BAChDC,IAAAA,eAAA,EAACT,MAAMU,IAAI,EAAA,CAAA;;;IAGjB;IAEA,OAAA,WAAA,GACEN,IAAAA,gBAAA,EAACC,kCAAAA,EAAAA;QAAsBC,OAAOL,SAASM,MAAM;;0BAC3CE,IAAAA,eAAA,EAACT,MAAMU,IAAI,EAAA,CAAA;YACVV,MAAMQ,eAAe,IAAA,WAAA,GAAIC,IAAAA,eAAA,EAACT,MAAMQ,eAAe,EAAA,CAAA;;;AAGtD"}

package/lib-commonjs/components/MessageBarActions/useMessageBarActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useMessageBarActions.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n/*\n Create the state required to render MessageBarActions.\n \n The returned state can be modified with hooks such as useMessageBarActionsStyles_unstable,\n * before being passed to renderMessageBarActions_unstable.\n \n @param props - props from this instance of MessageBarActions\n * @param ref - reference to root HTMLElement of MessageBarActions\n */ ~~export~~ const useMessageBarActions_unstable = (props, ref)=>{\n const { layout = 'singleline', actionsRef } = useMessageBarContext();\n return {\n components: {\n root: 'div',\n containerAction: 'div'\n },\n containerAction: slot.optional(props.containerAction, {\n renderByDefault: false~~,\n~~ elementType: 'div'\n }),\n root: slot.always(getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, actionsRef),\n ...props\n }), ~~{\n~~ elementType: 'div'\n }),\n layout,\n hasActions: !!props.children\n };\n};\n"],"names":["useMessageBarActions_unstable","props","ref","layout","actionsRef","useMessageBarContext","components","root","containerAction","slot","optional","renderByDefault","elementType","always","getIntrinsicElementProps","useMergedRefs","hasActions","children"],"mappings":";;;;+~~BAWiBA~~;;;eAAAA;;;;~~iEAXM~~;gCACuC;~~mCACzB~~;~~AAS1B~~,MAAMA,gCAAgC,~~CAACC~~,~~OAAOC~~;~~IACrD~~,MAAM,EAAEC,SAAS,YAAY,EAAEC,UAAU,EAAE,GAAGC,IAAAA,~~uCAAoB~~;~~IAClE~~,OAAO;~~QACHC~~,YAAY;~~YACRC~~,MAAM;YACNC,iBAAiB;~~QACrB~~;QACAA,iBAAiBC,~~oBAAI~~,~~CAACC~~,QAAQ,CAACT,MAAMO,eAAe,EAAE;~~YAClDG~~,iBAAiB;~~YACjBC~~,aAAa;~~QACjB~~;~~QACAL~~,MAAME,~~oBAAI~~,~~CAACI~~,MAAM,~~CAACC~~,IAAAA,~~wCAAwB~~,~~EAAC~~,OAAO;~~YAC9CZ~~,KAAKa,IAAAA,~~6BAAa~~,~~EAACb~~,KAAKE;YACxB,GAAGH,KAAK;~~QACZ~~,~~IAAI~~;~~YACAW~~,aAAa;~~QACjB~~;~~QACAT~~;QACAa,YAAY,CAAC,CAACf,MAAMgB,QAAQ;~~IAChC~~;~~AACJ~~"}
1	+ {"version":3,"sources":["useMessageBarActions.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport type { MessageBarActionsProps, MessageBarActionsState } from './MessageBarActions.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/*\n Create the state required to render MessageBarActions.\n \n The returned state can be modified with hooks such as useMessageBarActionsStyles_unstable,\n * before being passed to renderMessageBarActions_unstable.\n \n @param props - props from this instance of MessageBarActions\n * @param ref - reference to root HTMLElement of MessageBarActions\n */\nexport const useMessageBarActions_unstable = (\n props: MessageBarActionsProps,\n ref: React.Ref<HTMLDivElement>,\n): MessageBarActionsState => {\n const { layout = 'singleline', actionsRef } = useMessageBarContext();\n return {\n components: {\n root: 'div',\n containerAction: 'div',\n },\n containerAction: slot.optional(props.containerAction, { renderByDefault: false, elementType: 'div' }),\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, actionsRef),\n ...props,\n }),\n { elementType: 'div' },\n ),\n layout,\n hasActions: !!props.children,\n };\n};\n"],"names":["useMessageBarActions_unstable","props","ref","layout","actionsRef","useMessageBarContext","components","root","containerAction","slot","optional","renderByDefault","elementType","always","getIntrinsicElementProps","useMergedRefs","hasActions","children"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACuC;mCAEzB;AAW9B,MAAMA,gCAAgC,CAC3CC,OACAC;IAEA,MAAM,EAAEC,SAAS,YAAY,EAAEC,UAAU,EAAE,GAAGC,IAAAA,uCAAAA;IAC9C,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,iBAAiB;QACnB;QACAA,iBAAiBC,oBAAAA,CAAKC,QAAQ,CAACT,MAAMO,eAAe,EAAE;YAAEG,iBAAiB;YAAOC,aAAa;QAAM;QACnGL,MAAME,oBAAAA,CAAKI,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BZ,KAAKa,IAAAA,6BAAAA,EAAcb,KAAKE;YACxB,GAAGH,KAAK;QACV,IACA;YAAEW,aAAa;QAAM;QAEvBT;QACAa,YAAY,CAAC,CAACf,MAAMgB,QAAQ;IAC9B;AACF"}

package/lib-commonjs/components/MessageBarActions/useMessageBarActionsContextValues.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useMessageBarActionsContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useMessageBarActionsContextValue_unstable() {\n const buttonContext = React.useMemo(()=>({\n size: 'small'\n }), []);\n return {\n button: buttonContext\n };\n}\n"],"names":["useMessageBarActionsContextValue_unstable","buttonContext","React","useMemo","size","button"],"mappings":";;;;+~~BACgBA~~;;;eAAAA;;;;~~iEADO~~;~~AAChB~~,SAASA;~~IACZ~~,MAAMC,gBAAgBC,OAAMC,OAAO,~~CAAC~~,~~IAAK~~,CAAA;~~YACjCC~~,MAAM;~~QACV~~,CAAA,~~GAAI~~,EAAE;~~IACV~~,OAAO;~~QACHC~~,QAAQJ;~~IACZ~~;~~AACJ~~"}
1	+ {"version":3,"sources":["useMessageBarActionsContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport { MessageBarActionsContextValues } from './MessageBarActions.types';\n\nexport function useMessageBarActionsContextValue_unstable(): MessageBarActionsContextValues {\n const buttonContext = React.useMemo(\n () => ({\n size: 'small' as const,\n }),\n [],\n );\n\n return {\n button: buttonContext,\n };\n}\n"],"names":["useMessageBarActionsContextValue_unstable","buttonContext","React","useMemo","size","button"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;AAGhB,SAASA;IACd,MAAMC,gBAAgBC,OAAMC,OAAO,CACjC,IAAO,CAAA;YACLC,MAAM;QACR,CAAA,GACA,EAAE;IAGJ,OAAO;QACLC,QAAQJ;IACV;AACF"}

package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.js CHANGED Viewed

@@ -61,6 +61,7 @@ const useMultilineStyles = /*#__PURE__*/ (0, _react.__styles)({
     ]
 });
 const useMessageBarActionsStyles_unstable = (state)=>{
+    'use no memo';
     const rootBaseStyles = useRootBaseStyles();
     const containerActionBaseStyles = useContainerActionBaseStyles();
     const multilineStyles = useMultilineStyles();

package/lib-commonjs/components/MessageBarActions/useMessageBarActionsStyles.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useMessageBarActionsStyles.styles.js"],"sourcesContent":["import { ~~__resetStyles~~, ~~__styles~~, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarActionsClassNames = {\n root: 'fui-MessageBarActions',\n containerAction: 'fui-MessageBarActions__containerAction'\n};\n/*\n Styles for the root slot\n /\nconst useRootBaseStyles = ~~/#__PURE__/__resetStyles~~(\~~"r1t4x98y\",~~ ~~\"r15utzv5\", [\".r1t4x98y{grid-area:~~secondaryActions;display:flex~~;column-gap~~:~~var(--~~spacingHorizontalM~~);padding-right~~:~~var(--spacingHorizontalM);}\",~~ \".~~r15utzv5{grid-area:secondaryActions;display:flex;column-gap:var(--~~spacingHorizontalM~~);padding-left:var(--spacingHorizontalM);~~}~~\"]~~);\nconst useContainerActionBaseStyles = ~~/#__PURE__/__resetStyles~~(\~~"rgzw8nq\",~~ ~~\"r13ur29z\", [\".rgzw8nq{grid-area:~~actions~~;padding-right~~:~~var(--spacingHorizontalM);}\",~~ \".~~r13ur29z{grid-area:actions;padding-left:var(--~~spacingHorizontalM);}~~\"]~~);\nconst useMultilineStyles = ~~/#__PURE__/__styles~~({\n root: {\n ~~Brf1p80~~: ~~\"f1e8xxv9\"~~,\n ~~B6of3ja~~: ~~\"f1gaxbfw\"~~,\n ~~jrapky~~: ~~\"fqcjy3b\"~~,\n ~~t21cq0~~: ~~[\"fibjyge\", \"f9yszdx\"]~~,\n ~~z189sj~~: [\~~"f1p3vkop\", \"f8cewkv\"]\~~n },\n noActions: {\n ~~mc9l5x~~: \~~"fjseox\"\~~n }\n}~~, {\n d: [\".f1e8xxv9{justify-content:end;}\", \".f1gaxbfw{margin-top:var(--spacingVerticalMNudge~~);}\", \".fqcjy3b{margin-bottom:var(--spacingVerticalS);}\", \".fibjyge{margin-right:0px;}\", \".f9yszdx{margin-left:0px;}\", \".f1p3vkop{padding-right:var(--spacingVerticalM);}\", \".f8cewkv{padding-left:var(--spacingVerticalM);}\", \".fjseox{display:none;}\"]\n});\n/\n Apply styling to the MessageBarActions slots based on the state\n */\nexport const useMessageBarActionsStyles_unstable = state => {\n const rootBaseStyles = useRootBaseStyles();\n const containerActionBaseStyles = useContainerActionBaseStyles();\n const multilineStyles = useMultilineStyles();\n state.root.className = mergeClasses(messageBarActionsClassNames.root, rootBaseStyles, state.layout === 'multiline' && multilineStyles.root, !state.hasActions && multilineStyles.noActions, state.root.className);\n if (state.containerAction) {\n state.containerAction.className = mergeClasses(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);\n }\n return state;\n};\n~~//# sourceMappingURL=useMessageBarActionsStyles.styles.js.map~~"],"names":["messageBarActionsClassNames","useMessageBarActionsStyles_unstable","root","containerAction","useRootBaseStyles","__resetStyles","useContainerActionBaseStyles","useMultilineStyles","__styles","Brf1p80","B6of3ja","jrapky","t21cq0","z189sj","noActions","mc9l5x","d","state","rootBaseStyles","containerActionBaseStyles","multilineStyles","className","mergeClasses","layout","hasActions"],"mappings":";;;;;;;;;;;IAEaA,2BAA2B;eAA3BA;;~~IA0BAC~~,mCAAmC;eAAnCA;;;~~uBA5ByC~~;~~AAE/C~~,MAAMD,8BAA8B;~~IACzCE~~,MAAM;IACNC,iBAAiB;~~AACnB~~;AACA;;~~CAEC~~,~~GACD~~,MAAMC,~~oBAAoB~~,~~WAAW~~,~~GAAEC~~,IAAAA,~~oBAAa~~,~~EAAC~~,~~YAAY~~,~~YAAY~~;~~IAAC~~;~~IAAoI~~;~~CAAkI~~;~~AACpV~~,MAAMC,+~~BAA+B~~,~~WAAW~~,~~GAAED~~,IAAAA,~~oBAAa~~,~~EAAC~~,~~WAAW~~,~~YAAY~~;~~IAAC~~;~~IAAwE~~;~~CAAuE~~;~~AACvO~~,MAAME,~~qBAAqB~~,~~WAAW~~,~~GAAEC~~,IAAAA,~~eAAQ~~,~~EAAC~~;~~IAC/CN~~,~~MAAM~~;~~QACJO~~,~~SAAS~~;~~QACTC~~,~~SAAS~~;~~QACTC~~,~~QAAQ~~;~~QACRC~~,~~QAAQ~~;~~YAAC~~;~~YAAW~~;~~SAAU~~;~~QAC9BC~~,~~QAAQ~~;~~YAAC~~;~~YAAY~~;~~SAAU~~;~~IACjC~~;~~IACAC~~,~~WAAW~~;~~QACTC~~,~~QAAQ~~;~~IACV~~;~~AACF~~,~~GAAG~~;~~IACDC~~,~~GAAG~~;~~QAAC~~;~~QAAmC~~;~~QAAuD~~;~~QAAoD~~;~~QAA+B~~;~~QAA8B~~;~~QAAqD~~;~~QAAmD~~;~~KAAyB~~;~~AAClV~~;~~AAIO~~,MAAMf,~~sCAAsCgB~~,CAAAA;~~IACjD~~,MAAMC,iBAAiBd;IACvB,MAAMe,4BAA4Bb;IAClC,MAAMc,kBAAkBb;IACxBU,MAAMf,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,4BAA4BE,IAAI,EAAEgB,gBAAgBD,MAAMM,MAAM,KAAK,eAAeH,gBAAgBlB,IAAI,EAAE,CAACe,MAAMO,UAAU,IAAIJ,gBAAgBN,SAAS,EAAEG,MAAMf,IAAI,CAACmB,SAAS;IAChN,IAAIJ,MAAMd,eAAe,EAAE;~~QACzBc~~,MAAMd,eAAe,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,4BAA4BG,eAAe,EAAEgB,2BAA2BF,MAAMd,eAAe,CAACkB,SAAS;~~IACxJ~~;IACA,OAAOJ;~~AACT,GACA,6DAA6D~~"}
1	+ {"version":3,"sources":["useMessageBarActionsStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const messageBarActionsClassNames = {\n root: 'fui-MessageBarActions',\n containerAction: 'fui-MessageBarActions__containerAction'\n};\n/*\n Styles for the root slot\n / const useRootBaseStyles = makeResetStyles({\n gridArea: 'secondaryActions',\n display: 'flex',\n columnGap: tokens.spacingHorizontalM,\n paddingRight: tokens.spacingHorizontalM\n});\nconst useContainerActionBaseStyles = makeResetStyles({\n gridArea: 'actions',\n paddingRight: tokens.spacingHorizontalM\n});\nconst useMultilineStyles = makeStyles({\n root: {\n justifyContent: 'end',\n marginTop: tokens.spacingVerticalMNudge,\n marginBottom: tokens.spacingVerticalS,\n marginRight: '0px',\n paddingRight: tokens.spacingVerticalM\n },\n noActions: {\n display: 'none'\n }\n});\n/\n Apply styling to the MessageBarActions slots based on the state\n */ export const useMessageBarActionsStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseStyles = useRootBaseStyles();\n const containerActionBaseStyles = useContainerActionBaseStyles();\n const multilineStyles = useMultilineStyles();\n state.root.className = mergeClasses(messageBarActionsClassNames.root, rootBaseStyles, state.layout === 'multiline' && multilineStyles.root, !state.hasActions && multilineStyles.noActions, state.root.className);\n if (state.containerAction) {\n state.containerAction.className = mergeClasses(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);\n }\n return state;\n};\n"],"names":["messageBarActionsClassNames","useMessageBarActionsStyles_unstable","root","containerAction","useRootBaseStyles","__resetStyles","useContainerActionBaseStyles","useMultilineStyles","__styles","Brf1p80","B6of3ja","jrapky","t21cq0","z189sj","noActions","mc9l5x","d","state","rootBaseStyles","containerActionBaseStyles","multilineStyles","className","mergeClasses","layout","hasActions"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,2BAA2B;eAA3BA;;IA8BIC,mCAAmC;eAAnCA;;;uBAhCyC;AAEnD,MAAMD,8BAA8B;IACvCE,MAAM;IACNC,iBAAiB;AACrB;AACA;;CAEA,GAAI,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,YAAA,YAAA;IAAA;IAAA;CAK7B;AACD,MAAMC,+BAA4B,WAAA,GAAGD,IAAAA,oBAAA,EAAA,WAAA,YAAA;IAAA;IAAA;CAGpC;AACD,MAAME,qBAAkB,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAN,MAAA;QAAAO,SAAA;QAAAC,SAAA;QAAAC,QAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;QAAAC,QAAA;YAAA;YAAA;SAAA;IAAA;IAAAC,WAAA;QAAAC,QAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAchB,MAAMf,sCAAuCgB,CAAAA;IACpD;IACA,MAAMC,iBAAiBd;IACvB,MAAMe,4BAA4Bb;IAClC,MAAMc,kBAAkBb;IACxBU,MAAMf,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,4BAA4BE,IAAI,EAAEgB,gBAAgBD,MAAMM,MAAM,KAAK,eAAeH,gBAAgBlB,IAAI,EAAE,CAACe,MAAMO,UAAU,IAAIJ,gBAAgBN,SAAS,EAAEG,MAAMf,IAAI,CAACmB,SAAS;IAChN,IAAIJ,MAAMd,eAAe,EAAE;QACvBc,MAAMd,eAAe,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,4BAA4BG,eAAe,EAAEgB,2BAA2BF,MAAMd,eAAe,CAACkB,SAAS;IAC1J;IACA,OAAOJ;AACX"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["MessageBarBody.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarBody_unstable } from './useMessageBarBody';\nimport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nimport { useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\n/*\n MessageBarBody component\n / ~~export~~ const MessageBarBody = ~~/#__PURE__*/~~ React.forwardRef((props, ref)=>{\n const state = useMessageBarBody_unstable(props, ref);\n useMessageBarBodyStyles_unstable(state);\n useCustomStyleHook_unstable('useMessageBarBodyStyles_unstable')(state);\n return renderMessageBarBody_unstable(state);\n});\nMessageBarBody.displayName = 'MessageBarBody';\n"],"names":["MessageBarBody","React","forwardRef","props","ref","state","useMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useCustomStyleHook_unstable","renderMessageBarBody_unstable","displayName"],"mappings":";;;;+~~BAOiBA~~;;;eAAAA;;;;~~iEAPM~~;~~qCACqB~~;mCACD;sCACG;+CACG;~~AAGtC~~,MAAMA,~~iBAAiB~~,~~WAAW~~,~~GAAGC~~,OAAMC,UAAU,CAAC,CAACC,OAAOC;~~IACrE~~,MAAMC,QAAQC,IAAAA,~~6CAA0B~~,~~EAACH~~,OAAOC;~~IAChDG~~,IAAAA,+~~DAAgC~~,~~EAACF~~;IACjCG,IAAAA,~~gDAA2B~~,~~EAAC~~,oCAAoCH;IAChE,OAAOI,IAAAA,~~mDAA6B~~,~~EAACJ~~;~~AACzC~~;~~AACAL~~,eAAeU,WAAW,GAAG"}
1	+ {"version":3,"sources":["MessageBarBody.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarBody_unstable } from './useMessageBarBody';\nimport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nimport { useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\nimport type { MessageBarBodyProps } from './MessageBarBody.types';\n\n/*\n MessageBarBody component\n */\nexport const MessageBarBody: ForwardRefComponent<MessageBarBodyProps> = React.forwardRef((props, ref) => {\n const state = useMessageBarBody_unstable(props, ref);\n\n useMessageBarBodyStyles_unstable(state);\n useCustomStyleHook_unstable('useMessageBarBodyStyles_unstable')(state);\n return renderMessageBarBody_unstable(state);\n});\n\nMessageBarBody.displayName = 'MessageBarBody';\n"],"names":["MessageBarBody","React","forwardRef","props","ref","state","useMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useCustomStyleHook_unstable","renderMessageBarBody_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;qCAEqB;mCACD;sCACG;+CACG;AAM1C,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAEhDG,IAAAA,+DAAAA,EAAiCF;IACjCG,IAAAA,gDAAAA,EAA4B,oCAAoCH;IAChE,OAAOI,IAAAA,mDAAAA,EAA8BJ;AACvC;AAEAL,eAAeU,WAAW,GAAG"}

package/lib-commonjs/components/MessageBarBody/MessageBarBody.types.js CHANGED Viewed

@@ -1,4 +1,6 @@
-"use strict";
+/**
+ * State used in rendering MessageBarBody
+ */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });

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

	@@ -1 +1 @@
1	- {"version":3,"sources":[],"names":[],"mappings":""}
1	+ {"version":3,"sources":["MessageBarBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MessageBarBodySlots = {\n root: Slot<'div'>;\n};\n\n/*\n MessageBarBody Props\n /\nexport type MessageBarBodyProps = ComponentProps<MessageBarBodySlots>;\n\n/\n State used in rendering MessageBarBody\n */\nexport type MessageBarBodyState = ComponentState<MessageBarBodySlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAWA;;CAEC"}

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["index.js"],"sourcesContent":["export * from './MessageBarBody';\nexport * from './MessageBarBody.types';\nexport * from './renderMessageBarBody';\nexport * from './useMessageBarBody';\nexport * from './useMessageBarBodyStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}
1	+ {"version":3,"sources":["index.ts"],"sourcesContent":["export * from './MessageBarBody';\nexport * from './MessageBarBody.types';\nexport * from './renderMessageBarBody';\nexport * from './useMessageBarBody';\nexport * from './useMessageBarBodyStyles.styles';\n"],"names":[],"rangeMappings":";;;;;;;;;","mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/MessageBarBody/renderMessageBarBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["renderMessageBarBody.js"],"sourcesContent":[" ~~import~~ { ~~jsx~~ as ~~_jsx~~ ~~} from \"~~@fluentui/react-jsx-runtime~~/jsx-runtime~~\~~";\~~nimport { assertSlots } from '@fluentui/react-utilities';\n/*\n Render the final JSX of MessageBarBody\n / ~~export~~ const renderMessageBarBody_unstable = (state)=>{\n assertSlots(state);\n return ~~/#__PURE__*/ _jsx(~~state.root, ~~{});\~~n};\n"],"names":["renderMessageBarBody_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+~~BAIiBA~~;;;eAAAA;;;~~4BAJa~~;~~gCACF~~;~~AAGjB~~,MAAMA,gCAAgC,CAACC;~~IAC9CC~~,IAAAA,~~2BAAW~~,~~EAACD~~;~~IACZ~~,~~OAAO~~,~~WAAW~~,~~GAAGE~~,IAAAA,~~eAAI~~,EAACF,MAAMG,IAAI,~~EAAE~~,~~CAAC~~;~~AAC3C~~"}
1	+ {"version":3,"sources":["renderMessageBarBody.tsx"],"sourcesContent":["/** @jsxRuntime automatic /\n/* @jsxImportSource @fluentui/react-jsx-runtime /\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { MessageBarBodyState, MessageBarBodySlots } from './MessageBarBody.types';\n\n/\n Render the final JSX of MessageBarBody\n */\nexport const renderMessageBarBody_unstable = (state: MessageBarBodyState) => {\n assertSlots<MessageBarBodySlots>(state);\n\n return <state.root />;\n};\n"],"names":["renderMessageBarBody_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,gCAAgC,CAACC;IAC5CC,IAAAA,2BAAAA,EAAiCD;IAEjC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}

package/lib-commonjs/components/MessageBarBody/useMessageBarBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["useMessageBarBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n/*\n Create the state required to render MessageBarBody.\n \n The returned state can be modified with hooks such as useMessageBarBodyStyles_unstable,\n * before being passed to renderMessageBarBody_unstable.\n \n @param props - props from this instance of MessageBarBody\n * @param ref - reference to root HTMLElement of MessageBarBody\n */ ~~export~~ const useMessageBarBody_unstable = (props, ref)=>{\n const { bodyRef } = useMessageBarContext();\n return {\n components: {\n root: 'div'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, bodyRef),\n ...props\n }), ~~{\n~~ elementType: 'div'\n })\n };\n};\n"],"names":["useMessageBarBody_unstable","props","ref","bodyRef","useMessageBarContext","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","elementType"],"mappings":";;;;+~~BAWiBA~~;;;eAAAA;;;;~~iEAXM~~;gCACuC;~~mCACzB~~;~~AAS1B~~,MAAMA,6BAA6B,~~CAACC~~,~~OAAOC~~;~~IAClD~~,MAAM,EAAEC,OAAO,EAAE,GAAGC,IAAAA,~~uCAAoB~~;~~IACxC~~,OAAO;~~QACHC~~,YAAY;~~YACRC~~,MAAM;~~QACV~~;QACAA,MAAMC,~~oBAAI~~,~~CAACC~~,MAAM,~~CAACC~~,IAAAA,~~wCAAwB~~,~~EAAC~~,OAAO;~~YAC9CP~~,KAAKQ,IAAAA,~~6BAAa~~,~~EAACR~~,KAAKC;YACxB,GAAGF,KAAK;~~QACZ~~,~~IAAI~~;~~YACAU~~,aAAa;~~QACjB~~;~~IACJ~~;~~AACJ~~"}
1	+ {"version":3,"sources":["useMessageBarBody.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport type { MessageBarBodyProps, MessageBarBodyState } from './MessageBarBody.types';\nimport { useMessageBarContext } from '../../contexts/messageBarContext';\n\n/*\n Create the state required to render MessageBarBody.\n \n The returned state can be modified with hooks such as useMessageBarBodyStyles_unstable,\n * before being passed to renderMessageBarBody_unstable.\n \n @param props - props from this instance of MessageBarBody\n * @param ref - reference to root HTMLElement of MessageBarBody\n */\nexport const useMessageBarBody_unstable = (\n props: MessageBarBodyProps,\n ref: React.Ref<HTMLDivElement>,\n): MessageBarBodyState => {\n const { bodyRef } = useMessageBarContext();\n return {\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref: useMergedRefs(ref, bodyRef),\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["useMessageBarBody_unstable","props","ref","bodyRef","useMessageBarContext","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACuC;mCAEzB;AAW9B,MAAMA,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAE,GAAGC,IAAAA,uCAAAA;IACpB,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BP,KAAKQ,IAAAA,6BAAAA,EAAcR,KAAKC;YACxB,GAAGF,KAAK;QACV,IACA;YAAEU,aAAa;QAAM;IAEzB;AACF"}

package/lib-commonjs/components/MessageBarBody/useMessageBarBodyStyles.styles.js CHANGED Viewed

@@ -25,6 +25,7 @@ const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rtatq2b", "re
     ".re2rary{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-left:var(--spacingHorizontalM);}"
 ]);
 const useMessageBarBodyStyles_unstable = (state)=>{
+    'use no memo';
     const rootBaseStyles = useRootBaseStyles();
     state.root.className = (0, _react.mergeClasses)(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);
     return state;