@fluentui-copilot/react-attachments 0.0.0-nightly-20240403-0404-6f5eb4de.1 → 0.0.0-nightly-20240405-0406-15f86c74.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +26 -5
- package/CHANGELOG.md +15 -5
- package/dist/index.d.ts +127 -5
- package/lib/AttachmentList.js +2 -0
- package/lib/AttachmentList.js.map +1 -0
- package/lib/AttachmentOverflowMenu.js +2 -0
- package/lib/AttachmentOverflowMenu.js.map +1 -0
- package/lib/components/Attachment/Attachment.types.js.map +1 -1
- package/lib/components/Attachment/useAttachment.js +6 -8
- package/lib/components/Attachment/useAttachment.js.map +1 -1
- package/lib/components/Attachment/useAttachmentStyles.js +2 -2
- package/lib/components/Attachment/useAttachmentStyles.js.map +1 -1
- package/lib/components/AttachmentList/AttachmentList.js +13 -0
- package/lib/components/AttachmentList/AttachmentList.js.map +1 -0
- package/lib/components/AttachmentList/AttachmentList.types.js +2 -0
- package/lib/components/AttachmentList/AttachmentList.types.js.map +1 -0
- package/lib/components/AttachmentList/index.js +6 -0
- package/lib/components/AttachmentList/index.js.map +1 -0
- package/lib/components/AttachmentList/renderAttachmentList.js +14 -0
- package/lib/components/AttachmentList/renderAttachmentList.js.map +1 -0
- package/lib/components/AttachmentList/useAttachmentList.js +74 -0
- package/lib/components/AttachmentList/useAttachmentList.js.map +1 -0
- package/lib/components/AttachmentList/useAttachmentListContextValues.js +13 -0
- package/lib/components/AttachmentList/useAttachmentListContextValues.js.map +1 -0
- package/lib/components/AttachmentList/useAttachmentListStyles.js +14 -0
- package/lib/components/AttachmentList/useAttachmentListStyles.js.map +1 -0
- package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js +15 -0
- package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js.map +1 -0
- package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js +2 -0
- package/lib/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js.map +1 -0
- package/lib/components/AttachmentOverflowMenu/index.js +6 -0
- package/lib/components/AttachmentOverflowMenu/index.js.map +1 -0
- package/lib/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js +18 -0
- package/lib/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js.map +1 -0
- package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js +24 -0
- package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js.map +1 -0
- package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js +17 -0
- package/lib/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js.map +1 -0
- package/lib/components/AttachmentTag/useAttachmentTag.js.map +1 -1
- package/lib/components/AttachmentTagItem/useAttachmentTagItem.js.map +1 -1
- package/lib/components/AttachmentTagList/useAttachmentTagList.js +2 -2
- package/lib/components/AttachmentTagList/useAttachmentTagList.js.map +1 -1
- package/lib/components/index.js +3 -0
- package/lib/components/index.js.map +1 -1
- package/lib/components/utils/useAttachmentTagSlots.js +2 -2
- package/lib/components/utils/useAttachmentTagSlots.js.map +1 -1
- package/lib/contexts/attachmentListContext.js +8 -0
- package/lib/contexts/attachmentListContext.js.map +1 -0
- package/lib/contexts/attachmentOverflowMenuContext.js +10 -0
- package/lib/contexts/attachmentOverflowMenuContext.js.map +1 -0
- package/lib/index.js +4 -0
- package/lib/index.js.map +1 -1
- package/lib-commonjs/AttachmentList.js +7 -0
- package/lib-commonjs/AttachmentList.js.map +1 -0
- package/lib-commonjs/AttachmentOverflowMenu.js +7 -0
- package/lib-commonjs/AttachmentOverflowMenu.js.map +1 -0
- package/lib-commonjs/components/Attachment/useAttachment.js +5 -7
- package/lib-commonjs/components/Attachment/useAttachment.js.map +1 -1
- package/lib-commonjs/components/Attachment/useAttachmentStyles.js +4 -4
- package/lib-commonjs/components/Attachment/useAttachmentStyles.js.map +1 -1
- package/lib-commonjs/components/AttachmentList/AttachmentList.js +23 -0
- package/lib-commonjs/components/AttachmentList/AttachmentList.js.map +1 -0
- package/lib-commonjs/components/AttachmentList/AttachmentList.types.js +5 -0
- package/lib-commonjs/components/AttachmentList/AttachmentList.types.js.map +1 -0
- package/lib-commonjs/components/AttachmentList/index.js +11 -0
- package/lib-commonjs/components/AttachmentList/index.js.map +1 -0
- package/lib-commonjs/components/AttachmentList/renderAttachmentList.js +20 -0
- package/lib-commonjs/components/AttachmentList/renderAttachmentList.js.map +1 -0
- package/lib-commonjs/components/AttachmentList/useAttachmentList.js +68 -0
- package/lib-commonjs/components/AttachmentList/useAttachmentList.js.map +1 -0
- package/lib-commonjs/components/AttachmentList/useAttachmentListContextValues.js +20 -0
- package/lib-commonjs/components/AttachmentList/useAttachmentListContextValues.js.map +1 -0
- package/lib-commonjs/components/AttachmentList/useAttachmentListStyles.js +30 -0
- package/lib-commonjs/components/AttachmentList/useAttachmentListStyles.js.map +1 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js +24 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/AttachmentOverflowMenu.js.map +1 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js +5 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/AttachmentOverflowMenu.types.js.map +1 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/index.js +11 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/index.js.map +1 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js +21 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/renderAttachmentOverflowMenu.js.map +1 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js +21 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenu.js.map +1 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js +22 -0
- package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js.map +1 -0
- package/lib-commonjs/components/AttachmentTagList/useAttachmentTagList.js +1 -1
- package/lib-commonjs/components/AttachmentTagList/useAttachmentTagList.js.map +1 -1
- package/lib-commonjs/components/index.js +3 -0
- package/lib-commonjs/components/index.js.map +1 -1
- package/lib-commonjs/components/utils/useAttachmentTagSlots.js +1 -1
- package/lib-commonjs/components/utils/useAttachmentTagSlots.js.map +1 -1
- package/lib-commonjs/contexts/attachmentListContext.js +28 -0
- package/lib-commonjs/contexts/attachmentListContext.js.map +1 -0
- package/lib-commonjs/contexts/attachmentOverflowMenuContext.js +30 -0
- package/lib-commonjs/contexts/attachmentOverflowMenuContext.js.map +1 -0
- package/lib-commonjs/index.js +46 -0
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +3 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderAttachmentList.js"],"sourcesContent":["import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\nimport { AttachmentListProvider } from '../../contexts/attachmentListContext';\n/**\n * Render the final JSX of AttachmentList\n */\nexport const renderAttachmentList_unstable = (state, contextValues) => {\n assertSlots(state);\n return /*#__PURE__*/_jsx(AttachmentListProvider, {\n value: contextValues.attachmentList,\n children: /*#__PURE__*/_jsx(state.root, {})\n });\n};\n//# sourceMappingURL=renderAttachmentList.js.map"],"names":["renderAttachmentList_unstable","state","contextValues","assertSlots","_jsx","AttachmentListProvider","value","attachmentList","children","root"],"mappings":";;;;+BAMaA;;;eAAAA;;;4BANe;iCACA;uCACW;AAIhC,MAAMA,gCAAgC,CAACC,OAAOC;IACnDC,IAAAA,4BAAW,EAACF;IACZ,OAAO,WAAW,GAAEG,IAAAA,eAAI,EAACC,6CAAsB,EAAE;QAC/CC,OAAOJ,cAAcK,cAAc;QACnCC,UAAU,WAAW,GAAEJ,IAAAA,eAAI,EAACH,MAAMQ,IAAI,EAAE,CAAC;IAC3C;AACF,GACA,gDAAgD"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAttachmentList_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAttachmentList_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
14
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
15
|
+
const _reactoverflow = require("@fluentui/react-overflow");
|
|
16
|
+
const useAttachmentList_unstable = (props, ref)=>{
|
|
17
|
+
const { onAttachmentDismiss } = props;
|
|
18
|
+
const attachmentsVisibilityStatus = (0, _reactoverflow.useOverflowContext)((context)=>context.itemVisibility);
|
|
19
|
+
const innerRef = _react.useRef(null);
|
|
20
|
+
const { targetDocument } = (0, _reactsharedcontexts.useFluent_unstable)();
|
|
21
|
+
const { findNextFocusable, findPrevFocusable } = (0, _reactcomponents.useFocusFinders)();
|
|
22
|
+
const handleAttachmentDismiss = (0, _reactcomponents.useEventCallback)((e, data)=>{
|
|
23
|
+
var _innerRef_current;
|
|
24
|
+
if (!onAttachmentDismiss) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
onAttachmentDismiss(e, data);
|
|
28
|
+
// Remove attachment from overflow context
|
|
29
|
+
attachmentsVisibilityStatus === null || attachmentsVisibilityStatus === void 0 ? true : delete attachmentsVisibilityStatus[data.id];
|
|
30
|
+
// set focus after attachment dismiss
|
|
31
|
+
const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;
|
|
32
|
+
if ((_innerRef_current = innerRef.current) === null || _innerRef_current === void 0 ? void 0 : _innerRef_current.contains(activeElement)) {
|
|
33
|
+
// focus on next attachment only if the active element is within the current attachment list
|
|
34
|
+
const next = findNextFocusable(activeElement, {
|
|
35
|
+
container: innerRef.current
|
|
36
|
+
});
|
|
37
|
+
if (next) {
|
|
38
|
+
next.focus();
|
|
39
|
+
return;
|
|
40
|
+
} else {
|
|
41
|
+
const prev = findPrevFocusable(activeElement === null || activeElement === void 0 ? void 0 : activeElement.parentElement, {
|
|
42
|
+
container: innerRef.current
|
|
43
|
+
});
|
|
44
|
+
prev === null || prev === void 0 ? void 0 : prev.focus();
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
const arrowNavigationProps = (0, _reactcomponents.useArrowNavigationGroup)({
|
|
49
|
+
circular: true,
|
|
50
|
+
axis: 'both',
|
|
51
|
+
memorizeCurrent: true
|
|
52
|
+
});
|
|
53
|
+
return {
|
|
54
|
+
onAttachmentDismiss: handleAttachmentDismiss,
|
|
55
|
+
components: {
|
|
56
|
+
root: 'div'
|
|
57
|
+
},
|
|
58
|
+
root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
|
|
59
|
+
'aria-label': 'Attachments',
|
|
60
|
+
ref: (0, _reactcomponents.useMergedRefs)(ref, innerRef),
|
|
61
|
+
role: 'toolbar',
|
|
62
|
+
...arrowNavigationProps,
|
|
63
|
+
...props
|
|
64
|
+
}), {
|
|
65
|
+
elementType: 'div'
|
|
66
|
+
})
|
|
67
|
+
};
|
|
68
|
+
}; //# sourceMappingURL=useAttachmentList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useAttachmentList.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useArrowNavigationGroup, useEventCallback, useFocusFinders, useMergedRefs } from '@fluentui/react-components';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useOverflowContext } from '@fluentui/react-overflow';\n/**\n * Create the state required to render AttachmentList.\n *\n * The returned state can be modified with hooks such as useAttachmentListStyles_unstable,\n * before being passed to renderAttachmentList_unstable.\n *\n * @param props - props from this instance of AttachmentList\n * @param ref - reference to root HTMLElement of AttachmentList\n */\nexport const useAttachmentList_unstable = (props, ref) => {\n const {\n onAttachmentDismiss\n } = props;\n const attachmentsVisibilityStatus = useOverflowContext(context => context.itemVisibility);\n const innerRef = React.useRef(null);\n const {\n targetDocument\n } = useFluent();\n const {\n findNextFocusable,\n findPrevFocusable\n } = useFocusFinders();\n const handleAttachmentDismiss = useEventCallback((e, data) => {\n var _innerRef_current;\n if (!onAttachmentDismiss) {\n return;\n }\n onAttachmentDismiss(e, data);\n // Remove attachment from overflow context\n attachmentsVisibilityStatus === null || attachmentsVisibilityStatus === void 0 ? true : delete attachmentsVisibilityStatus[data.id];\n // set focus after attachment dismiss\n const activeElement = targetDocument === null || targetDocument === void 0 ? void 0 : targetDocument.activeElement;\n if ((_innerRef_current = innerRef.current) === null || _innerRef_current === void 0 ? void 0 : _innerRef_current.contains(activeElement)) {\n // focus on next attachment only if the active element is within the current attachment list\n const next = findNextFocusable(activeElement, {\n container: innerRef.current\n });\n if (next) {\n next.focus();\n return;\n } else {\n const prev = findPrevFocusable(activeElement === null || activeElement === void 0 ? void 0 : activeElement.parentElement, {\n container: innerRef.current\n });\n prev === null || prev === void 0 ? void 0 : prev.focus();\n }\n }\n });\n const arrowNavigationProps = useArrowNavigationGroup({\n circular: true,\n axis: 'both',\n memorizeCurrent: true\n });\n return {\n onAttachmentDismiss: handleAttachmentDismiss,\n components: {\n root: 'div'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n 'aria-label': 'Attachments',\n ref: useMergedRefs(ref, innerRef),\n role: 'toolbar',\n ...arrowNavigationProps,\n ...props\n }), {\n elementType: 'div'\n })\n };\n};\n//# sourceMappingURL=useAttachmentList.js.map"],"names":["useAttachmentList_unstable","props","ref","onAttachmentDismiss","attachmentsVisibilityStatus","useOverflowContext","context","itemVisibility","innerRef","React","useRef","targetDocument","useFluent","findNextFocusable","findPrevFocusable","useFocusFinders","handleAttachmentDismiss","useEventCallback","e","data","_innerRef_current","id","activeElement","current","contains","next","container","focus","prev","parentElement","arrowNavigationProps","useArrowNavigationGroup","circular","axis","memorizeCurrent","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","role","elementType"],"mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;iCACmG;qCAC1E;+BACb;AAU5B,MAAMA,6BAA6B,CAACC,OAAOC;IAChD,MAAM,EACJC,mBAAmB,EACpB,GAAGF;IACJ,MAAMG,8BAA8BC,IAAAA,iCAAkB,EAACC,CAAAA,UAAWA,QAAQC,cAAc;IACxF,MAAMC,WAAWC,OAAMC,MAAM,CAAC;IAC9B,MAAM,EACJC,cAAc,EACf,GAAGC,IAAAA,uCAAS;IACb,MAAM,EACJC,iBAAiB,EACjBC,iBAAiB,EAClB,GAAGC,IAAAA,gCAAe;IACnB,MAAMC,0BAA0BC,IAAAA,iCAAgB,EAAC,CAACC,GAAGC;QACnD,IAAIC;QACJ,IAAI,CAACjB,qBAAqB;YACxB;QACF;QACAA,oBAAoBe,GAAGC;QACvB,0CAA0C;QAC1Cf,gCAAgC,QAAQA,gCAAgC,KAAK,IAAI,OAAO,OAAOA,2BAA2B,CAACe,KAAKE,EAAE,CAAC;QACnI,qCAAqC;QACrC,MAAMC,gBAAgBX,mBAAmB,QAAQA,mBAAmB,KAAK,IAAI,KAAK,IAAIA,eAAeW,aAAa;QAClH,IAAI,AAACF,CAAAA,oBAAoBZ,SAASe,OAAO,AAAD,MAAO,QAAQH,sBAAsB,KAAK,IAAI,KAAK,IAAIA,kBAAkBI,QAAQ,CAACF,gBAAgB;YACxI,4FAA4F;YAC5F,MAAMG,OAAOZ,kBAAkBS,eAAe;gBAC5CI,WAAWlB,SAASe,OAAO;YAC7B;YACA,IAAIE,MAAM;gBACRA,KAAKE,KAAK;gBACV;YACF,OAAO;gBACL,MAAMC,OAAOd,kBAAkBQ,kBAAkB,QAAQA,kBAAkB,KAAK,IAAI,KAAK,IAAIA,cAAcO,aAAa,EAAE;oBACxHH,WAAWlB,SAASe,OAAO;gBAC7B;gBACAK,SAAS,QAAQA,SAAS,KAAK,IAAI,KAAK,IAAIA,KAAKD,KAAK;YACxD;QACF;IACF;IACA,MAAMG,uBAAuBC,IAAAA,wCAAuB,EAAC;QACnDC,UAAU;QACVC,MAAM;QACNC,iBAAiB;IACnB;IACA,OAAO;QACL/B,qBAAqBa;QACrBmB,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAI,CAACC,MAAM,CAACC,IAAAA,yCAAwB,EAAC,OAAO;YAChD,cAAc;YACdrC,KAAKsC,IAAAA,8BAAa,EAACtC,KAAKM;YACxBiC,MAAM;YACN,GAAGX,oBAAoB;YACvB,GAAG7B,KAAK;QACV,IAAI;YACFyC,aAAa;QACf;IACF;AACF,GACA,6CAA6C"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAttachmentListContextValues_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAttachmentListContextValues_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
function useAttachmentListContextValues_unstable(state) {
|
|
12
|
+
const { onAttachmentDismiss } = state;
|
|
13
|
+
// This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
|
|
14
|
+
const attachmentList = {
|
|
15
|
+
onAttachmentDismiss
|
|
16
|
+
};
|
|
17
|
+
return {
|
|
18
|
+
attachmentList
|
|
19
|
+
};
|
|
20
|
+
} //# sourceMappingURL=useAttachmentListContextValues.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useAttachmentListContextValues.js"],"sourcesContent":["export function useAttachmentListContextValues_unstable(state) {\n const {\n onAttachmentDismiss\n } = state;\n // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n const attachmentList = {\n onAttachmentDismiss\n };\n return {\n attachmentList\n };\n}\n//# sourceMappingURL=useAttachmentListContextValues.js.map"],"names":["useAttachmentListContextValues_unstable","state","onAttachmentDismiss","attachmentList"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,wCAAwCC,KAAK;IAC3D,MAAM,EACJC,mBAAmB,EACpB,GAAGD;IACJ,mGAAmG;IACnG,MAAME,iBAAiB;QACrBD;IACF;IACA,OAAO;QACLC;IACF;AACF,EACA,0DAA0D"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
attachmentListClassNames: function() {
|
|
13
|
+
return attachmentListClassNames;
|
|
14
|
+
},
|
|
15
|
+
useAttachmentListStyles_unstable: function() {
|
|
16
|
+
return useAttachmentListStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
20
|
+
const attachmentListClassNames = {
|
|
21
|
+
root: 'fai-AttachmentList'
|
|
22
|
+
};
|
|
23
|
+
const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("r168fwfa", null, [
|
|
24
|
+
".r168fwfa{column-gap:var(--spacingHorizontalSNudge);display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;row-gap:var(--spacingVerticalXS);}"
|
|
25
|
+
]);
|
|
26
|
+
const useAttachmentListStyles_unstable = (state)=>{
|
|
27
|
+
const rootBaseClassName = useRootBaseClassName();
|
|
28
|
+
state.root.className = (0, _reactcomponents.mergeClasses)(attachmentListClassNames.root, rootBaseClassName, state.root.className);
|
|
29
|
+
return state;
|
|
30
|
+
}; //# sourceMappingURL=useAttachmentListStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useAttachmentListStyles.js"],"sourcesContent":["import { __resetStyles, mergeClasses, tokens } from '@fluentui/react-components';\nexport const attachmentListClassNames = {\n root: 'fai-AttachmentList'\n};\nconst useRootBaseClassName = __resetStyles(\"r168fwfa\", null, [\".r168fwfa{column-gap:var(--spacingHorizontalSNudge);display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;row-gap:var(--spacingVerticalXS);}\"]);\n/**\n * Apply styling to the AttachmentList slots based on the state\n */\nexport const useAttachmentListStyles_unstable = state => {\n const rootBaseClassName = useRootBaseClassName();\n state.root.className = mergeClasses(attachmentListClassNames.root, rootBaseClassName, state.root.className);\n return state;\n};\n//# sourceMappingURL=useAttachmentListStyles.js.map"],"names":["attachmentListClassNames","useAttachmentListStyles_unstable","root","useRootBaseClassName","__resetStyles","state","rootBaseClassName","className","mergeClasses"],"mappings":";;;;;;;;;;;IACaA,wBAAwB;eAAxBA;;IAOAC,gCAAgC;eAAhCA;;;iCARuC;AAC7C,MAAMD,2BAA2B;IACtCE,MAAM;AACR;AACA,MAAMC,uBAAuBC,IAAAA,8BAAa,EAAC,YAAY,MAAM;IAAC;CAAsJ;AAI7M,MAAMH,mCAAmCI,CAAAA;IAC9C,MAAMC,oBAAoBH;IAC1BE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,6BAAY,EAACR,yBAAyBE,IAAI,EAAEI,mBAAmBD,MAAMH,IAAI,CAACK,SAAS;IAC1G,OAAOF;AACT,GACA,mDAAmD"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "AttachmentOverflowMenu", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return AttachmentOverflowMenu;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _useAttachmentOverflowMenu = require("./useAttachmentOverflowMenu");
|
|
12
|
+
const _renderAttachmentOverflowMenu = require("./renderAttachmentOverflowMenu");
|
|
13
|
+
const _useAttachmentOverflowMenuContextValues = require("./useAttachmentOverflowMenuContextValues");
|
|
14
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
15
|
+
const AttachmentOverflowMenu = (props)=>{
|
|
16
|
+
const state = (0, _useAttachmentOverflowMenu.useAttachmentOverflowMenu_unstable)(props);
|
|
17
|
+
const menuContextValues = (0, _reactcomponents.useMenuContextValues_unstable)(state);
|
|
18
|
+
const attachmentOverflowMenuContextValues = (0, _useAttachmentOverflowMenuContextValues.useAttachmentOverflowMenuContextValues_unstable)(state);
|
|
19
|
+
return (0, _renderAttachmentOverflowMenu.renderAttachmentOverflowMenu_unstable)(state, {
|
|
20
|
+
menuContextValues,
|
|
21
|
+
attachmentOverflowMenuContextValues
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
AttachmentOverflowMenu.displayName = 'AttachmentOverflowMenu'; //# sourceMappingURL=AttachmentOverflowMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentOverflowMenu.js"],"sourcesContent":["import { useAttachmentOverflowMenu_unstable } from './useAttachmentOverflowMenu';\nimport { renderAttachmentOverflowMenu_unstable } from './renderAttachmentOverflowMenu';\nimport { useAttachmentOverflowMenuContextValues_unstable } from './useAttachmentOverflowMenuContextValues';\nimport { useMenuContextValues_unstable } from '@fluentui/react-components';\nexport const AttachmentOverflowMenu = props => {\n const state = useAttachmentOverflowMenu_unstable(props);\n const menuContextValues = useMenuContextValues_unstable(state);\n const attachmentOverflowMenuContextValues = useAttachmentOverflowMenuContextValues_unstable(state);\n return renderAttachmentOverflowMenu_unstable(state, {\n menuContextValues,\n attachmentOverflowMenuContextValues\n });\n};\nAttachmentOverflowMenu.displayName = 'AttachmentOverflowMenu';\n//# sourceMappingURL=AttachmentOverflowMenu.js.map"],"names":["AttachmentOverflowMenu","props","state","useAttachmentOverflowMenu_unstable","menuContextValues","useMenuContextValues_unstable","attachmentOverflowMenuContextValues","useAttachmentOverflowMenuContextValues_unstable","renderAttachmentOverflowMenu_unstable","displayName"],"mappings":";;;;+BAIaA;;;eAAAA;;;2CAJsC;8CACG;wDACU;iCAClB;AACvC,MAAMA,yBAAyBC,CAAAA;IACpC,MAAMC,QAAQC,IAAAA,6DAAkC,EAACF;IACjD,MAAMG,oBAAoBC,IAAAA,8CAA6B,EAACH;IACxD,MAAMI,sCAAsCC,IAAAA,uFAA+C,EAACL;IAC5F,OAAOM,IAAAA,mEAAqC,EAACN,OAAO;QAClDE;QACAE;IACF;AACF;AACAN,uBAAuBS,WAAW,GAAG,0BACrC,kDAAkD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["AttachmentOverflowMenu.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=AttachmentOverflowMenu.types.js.map"],"names":[],"mappings":";;;;CACA,wDAAwD"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./AttachmentOverflowMenu"), exports);
|
|
7
|
+
_export_star._(require("./AttachmentOverflowMenu.types"), exports);
|
|
8
|
+
_export_star._(require("./renderAttachmentOverflowMenu"), exports);
|
|
9
|
+
_export_star._(require("./useAttachmentOverflowMenu"), exports);
|
|
10
|
+
_export_star._(require("./useAttachmentOverflowMenuContextValues"), exports);
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AttachmentOverflowMenu';\nexport * from './AttachmentOverflowMenu.types';\nexport * from './renderAttachmentOverflowMenu';\nexport * from './useAttachmentOverflowMenu';\nexport * from './useAttachmentOverflowMenuContextValues';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "renderAttachmentOverflowMenu_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderAttachmentOverflowMenu_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
13
|
+
const _attachmentOverflowMenuContext = require("../../contexts/attachmentOverflowMenuContext");
|
|
14
|
+
const renderAttachmentOverflowMenu_unstable = (state, contextValues)=>{
|
|
15
|
+
const { menuContextValues, attachmentOverflowMenuContextValues } = contextValues;
|
|
16
|
+
(0, _reactcomponents.assertSlots)(state);
|
|
17
|
+
return state.isOverflowing ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_attachmentOverflowMenuContext.AttachmentOverflowMenuProvider, {
|
|
18
|
+
value: attachmentOverflowMenuContextValues.attachmentOverflowMenu,
|
|
19
|
+
children: (0, _reactcomponents.renderMenu_unstable)(state, menuContextValues)
|
|
20
|
+
}) : null;
|
|
21
|
+
}; //# sourceMappingURL=renderAttachmentOverflowMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderAttachmentOverflowMenu.js"],"sourcesContent":["import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots, renderMenu_unstable } from '@fluentui/react-components';\nimport { AttachmentOverflowMenuProvider } from '../../contexts/attachmentOverflowMenuContext';\n/**\n * Render the final JSX of AttachmentOverflowMenu\n */\nexport const renderAttachmentOverflowMenu_unstable = (state, contextValues) => {\n const {\n menuContextValues,\n attachmentOverflowMenuContextValues\n } = contextValues;\n assertSlots(state);\n return state.isOverflowing ? /*#__PURE__*/_jsx(AttachmentOverflowMenuProvider, {\n value: attachmentOverflowMenuContextValues.attachmentOverflowMenu,\n children: renderMenu_unstable(state, menuContextValues)\n }) : null;\n};\n//# sourceMappingURL=renderAttachmentOverflowMenu.js.map"],"names":["renderAttachmentOverflowMenu_unstable","state","contextValues","menuContextValues","attachmentOverflowMenuContextValues","assertSlots","isOverflowing","_jsx","AttachmentOverflowMenuProvider","value","attachmentOverflowMenu","children","renderMenu_unstable"],"mappings":";;;;+BAMaA;;;eAAAA;;;4BANe;iCACqB;+CACF;AAIxC,MAAMA,wCAAwC,CAACC,OAAOC;IAC3D,MAAM,EACJC,iBAAiB,EACjBC,mCAAmC,EACpC,GAAGF;IACJG,IAAAA,4BAAW,EAACJ;IACZ,OAAOA,MAAMK,aAAa,GAAG,WAAW,GAAEC,IAAAA,eAAI,EAACC,6DAA8B,EAAE;QAC7EC,OAAOL,oCAAoCM,sBAAsB;QACjEC,UAAUC,IAAAA,oCAAmB,EAACX,OAAOE;IACvC,KAAK;AACP,GACA,wDAAwD"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAttachmentOverflowMenu_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAttachmentOverflowMenu_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const useAttachmentOverflowMenu_unstable = (props)=>{
|
|
13
|
+
const menuState = (0, _reactcomponents.useMenu_unstable)(props);
|
|
14
|
+
const { isOverflowing, ref: overflowButtonRef, overflowCount } = (0, _reactcomponents.useOverflowMenu)();
|
|
15
|
+
return {
|
|
16
|
+
...menuState,
|
|
17
|
+
isOverflowing,
|
|
18
|
+
overflowButtonRef,
|
|
19
|
+
overflowCount
|
|
20
|
+
};
|
|
21
|
+
}; //# sourceMappingURL=useAttachmentOverflowMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useAttachmentOverflowMenu.js"],"sourcesContent":["import { useMenu_unstable, useOverflowMenu } from '@fluentui/react-components';\n/**\n * Create the state required to render AttachmentOverflowMenu.\n *\n * The returned state can be modified with hooks such as useAttachmentOverflowMenuStyles_unstable,\n * before being passed to renderAttachmentOverflowMenu_unstable.\n *\n * @param props - props from this instance of AttachmentOverflowMenu\n */\nexport const useAttachmentOverflowMenu_unstable = props => {\n const menuState = useMenu_unstable(props);\n const {\n isOverflowing,\n ref: overflowButtonRef,\n overflowCount\n } = useOverflowMenu();\n return {\n ...menuState,\n isOverflowing,\n overflowButtonRef,\n overflowCount\n };\n};\n//# sourceMappingURL=useAttachmentOverflowMenu.js.map"],"names":["useAttachmentOverflowMenu_unstable","props","menuState","useMenu_unstable","isOverflowing","ref","overflowButtonRef","overflowCount","useOverflowMenu"],"mappings":";;;;+BASaA;;;eAAAA;;;iCATqC;AAS3C,MAAMA,qCAAqCC,CAAAA;IAChD,MAAMC,YAAYC,IAAAA,iCAAgB,EAACF;IACnC,MAAM,EACJG,aAAa,EACbC,KAAKC,iBAAiB,EACtBC,aAAa,EACd,GAAGC,IAAAA,gCAAe;IACnB,OAAO;QACL,GAAGN,SAAS;QACZE;QACAE;QACAC;IACF;AACF,GACA,qDAAqD"}
|
package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useAttachmentOverflowMenuContextValues_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useAttachmentOverflowMenuContextValues_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
function useAttachmentOverflowMenuContextValues_unstable(state) {
|
|
12
|
+
const { isOverflowing, overflowButtonRef, overflowCount } = state;
|
|
13
|
+
// This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
|
|
14
|
+
const attachmentOverflowMenu = {
|
|
15
|
+
isOverflowing,
|
|
16
|
+
overflowButtonRef,
|
|
17
|
+
overflowCount
|
|
18
|
+
};
|
|
19
|
+
return {
|
|
20
|
+
attachmentOverflowMenu
|
|
21
|
+
};
|
|
22
|
+
} //# sourceMappingURL=useAttachmentOverflowMenuContextValues.js.map
|
package/lib-commonjs/components/AttachmentOverflowMenu/useAttachmentOverflowMenuContextValues.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useAttachmentOverflowMenuContextValues.js"],"sourcesContent":["export function useAttachmentOverflowMenuContextValues_unstable(state) {\n const {\n isOverflowing,\n overflowButtonRef,\n overflowCount\n } = state;\n // This context is created with \"@fluentui/react-context-selector\", there is no sense to memoize it\n const attachmentOverflowMenu = {\n isOverflowing,\n overflowButtonRef,\n overflowCount\n };\n return {\n attachmentOverflowMenu\n };\n}\n//# sourceMappingURL=useAttachmentOverflowMenuContextValues.js.map"],"names":["useAttachmentOverflowMenuContextValues_unstable","state","isOverflowing","overflowButtonRef","overflowCount","attachmentOverflowMenu"],"mappings":";;;;+BAAgBA;;;eAAAA;;;AAAT,SAASA,gDAAgDC,KAAK;IACnE,MAAM,EACJC,aAAa,EACbC,iBAAiB,EACjBC,aAAa,EACd,GAAGH;IACJ,mGAAmG;IACnG,MAAMI,yBAAyB;QAC7BH;QACAC;QACAC;IACF;IACA,OAAO;QACLC;IACF;AACF,EACA,kEAAkE"}
|
|
@@ -20,7 +20,7 @@ const useAttachmentTagList_unstable = (props, ref)=>{
|
|
|
20
20
|
components: {
|
|
21
21
|
root: 'div'
|
|
22
22
|
},
|
|
23
|
-
root: _reactcomponents.slot.always((0, _reactcomponents.
|
|
23
|
+
root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
|
|
24
24
|
'aria-label': 'Attachments',
|
|
25
25
|
ref,
|
|
26
26
|
role: 'menu',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAttachmentTagList.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"sources":["useAttachmentTagList.js"],"sourcesContent":["import { getIntrinsicElementProps, slot, useArrowNavigationGroup } from '@fluentui/react-components';\n/**\n * Create the state required to render AttachmentTagList.\n *\n * The returned state can be modified with hooks such as useAttachmentTagListStyles_unstable,\n * before being passed to renderAttachmentTagList_unstable.\n *\n * @param props - props from this instance of AttachmentTagList\n * @param ref - reference to root HTMLElement of AttachmentTagList\n */\nexport const useAttachmentTagList_unstable = (props, ref) => {\n const {\n onAttachmentTagDismiss\n } = props;\n const focusAttributes = useArrowNavigationGroup({\n axis: 'both',\n circular: true\n });\n return {\n onAttachmentTagDismiss,\n components: {\n root: 'div'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n 'aria-label': 'Attachments',\n ref,\n role: 'menu',\n ...focusAttributes,\n ...props\n }), {\n elementType: 'div'\n })\n };\n};\n//# sourceMappingURL=useAttachmentTagList.js.map"],"names":["useAttachmentTagList_unstable","props","ref","onAttachmentTagDismiss","focusAttributes","useArrowNavigationGroup","axis","circular","components","root","slot","always","getIntrinsicElementProps","role","elementType"],"mappings":";;;;+BAUaA;;;eAAAA;;;iCAV2D;AAUjE,MAAMA,gCAAgC,CAACC,OAAOC;IACnD,MAAM,EACJC,sBAAsB,EACvB,GAAGF;IACJ,MAAMG,kBAAkBC,IAAAA,wCAAuB,EAAC;QAC9CC,MAAM;QACNC,UAAU;IACZ;IACA,OAAO;QACLJ;QACAK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMC,qBAAI,CAACC,MAAM,CAACC,IAAAA,yCAAwB,EAAC,OAAO;YAChD,cAAc;YACdV;YACAW,MAAM;YACN,GAAGT,eAAe;YAClB,GAAGH,KAAK;QACV,IAAI;YACFa,aAAa;QACf;IACF;AACF,GACA,gDAAgD"}
|
|
@@ -6,4 +6,7 @@ const _export_star = require("@swc/helpers/_/_export_star");
|
|
|
6
6
|
_export_star._(require("./AttachmentTag"), exports);
|
|
7
7
|
_export_star._(require("./AttachmentTagList"), exports);
|
|
8
8
|
_export_star._(require("./AttachmentTagItem"), exports);
|
|
9
|
+
_export_star._(require("./Attachment"), exports);
|
|
10
|
+
_export_star._(require("./AttachmentList"), exports);
|
|
11
|
+
_export_star._(require("./AttachmentOverflowMenu"), exports);
|
|
9
12
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AttachmentTag';\nexport * from './AttachmentTagList';\nexport * from './AttachmentTagItem';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;CACd,iCAAiC"}
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AttachmentTag';\nexport * from './AttachmentTagList';\nexport * from './AttachmentTagItem';\nexport * from './Attachment';\nexport * from './AttachmentList';\nexport * from './AttachmentOverflowMenu';\n//# sourceMappingURL=index.js.map"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA;CACd,iCAAiC"}
|
|
@@ -21,7 +21,7 @@ function useAttachmentTagSlots(props, ref, options) {
|
|
|
21
21
|
const DismissIcon = (0, _reacticons.bundleIcon)(_reacticons.Dismiss20Filled, _reacticons.Dismiss20Regular);
|
|
22
22
|
const hasParentContext = (0, _reactcontextselector.useHasParentContext)(_attachmentTagListContext.AttachmentTagListContext);
|
|
23
23
|
const rootRole = role !== null && role !== void 0 ? role : hasParentContext ? 'menuitem' : undefined;
|
|
24
|
-
const root = _reactcomponents.slot.always((0, _reactcomponents.
|
|
24
|
+
const root = _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)(elementType.root, {
|
|
25
25
|
ref,
|
|
26
26
|
...props,
|
|
27
27
|
role: rootRole
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useAttachmentTagSlots.js"],"sourcesContent":["import * as React from 'react';\nimport {
|
|
1
|
+
{"version":3,"sources":["useAttachmentTagSlots.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, mergeCallbacks, slot } from '@fluentui/react-components';\nimport { useHasParentContext } from '@fluentui/react-context-selector';\nimport { Dismiss20Regular, Dismiss20Filled, bundleIcon } from '@fluentui/react-icons';\nimport { useAttachmentTagListContext_unstable } from '../../contexts/attachmentTagListContext';\nimport { AttachmentTagListContext } from '../../contexts/attachmentTagListContext';\n/**\n * @internal\n * Create the slots required to render AttachmentTag or AttachmentTagItem.\n */\nexport function useAttachmentTagSlots(props, ref, options) {\n const onAttachmentTagDismiss = useAttachmentTagListContext_unstable(context => context.onAttachmentTagDismiss);\n const {\n children,\n role\n } = props;\n const {\n elementType\n } = options;\n const DismissIcon = bundleIcon(Dismiss20Filled, Dismiss20Regular);\n const hasParentContext = useHasParentContext(AttachmentTagListContext);\n const rootRole = role !== null && role !== void 0 ? role : hasParentContext ? 'menuitem' : undefined;\n const root = slot.always(getIntrinsicElementProps(elementType.root, {\n ref,\n ...props,\n role: rootRole\n }), {\n elementType: elementType.root\n });\n root.onClick = mergeCallbacks(root.onClick, ev => onAttachmentTagDismiss === null || onAttachmentTagDismiss === void 0 ? void 0 : onAttachmentTagDismiss(ev, {\n content: children,\n media\n }));\n const media = slot.optional(props.media, {\n elementType: elementType.media\n });\n const content = slot.always(props.content, {\n defaultProps: {\n children\n },\n elementType: elementType.content\n });\n const icon = slot.always(props.icon, {\n defaultProps: {\n children: /*#__PURE__*/React.createElement(DismissIcon, null)\n },\n elementType: elementType.icon\n });\n return {\n components: {\n root: elementType.root,\n media: elementType.media,\n content: elementType.content,\n icon: elementType.icon\n },\n root,\n media,\n content,\n icon\n };\n}\n//# sourceMappingURL=useAttachmentTagSlots.js.map"],"names":["useAttachmentTagSlots","props","ref","options","onAttachmentTagDismiss","useAttachmentTagListContext_unstable","context","children","role","elementType","DismissIcon","bundleIcon","Dismiss20Filled","Dismiss20Regular","hasParentContext","useHasParentContext","AttachmentTagListContext","rootRole","undefined","root","slot","always","getIntrinsicElementProps","onClick","mergeCallbacks","ev","content","media","optional","defaultProps","icon","React","createElement","components"],"mappings":";;;;+BAUgBA;;;eAAAA;;;;iEAVO;iCACwC;sCAC3B;4BAC0B;0CACT;AAM9C,SAASA,sBAAsBC,KAAK,EAAEC,GAAG,EAAEC,OAAO;IACvD,MAAMC,yBAAyBC,IAAAA,8DAAoC,EAACC,CAAAA,UAAWA,QAAQF,sBAAsB;IAC7G,MAAM,EACJG,QAAQ,EACRC,IAAI,EACL,GAAGP;IACJ,MAAM,EACJQ,WAAW,EACZ,GAAGN;IACJ,MAAMO,cAAcC,IAAAA,sBAAU,EAACC,2BAAe,EAAEC,4BAAgB;IAChE,MAAMC,mBAAmBC,IAAAA,yCAAmB,EAACC,kDAAwB;IACrE,MAAMC,WAAWT,SAAS,QAAQA,SAAS,KAAK,IAAIA,OAAOM,mBAAmB,aAAaI;IAC3F,MAAMC,OAAOC,qBAAI,CAACC,MAAM,CAACC,IAAAA,yCAAwB,EAACb,YAAYU,IAAI,EAAE;QAClEjB;QACA,GAAGD,KAAK;QACRO,MAAMS;IACR,IAAI;QACFR,aAAaA,YAAYU,IAAI;IAC/B;IACAA,KAAKI,OAAO,GAAGC,IAAAA,+BAAc,EAACL,KAAKI,OAAO,EAAEE,CAAAA,KAAMrB,2BAA2B,QAAQA,2BAA2B,KAAK,IAAI,KAAK,IAAIA,uBAAuBqB,IAAI;YAC3JC,SAASnB;YACToB;QACF;IACA,MAAMA,QAAQP,qBAAI,CAACQ,QAAQ,CAAC3B,MAAM0B,KAAK,EAAE;QACvClB,aAAaA,YAAYkB,KAAK;IAChC;IACA,MAAMD,UAAUN,qBAAI,CAACC,MAAM,CAACpB,MAAMyB,OAAO,EAAE;QACzCG,cAAc;YACZtB;QACF;QACAE,aAAaA,YAAYiB,OAAO;IAClC;IACA,MAAMI,OAAOV,qBAAI,CAACC,MAAM,CAACpB,MAAM6B,IAAI,EAAE;QACnCD,cAAc;YACZtB,UAAU,WAAW,GAAEwB,OAAMC,aAAa,CAACtB,aAAa;QAC1D;QACAD,aAAaA,YAAYqB,IAAI;IAC/B;IACA,OAAO;QACLG,YAAY;YACVd,MAAMV,YAAYU,IAAI;YACtBQ,OAAOlB,YAAYkB,KAAK;YACxBD,SAASjB,YAAYiB,OAAO;YAC5BI,MAAMrB,YAAYqB,IAAI;QACxB;QACAX;QACAQ;QACAD;QACAI;IACF;AACF,EACA,iDAAiD"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
AttachmentListContext: function() {
|
|
13
|
+
return AttachmentListContext;
|
|
14
|
+
},
|
|
15
|
+
AttachmentListProvider: function() {
|
|
16
|
+
return AttachmentListProvider;
|
|
17
|
+
},
|
|
18
|
+
useAttachmentListContext_unstable: function() {
|
|
19
|
+
return useAttachmentListContext_unstable;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const _reactcontextselector = require("@fluentui/react-context-selector");
|
|
23
|
+
const AttachmentListContext = (0, _reactcontextselector.createContext)(undefined);
|
|
24
|
+
const attachmentListContextDefaultValue = {
|
|
25
|
+
onAttachmentDismiss: ()=>null
|
|
26
|
+
};
|
|
27
|
+
const AttachmentListProvider = AttachmentListContext.Provider;
|
|
28
|
+
const useAttachmentListContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(AttachmentListContext, (ctx = attachmentListContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=attachmentListContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["attachmentListContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const AttachmentListContext = createContext(undefined);\nconst attachmentListContextDefaultValue = {\n onAttachmentDismiss: () => null\n};\nexport const AttachmentListProvider = AttachmentListContext.Provider;\nexport const useAttachmentListContext_unstable = selector => useContextSelector(AttachmentListContext, (ctx = attachmentListContextDefaultValue) => selector(ctx));\n//# sourceMappingURL=attachmentListContext.js.map"],"names":["AttachmentListContext","AttachmentListProvider","useAttachmentListContext_unstable","createContext","undefined","attachmentListContextDefaultValue","onAttachmentDismiss","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,qBAAqB;eAArBA;;IAIAC,sBAAsB;eAAtBA;;IACAC,iCAAiC;eAAjCA;;;sCANqC;AAC3C,MAAMF,wBAAwBG,IAAAA,mCAAa,EAACC;AACnD,MAAMC,oCAAoC;IACxCC,qBAAqB,IAAM;AAC7B;AACO,MAAML,yBAAyBD,sBAAsBO,QAAQ;AAC7D,MAAML,oCAAoCM,CAAAA,WAAYC,IAAAA,wCAAkB,EAACT,uBAAuB,CAACU,MAAML,iCAAiC,GAAKG,SAASE,OAC7J,iDAAiD"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
AttachmentOverflowMenuContext: function() {
|
|
13
|
+
return AttachmentOverflowMenuContext;
|
|
14
|
+
},
|
|
15
|
+
AttachmentOverflowMenuProvider: function() {
|
|
16
|
+
return AttachmentOverflowMenuProvider;
|
|
17
|
+
},
|
|
18
|
+
useAttachmentOverflowMenuContext_unstable: function() {
|
|
19
|
+
return useAttachmentOverflowMenuContext_unstable;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
const _reactcontextselector = require("@fluentui/react-context-selector");
|
|
23
|
+
const AttachmentOverflowMenuContext = (0, _reactcontextselector.createContext)(undefined);
|
|
24
|
+
const overflowMenuContextDefaultValue = {
|
|
25
|
+
isOverflowing: false,
|
|
26
|
+
overflowButtonRef: undefined,
|
|
27
|
+
overflowCount: 0
|
|
28
|
+
};
|
|
29
|
+
const AttachmentOverflowMenuProvider = AttachmentOverflowMenuContext.Provider;
|
|
30
|
+
const useAttachmentOverflowMenuContext_unstable = (selector)=>(0, _reactcontextselector.useContextSelector)(AttachmentOverflowMenuContext, (ctx = overflowMenuContextDefaultValue)=>selector(ctx)); //# sourceMappingURL=attachmentOverflowMenuContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["attachmentOverflowMenuContext.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nexport const AttachmentOverflowMenuContext = createContext(undefined);\nconst overflowMenuContextDefaultValue = {\n isOverflowing: false,\n overflowButtonRef: undefined,\n overflowCount: 0\n};\nexport const AttachmentOverflowMenuProvider = AttachmentOverflowMenuContext.Provider;\nexport const useAttachmentOverflowMenuContext_unstable = selector => useContextSelector(AttachmentOverflowMenuContext, (ctx = overflowMenuContextDefaultValue) => selector(ctx));\n//# sourceMappingURL=attachmentOverflowMenuContext.js.map"],"names":["AttachmentOverflowMenuContext","AttachmentOverflowMenuProvider","useAttachmentOverflowMenuContext_unstable","createContext","undefined","overflowMenuContextDefaultValue","isOverflowing","overflowButtonRef","overflowCount","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IACaA,6BAA6B;eAA7BA;;IAMAC,8BAA8B;eAA9BA;;IACAC,yCAAyC;eAAzCA;;;sCARqC;AAC3C,MAAMF,gCAAgCG,IAAAA,mCAAa,EAACC;AAC3D,MAAMC,kCAAkC;IACtCC,eAAe;IACfC,mBAAmBH;IACnBI,eAAe;AACjB;AACO,MAAMP,iCAAiCD,8BAA8BS,QAAQ;AAC7E,MAAMP,4CAA4CQ,CAAAA,WAAYC,IAAAA,wCAAkB,EAACX,+BAA+B,CAACY,MAAMP,+BAA+B,GAAKK,SAASE,OAC3K,yDAAyD"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -54,6 +54,30 @@ _export(exports, {
|
|
|
54
54
|
useAttachmentTagItem_unstable: function() {
|
|
55
55
|
return _AttachmentTagItem.useAttachmentTagItem_unstable;
|
|
56
56
|
},
|
|
57
|
+
AttachmentList: function() {
|
|
58
|
+
return _AttachmentList.AttachmentList;
|
|
59
|
+
},
|
|
60
|
+
attachmentListClassNames: function() {
|
|
61
|
+
return _AttachmentList.attachmentListClassNames;
|
|
62
|
+
},
|
|
63
|
+
renderAttachmentList_unstable: function() {
|
|
64
|
+
return _AttachmentList.renderAttachmentList_unstable;
|
|
65
|
+
},
|
|
66
|
+
useAttachmentListStyles_unstable: function() {
|
|
67
|
+
return _AttachmentList.useAttachmentListStyles_unstable;
|
|
68
|
+
},
|
|
69
|
+
useAttachmentList_unstable: function() {
|
|
70
|
+
return _AttachmentList.useAttachmentList_unstable;
|
|
71
|
+
},
|
|
72
|
+
AttachmentListContext: function() {
|
|
73
|
+
return _attachmentListContext.AttachmentListContext;
|
|
74
|
+
},
|
|
75
|
+
AttachmentListProvider: function() {
|
|
76
|
+
return _attachmentListContext.AttachmentListProvider;
|
|
77
|
+
},
|
|
78
|
+
useAttachmentListContext_unstable: function() {
|
|
79
|
+
return _attachmentListContext.useAttachmentListContext_unstable;
|
|
80
|
+
},
|
|
57
81
|
Attachment: function() {
|
|
58
82
|
return _Attachment.Attachment;
|
|
59
83
|
},
|
|
@@ -68,10 +92,32 @@ _export(exports, {
|
|
|
68
92
|
},
|
|
69
93
|
useAttachment_unstable: function() {
|
|
70
94
|
return _Attachment.useAttachment_unstable;
|
|
95
|
+
},
|
|
96
|
+
AttachmentOverflowMenu: function() {
|
|
97
|
+
return _AttachmentOverflowMenu.AttachmentOverflowMenu;
|
|
98
|
+
},
|
|
99
|
+
renderAttachmentOverflowMenu_unstable: function() {
|
|
100
|
+
return _AttachmentOverflowMenu.renderAttachmentOverflowMenu_unstable;
|
|
101
|
+
},
|
|
102
|
+
useAttachmentOverflowMenu_unstable: function() {
|
|
103
|
+
return _AttachmentOverflowMenu.useAttachmentOverflowMenu_unstable;
|
|
104
|
+
},
|
|
105
|
+
AttachmentOverflowMenuContext: function() {
|
|
106
|
+
return _attachmentOverflowMenuContext.AttachmentOverflowMenuContext;
|
|
107
|
+
},
|
|
108
|
+
AttachmentOverflowMenuProvider: function() {
|
|
109
|
+
return _attachmentOverflowMenuContext.AttachmentOverflowMenuProvider;
|
|
110
|
+
},
|
|
111
|
+
useAttachmentOverflowMenuContext_unstable: function() {
|
|
112
|
+
return _attachmentOverflowMenuContext.useAttachmentOverflowMenuContext_unstable;
|
|
71
113
|
}
|
|
72
114
|
});
|
|
73
115
|
const _AttachmentTag = require("./AttachmentTag");
|
|
74
116
|
const _AttachmentTagList = require("./AttachmentTagList");
|
|
75
117
|
const _AttachmentTagItem = require("./AttachmentTagItem");
|
|
118
|
+
const _AttachmentList = require("./AttachmentList");
|
|
119
|
+
const _attachmentListContext = require("./contexts/attachmentListContext");
|
|
76
120
|
const _Attachment = require("./Attachment");
|
|
121
|
+
const _AttachmentOverflowMenu = require("./AttachmentOverflowMenu");
|
|
122
|
+
const _attachmentOverflowMenuContext = require("./contexts/attachmentOverflowMenuContext");
|
|
77
123
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export { AttachmentTag, attachmentTagClassNames, renderAttachmentTag_unstable, useAttachmentTagStyles_unstable, useAttachmentTag_unstable } from './AttachmentTag';\nexport { AttachmentTagList, attachmentTagListClassNames, renderAttachmentTagList_unstable, useAttachmentTagListStyles_unstable, useAttachmentTagList_unstable } from './AttachmentTagList';\nexport { AttachmentTagItem, attachmentTagItemClassNames, renderAttachmentTagItem_unstable, useAttachmentTagItemStyles_unstable, useAttachmentTagItem_unstable } from './AttachmentTagItem';\nexport { Attachment, attachmentClassNames, renderAttachment_unstable, useAttachmentStyles_unstable, useAttachment_unstable } from './Attachment';\n//# sourceMappingURL=index.js.map"],"names":["AttachmentTag","attachmentTagClassNames","renderAttachmentTag_unstable","useAttachmentTagStyles_unstable","useAttachmentTag_unstable","AttachmentTagList","attachmentTagListClassNames","renderAttachmentTagList_unstable","useAttachmentTagListStyles_unstable","useAttachmentTagList_unstable","AttachmentTagItem","attachmentTagItemClassNames","renderAttachmentTagItem_unstable","useAttachmentTagItemStyles_unstable","useAttachmentTagItem_unstable","Attachment","attachmentClassNames","renderAttachment_unstable","useAttachmentStyles_unstable","useAttachment_unstable"],"mappings":";;;;;;;;;;;IAASA,aAAa;eAAbA,4BAAa;;IAAEC,uBAAuB;eAAvBA,sCAAuB;;IAAEC,4BAA4B;eAA5BA,2CAA4B;;IAAEC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IAChIC,iBAAiB;eAAjBA,oCAAiB;;IAAEC,2BAA2B;eAA3BA,8CAA2B;;IAAEC,gCAAgC;eAAhCA,mDAAgC;;IAAEC,mCAAmC;eAAnCA,sDAAmC;;IAAEC,6BAA6B;eAA7BA,gDAA6B;;IACpJC,iBAAiB;eAAjBA,oCAAiB;;IAAEC,2BAA2B;eAA3BA,8CAA2B;;IAAEC,gCAAgC;eAAhCA,mDAAgC;;IAAEC,mCAAmC;eAAnCA,sDAAmC;;IAAEC,6BAA6B;eAA7BA,gDAA6B;;IACpJC,UAAU;eAAVA,sBAAU;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;;+
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { AttachmentTag, attachmentTagClassNames, renderAttachmentTag_unstable, useAttachmentTagStyles_unstable, useAttachmentTag_unstable } from './AttachmentTag';\nexport { AttachmentTagList, attachmentTagListClassNames, renderAttachmentTagList_unstable, useAttachmentTagListStyles_unstable, useAttachmentTagList_unstable } from './AttachmentTagList';\nexport { AttachmentTagItem, attachmentTagItemClassNames, renderAttachmentTagItem_unstable, useAttachmentTagItemStyles_unstable, useAttachmentTagItem_unstable } from './AttachmentTagItem';\nexport { AttachmentList, attachmentListClassNames, renderAttachmentList_unstable, useAttachmentListStyles_unstable, useAttachmentList_unstable } from './AttachmentList';\nexport { AttachmentListContext, AttachmentListProvider, useAttachmentListContext_unstable } from './contexts/attachmentListContext';\nexport { Attachment, attachmentClassNames, renderAttachment_unstable, useAttachmentStyles_unstable, useAttachment_unstable } from './Attachment';\nexport { AttachmentOverflowMenu, renderAttachmentOverflowMenu_unstable, useAttachmentOverflowMenu_unstable } from './AttachmentOverflowMenu';\nexport { AttachmentOverflowMenuContext, AttachmentOverflowMenuProvider, useAttachmentOverflowMenuContext_unstable } from './contexts/attachmentOverflowMenuContext';\n//# sourceMappingURL=index.js.map"],"names":["AttachmentTag","attachmentTagClassNames","renderAttachmentTag_unstable","useAttachmentTagStyles_unstable","useAttachmentTag_unstable","AttachmentTagList","attachmentTagListClassNames","renderAttachmentTagList_unstable","useAttachmentTagListStyles_unstable","useAttachmentTagList_unstable","AttachmentTagItem","attachmentTagItemClassNames","renderAttachmentTagItem_unstable","useAttachmentTagItemStyles_unstable","useAttachmentTagItem_unstable","AttachmentList","attachmentListClassNames","renderAttachmentList_unstable","useAttachmentListStyles_unstable","useAttachmentList_unstable","AttachmentListContext","AttachmentListProvider","useAttachmentListContext_unstable","Attachment","attachmentClassNames","renderAttachment_unstable","useAttachmentStyles_unstable","useAttachment_unstable","AttachmentOverflowMenu","renderAttachmentOverflowMenu_unstable","useAttachmentOverflowMenu_unstable","AttachmentOverflowMenuContext","AttachmentOverflowMenuProvider","useAttachmentOverflowMenuContext_unstable"],"mappings":";;;;;;;;;;;IAASA,aAAa;eAAbA,4BAAa;;IAAEC,uBAAuB;eAAvBA,sCAAuB;;IAAEC,4BAA4B;eAA5BA,2CAA4B;;IAAEC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;IAChIC,iBAAiB;eAAjBA,oCAAiB;;IAAEC,2BAA2B;eAA3BA,8CAA2B;;IAAEC,gCAAgC;eAAhCA,mDAAgC;;IAAEC,mCAAmC;eAAnCA,sDAAmC;;IAAEC,6BAA6B;eAA7BA,gDAA6B;;IACpJC,iBAAiB;eAAjBA,oCAAiB;;IAAEC,2BAA2B;eAA3BA,8CAA2B;;IAAEC,gCAAgC;eAAhCA,mDAAgC;;IAAEC,mCAAmC;eAAnCA,sDAAmC;;IAAEC,6BAA6B;eAA7BA,gDAA6B;;IACpJC,cAAc;eAAdA,8BAAc;;IAAEC,wBAAwB;eAAxBA,wCAAwB;;IAAEC,6BAA6B;eAA7BA,6CAA6B;;IAAEC,gCAAgC;eAAhCA,gDAAgC;;IAAEC,0BAA0B;eAA1BA,0CAA0B;;IACrIC,qBAAqB;eAArBA,4CAAqB;;IAAEC,sBAAsB;eAAtBA,6CAAsB;;IAAEC,iCAAiC;eAAjCA,wDAAiC;;IAChFC,UAAU;eAAVA,sBAAU;;IAAEC,oBAAoB;eAApBA,gCAAoB;;IAAEC,yBAAyB;eAAzBA,qCAAyB;;IAAEC,4BAA4B;eAA5BA,wCAA4B;;IAAEC,sBAAsB;eAAtBA,kCAAsB;;IACjHC,sBAAsB;eAAtBA,8CAAsB;;IAAEC,qCAAqC;eAArCA,6DAAqC;;IAAEC,kCAAkC;eAAlCA,0DAAkC;;IACjGC,6BAA6B;eAA7BA,4DAA6B;;IAAEC,8BAA8B;eAA9BA,6DAA8B;;IAAEC,yCAAyC;eAAzCA,wEAAyC;;;+BAPgC;mCACoB;mCACA;gCACf;uCACrD;4BACiC;wCAChB;+CACO;CACzH,iCAAiC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-copilot/react-attachments",
|
|
3
|
-
"version": "0.0.0-nightly-
|
|
3
|
+
"version": "0.0.0-nightly-20240405-0406-15f86c74.1",
|
|
4
4
|
"description": "A set of components related to attaching files in Copilot experiences.",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@fluentui-copilot/react-provider": "0.0.0-nightly-
|
|
15
|
+
"@fluentui-copilot/react-provider": "0.0.0-nightly-20240405-0406-15f86c74.1",
|
|
16
16
|
"@swc/helpers": "^0.5.1"
|
|
17
17
|
},
|
|
18
18
|
"peerDependencies": {
|
|
@@ -21,6 +21,7 @@
|
|
|
21
21
|
"@fluentui/react-context-selector": ">=9.1.34 <10.0.0",
|
|
22
22
|
"@fluentui/react-icons": ">=2.0.217 <3.0.0",
|
|
23
23
|
"@fluentui/react-jsx-runtime": ">=9.0.18 <10.0.0",
|
|
24
|
+
"@fluentui/react-overflow": ">=9.0.18 <10.0.0",
|
|
24
25
|
"@fluentui/react-shared-contexts": ">=9.11.1 <10.0.0",
|
|
25
26
|
"@types/react": ">=16.14.0 <19.0.0",
|
|
26
27
|
"@types/react-dom": ">=16.9.8 <19.0.0",
|