Initial commit

This commit is contained in:
2025-03-07 19:22:02 +01:00
commit 4a98255d83
55743 changed files with 5280367 additions and 0 deletions
+31
View File
@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBar: function() {
return _index.MessageBar;
},
messageBarClassNames: function() {
return _index.messageBarClassNames;
},
renderMessageBar_unstable: function() {
return _index.renderMessageBar_unstable;
},
useMessageBarContextValue_unstable: function() {
return _index.useMessageBarContextValue_unstable;
},
useMessageBarStyles_unstable: function() {
return _index.useMessageBarStyles_unstable;
},
useMessageBar_unstable: function() {
return _index.useMessageBar_unstable;
}
});
const _index = require("./components/MessageBar/index");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/MessageBar.ts"],"sourcesContent":["export type {\n MessageBarContextValues,\n MessageBarIntent,\n MessageBarProps,\n MessageBarSlots,\n MessageBarState,\n} from './components/MessageBar/index';\nexport {\n MessageBar,\n messageBarClassNames,\n renderMessageBar_unstable,\n useMessageBarContextValue_unstable,\n useMessageBarStyles_unstable,\n useMessageBar_unstable,\n} from './components/MessageBar/index';\n"],"names":["MessageBar","messageBarClassNames","renderMessageBar_unstable","useMessageBarContextValue_unstable","useMessageBarStyles_unstable","useMessageBar_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAQEA,UAAU;eAAVA,iBAAU;;IACVC,oBAAoB;eAApBA,2BAAoB;;IACpBC,yBAAyB;eAAzBA,gCAAyB;;IACzBC,kCAAkC;eAAlCA,yCAAkC;;IAClCC,4BAA4B;eAA5BA,mCAA4B;;IAC5BC,sBAAsB;eAAtBA,6BAAsB;;;uBACjB"}
@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBarActions: function() {
return _index.MessageBarActions;
},
messageBarActionsClassNames: function() {
return _index.messageBarActionsClassNames;
},
renderMessageBarActions_unstable: function() {
return _index.renderMessageBarActions_unstable;
},
useMessageBarActionsContextValue_unstable: function() {
return _index.useMessageBarActionsContextValue_unstable;
},
useMessageBarActionsStyles_unstable: function() {
return _index.useMessageBarActionsStyles_unstable;
},
useMessageBarActions_unstable: function() {
return _index.useMessageBarActions_unstable;
}
});
const _index = require("./components/MessageBarActions/index");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/MessageBarActions.ts"],"sourcesContent":["export type {\n MessageBarActionsContextValues,\n MessageBarActionsProps,\n MessageBarActionsSlots,\n MessageBarActionsState,\n} from './components/MessageBarActions/index';\nexport {\n MessageBarActions,\n messageBarActionsClassNames,\n renderMessageBarActions_unstable,\n useMessageBarActionsContextValue_unstable,\n useMessageBarActionsStyles_unstable,\n useMessageBarActions_unstable,\n} from './components/MessageBarActions/index';\n"],"names":["MessageBarActions","messageBarActionsClassNames","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOEA,iBAAiB;eAAjBA,wBAAiB;;IACjBC,2BAA2B;eAA3BA,kCAA2B;;IAC3BC,gCAAgC;eAAhCA,uCAAgC;;IAChCC,yCAAyC;eAAzCA,gDAAyC;;IACzCC,mCAAmC;eAAnCA,0CAAmC;;IACnCC,6BAA6B;eAA7BA,oCAA6B;;;uBACxB"}
@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBarBody: function() {
return _index.MessageBarBody;
},
messageBarBodyClassNames: function() {
return _index.messageBarBodyClassNames;
},
renderMessageBarBody_unstable: function() {
return _index.renderMessageBarBody_unstable;
},
useMessageBarBodyStyles_unstable: function() {
return _index.useMessageBarBodyStyles_unstable;
},
useMessageBarBody_unstable: function() {
return _index.useMessageBarBody_unstable;
}
});
const _index = require("./components/MessageBarBody/index");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/MessageBarBody.ts"],"sourcesContent":["export type {\n MessageBarBodyContextValues,\n MessageBarBodyProps,\n MessageBarBodySlots,\n MessageBarBodyState,\n} from './components/MessageBarBody/index';\nexport {\n MessageBarBody,\n messageBarBodyClassNames,\n renderMessageBarBody_unstable,\n useMessageBarBodyStyles_unstable,\n useMessageBarBody_unstable,\n} from './components/MessageBarBody/index';\n"],"names":["MessageBarBody","messageBarBodyClassNames","renderMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAOEA,cAAc;eAAdA,qBAAc;;IACdC,wBAAwB;eAAxBA,+BAAwB;;IACxBC,6BAA6B;eAA7BA,oCAA6B;;IAC7BC,gCAAgC;eAAhCA,uCAAgC;;IAChCC,0BAA0B;eAA1BA,iCAA0B;;;uBACrB"}
@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBarGroup: function() {
return _index.MessageBarGroup;
},
messageBarGroupClassNames: function() {
return _index.messageBarGroupClassNames;
},
renderMessageBarGroup_unstable: function() {
return _index.renderMessageBarGroup_unstable;
},
useMessageBarGroupStyles_unstable: function() {
return _index.useMessageBarGroupStyles_unstable;
},
useMessageBarGroup_unstable: function() {
return _index.useMessageBarGroup_unstable;
}
});
const _index = require("./components/MessageBarGroup/index");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/MessageBarGroup.ts"],"sourcesContent":["export type {\n MessageBarGroupProps,\n MessageBarGroupSlots,\n MessageBarGroupState,\n} from './components/MessageBarGroup/index';\nexport {\n MessageBarGroup,\n messageBarGroupClassNames,\n renderMessageBarGroup_unstable,\n useMessageBarGroupStyles_unstable,\n useMessageBarGroup_unstable,\n} from './components/MessageBarGroup/index';\n"],"names":["MessageBarGroup","messageBarGroupClassNames","renderMessageBarGroup_unstable","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMEA,eAAe;eAAfA,sBAAe;;IACfC,yBAAyB;eAAzBA,gCAAyB;;IACzBC,8BAA8B;eAA9BA,qCAA8B;;IAC9BC,iCAAiC;eAAjCA,wCAAiC;;IACjCC,2BAA2B;eAA3BA,kCAA2B;;;uBACtB"}
@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBarTitle: function() {
return _index.MessageBarTitle;
},
messageBarTitleClassNames: function() {
return _index.messageBarTitleClassNames;
},
renderMessageBarTitle_unstable: function() {
return _index.renderMessageBarTitle_unstable;
},
useMessageBarTitleStyles_unstable: function() {
return _index.useMessageBarTitleStyles_unstable;
},
useMessageBarTitle_unstable: function() {
return _index.useMessageBarTitle_unstable;
}
});
const _index = require("./components/MessageBarTitle/index");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/MessageBarTitle.ts"],"sourcesContent":["export type {\n MessageBarTitleProps,\n MessageBarTitleSlots,\n MessageBarTitleState,\n} from './components/MessageBarTitle/index';\nexport {\n MessageBarTitle,\n messageBarTitleClassNames,\n renderMessageBarTitle_unstable,\n useMessageBarTitleStyles_unstable,\n useMessageBarTitle_unstable,\n} from './components/MessageBarTitle/index';\n"],"names":["MessageBarTitle","messageBarTitleClassNames","renderMessageBarTitle_unstable","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMEA,eAAe;eAAfA,sBAAe;;IACfC,yBAAyB;eAAzBA,gCAAyB;;IACzBC,8BAA8B;eAA9BA,qCAA8B;;IAC9BC,iCAAiC;eAAjCA,wCAAiC;;IACjCC,2BAA2B;eAA3BA,kCAA2B;;;uBACtB"}
@@ -0,0 +1,24 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "MessageBar", {
enumerable: true,
get: function() {
return MessageBar;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const _useMessageBar = require("./useMessageBar");
const _renderMessageBar = require("./renderMessageBar");
const _useMessageBarStylesstyles = require("./useMessageBarStyles.styles");
const _useMessageBarContextValues = require("./useMessageBarContextValues");
const MessageBar = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useMessageBar.useMessageBar_unstable)(props, ref);
(0, _useMessageBarStylesstyles.useMessageBarStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMessageBarStyles_unstable')(state);
return (0, _renderMessageBar.renderMessageBar_unstable)(state, (0, _useMessageBarContextValues.useMessageBarContextValue_unstable)(state));
});
MessageBar.displayName = 'MessageBar';
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBar/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"}
@@ -0,0 +1,6 @@
/**
* State used in rendering MessageBar
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBar/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 /**\n * @deprecated Code is unused, replaced by motion components\n */\n transitionClassName: string;\n };\n"],"names":[],"rangeMappings":";;","mappings":"AA4CA;;CAEC"}
@@ -0,0 +1,27 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "getIntentIcon", {
enumerable: true,
get: function() {
return getIntentIcon;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reacticons = require("@fluentui/react-icons");
function getIntentIcon(intent) {
switch(intent){
case 'info':
return /*#__PURE__*/ _react.createElement(_reacticons.InfoFilled, null);
case 'warning':
return /*#__PURE__*/ _react.createElement(_reacticons.WarningFilled, null);
case 'error':
return /*#__PURE__*/ _react.createElement(_reacticons.DismissCircleFilled, null);
case 'success':
return /*#__PURE__*/ _react.createElement(_reacticons.CheckmarkCircleFilled, null);
default:
return null;
}
}
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBar/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"}
@@ -0,0 +1,35 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBar: function() {
return _MessageBar.MessageBar;
},
messageBarClassNames: function() {
return _useMessageBarStylesstyles.messageBarClassNames;
},
renderMessageBar_unstable: function() {
return _renderMessageBar.renderMessageBar_unstable;
},
useMessageBarContextValue_unstable: function() {
return _useMessageBarContextValues.useMessageBarContextValue_unstable;
},
useMessageBarStyles_unstable: function() {
return _useMessageBarStylesstyles.useMessageBarStyles_unstable;
},
useMessageBar_unstable: function() {
return _useMessageBar.useMessageBar_unstable;
}
});
const _MessageBar = require("./MessageBar");
const _renderMessageBar = require("./renderMessageBar");
const _useMessageBar = require("./useMessageBar");
const _useMessageBarStylesstyles = require("./useMessageBarStyles.styles");
const _useMessageBarContextValues = require("./useMessageBarContextValues");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBar/index.ts"],"sourcesContent":["export { MessageBar } from './MessageBar';\nexport type {\n MessageBarContextValues,\n MessageBarIntent,\n MessageBarProps,\n MessageBarSlots,\n MessageBarState,\n} from './MessageBar.types';\nexport { renderMessageBar_unstable } from './renderMessageBar';\nexport { useMessageBar_unstable } from './useMessageBar';\nexport { messageBarClassNames, useMessageBarStyles_unstable } from './useMessageBarStyles.styles';\nexport { useMessageBarContextValue_unstable } from './useMessageBarContextValues';\n"],"names":["MessageBar","messageBarClassNames","renderMessageBar_unstable","useMessageBarContextValue_unstable","useMessageBarStyles_unstable","useMessageBar_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,UAAU;eAAVA,sBAAU;;IAUVC,oBAAoB;eAApBA,+CAAoB;;IAFpBC,yBAAyB;eAAzBA,2CAAyB;;IAGzBC,kCAAkC;eAAlCA,8DAAkC;;IADZC,4BAA4B;eAA5BA,uDAA4B;;IADlDC,sBAAsB;eAAtBA,qCAAsB;;;4BATJ;kCAQe;+BACH;2CAC4B;4CAChB"}
@@ -0,0 +1,26 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderMessageBar_unstable", {
enumerable: true,
get: function() {
return renderMessageBar_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const _messageBarContext = require("../../contexts/messageBarContext");
const renderMessageBar_unstable = (state, contexts)=>{
(0, _reactutilities.assertSlots)(state);
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_messageBarContext.MessageBarContextProvider, {
value: contexts.messageBar,
children: /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
children: [
state.icon && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {}),
state.root.children,
state.bottomReflowSpacer && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.bottomReflowSpacer, {})
]
})
});
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBar/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"}
@@ -0,0 +1,81 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useMessageBar_unstable", {
enumerable: true,
get: function() {
return useMessageBar_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactutilities = require("@fluentui/react-utilities");
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const _getIntentIcon = require("./getIntentIcon");
const _useMessageBarReflow = require("./useMessageBarReflow");
const _messageBarTransitionContext = require("../../contexts/messageBarTransitionContext");
const useMessageBar_unstable = (props, ref)=>{
const { layout = 'auto', intent = 'info', politeness, shape = 'rounded' } = props;
const computedPoliteness = (politeness !== null && politeness !== void 0 ? politeness : intent === 'info') ? 'polite' : 'assertive';
const autoReflow = layout === 'auto';
const { ref: reflowRef, reflowing } = (0, _useMessageBarReflow.useMessageBarReflow)(autoReflow);
const computedLayout = autoReflow ? reflowing ? 'multiline' : 'singleline' : layout;
// eslint-disable-next-line @typescript-eslint/no-deprecated
const { className: transitionClassName, nodeRef } = (0, _messageBarTransitionContext.useMessageBarTransitionContext)();
const actionsRef = _react.useRef(null);
const bodyRef = _react.useRef(null);
const { announce } = (0, _reactsharedcontexts.useAnnounce)();
const titleId = (0, _reactutilities.useId)();
_react.useEffect(()=>{
var _bodyRef_current, _actionsRef_current;
const bodyMessage = (_bodyRef_current = bodyRef.current) === null || _bodyRef_current === void 0 ? void 0 : _bodyRef_current.textContent;
const actionsMessage = (_actionsRef_current = actionsRef.current) === null || _actionsRef_current === void 0 ? void 0 : _actionsRef_current.textContent;
const message = [
bodyMessage,
actionsMessage
].filter(Boolean).join(',');
announce(message, {
polite: computedPoliteness === 'polite',
alert: computedPoliteness === 'assertive'
});
}, [
bodyRef,
actionsRef,
announce,
computedPoliteness
]);
return {
components: {
root: 'div',
icon: 'div',
bottomReflowSpacer: 'div'
},
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
ref: (0, _reactutilities.useMergedRefs)(ref, reflowRef, nodeRef),
role: 'group',
'aria-labelledby': titleId,
...props
}), {
elementType: 'div'
}),
icon: _reactutilities.slot.optional(props.icon, {
renderByDefault: true,
elementType: 'div',
defaultProps: {
children: (0, _getIntentIcon.getIntentIcon)(intent)
}
}),
bottomReflowSpacer: _reactutilities.slot.optional(props.bottomReflowSpacer, {
renderByDefault: computedLayout === 'multiline',
elementType: 'div'
}),
layout: computedLayout,
intent,
transitionClassName,
actionsRef,
bodyRef,
titleId,
shape
};
};
File diff suppressed because one or more lines are too long
@@ -0,0 +1,29 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useMessageBarContextValue_unstable", {
enumerable: true,
get: function() {
return useMessageBarContextValue_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
function useMessageBarContextValue_unstable(state) {
const { layout, actionsRef, bodyRef, titleId } = state;
const messageBarContext = _react.useMemo(()=>({
layout,
actionsRef,
bodyRef,
titleId
}), [
layout,
actionsRef,
bodyRef,
titleId
]);
return {
messageBar: messageBarContext
};
}
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBar/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"}
@@ -0,0 +1,94 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useMessageBarReflow", {
enumerable: true,
get: function() {
return useMessageBarReflow;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const _reactutilities = require("@fluentui/react-utilities");
function useMessageBarReflow(enabled = false) {
const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
const forceUpdate = _react.useReducer(()=>({}), {})[1];
const reflowingRef = _react.useRef(false);
// TODO: exclude types from this lint rule: https://github.com/microsoft/fluentui/issues/31286
const resizeObserverRef = _react.useRef(null);
const prevInlineSizeRef = _react.useRef(-1);
const handleResize = _react.useCallback((entries)=>{
var _entry_borderBoxSize_, _entry_borderBoxSize;
// Resize observer is only owned by this component - one resize observer entry expected
// No need to support multiple fragments - one border box entry expected
if (process.env.NODE_ENV !== 'production' && entries.length > 1) {
// eslint-disable-next-line no-console
console.error([
'useMessageBarReflow: Resize observer should only have one entry. ',
'If multiple entries are observed, the first entry will be used.',
'This is a bug, please report it to the Fluent UI team.'
].join(' '));
}
const entry = entries[0];
var _entry_borderBoxSize__inlineSize;
// `borderBoxSize` is not supported before Chrome 84, Firefox 92, nor Safari 15.4
const inlineSize = (_entry_borderBoxSize__inlineSize = entry === null || entry === void 0 ? void 0 : (_entry_borderBoxSize = entry.borderBoxSize) === null || _entry_borderBoxSize === void 0 ? void 0 : (_entry_borderBoxSize_ = _entry_borderBoxSize[0]) === null || _entry_borderBoxSize_ === void 0 ? void 0 : _entry_borderBoxSize_.inlineSize) !== null && _entry_borderBoxSize__inlineSize !== void 0 ? _entry_borderBoxSize__inlineSize : entry === null || entry === void 0 ? void 0 : entry.target.getBoundingClientRect().width;
if (inlineSize === undefined || !entry) {
return;
}
const { target } = entry;
if (!(0, _reactutilities.isHTMLElement)(target)) {
return;
}
let nextReflowing;
// No easy way to really determine when the single line layout will fit
// Just keep try to set single line layout as long as the size is growing
// Will cause flickering when size is being adjusted gradually (i.e. drag) - but this should not be a common case
if (reflowingRef.current) {
if (prevInlineSizeRef.current < inlineSize) {
nextReflowing = false;
}
} else {
const scrollWidth = target.scrollWidth;
if (inlineSize < scrollWidth) {
nextReflowing = true;
}
}
prevInlineSizeRef.current = inlineSize;
if (typeof nextReflowing !== 'undefined' && reflowingRef.current !== nextReflowing) {
reflowingRef.current = nextReflowing;
forceUpdate();
}
}, [
forceUpdate
]);
const ref = _react.useCallback((el)=>{
var _resizeObserverRef_current;
if (!enabled || !el || !(targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.defaultView)) {
return;
}
(_resizeObserverRef_current = resizeObserverRef.current) === null || _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.disconnect();
const win = targetDocument.defaultView;
const resizeObserver = new win.ResizeObserver(handleResize);
resizeObserverRef.current = resizeObserver;
resizeObserver.observe(el, {
box: 'border-box'
});
}, [
targetDocument,
handleResize,
enabled
]);
_react.useEffect(()=>{
return ()=>{
var _resizeObserverRef_current;
(_resizeObserverRef_current = resizeObserverRef.current) === null || _resizeObserverRef_current === void 0 ? void 0 : _resizeObserverRef_current.disconnect();
};
}, []);
return {
ref,
reflowing: reflowingRef.current
};
}
File diff suppressed because one or more lines are too long
@@ -0,0 +1,174 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
messageBarClassNames: function() {
return messageBarClassNames;
},
useMessageBarStyles_unstable: function() {
return useMessageBarStyles_unstable;
}
});
const _react = require("@griffel/react");
const messageBarClassNames = {
root: 'fui-MessageBar',
icon: 'fui-MessageBar__icon',
bottomReflowSpacer: 'fui-MessageBar__bottomReflowSpacer'
};
const useRootBaseStyles = /*#__PURE__*/ (0, _react.__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);}"
]);
const useIconBaseStyles = /*#__PURE__*/ (0, _react.__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;}"
]);
const useReflowSpacerBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r1vx593n", null, [
".r1vx593n{margin-bottom:var(--spacingVerticalS);grid-area:secondaryActions;}"
]);
const useStyles = /*#__PURE__*/ (0, _react.__styles)({
rootMultiline: {
Huce71: "f6juhto",
Bt984gj: "f1s2louj",
z8tnut: "f1ngh7ph",
Budl1dq: "f17g0uqy",
zoa1oz: "f1w7oly7"
},
secondaryActionsMultiline: {
Brf1p80: "f1e8xxv9",
B6of3ja: "f1gaxbfw",
jrapky: "fqcjy3b",
t21cq0: [
"fibjyge",
"f9yszdx"
]
},
square: {
Beyfa6y: 0,
Bbmb7ep: 0,
Btl43ni: 0,
B7oj6ja: 0,
Dimara: "fokr779"
}
}, {
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;}",
{
p: -1
}
]
]
});
const useIconIntentStyles = /*#__PURE__*/ (0, _react.__styles)({
info: {},
error: {
sj55zd: "f1ca9wz"
},
warning: {
sj55zd: "f14a4cve"
},
success: {
sj55zd: "f36rra6"
}
}, {
d: [
".f1ca9wz{color:var(--colorStatusDangerForeground1);}",
".f14a4cve{color:var(--colorStatusWarningForeground3);}",
".f36rra6{color:var(--colorStatusSuccessForeground1);}"
]
});
const useRootIntentStyles = /*#__PURE__*/ (0, _react.__styles)({
info: {},
error: {
De3pzq: "f1eon7jj",
g2u3we: "f1f8dvr7",
h3c5rm: [
"f1g1ijmo",
"f1nxacbt"
],
B9xav0g: "fo25q1j",
zhjwy3: [
"f1nxacbt",
"f1g1ijmo"
]
},
warning: {
De3pzq: "f13ftzij",
g2u3we: "frd1ypx",
h3c5rm: [
"f1gyjrma",
"f18qd5xz"
],
B9xav0g: "fqyqtrt",
zhjwy3: [
"f18qd5xz",
"f1gyjrma"
]
},
success: {
De3pzq: "f64thcm",
g2u3we: "f1b4u7v",
h3c5rm: [
"f1nyd2b1",
"f70v3om"
],
B9xav0g: "fk173vo",
zhjwy3: [
"f70v3om",
"f1nyd2b1"
]
}
}, {
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);}"
]
});
const useMessageBarStyles_unstable = (state)=>{
'use no memo';
const rootBaseStyles = useRootBaseStyles();
const iconBaseStyles = useIconBaseStyles();
const iconIntentStyles = useIconIntentStyles();
const rootIntentStyles = useRootIntentStyles();
const reflowSpacerStyles = useReflowSpacerBaseStyles();
const styles = useStyles();
state.root.className = (0, _react.mergeClasses)(messageBarClassNames.root, rootBaseStyles, state.layout === 'multiline' && styles.rootMultiline, state.shape === 'square' && styles.square, rootIntentStyles[state.intent], state.root.className);
if (state.icon) {
state.icon.className = (0, _react.mergeClasses)(messageBarClassNames.icon, iconBaseStyles, iconIntentStyles[state.intent], state.icon.className);
}
if (state.bottomReflowSpacer) {
state.bottomReflowSpacer.className = (0, _react.mergeClasses)(messageBarClassNames.bottomReflowSpacer, reflowSpacerStyles);
}
return state;
};
File diff suppressed because one or more lines are too long
@@ -0,0 +1,24 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "MessageBarActions", {
enumerable: true,
get: function() {
return MessageBarActions;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const _useMessageBarActions = require("./useMessageBarActions");
const _renderMessageBarActions = require("./renderMessageBarActions");
const _useMessageBarActionsStylesstyles = require("./useMessageBarActionsStyles.styles");
const _useMessageBarActionsContextValues = require("./useMessageBarActionsContextValues");
const MessageBarActions = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useMessageBarActions.useMessageBarActions_unstable)(props, ref);
(0, _useMessageBarActionsStylesstyles.useMessageBarActionsStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMessageBarActionsStyles_unstable')(state);
return (0, _renderMessageBarActions.renderMessageBarActions_unstable)(state, (0, _useMessageBarActionsContextValues.useMessageBarActionsContextValue_unstable)());
});
MessageBarActions.displayName = 'MessageBarActions';
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarActions/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"}
@@ -0,0 +1,6 @@
/**
* State used in rendering MessageBarActions
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarActions/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"}
@@ -0,0 +1,35 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBarActions: function() {
return _MessageBarActions.MessageBarActions;
},
messageBarActionsClassNames: function() {
return _useMessageBarActionsStylesstyles.messageBarActionsClassNames;
},
renderMessageBarActions_unstable: function() {
return _renderMessageBarActions.renderMessageBarActions_unstable;
},
useMessageBarActionsContextValue_unstable: function() {
return _useMessageBarActionsContextValues.useMessageBarActionsContextValue_unstable;
},
useMessageBarActionsStyles_unstable: function() {
return _useMessageBarActionsStylesstyles.useMessageBarActionsStyles_unstable;
},
useMessageBarActions_unstable: function() {
return _useMessageBarActions.useMessageBarActions_unstable;
}
});
const _MessageBarActions = require("./MessageBarActions");
const _renderMessageBarActions = require("./renderMessageBarActions");
const _useMessageBarActions = require("./useMessageBarActions");
const _useMessageBarActionsStylesstyles = require("./useMessageBarActionsStyles.styles");
const _useMessageBarActionsContextValues = require("./useMessageBarActionsContextValues");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarActions/index.ts"],"sourcesContent":["export { MessageBarActions } from './MessageBarActions';\nexport type {\n MessageBarActionsContextValues,\n MessageBarActionsProps,\n MessageBarActionsSlots,\n MessageBarActionsState,\n} from './MessageBarActions.types';\nexport { renderMessageBarActions_unstable } from './renderMessageBarActions';\nexport { useMessageBarActions_unstable } from './useMessageBarActions';\nexport { messageBarActionsClassNames, useMessageBarActionsStyles_unstable } from './useMessageBarActionsStyles.styles';\nexport { useMessageBarActionsContextValue_unstable } from './useMessageBarActionsContextValues';\n"],"names":["MessageBarActions","messageBarActionsClassNames","renderMessageBarActions_unstable","useMessageBarActionsContextValue_unstable","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,iBAAiB;eAAjBA,oCAAiB;;IASjBC,2BAA2B;eAA3BA,6DAA2B;;IAF3BC,gCAAgC;eAAhCA,yDAAgC;;IAGhCC,yCAAyC;eAAzCA,4EAAyC;;IADZC,mCAAmC;eAAnCA,qEAAmC;;IADhEC,6BAA6B;eAA7BA,mDAA6B;;;mCARJ;yCAOe;sCACH;kDACmC;mDACvB"}
@@ -0,0 +1,32 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderMessageBarActions_unstable", {
enumerable: true,
get: function() {
return renderMessageBarActions_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const _reactbutton = require("@fluentui/react-button");
const renderMessageBarActions_unstable = (state, contexts)=>{
(0, _reactutilities.assertSlots)(state);
if (state.layout === 'multiline') {
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactbutton.ButtonContextProvider, {
value: contexts.button,
children: [
state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {}),
/*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
]
});
}
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_reactbutton.ButtonContextProvider, {
value: contexts.button,
children: [
/*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {}),
state.containerAction && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.containerAction, {})
]
});
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarActions/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"}
@@ -0,0 +1,35 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useMessageBarActions_unstable", {
enumerable: true,
get: function() {
return useMessageBarActions_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactutilities = require("@fluentui/react-utilities");
const _messageBarContext = require("../../contexts/messageBarContext");
const useMessageBarActions_unstable = (props, ref)=>{
const { layout = 'singleline', actionsRef } = (0, _messageBarContext.useMessageBarContext)();
return {
components: {
root: 'div',
containerAction: 'div'
},
containerAction: _reactutilities.slot.optional(props.containerAction, {
renderByDefault: false,
elementType: 'div'
}),
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
ref: (0, _reactutilities.useMergedRefs)(ref, actionsRef),
...props
}), {
elementType: 'div'
}),
layout,
hasActions: !!props.children
};
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarActions/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"}
@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useMessageBarActionsContextValue_unstable", {
enumerable: true,
get: function() {
return useMessageBarActionsContextValue_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
function useMessageBarActionsContextValue_unstable() {
const buttonContext = _react.useMemo(()=>({
size: 'small'
}), []);
return {
button: buttonContext
};
}
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarActions/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"}
@@ -0,0 +1,73 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
messageBarActionsClassNames: function() {
return messageBarActionsClassNames;
},
useMessageBarActionsStyles_unstable: function() {
return useMessageBarActionsStyles_unstable;
}
});
const _react = require("@griffel/react");
const messageBarActionsClassNames = {
root: 'fui-MessageBarActions',
containerAction: 'fui-MessageBarActions__containerAction'
};
/**
* Styles for the root slot
*/ const useRootBaseStyles = /*#__PURE__*/ (0, _react.__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);}"
]);
const useContainerActionBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rgzw8nq", "r13ur29z", [
".rgzw8nq{grid-area:actions;padding-right:var(--spacingHorizontalM);}",
".r13ur29z{grid-area:actions;padding-left:var(--spacingHorizontalM);}"
]);
const useMultilineStyles = /*#__PURE__*/ (0, _react.__styles)({
root: {
Brf1p80: "f1e8xxv9",
B6of3ja: "f1gaxbfw",
jrapky: "fqcjy3b",
t21cq0: [
"fibjyge",
"f9yszdx"
],
z189sj: [
"f1p3vkop",
"f8cewkv"
]
},
noActions: {
mc9l5x: "fjseox"
}
}, {
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;}"
]
});
const useMessageBarActionsStyles_unstable = (state)=>{
'use no memo';
const rootBaseStyles = useRootBaseStyles();
const containerActionBaseStyles = useContainerActionBaseStyles();
const multilineStyles = useMultilineStyles();
state.root.className = (0, _react.mergeClasses)(messageBarActionsClassNames.root, rootBaseStyles, state.layout === 'multiline' && multilineStyles.root, !state.hasActions && multilineStyles.noActions, state.root.className);
if (state.containerAction) {
state.containerAction.className = (0, _react.mergeClasses)(messageBarActionsClassNames.containerAction, containerActionBaseStyles, state.containerAction.className);
}
return state;
};
@@ -0,0 +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"}
@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "MessageBarBody", {
enumerable: true,
get: function() {
return MessageBarBody;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const _useMessageBarBody = require("./useMessageBarBody");
const _renderMessageBarBody = require("./renderMessageBarBody");
const _useMessageBarBodyStylesstyles = require("./useMessageBarBodyStyles.styles");
const _useMessageBarBodyContextValues = require("./useMessageBarBodyContextValues");
const MessageBarBody = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useMessageBarBody.useMessageBarBody_unstable)(props, ref);
const ctx = (0, _useMessageBarBodyContextValues.useMessageBarBodyContextValues_unstable)(state);
(0, _useMessageBarBodyStylesstyles.useMessageBarBodyStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMessageBarBodyStyles_unstable')(state);
return (0, _renderMessageBarBody.renderMessageBarBody_unstable)(state, ctx);
});
MessageBarBody.displayName = 'MessageBarBody';
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarBody/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 { useMessageBarBodyContextValues_unstable } from './useMessageBarBodyContextValues';\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 const ctx = useMessageBarBodyContextValues_unstable(state);\n\n useMessageBarBodyStyles_unstable(state);\n useCustomStyleHook_unstable('useMessageBarBodyStyles_unstable')(state);\n return renderMessageBarBody_unstable(state, ctx);\n});\n\nMessageBarBody.displayName = 'MessageBarBody';\n"],"names":["MessageBarBody","React","forwardRef","props","ref","state","useMessageBarBody_unstable","ctx","useMessageBarBodyContextValues_unstable","useMessageBarBodyStyles_unstable","useCustomStyleHook_unstable","renderMessageBarBody_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYaA;;;eAAAA;;;;iEAZU;qCAEqB;mCACD;sCACG;+CACG;gDACO;AAMjD,MAAMA,iBAAAA,WAAAA,GAA2DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC/F,MAAMC,QAAQC,IAAAA,6CAAAA,EAA2BH,OAAOC;IAChD,MAAMG,MAAMC,IAAAA,uEAAAA,EAAwCH;IAEpDI,IAAAA,+DAAAA,EAAiCJ;IACjCK,IAAAA,gDAAAA,EAA4B,oCAAoCL;IAChE,OAAOM,IAAAA,mDAAAA,EAA8BN,OAAOE;AAC9C;AAEAP,eAAeY,WAAW,GAAG"}
@@ -0,0 +1,6 @@
/**
* State used in rendering MessageBarBody
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarBody/MessageBarBody.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MessageBarBodyContextValues = {\n link: {\n inline?: boolean;\n };\n};\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":"AAiBA;;CAEC"}
@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBarBody: function() {
return _MessageBarBody.MessageBarBody;
},
messageBarBodyClassNames: function() {
return _useMessageBarBodyStylesstyles.messageBarBodyClassNames;
},
renderMessageBarBody_unstable: function() {
return _renderMessageBarBody.renderMessageBarBody_unstable;
},
useMessageBarBodyStyles_unstable: function() {
return _useMessageBarBodyStylesstyles.useMessageBarBodyStyles_unstable;
},
useMessageBarBody_unstable: function() {
return _useMessageBarBody.useMessageBarBody_unstable;
}
});
const _MessageBarBody = require("./MessageBarBody");
const _renderMessageBarBody = require("./renderMessageBarBody");
const _useMessageBarBody = require("./useMessageBarBody");
const _useMessageBarBodyStylesstyles = require("./useMessageBarBodyStyles.styles");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarBody/index.ts"],"sourcesContent":["export { MessageBarBody } from './MessageBarBody';\nexport type {\n MessageBarBodyContextValues,\n MessageBarBodyProps,\n MessageBarBodySlots,\n MessageBarBodyState,\n} from './MessageBarBody.types';\nexport { renderMessageBarBody_unstable } from './renderMessageBarBody';\nexport { useMessageBarBody_unstable } from './useMessageBarBody';\nexport { messageBarBodyClassNames, useMessageBarBodyStyles_unstable } from './useMessageBarBodyStyles.styles';\n"],"names":["MessageBarBody","messageBarBodyClassNames","renderMessageBarBody_unstable","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,cAAc;eAAdA,8BAAc;;IASdC,wBAAwB;eAAxBA,uDAAwB;;IAFxBC,6BAA6B;eAA7BA,mDAA6B;;IAEHC,gCAAgC;eAAhCA,+DAAgC;;IAD1DC,0BAA0B;eAA1BA,6CAA0B;;;gCARJ;sCAOe;mCACH;+CACgC"}
@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderMessageBarBody_unstable", {
enumerable: true,
get: function() {
return renderMessageBarBody_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const _reactlink = require("@fluentui/react-link");
const renderMessageBarBody_unstable = (state, contextValues)=>{
(0, _reactutilities.assertSlots)(state);
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactlink.LinkContextProvider, {
value: contextValues.link,
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
});
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarBody/renderMessageBarBody.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { MessageBarBodyState, MessageBarBodySlots, MessageBarBodyContextValues } from './MessageBarBody.types';\nimport { LinkContextProvider } from '@fluentui/react-link';\n\n/**\n * Render the final JSX of MessageBarBody\n */\nexport const renderMessageBarBody_unstable = (\n state: MessageBarBodyState,\n contextValues: MessageBarBodyContextValues,\n) => {\n assertSlots<MessageBarBodySlots>(state);\n\n return (\n <LinkContextProvider value={contextValues.link}>\n <state.root />\n </LinkContextProvider>\n );\n};\n"],"names":["renderMessageBarBody_unstable","state","contextValues","assertSlots","_jsx","LinkContextProvider","value","link","root"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUaA;;;eAAAA;;;4BATb;gCAE4B;2BAEQ;AAK7B,MAAMA,gCAAgC,CAC3CC,OACAC;IAEAC,IAAAA,2BAAAA,EAAiCF;IAEjC,OAAA,WAAA,GACEG,IAAAA,eAAA,EAACC,8BAAAA,EAAAA;QAAoBC,OAAOJ,cAAcK,IAAI;kBAC5C,WAAA,GAAAH,IAAAA,eAAA,EAACH,MAAMO,IAAI,EAAA,CAAA;;AAGjB"}
@@ -0,0 +1,28 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useMessageBarBody_unstable", {
enumerable: true,
get: function() {
return useMessageBarBody_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactutilities = require("@fluentui/react-utilities");
const _messageBarContext = require("../../contexts/messageBarContext");
const useMessageBarBody_unstable = (props, ref)=>{
const { bodyRef } = (0, _messageBarContext.useMessageBarContext)();
return {
components: {
root: 'div'
},
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
ref: (0, _reactutilities.useMergedRefs)(ref, bodyRef),
...props
}), {
elementType: 'div'
})
};
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarBody/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"}
@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useMessageBarBodyContextValues_unstable", {
enumerable: true,
get: function() {
return useMessageBarBodyContextValues_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
function useMessageBarBodyContextValues_unstable(state) {
const link = _react.useMemo(()=>({
inline: true
}), []);
return {
link
};
}
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarBody/useMessageBarBodyContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { MessageBarBodyState, MessageBarBodyContextValues } from './MessageBarBody.types';\n\nexport function useMessageBarBodyContextValues_unstable(state: MessageBarBodyState): MessageBarBodyContextValues {\n const link = React.useMemo(\n () => ({\n inline: true,\n }),\n [],\n );\n\n return {\n link,\n };\n}\n"],"names":["useMessageBarBodyContextValues_unstable","state","link","React","useMemo","inline"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;AAGhB,SAASA,wCAAwCC,KAA0B;IAChF,MAAMC,OAAOC,OAAMC,OAAO,CACxB,IAAO,CAAA;YACLC,QAAQ;QACV,CAAA,GACA,EAAE;IAGJ,OAAO;QACLH;IACF;AACF"}
@@ -0,0 +1,32 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
messageBarBodyClassNames: function() {
return messageBarBodyClassNames;
},
useMessageBarBodyStyles_unstable: function() {
return useMessageBarBodyStyles_unstable;
}
});
const _react = require("@griffel/react");
const messageBarBodyClassNames = {
root: 'fui-MessageBarBody'
};
const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rtatq2b", "re2rary", [
".rtatq2b{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);grid-area:body;padding-right:var(--spacingHorizontalM);}",
".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;
};
@@ -0,0 +1 @@
{"version":3,"sources":["useMessageBarBodyStyles.styles.js"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const messageBarBodyClassNames = {\n root: 'fui-MessageBarBody'\n};\nconst useRootBaseStyles = makeResetStyles({\n ...typographyStyles.body1,\n gridArea: 'body',\n paddingRight: tokens.spacingHorizontalM\n});\n/**\n * Apply styling to the MessageBarBody slots based on the state\n */ export const useMessageBarBodyStyles_unstable = (state)=>{\n 'use no memo';\n const rootBaseStyles = useRootBaseStyles();\n state.root.className = mergeClasses(messageBarBodyClassNames.root, rootBaseStyles, state.root.className);\n return state;\n};\n"],"names":["messageBarBodyClassNames","useMessageBarBodyStyles_unstable","root","useRootBaseStyles","__resetStyles","state","rootBaseStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,wBAAwB;eAAxBA;;IAUIC,gCAAgC;eAAhCA;;;uBAZ6B;AAEvC,MAAMD,2BAA2B;IACpCE,MAAM;AACV;AACA,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,WAAA,WAAA;IAAA;IAAA;CAIzB;AAGU,MAAMH,mCAAoCI,CAAAA;IACjD;IACA,MAAMC,iBAAiBH;IACvBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,yBAAyBE,IAAI,EAAEI,gBAAgBD,MAAMH,IAAI,CAACK,SAAS;IACvG,OAAOF;AACX"}
@@ -0,0 +1,23 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "MessageBarGroup", {
enumerable: true,
get: function() {
return MessageBarGroup;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const _useMessageBarGroup = require("./useMessageBarGroup");
const _renderMessageBarGroup = require("./renderMessageBarGroup");
const _useMessageBarGroupStylesstyles = require("./useMessageBarGroupStyles.styles");
const MessageBarGroup = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useMessageBarGroup.useMessageBarGroup_unstable)(props, ref);
(0, _useMessageBarGroupStylesstyles.useMessageBarGroupStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMessageBarGroupStyles_unstable')(state);
return (0, _renderMessageBarGroup.renderMessageBarGroup_unstable)(state);
});
MessageBarGroup.displayName = 'MessageBarGroup';
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarGroup/MessageBarGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarGroup_unstable } from './useMessageBarGroup';\nimport { renderMessageBarGroup_unstable } from './renderMessageBarGroup';\nimport { useMessageBarGroupStyles_unstable } from './useMessageBarGroupStyles.styles';\nimport type { MessageBarGroupProps } from './MessageBarGroup.types';\n\n/**\n * MessageBarGroup component\n */\nexport const MessageBarGroup: ForwardRefComponent<MessageBarGroupProps> = React.forwardRef((props, ref) => {\n const state = useMessageBarGroup_unstable(props, ref);\n\n useMessageBarGroupStyles_unstable(state);\n useCustomStyleHook_unstable('useMessageBarGroupStyles_unstable')(state);\n return renderMessageBarGroup_unstable(state);\n});\n\nMessageBarGroup.displayName = 'MessageBarGroup';\n"],"names":["MessageBarGroup","React","forwardRef","props","ref","state","useMessageBarGroup_unstable","useMessageBarGroupStyles_unstable","useCustomStyleHook_unstable","renderMessageBarGroup_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;qCAEqB;oCACA;uCACG;gDACG;AAM3C,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAClCG,IAAAA,gDAAAA,EAA4B,qCAAqCH;IACjE,OAAOI,IAAAA,qDAAAA,EAA+BJ;AACxC;AAEAL,gBAAgBU,WAAW,GAAG"}
@@ -0,0 +1,83 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "MessageBarMotion", {
enumerable: true,
get: function() {
return MessageBarMotion;
}
});
const _reactmotion = require("@fluentui/react-motion");
/**
* Generates a motion atom object for a fade in or fade out.
* @param direction - The functional direction of the motion: 'enter' or 'exit'.
* @param duration - The duration of the motion in milliseconds.
* @param easing - The easing curve for the motion. Defaults to `motionTokens.curveLinear`.
* @param fromValue - The starting opacity value. Defaults to 0.
* @returns A motion atom object with opacity keyframes and the supplied duration and easing.
*/ const fadeAtom = ({ direction, duration, easing = _reactmotion.motionTokens.curveLinear, fromValue = 0 })=>{
const keyframes = [
{
opacity: fromValue
},
{
opacity: 1
}
];
if (direction === 'exit') {
keyframes.reverse();
}
return {
keyframes,
duration,
easing
};
};
/**
* Generates a motion atom object for an X or Y translation, from a specified distance to zero.
* @param direction - The functional direction of the motion: 'enter' or 'exit'.
* @param axis - The axis of the translation: 'X' or 'Y'.
* @param fromValue - The starting position of the slide; it can be a percentage or pixels.
* @param duration - The duration of the motion in milliseconds.
* @param easing - The easing curve for the motion. Defaults to `motionTokens.curveDecelerateMid`.
*/ const slideAtom = ({ direction, axis, fromValue, duration, easing = _reactmotion.motionTokens.curveDecelerateMid })=>{
const keyframes = [
{
transform: `translate${axis}(${fromValue})`
},
{
transform: `translate${axis}(0)`
}
];
if (direction === 'exit') {
keyframes.reverse();
}
return {
keyframes,
duration,
easing
};
};
const MessageBarMotion = (0, _reactmotion.createPresenceComponent)(({ animate })=>{
const duration = _reactmotion.motionTokens.durationGentle;
return {
enter: animate === 'both' ? [
fadeAtom({
direction: 'enter',
duration
}),
slideAtom({
direction: 'enter',
axis: 'Y',
fromValue: '-100%',
duration
})
] : [],
// Always exit with a fade
exit: fadeAtom({
direction: 'exit',
duration
})
};
});
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarGroup/MessageBarGroup.motions.tsx"],"sourcesContent":["import { motionTokens, createPresenceComponent, PresenceDirection, AtomMotion } from '@fluentui/react-motion';\nimport { MessageBarGroupProps } from './MessageBarGroup.types';\n\n// TODO: import these atoms from react-motion-components-preview once they're available there\n\ninterface FadeAtomParams {\n direction: PresenceDirection;\n duration: number;\n easing?: string;\n fromValue?: number;\n}\n\n/**\n * Generates a motion atom object for a fade in or fade out.\n * @param direction - The functional direction of the motion: 'enter' or 'exit'.\n * @param duration - The duration of the motion in milliseconds.\n * @param easing - The easing curve for the motion. Defaults to `motionTokens.curveLinear`.\n * @param fromValue - The starting opacity value. Defaults to 0.\n * @returns A motion atom object with opacity keyframes and the supplied duration and easing.\n */\nconst fadeAtom = ({\n direction,\n duration,\n easing = motionTokens.curveLinear,\n fromValue = 0,\n}: FadeAtomParams): AtomMotion => {\n const keyframes = [{ opacity: fromValue }, { opacity: 1 }];\n if (direction === 'exit') {\n keyframes.reverse();\n }\n return {\n keyframes,\n duration,\n easing,\n };\n};\n\n/**\n * Generates a motion atom object for an X or Y translation, from a specified distance to zero.\n * @param direction - The functional direction of the motion: 'enter' or 'exit'.\n * @param axis - The axis of the translation: 'X' or 'Y'.\n * @param fromValue - The starting position of the slide; it can be a percentage or pixels.\n * @param duration - The duration of the motion in milliseconds.\n * @param easing - The easing curve for the motion. Defaults to `motionTokens.curveDecelerateMid`.\n */\nconst slideAtom = ({\n direction,\n axis,\n fromValue,\n duration,\n easing = motionTokens.curveDecelerateMid,\n}: {\n direction: PresenceDirection;\n axis: 'X' | 'Y';\n fromValue: string;\n duration: number;\n easing?: string;\n}): AtomMotion => {\n const keyframes = [{ transform: `translate${axis}(${fromValue})` }, { transform: `translate${axis}(0)` }];\n if (direction === 'exit') {\n keyframes.reverse();\n }\n return {\n keyframes,\n duration,\n easing,\n };\n};\n\n/**\n * A presence component for a MessageBar to enter and exit from a MessageBarGroup.\n * It has an optional enter transition of a slide-in and fade-in,\n * when the `animate` prop is set to `'both'`.\n * It always has an exit transition of a fade-out.\n */\nexport const MessageBarMotion = createPresenceComponent<{ animate?: MessageBarGroupProps['animate'] }>(\n ({ animate }) => {\n const duration = motionTokens.durationGentle;\n\n return {\n enter:\n animate === 'both'\n ? // enter with slide and fade\n [\n fadeAtom({ direction: 'enter', duration }),\n slideAtom({ direction: 'enter', axis: 'Y', fromValue: '-100%', duration }),\n ]\n : [], // no enter motion\n\n // Always exit with a fade\n exit: fadeAtom({ direction: 'exit', duration }),\n };\n },\n);\n"],"names":["MessageBarMotion","fadeAtom","direction","duration","easing","motionTokens","curveLinear","fromValue","keyframes","opacity","reverse","slideAtom","axis","curveDecelerateMid","transform","createPresenceComponent","animate","durationGentle","enter","exit"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2EaA;;;eAAAA;;;6BA3EwE;AAYrF;;;;;;;CAOC,GACD,MAAMC,WAAW,CAAC,EAChBC,SAAS,EACTC,QAAQ,EACRC,SAASC,yBAAAA,CAAaC,WAAW,EACjCC,YAAY,CAAC,EACE;IACf,MAAMC,YAAY;QAAC;YAAEC,SAASF;QAAU;QAAG;YAAEE,SAAS;QAAE;KAAE;IAC1D,IAAIP,cAAc,QAAQ;QACxBM,UAAUE,OAAO;IACnB;IACA,OAAO;QACLF;QACAL;QACAC;IACF;AACF;AAEA;;;;;;;CAOC,GACD,MAAMO,YAAY,CAAC,EACjBT,SAAS,EACTU,IAAI,EACJL,SAAS,EACTJ,QAAQ,EACRC,SAASC,yBAAAA,CAAaQ,kBAAkB,EAOzC;IACC,MAAML,YAAY;QAAC;YAAEM,WAAW,CAAC,SAAS,EAAEF,KAAK,CAAC,EAAEL,UAAU,CAAC,CAAC;QAAC;QAAG;YAAEO,WAAW,CAAC,SAAS,EAAEF,KAAK,GAAG,CAAC;QAAC;KAAE;IACzG,IAAIV,cAAc,QAAQ;QACxBM,UAAUE,OAAO;IACnB;IACA,OAAO;QACLF;QACAL;QACAC;IACF;AACF;AAQO,MAAMJ,mBAAmBe,IAAAA,oCAAAA,EAC9B,CAAC,EAAEC,OAAO,EAAE;IACV,MAAMb,WAAWE,yBAAAA,CAAaY,cAAc;IAE5C,OAAO;QACLC,OACEF,YAAY,SAER;YACEf,SAAS;gBAAEC,WAAW;gBAASC;YAAS;YACxCQ,UAAU;gBAAET,WAAW;gBAASU,MAAM;gBAAKL,WAAW;gBAASJ;YAAS;SACzE,GACD,EAAE;QAER,0BAA0B;QAC1BgB,MAAMlB,SAAS;YAAEC,WAAW;YAAQC;QAAS;IAC/C;AACF"}
@@ -0,0 +1,6 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarGroup/MessageBarGroup.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport * as React from 'react';\n\nexport type MessageBarGroupSlots = {\n root: Slot<'div'>;\n};\n\n/**\n * MessageBarGroup Props\n */\nexport type MessageBarGroupProps = ComponentProps<MessageBarGroupSlots> & {\n children: React.ReactElement[] | React.ReactElement;\n animate?: 'exit-only' | 'both';\n};\n\n/**\n * State used in rendering MessageBarGroup\n */\nexport type MessageBarGroupState = ComponentState<MessageBarGroupSlots> &\n Pick<MessageBarGroupProps, 'animate'> & {\n /** @deprecated property is unused; these CSS animations were replaced by motion components */\n enterStyles: string;\n /** @deprecated property is unused; these CSS animations were replaced by motion components */\n exitStyles: string;\n children: React.ReactElement[];\n };\n"],"names":[],"rangeMappings":";;;;;","mappings":";;;;;iEACuB"}
@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBarGroup: function() {
return _MessageBarGroup.MessageBarGroup;
},
messageBarGroupClassNames: function() {
return _useMessageBarGroupStylesstyles.messageBarGroupClassNames;
},
renderMessageBarGroup_unstable: function() {
return _renderMessageBarGroup.renderMessageBarGroup_unstable;
},
useMessageBarGroupStyles_unstable: function() {
return _useMessageBarGroupStylesstyles.useMessageBarGroupStyles_unstable;
},
useMessageBarGroup_unstable: function() {
return _useMessageBarGroup.useMessageBarGroup_unstable;
}
});
const _MessageBarGroup = require("./MessageBarGroup");
const _renderMessageBarGroup = require("./renderMessageBarGroup");
const _useMessageBarGroup = require("./useMessageBarGroup");
const _useMessageBarGroupStylesstyles = require("./useMessageBarGroupStyles.styles");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarGroup/index.ts"],"sourcesContent":["export { MessageBarGroup } from './MessageBarGroup';\nexport type { MessageBarGroupProps, MessageBarGroupSlots, MessageBarGroupState } from './MessageBarGroup.types';\nexport { renderMessageBarGroup_unstable } from './renderMessageBarGroup';\nexport { useMessageBarGroup_unstable } from './useMessageBarGroup';\nexport { messageBarGroupClassNames, useMessageBarGroupStyles_unstable } from './useMessageBarGroupStyles.styles';\n"],"names":["MessageBarGroup","messageBarGroupClassNames","renderMessageBarGroup_unstable","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,eAAe;eAAfA,gCAAe;;IAIfC,yBAAyB;eAAzBA,yDAAyB;;IAFzBC,8BAA8B;eAA9BA,qDAA8B;;IAEHC,iCAAiC;eAAjCA,iEAAiC;;IAD5DC,2BAA2B;eAA3BA,+CAA2B;;;iCAHJ;uCAEe;oCACH;gDACiC"}
@@ -0,0 +1,25 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderMessageBarGroup_unstable", {
enumerable: true,
get: function() {
return renderMessageBarGroup_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const _reactmotion = require("@fluentui/react-motion");
const _MessageBarGroupmotions = require("./MessageBarGroup.motions");
const renderMessageBarGroup_unstable = (state)=>{
(0, _reactutilities.assertSlots)(state);
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactmotion.PresenceGroup, {
children: state.children.map((child)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_MessageBarGroupmotions.MessageBarMotion, {
animate: state.animate,
children: child
}, child.key))
})
});
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarGroup/renderMessageBarGroup.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { MessageBarGroupState, MessageBarGroupSlots } from './MessageBarGroup.types';\nimport { PresenceGroup } from '@fluentui/react-motion';\nimport { MessageBarMotion } from './MessageBarGroup.motions';\n\n/**\n * Render the final JSX of MessageBarGroup\n */\nexport const renderMessageBarGroup_unstable = (state: MessageBarGroupState) => {\n assertSlots<MessageBarGroupSlots>(state);\n\n return (\n <state.root>\n <PresenceGroup>\n {state.children.map(child => (\n <MessageBarMotion key={child.key} animate={state.animate}>\n {child}\n </MessageBarMotion>\n ))}\n </PresenceGroup>\n </state.root>\n );\n};\n"],"names":["renderMessageBarGroup_unstable","state","assertSlots","_jsx","root","PresenceGroup","children","map","child","MessageBarMotion","animate","key"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;4BAVb;gCAE4B;6BAEE;wCACG;AAK1B,MAAMA,iCAAiC,CAACC;IAC7CC,IAAAA,2BAAAA,EAAkCD;IAElC,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBACT,WAAA,GAAAD,IAAAA,eAAA,EAACE,0BAAAA,EAAAA;sBACEJ,MAAMK,QAAQ,CAACC,GAAG,CAACC,CAAAA,QAAAA,WAAAA,GAClBL,IAAAA,eAAA,EAACM,wCAAAA,EAAAA;oBAAiCC,SAAST,MAAMS,OAAO;8BACrDF;mBADoBA,MAAMG,GAAG;;;AAO1C"}
@@ -0,0 +1,40 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useMessageBarGroup_unstable", {
enumerable: true,
get: function() {
return useMessageBarGroup_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactutilities = require("@fluentui/react-utilities");
const useMessageBarGroup_unstable = (props, ref)=>{
if (process.env.NODE_ENV !== 'production') {
_react.Children.forEach(props.children, (c)=>{
if (!/*#__PURE__*/ _react.isValidElement(c) || c.type === _react.Fragment) {
throw new Error("MessageBarGroup: children must be valid MessageBar components. Please ensure you're not using fragments. ");
}
});
}
var _props_children;
const children = _react.Children.map((_props_children = props.children) !== null && _props_children !== void 0 ? _props_children : [], (c)=>/*#__PURE__*/ _react.isValidElement(c) && c.type !== _react.Fragment ? c : null).filter(Boolean);
var _props_animate;
return {
components: {
root: 'div'
},
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
ref,
...props
}), {
elementType: 'div'
}),
children,
animate: (_props_animate = props.animate) !== null && _props_animate !== void 0 ? _props_animate : 'exit-only',
enterStyles: '',
exitStyles: ''
};
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarGroup/useMessageBarGroup.ts"],"sourcesContent":["import * as React from 'react';\nimport type { MessageBarGroupProps, MessageBarGroupState } from './MessageBarGroup.types';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\n/**\n * Create the state required to render MessageBarGroup.\n *\n * The returned state can be modified with hooks such as useMessageBarGroupStyles_unstable,\n * before being passed to renderMessageBarGroup_unstable.\n *\n * @param props - props from this instance of MessageBarGroup\n * @param ref - reference to root HTMLElement of MessageBarGroup\n */\nexport const useMessageBarGroup_unstable = (\n props: MessageBarGroupProps,\n ref: React.Ref<HTMLDivElement>,\n): MessageBarGroupState => {\n if (process.env.NODE_ENV !== 'production') {\n React.Children.forEach(props.children, c => {\n if (!React.isValidElement(c) || c.type === React.Fragment) {\n throw new Error(\n \"MessageBarGroup: children must be valid MessageBar components. Please ensure you're not using fragments. \",\n );\n }\n });\n }\n\n const children = React.Children.map(props.children ?? [], c =>\n React.isValidElement(c) && c.type !== React.Fragment ? c : null,\n ).filter(Boolean);\n\n return {\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n children,\n animate: props.animate ?? 'exit-only',\n enterStyles: '',\n exitStyles: '',\n };\n};\n"],"names":["useMessageBarGroup_unstable","props","ref","process","env","NODE_ENV","React","Children","forEach","children","c","isValidElement","type","Fragment","Error","map","filter","Boolean","components","root","slot","always","getIntrinsicElementProps","elementType","animate","enterStyles","exitStyles"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;gCAEwB;AAWxC,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;QACzCC,OAAMC,QAAQ,CAACC,OAAO,CAACP,MAAMQ,QAAQ,EAAEC,CAAAA;YACrC,IAAI,eAACJ,OAAMK,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKN,OAAMO,QAAQ,EAAE;gBACzD,MAAM,IAAIC,MACR;YAEJ;QACF;IACF;QAEoCb;IAApC,MAAMQ,WAAWH,OAAMC,QAAQ,CAACQ,GAAG,CAACd,CAAAA,kBAAAA,MAAMQ,QAAQ,AAARA,MAAQ,QAAdR,oBAAAA,KAAAA,IAAAA,kBAAkB,EAAE,EAAES,CAAAA,kBACxDJ,OAAMK,cAAc,CAACD,MAAMA,EAAEE,IAAI,KAAKN,OAAMO,QAAQ,GAAGH,IAAI,MAC3DM,MAAM,CAACC;QAeEhB;IAbX,OAAO;QACLiB,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BpB;YACA,GAAGD,KAAK;QACV,IACA;YAAEsB,aAAa;QAAM;QAEvBd;QACAe,SAASvB,CAAAA,iBAAAA,MAAMuB,OAAO,AAAPA,MAAO,QAAbvB,mBAAAA,KAAAA,IAAAA,iBAAiB;QAC1BwB,aAAa;QACbC,YAAY;IACd;AACF"}
@@ -0,0 +1,27 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
messageBarGroupClassNames: function() {
return messageBarGroupClassNames;
},
useMessageBarGroupStyles_unstable: function() {
return useMessageBarGroupStyles_unstable;
}
});
const _react = require("@griffel/react");
const messageBarGroupClassNames = {
root: 'fui-MessageBarGroup'
};
const useMessageBarGroupStyles_unstable = (state)=>{
'use no memo';
state.root.className = (0, _react.mergeClasses)(messageBarGroupClassNames.root, state.root.className);
return state;
};
@@ -0,0 +1 @@
{"version":3,"sources":["useMessageBarGroupStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const messageBarGroupClassNames = {\n root: 'fui-MessageBarGroup'\n};\n/**\n * Apply styling to the MessageBarGroup slots based on the state\n */ export const useMessageBarGroupStyles_unstable = (state)=>{\n 'use no memo';\n state.root.className = mergeClasses(messageBarGroupClassNames.root, state.root.className);\n return state;\n};\n"],"names":["messageBarGroupClassNames","useMessageBarGroupStyles_unstable","root","state","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACaA,yBAAyB;eAAzBA;;IAKIC,iCAAiC;eAAjCA;;;uBANY;AACtB,MAAMD,4BAA4B;IACrCE,MAAM;AACV;AAGW,MAAMD,oCAAqCE,CAAAA;IAClD;IACAA,MAAMD,IAAI,CAACE,SAAS,GAAGC,IAAAA,mBAAY,EAACL,0BAA0BE,IAAI,EAAEC,MAAMD,IAAI,CAACE,SAAS;IACxF,OAAOD;AACX"}
@@ -0,0 +1,23 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "MessageBarTitle", {
enumerable: true,
get: function() {
return MessageBarTitle;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const _useMessageBarTitle = require("./useMessageBarTitle");
const _renderMessageBarTitle = require("./renderMessageBarTitle");
const _useMessageBarTitleStylesstyles = require("./useMessageBarTitleStyles.styles");
const MessageBarTitle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useMessageBarTitle.useMessageBarTitle_unstable)(props, ref);
(0, _useMessageBarTitleStylesstyles.useMessageBarTitleStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useMessageBarTitleStyles_unstable')(state);
return (0, _renderMessageBarTitle.renderMessageBarTitle_unstable)(state);
});
MessageBarTitle.displayName = 'MessageBarTitle';
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarTitle/MessageBarTitle.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useMessageBarTitle_unstable } from './useMessageBarTitle';\nimport { renderMessageBarTitle_unstable } from './renderMessageBarTitle';\nimport { useMessageBarTitleStyles_unstable } from './useMessageBarTitleStyles.styles';\nimport type { MessageBarTitleProps } from './MessageBarTitle.types';\n\n/**\n * MessageBarTitle component\n */\nexport const MessageBarTitle: ForwardRefComponent<MessageBarTitleProps> = React.forwardRef((props, ref) => {\n const state = useMessageBarTitle_unstable(props, ref);\n\n useMessageBarTitleStyles_unstable(state);\n useCustomStyleHook_unstable('useMessageBarTitleStyles_unstable')(state);\n return renderMessageBarTitle_unstable(state);\n});\n\nMessageBarTitle.displayName = 'MessageBarTitle';\n"],"names":["MessageBarTitle","React","forwardRef","props","ref","state","useMessageBarTitle_unstable","useMessageBarTitleStyles_unstable","useCustomStyleHook_unstable","renderMessageBarTitle_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;qCAEqB;oCACA;uCACG;gDACG;AAM3C,MAAMA,kBAAAA,WAAAA,GAA6DC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQC,IAAAA,+CAAAA,EAA4BH,OAAOC;IAEjDG,IAAAA,iEAAAA,EAAkCF;IAClCG,IAAAA,gDAAAA,EAA4B,qCAAqCH;IACjE,OAAOI,IAAAA,qDAAAA,EAA+BJ;AACxC;AAEAL,gBAAgBU,WAAW,GAAG"}
@@ -0,0 +1,6 @@
/**
* State used in rendering MessageBarTitle
*/ "use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarTitle/MessageBarTitle.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type MessageBarTitleSlots = {\n root: Slot<'span'>;\n};\n\n/**\n * MessageBarTitle Props\n */\nexport type MessageBarTitleProps = ComponentProps<MessageBarTitleSlots>;\n\n/**\n * State used in rendering MessageBarTitle\n */\nexport type MessageBarTitleState = ComponentState<MessageBarTitleSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAWA;;CAEC"}
@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBarTitle: function() {
return _MessageBarTitle.MessageBarTitle;
},
messageBarTitleClassNames: function() {
return _useMessageBarTitleStylesstyles.messageBarTitleClassNames;
},
renderMessageBarTitle_unstable: function() {
return _renderMessageBarTitle.renderMessageBarTitle_unstable;
},
useMessageBarTitleStyles_unstable: function() {
return _useMessageBarTitleStylesstyles.useMessageBarTitleStyles_unstable;
},
useMessageBarTitle_unstable: function() {
return _useMessageBarTitle.useMessageBarTitle_unstable;
}
});
const _MessageBarTitle = require("./MessageBarTitle");
const _renderMessageBarTitle = require("./renderMessageBarTitle");
const _useMessageBarTitle = require("./useMessageBarTitle");
const _useMessageBarTitleStylesstyles = require("./useMessageBarTitleStyles.styles");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarTitle/index.ts"],"sourcesContent":["export { MessageBarTitle } from './MessageBarTitle';\nexport type { MessageBarTitleProps, MessageBarTitleSlots, MessageBarTitleState } from './MessageBarTitle.types';\nexport { renderMessageBarTitle_unstable } from './renderMessageBarTitle';\nexport { useMessageBarTitle_unstable } from './useMessageBarTitle';\nexport { messageBarTitleClassNames, useMessageBarTitleStyles_unstable } from './useMessageBarTitleStyles.styles';\n"],"names":["MessageBarTitle","messageBarTitleClassNames","renderMessageBarTitle_unstable","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,eAAe;eAAfA,gCAAe;;IAIfC,yBAAyB;eAAzBA,yDAAyB;;IAFzBC,8BAA8B;eAA9BA,qDAA8B;;IAEHC,iCAAiC;eAAjCA,iEAAiC;;IAD5DC,2BAA2B;eAA3BA,+CAA2B;;;iCAHJ;uCAEe;oCACH;gDACiC"}
@@ -0,0 +1,16 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderMessageBarTitle_unstable", {
enumerable: true,
get: function() {
return renderMessageBarTitle_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const renderMessageBarTitle_unstable = (state)=>{
(0, _reactutilities.assertSlots)(state);
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarTitle/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":["renderMessageBarTitle_unstable","state","assertSlots","_jsx","root"],"rangeMappings":";;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,iCAAiC,CAACC;IAC7CC,IAAAA,2BAAAA,EAAkCD;IAElC,OAAA,WAAA,GAAOE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA,CAAA;AACpB"}
@@ -0,0 +1,29 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useMessageBarTitle_unstable", {
enumerable: true,
get: function() {
return useMessageBarTitle_unstable;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _reactutilities = require("@fluentui/react-utilities");
const _messageBarContext = require("../../contexts/messageBarContext");
const useMessageBarTitle_unstable = (props, ref)=>{
const { titleId } = (0, _messageBarContext.useMessageBarContext)();
return {
components: {
root: 'span'
},
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('span', {
ref,
id: titleId,
...props
}), {
elementType: 'span'
})
};
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/MessageBarTitle/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":["useMessageBarTitle_unstable","props","ref","titleId","useMessageBarContext","components","root","slot","always","getIntrinsicElementProps","id","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;;iEAdU;gCACwB;mCAEV;AAW9B,MAAMA,8BAA8B,CACzCC,OACAC;IAEA,MAAM,EAAEC,OAAO,EAAE,GAAGC,IAAAA,uCAAAA;IAEpB,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,QAAQ;YAC/BP;YACAQ,IAAIP;YACJ,GAAGF,KAAK;QACV,IACA;YAAEU,aAAa;QAAO;IAE1B;AACF"}
@@ -0,0 +1,34 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
messageBarTitleClassNames: function() {
return messageBarTitleClassNames;
},
useMessageBarTitleStyles_unstable: function() {
return useMessageBarTitleStyles_unstable;
}
});
const _react = require("@griffel/react");
const messageBarTitleClassNames = {
root: 'fui-MessageBarTitle'
};
/**
* Styles for the root slot
*/ const useRootBaseStyles = /*#__PURE__*/ (0, _react.__resetStyles)("r168xkm9", null, [
".r168xkm9{font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightSemibold);line-height:var(--lineHeightBase300);}",
".r168xkm9::after{content:\" \";}"
]);
const useMessageBarTitleStyles_unstable = (state)=>{
'use no memo';
const rootBaseStyles = useRootBaseStyles();
state.root.className = (0, _react.mergeClasses)(messageBarTitleClassNames.root, rootBaseStyles, state.root.className);
return state;
};
@@ -0,0 +1 @@
{"version":3,"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"],"names":["messageBarTitleClassNames","useMessageBarTitleStyles_unstable","root","useRootBaseStyles","__resetStyles","state","rootBaseStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,yBAAyB;eAAzBA;;IAaIC,iCAAiC;eAAjCA;;;uBAf6B;AAEvC,MAAMD,4BAA4B;IACrCE,MAAM;AACV;AACA;;CAEA,GAAI,MAAMC,oBAAiB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,YAAA,MAAA;IAAA;IAAA;CAK7B;AAGU,MAAMH,oCAAqCI,CAAAA;IAClD;IACA,MAAMC,iBAAiBH;IACvBE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,0BAA0BE,IAAI,EAAEI,gBAAgBD,MAAMH,IAAI,CAACK,SAAS;IACxG,OAAOF;AACX"}
@@ -0,0 +1,32 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBarContextProvider: function() {
return _messageBarContext.MessageBarContextProvider;
},
MessageBarTransitionContextProvider: function() {
return _messageBarTransitionContext.MessageBarTransitionContextProvider;
},
messageBarContextDefaultValue: function() {
return _messageBarContext.messageBarContextDefaultValue;
},
messageBarTransitionContextDefaultValue: function() {
return _messageBarTransitionContext.messageBarTransitionContextDefaultValue;
},
useMessageBarContext: function() {
return _messageBarContext.useMessageBarContext;
},
useMessageBarTransitionContext: function() {
return _messageBarTransitionContext.useMessageBarTransitionContext;
}
});
const _messageBarContext = require("./messageBarContext");
const _messageBarTransitionContext = require("./messageBarTransitionContext");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { MessageBarContextValue } from './messageBarContext';\nexport { MessageBarContextProvider, messageBarContextDefaultValue, useMessageBarContext } from './messageBarContext';\nexport type { MessageBarTransitionContextValue } from './messageBarTransitionContext';\nexport {\n MessageBarTransitionContextProvider,\n messageBarTransitionContextDefaultValue,\n useMessageBarTransitionContext,\n} from './messageBarTransitionContext';\n"],"names":["MessageBarContextProvider","MessageBarTransitionContextProvider","messageBarContextDefaultValue","messageBarTransitionContextDefaultValue","useMessageBarContext","useMessageBarTransitionContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,yBAAyB;eAAzBA,4CAAyB;;IAGhCC,mCAAmC;eAAnCA,gEAAmC;;IAHDC,6BAA6B;eAA7BA,gDAA6B;;IAI/DC,uCAAuC;eAAvCA,oEAAuC;;IAJ0BC,oBAAoB;eAApBA,uCAAoB;;IAKrFC,8BAA8B;eAA9BA,2DAA8B;;;mCAL+D;6CAMxF"}
@@ -0,0 +1,35 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBarContextProvider: function() {
return MessageBarContextProvider;
},
messageBarContextDefaultValue: function() {
return messageBarContextDefaultValue;
},
useMessageBarContext: function() {
return useMessageBarContext;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const messageBarContext = /*#__PURE__*/ _react.createContext(undefined);
const messageBarContextDefaultValue = {
titleId: '',
layout: 'singleline',
actionsRef: /*#__PURE__*/ _react.createRef(),
bodyRef: /*#__PURE__*/ _react.createRef()
};
const MessageBarContextProvider = messageBarContext.Provider;
const useMessageBarContext = ()=>{
var _React_useContext;
return (_React_useContext = _react.useContext(messageBarContext)) !== null && _React_useContext !== void 0 ? _React_useContext : messageBarContextDefaultValue;
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/contexts/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":["MessageBarContextProvider","messageBarContextDefaultValue","useMessageBarContext","messageBarContext","React","createContext","undefined","titleId","layout","actionsRef","createRef","bodyRef","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAiBaA,yBAAAA;eAAAA;;IAPAC,6BAAAA;eAAAA;;IAQAC,oBAAAA;eAAAA;;;;iEAlBU;AAQvB,MAAMC,kCAAoBC,OAAMC,aAAa,CAAqCC;AAE3E,MAAML,gCAAwD;IACnEM,SAAS;IACTC,QAAQ;IACRC,0BAAYL,OAAMM,SAAS;IAC3BC,uBAASP,OAAMM,SAAS;AAC1B;AAEO,MAAMV,4BAA4BG,kBAAkBS,QAAQ;AAC5D,MAAMV,uBAAuB;QAAME;WAAAA,CAAAA,oBAAAA,OAAMS,UAAU,CAACV,kBAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAAuCH;AAA4B"}
@@ -0,0 +1,33 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBarTransitionContextProvider: function() {
return MessageBarTransitionContextProvider;
},
messageBarTransitionContextDefaultValue: function() {
return messageBarTransitionContextDefaultValue;
},
useMessageBarTransitionContext: function() {
return useMessageBarTransitionContext;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const messageBarTransitionContext = /*#__PURE__*/ _react.createContext(undefined);
const messageBarTransitionContextDefaultValue = {
className: '',
nodeRef: /*#__PURE__*/ _react.createRef()
};
const MessageBarTransitionContextProvider = messageBarTransitionContext.Provider;
const useMessageBarTransitionContext = ()=>{
var _React_useContext;
return (_React_useContext = _react.useContext(messageBarTransitionContext)) !== null && _React_useContext !== void 0 ? _React_useContext : messageBarTransitionContextDefaultValue;
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/contexts/messageBarTransitionContext.ts"],"sourcesContent":["import * as React from 'react';\n\nexport type MessageBarTransitionContextValue = {\n /**\n * @deprecated CSS className is no longer used for this transition, replaced by motion components\n */\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 nodeRef for animation 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":["MessageBarTransitionContextProvider","messageBarTransitionContextDefaultValue","useMessageBarTransitionContext","messageBarTransitionContext","React","createContext","undefined","className","nodeRef","createRef","Provider","useContext"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAwBaA,mCAAAA;eAAAA;;IATAC,uCAAAA;eAAAA;;IAaAC,8BAAAA;eAAAA;;;;iEA5BU;AAUvB,MAAMC,4CAA8BC,OAAMC,aAAa,CAA+CC;AAK/F,MAAML,0CAA4E;IACvFM,WAAW;IACXC,uBAASJ,OAAMK,SAAS;AAC1B;AAMO,MAAMT,sCAAsCG,4BAA4BO,QAAQ;AAIhF,MAAMR,iCAAiC;QAC5CE;WAAAA,CAAAA,oBAAAA,OAAMO,UAAU,CAACR,4BAAAA,MAAAA,QAAjBC,sBAAAA,KAAAA,IAAAA,oBAAiDH;AAAsC"}
+117
View File
@@ -0,0 +1,117 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
MessageBar: function() {
return _MessageBar.MessageBar;
},
MessageBarActions: function() {
return _MessageBarActions.MessageBarActions;
},
MessageBarBody: function() {
return _MessageBarBody.MessageBarBody;
},
MessageBarContextProvider: function() {
return _contexts.MessageBarContextProvider;
},
MessageBarGroup: function() {
return _MessageBarGroup.MessageBarGroup;
},
MessageBarTitle: function() {
return _MessageBarTitle.MessageBarTitle;
},
MessageBarTransitionContextProvider: function() {
return _contexts.MessageBarTransitionContextProvider;
},
messageBarActionsClassNames: function() {
return _MessageBarActions.messageBarActionsClassNames;
},
messageBarBodyClassNames: function() {
return _MessageBarBody.messageBarBodyClassNames;
},
messageBarClassNames: function() {
return _MessageBar.messageBarClassNames;
},
messageBarContextDefaultValue: function() {
return _contexts.messageBarContextDefaultValue;
},
messageBarGroupClassNames: function() {
return _MessageBarGroup.messageBarGroupClassNames;
},
messageBarTitleClassNames: function() {
return _MessageBarTitle.messageBarTitleClassNames;
},
messageBarTransitionContextDefaultValue: function() {
return _contexts.messageBarTransitionContextDefaultValue;
},
renderMessageBarActions_unstable: function() {
return _MessageBarActions.renderMessageBarActions_unstable;
},
renderMessageBarBody_unstable: function() {
return _MessageBarBody.renderMessageBarBody_unstable;
},
renderMessageBarGroup_unstable: function() {
return _MessageBarGroup.renderMessageBarGroup_unstable;
},
renderMessageBarTitle_unstable: function() {
return _MessageBarTitle.renderMessageBarTitle_unstable;
},
renderMessageBar_unstable: function() {
return _MessageBar.renderMessageBar_unstable;
},
useMessageBarActionsContextValue_unstable: function() {
return _MessageBarActions.useMessageBarActionsContextValue_unstable;
},
useMessageBarActionsStyles_unstable: function() {
return _MessageBarActions.useMessageBarActionsStyles_unstable;
},
useMessageBarActions_unstable: function() {
return _MessageBarActions.useMessageBarActions_unstable;
},
useMessageBarBodyStyles_unstable: function() {
return _MessageBarBody.useMessageBarBodyStyles_unstable;
},
useMessageBarBody_unstable: function() {
return _MessageBarBody.useMessageBarBody_unstable;
},
useMessageBarContext: function() {
return _contexts.useMessageBarContext;
},
useMessageBarContextValue_unstable: function() {
return _MessageBar.useMessageBarContextValue_unstable;
},
useMessageBarGroupStyles_unstable: function() {
return _MessageBarGroup.useMessageBarGroupStyles_unstable;
},
useMessageBarGroup_unstable: function() {
return _MessageBarGroup.useMessageBarGroup_unstable;
},
useMessageBarStyles_unstable: function() {
return _MessageBar.useMessageBarStyles_unstable;
},
useMessageBarTitleStyles_unstable: function() {
return _MessageBarTitle.useMessageBarTitleStyles_unstable;
},
useMessageBarTitle_unstable: function() {
return _MessageBarTitle.useMessageBarTitle_unstable;
},
useMessageBarTransitionContext: function() {
return _contexts.useMessageBarTransitionContext;
},
useMessageBar_unstable: function() {
return _MessageBar.useMessageBar_unstable;
}
});
const _MessageBar = require("./MessageBar");
const _MessageBarTitle = require("./MessageBarTitle");
const _MessageBarActions = require("./MessageBarActions");
const _MessageBarBody = require("./MessageBarBody");
const _contexts = require("./contexts");
const _MessageBarGroup = require("./MessageBarGroup");
+1
View File
@@ -0,0 +1 @@
{"version":3,"sources":["../src/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","MessageBarActions","MessageBarBody","MessageBarContextProvider","MessageBarGroup","MessageBarTitle","MessageBarTransitionContextProvider","messageBarActionsClassNames","messageBarBodyClassNames","messageBarClassNames","messageBarContextDefaultValue","messageBarGroupClassNames","messageBarTitleClassNames","messageBarTransitionContextDefaultValue","renderMessageBarActions_unstable","renderMessageBarBody_unstable","renderMessageBarGroup_unstable","renderMessageBarTitle_unstable","renderMessageBar_unstable","useMessageBarActionsContextValue_unstable","useMessageBarActionsStyles_unstable","useMessageBarActions_unstable","useMessageBarBodyStyles_unstable","useMessageBarBody_unstable","useMessageBarContext","useMessageBarContextValue_unstable","useMessageBarGroupStyles_unstable","useMessageBarGroup_unstable","useMessageBarStyles_unstable","useMessageBarTitleStyles_unstable","useMessageBarTitle_unstable","useMessageBarTransitionContext","useMessageBar_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,UAAU;eAAVA,sBAAU;;IA2BVC,iBAAiB;eAAjBA,oCAAiB;;IAgBjBC,cAAc;eAAdA,8BAAc;;IAUdC,yBAAyB;eAAzBA,mCAAyB;;IASzBC,eAAe;eAAfA,gCAAe;;IA7CfC,eAAe;eAAfA,gCAAe;;IAwCfC,mCAAmC;eAAnCA,6CAAmC;;IAzBnCC,2BAA2B;eAA3BA,8CAA2B;;IAe3BC,wBAAwB;eAAxBA,wCAAwB;;IA1CxBC,oBAAoB;eAApBA,gCAAoB;;IAiDpBC,6BAA6B;eAA7BA,uCAA6B;;IAY7BC,yBAAyB;eAAzBA,0CAAyB;;IA7CzBC,yBAAyB;eAAzBA,0CAAyB;;IAkCzBC,uCAAuC;eAAvCA,iDAAuC;;IAzBvCC,gCAAgC;eAAhCA,mDAAgC;;IAgBhCC,6BAA6B;eAA7BA,6CAA6B;;IAmB7BC,8BAA8B;eAA9BA,+CAA8B;;IA7C9BC,8BAA8B;eAA9BA,+CAA8B;;IAhB9BC,yBAAyB;eAAzBA,qCAAyB;;IA2BzBC,yCAAyC;eAAzCA,4DAAyC;;IAHzCC,mCAAmC;eAAnCA,sDAAmC;;IACnCC,6BAA6B;eAA7BA,gDAA6B;;IAe7BC,gCAAgC;eAAhCA,gDAAgC;;IAChCC,0BAA0B;eAA1BA,0CAA0B;;IAW1BC,oBAAoB;eAApBA,8BAAoB;;IArDpBC,kCAAkC;eAAlCA,8CAAkC;;IA4DlCC,iCAAiC;eAAjCA,kDAAiC;;IACjCC,2BAA2B;eAA3BA,4CAA2B;;IA/D3BC,4BAA4B;eAA5BA,wCAA4B;;IAiB5BC,iCAAiC;eAAjCA,kDAAiC;;IACjCC,2BAA2B;eAA3BA,4CAA2B;;IAuC3BC,8BAA8B;eAA9BA,wCAA8B;;IAxD9BC,sBAAsB;eAAtBA,kCAAsB;;;4BAIjB;iCAgBA;mCAWA;gCAeA;0BAWA;iCAQA"}