@fluentui-copilot/react-attachments 0.0.0-nightly-20250529-0405-049ce749.1 → 0.0.0-nightly-20250530-0404-af4128f5.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.
Files changed (108) hide show
  1. package/CHANGELOG.json +3 -3
  2. package/CHANGELOG.md +4 -4
  3. package/dist/index.d.ts +0 -151
  4. package/lib/components/index.js +0 -3
  5. package/lib/components/index.js.map +1 -1
  6. package/lib/index.js +0 -3
  7. package/lib/index.js.map +1 -1
  8. package/lib-commonjs/components/index.js +0 -60
  9. package/lib-commonjs/components/index.js.map +1 -1
  10. package/lib-commonjs/index.js +0 -48
  11. package/lib-commonjs/index.js.map +1 -1
  12. package/package.json +4 -4
  13. package/lib/AttachmentTag.js +0 -2
  14. package/lib/AttachmentTag.js.map +0 -1
  15. package/lib/AttachmentTagItem.js +0 -2
  16. package/lib/AttachmentTagItem.js.map +0 -1
  17. package/lib/AttachmentTagList.js +0 -2
  18. package/lib/AttachmentTagList.js.map +0 -1
  19. package/lib/components/AttachmentTag/AttachmentTag.js +0 -17
  20. package/lib/components/AttachmentTag/AttachmentTag.js.map +0 -1
  21. package/lib/components/AttachmentTag/AttachmentTag.types.js +0 -4
  22. package/lib/components/AttachmentTag/AttachmentTag.types.js.map +0 -1
  23. package/lib/components/AttachmentTag/index.js +0 -5
  24. package/lib/components/AttachmentTag/index.js.map +0 -1
  25. package/lib/components/AttachmentTag/renderAttachmentTag.js +0 -12
  26. package/lib/components/AttachmentTag/renderAttachmentTag.js.map +0 -1
  27. package/lib/components/AttachmentTag/useAttachmentTag.js +0 -21
  28. package/lib/components/AttachmentTag/useAttachmentTag.js.map +0 -1
  29. package/lib/components/AttachmentTag/useAttachmentTagStyles.styles.js +0 -45
  30. package/lib/components/AttachmentTag/useAttachmentTagStyles.styles.js.map +0 -1
  31. package/lib/components/AttachmentTagItem/AttachmentTagItem.js +0 -15
  32. package/lib/components/AttachmentTagItem/AttachmentTagItem.js.map +0 -1
  33. package/lib/components/AttachmentTagItem/AttachmentTagItem.types.js +0 -4
  34. package/lib/components/AttachmentTagItem/AttachmentTagItem.types.js.map +0 -1
  35. package/lib/components/AttachmentTagItem/index.js +0 -5
  36. package/lib/components/AttachmentTagItem/index.js.map +0 -1
  37. package/lib/components/AttachmentTagItem/renderAttachmentTagItem.js +0 -12
  38. package/lib/components/AttachmentTagItem/renderAttachmentTagItem.js.map +0 -1
  39. package/lib/components/AttachmentTagItem/useAttachmentTagItem.js +0 -21
  40. package/lib/components/AttachmentTagItem/useAttachmentTagItem.js.map +0 -1
  41. package/lib/components/AttachmentTagItem/useAttachmentTagItemStyles.styles.js +0 -32
  42. package/lib/components/AttachmentTagItem/useAttachmentTagItemStyles.styles.js.map +0 -1
  43. package/lib/components/AttachmentTagList/AttachmentTagList.js +0 -19
  44. package/lib/components/AttachmentTagList/AttachmentTagList.js.map +0 -1
  45. package/lib/components/AttachmentTagList/AttachmentTagList.types.js +0 -2
  46. package/lib/components/AttachmentTagList/AttachmentTagList.types.js.map +0 -1
  47. package/lib/components/AttachmentTagList/index.js +0 -5
  48. package/lib/components/AttachmentTagList/index.js.map +0 -1
  49. package/lib/components/AttachmentTagList/renderAttachmentTagList.js +0 -14
  50. package/lib/components/AttachmentTagList/renderAttachmentTagList.js.map +0 -1
  51. package/lib/components/AttachmentTagList/useAttachmentTagList.js +0 -35
  52. package/lib/components/AttachmentTagList/useAttachmentTagList.js.map +0 -1
  53. package/lib/components/AttachmentTagList/useAttachmentTagListContextValues.js +0 -13
  54. package/lib/components/AttachmentTagList/useAttachmentTagListContextValues.js.map +0 -1
  55. package/lib/components/AttachmentTagList/useAttachmentTagListStyles.styles.js +0 -17
  56. package/lib/components/AttachmentTagList/useAttachmentTagListStyles.styles.js.map +0 -1
  57. package/lib/components/utils/useAttachmentTagSlots.js +0 -62
  58. package/lib/components/utils/useAttachmentTagSlots.js.map +0 -1
  59. package/lib/contexts/attachmentTagListContext.js +0 -8
  60. package/lib/contexts/attachmentTagListContext.js.map +0 -1
  61. package/lib-commonjs/AttachmentTag.js +0 -41
  62. package/lib-commonjs/AttachmentTag.js.map +0 -1
  63. package/lib-commonjs/AttachmentTagItem.js +0 -29
  64. package/lib-commonjs/AttachmentTagItem.js.map +0 -1
  65. package/lib-commonjs/AttachmentTagList.js +0 -29
  66. package/lib-commonjs/AttachmentTagList.js.map +0 -1
  67. package/lib-commonjs/components/AttachmentTag/AttachmentTag.js +0 -23
  68. package/lib-commonjs/components/AttachmentTag/AttachmentTag.js.map +0 -1
  69. package/lib-commonjs/components/AttachmentTag/AttachmentTag.types.js +0 -7
  70. package/lib-commonjs/components/AttachmentTag/AttachmentTag.types.js.map +0 -1
  71. package/lib-commonjs/components/AttachmentTag/index.js +0 -44
  72. package/lib-commonjs/components/AttachmentTag/index.js.map +0 -1
  73. package/lib-commonjs/components/AttachmentTag/renderAttachmentTag.js +0 -22
  74. package/lib-commonjs/components/AttachmentTag/renderAttachmentTag.js.map +0 -1
  75. package/lib-commonjs/components/AttachmentTag/useAttachmentTag.js +0 -21
  76. package/lib-commonjs/components/AttachmentTag/useAttachmentTag.js.map +0 -1
  77. package/lib-commonjs/components/AttachmentTag/useAttachmentTagStyles.styles.js +0 -78
  78. package/lib-commonjs/components/AttachmentTag/useAttachmentTagStyles.styles.js.map +0 -1
  79. package/lib-commonjs/components/AttachmentTagItem/AttachmentTagItem.js +0 -21
  80. package/lib-commonjs/components/AttachmentTagItem/AttachmentTagItem.js.map +0 -1
  81. package/lib-commonjs/components/AttachmentTagItem/AttachmentTagItem.types.js +0 -7
  82. package/lib-commonjs/components/AttachmentTagItem/AttachmentTagItem.types.js.map +0 -1
  83. package/lib-commonjs/components/AttachmentTagItem/index.js +0 -32
  84. package/lib-commonjs/components/AttachmentTagItem/index.js.map +0 -1
  85. package/lib-commonjs/components/AttachmentTagItem/renderAttachmentTagItem.js +0 -22
  86. package/lib-commonjs/components/AttachmentTagItem/renderAttachmentTagItem.js.map +0 -1
  87. package/lib-commonjs/components/AttachmentTagItem/useAttachmentTagItem.js +0 -21
  88. package/lib-commonjs/components/AttachmentTagItem/useAttachmentTagItem.js.map +0 -1
  89. package/lib-commonjs/components/AttachmentTagItem/useAttachmentTagItemStyles.styles.js +0 -45
  90. package/lib-commonjs/components/AttachmentTagItem/useAttachmentTagItemStyles.styles.js.map +0 -1
  91. package/lib-commonjs/components/AttachmentTagList/AttachmentTagList.js +0 -25
  92. package/lib-commonjs/components/AttachmentTagList/AttachmentTagList.js.map +0 -1
  93. package/lib-commonjs/components/AttachmentTagList/AttachmentTagList.types.js +0 -5
  94. package/lib-commonjs/components/AttachmentTagList/AttachmentTagList.types.js.map +0 -1
  95. package/lib-commonjs/components/AttachmentTagList/index.js +0 -32
  96. package/lib-commonjs/components/AttachmentTagList/index.js.map +0 -1
  97. package/lib-commonjs/components/AttachmentTagList/renderAttachmentTagList.js +0 -20
  98. package/lib-commonjs/components/AttachmentTagList/renderAttachmentTagList.js.map +0 -1
  99. package/lib-commonjs/components/AttachmentTagList/useAttachmentTagList.js +0 -33
  100. package/lib-commonjs/components/AttachmentTagList/useAttachmentTagList.js.map +0 -1
  101. package/lib-commonjs/components/AttachmentTagList/useAttachmentTagListContextValues.js +0 -20
  102. package/lib-commonjs/components/AttachmentTagList/useAttachmentTagListContextValues.js.map +0 -1
  103. package/lib-commonjs/components/AttachmentTagList/useAttachmentTagListStyles.styles.js +0 -31
  104. package/lib-commonjs/components/AttachmentTagList/useAttachmentTagListStyles.styles.js.map +0 -1
  105. package/lib-commonjs/components/utils/useAttachmentTagSlots.js +0 -62
  106. package/lib-commonjs/components/utils/useAttachmentTagSlots.js.map +0 -1
  107. package/lib-commonjs/contexts/attachmentTagListContext.js +0 -28
  108. package/lib-commonjs/contexts/attachmentTagListContext.js.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"sources":["AttachmentTagList.ts"],"sourcesContent":["export type { AttachmentTagDismissedData, AttachmentTagListContextValues, AttachmentTagListProps, AttachmentTagListSlots, AttachmentTagListState } from './components/AttachmentTagList/index';\nexport { AttachmentTagList, attachmentTagListClassNames, renderAttachmentTagList_unstable, useAttachmentTagListStyles_unstable, useAttachmentTagList_unstable } from './components/AttachmentTagList/index';\n"],"names":["AttachmentTagList","attachmentTagListClassNames","renderAttachmentTagList_unstable","useAttachmentTagListStyles_unstable","useAttachmentTagList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACSA,iBAAiB;eAAjBA,wBAAiB;;IAAEC,2BAA2B;eAA3BA,kCAA2B;;IAAEC,gCAAgC;eAAhCA,uCAAgC;;IAAEC,mCAAmC;eAAnCA,0CAAmC;;IAAEC,6BAA6B;eAA7BA,oCAA6B;;;uBAAQ"}
@@ -1,23 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "AttachmentTag", {
6
- enumerable: true,
7
- get: function() {
8
- return AttachmentTag;
9
- }
10
- });
11
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const _useAttachmentTag = require("./useAttachmentTag");
14
- const _renderAttachmentTag = require("./renderAttachmentTag");
15
- const _useAttachmentTagStylesstyles = require("./useAttachmentTagStyles.styles");
16
- const _reactprovider = require("@fluentui-copilot/react-provider");
17
- const AttachmentTag = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
18
- const state = (0, _useAttachmentTag.useAttachmentTag_unstable)(props, ref);
19
- (0, _useAttachmentTagStylesstyles.useAttachmentTagStyles_unstable)(state);
20
- (0, _reactprovider.useCustomStyleHook)('useAttachmentTagStyles')(state);
21
- return (0, _renderAttachmentTag.renderAttachmentTag_unstable)(state);
22
- });
23
- AttachmentTag.displayName = 'AttachmentTag'; //# sourceMappingURL=AttachmentTag.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["AttachmentTag.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentTag_unstable } from './useAttachmentTag';\nimport { renderAttachmentTag_unstable } from './renderAttachmentTag';\nimport { useAttachmentTagStyles_unstable } from './useAttachmentTagStyles.styles';\nimport type { AttachmentTagProps } from './AttachmentTag.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n/**\n * @deprecated use new Attachment component exported from \\@fluentui-copilot/react-attachments package instead.\n * Deprecated on 4/9/2024.\n */\nexport const AttachmentTag: ForwardRefComponent<AttachmentTagProps> = React.forwardRef((props, ref) => {\n const state = useAttachmentTag_unstable(props, ref);\n\n useAttachmentTagStyles_unstable(state);\n useCustomStyleHook('useAttachmentTagStyles')(state);\n\n return renderAttachmentTag_unstable(state);\n});\n\nAttachmentTag.displayName = 'AttachmentTag';\n"],"names":["state","useAttachmentTag_unstable","props","ref","useAttachmentTagStyles_unstable","renderAttachmentTag_unstable","AttachmentTag"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaQA;;;eAAAA;;;;iEAbe;kCACmB;qCACG;8CACG;+BAGb;AAOjC,MAAMA,gBAAQC,WAAAA,GAAAA,OAA0BC,UAAOC,CAAAA,CAAAA,OAAAA;UAE/CC,QAAAA,IAAAA,2CAAgCJ,EAAAA,OAAAA;qEACb,EAAAA;yCAEZK,EAAAA,0BAA6BL;IACtC,OAAGK,IAAAA,iDAAA,EAAAL;AAEHM"}
@@ -1,7 +0,0 @@
1
- /**
2
- * State used in rendering AttachmentTag
3
- */ "use strict";
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- //# sourceMappingURL=AttachmentTag.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["AttachmentTag.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type AttachmentTagSlots = {\n root: NonNullable<Slot<'button'>>;\n\n media?: Slot<'span'>;\n\n content: NonNullable<Slot<'span'>>;\n\n icon: NonNullable<Slot<'span'>>;\n};\n\n/**\n * AttachmentTag Props\n */\nexport type AttachmentTagProps = ComponentProps<Partial<AttachmentTagSlots>>;\n\n/**\n * State used in rendering AttachmentTag\n */\nexport type AttachmentTagState = ComponentState<AttachmentTagSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAiBA;;CAEC"}
@@ -1,44 +0,0 @@
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
- ATTACHMENTTAG_MAXWIDTH: function() {
13
- return _useAttachmentTagStylesstyles.ATTACHMENTTAG_MAXWIDTH;
14
- },
15
- AttachmentTag: function() {
16
- return _AttachmentTag.AttachmentTag;
17
- },
18
- attachmentTagClassNames: function() {
19
- return _useAttachmentTagStylesstyles.attachmentTagClassNames;
20
- },
21
- renderAttachmentTag_unstable: function() {
22
- return _renderAttachmentTag.renderAttachmentTag_unstable;
23
- },
24
- useAttachmentTagStyles_unstable: function() {
25
- return _useAttachmentTagStylesstyles.useAttachmentTagStyles_unstable;
26
- },
27
- useAttachmentTag_unstable: function() {
28
- return _useAttachmentTag.useAttachmentTag_unstable;
29
- },
30
- useContentBaseClassName: function() {
31
- return _useAttachmentTagStylesstyles.useContentBaseClassName;
32
- },
33
- useIconBaseClassName: function() {
34
- return _useAttachmentTagStylesstyles.useIconBaseClassName;
35
- },
36
- useMediaBaseClassName: function() {
37
- return _useAttachmentTagStylesstyles.useMediaBaseClassName;
38
- }
39
- });
40
- const _AttachmentTag = require("./AttachmentTag");
41
- const _renderAttachmentTag = require("./renderAttachmentTag");
42
- const _useAttachmentTag = require("./useAttachmentTag");
43
- const _useAttachmentTagStylesstyles = require("./useAttachmentTagStyles.styles");
44
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export { AttachmentTag } from './AttachmentTag';\nexport type { AttachmentTagProps, AttachmentTagSlots, AttachmentTagState } from './AttachmentTag.types';\nexport { renderAttachmentTag_unstable } from './renderAttachmentTag';\nexport { useAttachmentTag_unstable } from './useAttachmentTag';\nexport { ATTACHMENTTAG_MAXWIDTH, attachmentTagClassNames, useAttachmentTagStyles_unstable, useContentBaseClassName, useIconBaseClassName, useMediaBaseClassName } from './useAttachmentTagStyles.styles';\n"],"names":["ATTACHMENTTAG_MAXWIDTH","AttachmentTag","attachmentTagClassNames","renderAttachmentTag_unstable","useAttachmentTagStyles_unstable","useAttachmentTag_unstable","useContentBaseClassName","useIconBaseClassName","useMediaBaseClassName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAISA,sBAAsB;eAAtBA,oDAAsB;;IAJtBC,aAAa;eAAbA,4BAAa;;IAIWC,uBAAuB;eAAvBA,qDAAuB;;IAF/CC,4BAA4B;eAA5BA,iDAA4B;;IAEqBC,+BAA+B;eAA/BA,6DAA+B;;IADhFC,yBAAyB;eAAzBA,2CAAyB;;IACyDC,uBAAuB;eAAvBA,qDAAuB;;IAAEC,oBAAoB;eAApBA,kDAAoB;;IAAEC,qBAAqB;eAArBA,mDAAqB;;;+BAJjI;qCAEe;kCACH;8CAC6H"}
@@ -1,22 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "renderAttachmentTag_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return renderAttachmentTag_unstable;
9
- }
10
- });
11
- const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
- const _reactcomponents = require("@fluentui/react-components");
13
- const renderAttachmentTag_unstable = (state)=>{
14
- (0, _reactcomponents.assertSlots)(state);
15
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
16
- children: [
17
- state.media && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {}),
18
- /*#__PURE__*/ (0, _jsxruntime.jsx)(state.content, {}),
19
- /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {})
20
- ]
21
- });
22
- }; //# sourceMappingURL=renderAttachmentTag.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["renderAttachmentTag.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { AttachmentTagState, AttachmentTagSlots } from './AttachmentTag.types';\n\n/**\n * Render the final JSX of AttachmentTag\n */\nexport const renderAttachmentTag_unstable = (state: AttachmentTagState) => {\n assertSlots<AttachmentTagSlots>(state);\n\n return (\n <state.root>\n {state.media && <state.media />}\n <state.content />\n <state.icon />\n </state.root>\n );\n};\n"],"names":["assertSlots","state","media","_jsx","content","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BATF;iCAE4B;AAO1BA,MAAAA,+BAAgCC,CAAAA;oCAEhC,EAAAA;;kBAEKA;YAAAA,MAAMC,KAAK,IAAA,WAAI,GAAAC,IAAAA,eAACF,EAAAA,MAAMC,KAAK,EAAA,CAAA;YAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAF,MAAAG,OAAA,EAAA,CAAA;YAAA,WAAA,GAAAD,IAAAA,eAAA,EAAAF,MAAAI,IAAA,EAAA,CAAA;SAAA"}
@@ -1,21 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useAttachmentTag_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return useAttachmentTag_unstable;
9
- }
10
- });
11
- const _useAttachmentTagSlots = require("../utils/useAttachmentTagSlots");
12
- const useAttachmentTag_unstable = (props, ref)=>{
13
- return (0, _useAttachmentTagSlots.useAttachmentTagSlots)(props, ref, {
14
- elementType: {
15
- root: 'button',
16
- media: 'span',
17
- content: 'span',
18
- icon: 'span'
19
- }
20
- });
21
- }; //# sourceMappingURL=useAttachmentTag.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentTag.tsx"],"sourcesContent":["import type * as React from 'react';\nimport { useAttachmentTagSlots } from '../utils/useAttachmentTagSlots';\nimport type { AttachmentTagProps, AttachmentTagState } from './AttachmentTag.types';\n\n/**\n * Create the state required to render AttachmentTag.\n *\n * The returned state can be modified with hooks such as useAttachmentTagStyles_unstable,\n * before being passed to renderAttachmentTag_unstable.\n *\n * @param props - props from this instance of AttachmentTag\n * @param ref - reference to root HTMLElement of AttachmentTag\n */\nexport const useAttachmentTag_unstable = (\n props: AttachmentTagProps,\n ref: React.Ref<HTMLButtonElement>,\n): AttachmentTagState => {\n return useAttachmentTagSlots(props, ref, {\n elementType: { root: 'button', media: 'span', content: 'span', icon: 'span' },\n });\n};\n"],"names":["useAttachmentTagSlots","ref","elementType","props","root","media","content","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBSA;;;eAAAA;;;uCAhB6B;AAgBpC,MAAOA,4BAA6BC,CAAAA,OAAKA;WACvCC,IAAAA,4CAAa,EAAAC,OAAAF,KAAA;qBAAEG;kBAAgBC;mBAAeC;qBAAiBC;kBAAa;QAC9E;IACA"}
@@ -1,78 +0,0 @@
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
- ATTACHMENTTAG_MAXWIDTH: function() {
13
- return ATTACHMENTTAG_MAXWIDTH;
14
- },
15
- attachmentTagClassNames: function() {
16
- return attachmentTagClassNames;
17
- },
18
- useAttachmentTagStyles_unstable: function() {
19
- return useAttachmentTagStyles_unstable;
20
- },
21
- useContentBaseClassName: function() {
22
- return useContentBaseClassName;
23
- },
24
- useIconBaseClassName: function() {
25
- return useIconBaseClassName;
26
- },
27
- useMediaBaseClassName: function() {
28
- return useMediaBaseClassName;
29
- }
30
- });
31
- const _reactcomponents = require("@fluentui/react-components");
32
- const attachmentTagClassNames = {
33
- root: 'fai-AttachmentTag',
34
- media: 'fai-AttachmentTag__media',
35
- content: 'fai-AttachmentTag__content',
36
- icon: 'fai-AttachmentTag__icon'
37
- };
38
- const ATTACHMENTTAG_MAXWIDTH = '180px';
39
- const ATTACHMENTTAG_SIZE = '20px';
40
- const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("r1km3emv", "r21ecva", [
41
- ".r1km3emv{color:var(--colorNeutralForeground1);align-items:center;background-color:var(--colorNeutralBackground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);box-sizing:border-box;column-gap:var(--spacingHorizontalSNudge);cursor:pointer;display:inline-flex;flex-wrap:nowrap;justify-content:center;max-width:180px;padding:var(--spacingVerticalXS) var(--spacingHorizontalXS) var(--spacingVerticalXS) var(--spacingHorizontalS);vertical-align:middle;}",
42
- ".r1km3emv:hover{border-color:var(--colorNeutralStroke1Hover);}",
43
- ".r1km3emv:hover .fai-AttachmentTag__icon{color:var(--colorBrandForegroundLinkHover);}",
44
- ".r1km3emv:hover:active{border-color:var(--colorNeutralStroke1Pressed);}",
45
- ".r1km3emv:hover:active .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandPressed);}",
46
- ".r1km3emv:focus .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandHover);}",
47
- ".r1km3emv:focus:active .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandPressed);}",
48
- ".r21ecva{color:var(--colorNeutralForeground1);align-items:center;background-color:var(--colorNeutralBackground1);border:var(--strokeWidthThin) solid var(--colorNeutralStroke1);border-radius:var(--borderRadiusMedium);box-sizing:border-box;column-gap:var(--spacingHorizontalSNudge);cursor:pointer;display:inline-flex;flex-wrap:nowrap;justify-content:center;max-width:180px;padding:var(--spacingVerticalXS) var(--spacingHorizontalS) var(--spacingVerticalXS) var(--spacingHorizontalXS);vertical-align:middle;}",
49
- ".r21ecva:hover{border-color:var(--colorNeutralStroke1Hover);}",
50
- ".r21ecva:hover .fai-AttachmentTag__icon{color:var(--colorBrandForegroundLinkHover);}",
51
- ".r21ecva:hover:active{border-color:var(--colorNeutralStroke1Pressed);}",
52
- ".r21ecva:hover:active .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandPressed);}",
53
- ".r21ecva:focus .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandHover);}",
54
- ".r21ecva:focus:active .fai-AttachmentTag__icon{color:var(--colorNeutralForeground2BrandPressed);}"
55
- ]);
56
- const useMediaBaseClassName = (0, _reactcomponents.__resetStyles)("r19jnv3a", null, [
57
- ".r19jnv3a{font-size:20px;height:20px;line-height:20px;width:20px;}"
58
- ]);
59
- const useContentBaseClassName = (0, _reactcomponents.__resetStyles)("rmt99gk", null, [
60
- ".rmt99gk{overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}"
61
- ]);
62
- const useIconBaseClassName = (0, _reactcomponents.__resetStyles)("r176grtk", null, [
63
- ".r176grtk{align-items:center;border-radius:var(--borderRadiusCircular);border:var(--strokeWidthThin) solid var(--colorTransparentStroke);box-sizing:border-box;color:var(--colorNeutralForeground1);display:inline-flex;font-size:20px;height:calc(20px + var(--strokeWidthThin) * 2 + var(--spacingVerticalXXS));justify-content:center;max-width:calc(20px + var(--strokeWidthThin) * 2 + var(--spacingHorizontalXXS));min-width:calc(20px + var(--strokeWidthThin) * 2 + var(--spacingHorizontalXXS));padding:calc(var(--spacingVerticalXXS) / 2) calc(var(--spacingHorizontalXXS) / 2);}"
64
- ]);
65
- const useAttachmentTagStyles_unstable = (state)=>{
66
- 'use no memo';
67
- const rootBaseClassName = useRootBaseClassName();
68
- const mediaBaseClassName = useMediaBaseClassName();
69
- const contentBaseClassName = useContentBaseClassName();
70
- const iconBaseClassName = useIconBaseClassName();
71
- state.root.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.root, rootBaseClassName, state.root.className);
72
- if (state.media) {
73
- state.media.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.media, mediaBaseClassName, state.media.className);
74
- }
75
- state.content.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.content, contentBaseClassName, state.content.className);
76
- state.icon.className = (0, _reactcomponents.mergeClasses)(attachmentTagClassNames.icon, iconBaseClassName, state.icon.className);
77
- return state;
78
- }; //# sourceMappingURL=useAttachmentTagStyles.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentTagStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses, typographyStyles } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { AttachmentTagSlots, AttachmentTagState } from './AttachmentTag.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentTagClassNames: SlotClassNames<AttachmentTagSlots> = {\n root: 'fai-AttachmentTag',\n media: 'fai-AttachmentTag__media',\n content: 'fai-AttachmentTag__content',\n icon: 'fai-AttachmentTag__icon',\n};\n\n/**\n * @internal\n */\nexport const ATTACHMENTTAG_MAXWIDTH = '180px';\nconst ATTACHMENTTAG_SIZE = '20px';\n\nconst useRootBaseClassName = makeResetStyles({\n color: tokens.colorNeutralForeground1,\n alignItems: 'center',\n backgroundColor: tokens.colorNeutralBackground1,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorNeutralStroke1}`,\n borderRadius: tokens.borderRadiusMedium,\n boxSizing: 'border-box',\n columnGap: tokens.spacingHorizontalSNudge,\n cursor: 'pointer',\n display: 'inline-flex',\n flexWrap: 'nowrap',\n justifyContent: 'center',\n maxWidth: ATTACHMENTTAG_MAXWIDTH,\n padding: `${tokens.spacingVerticalXS} ${tokens.spacingHorizontalXS} ${tokens.spacingVerticalXS} ${tokens.spacingHorizontalS}`,\n verticalAlign: 'middle',\n\n ':hover': {\n borderColor: tokens.colorNeutralStroke1Hover,\n\n [`& .${attachmentTagClassNames.icon}`]: {\n color: tokens.colorBrandForegroundLinkHover,\n },\n },\n\n ':hover:active': {\n borderColor: tokens.colorNeutralStroke1Pressed,\n\n [`& .${attachmentTagClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandPressed,\n },\n },\n\n ':focus': {\n [`& .${attachmentTagClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandHover,\n },\n },\n\n ':focus:active': {\n [`& .${attachmentTagClassNames.icon}`]: {\n color: tokens.colorNeutralForeground2BrandPressed,\n },\n },\n});\n\n/**\n * @internal\n */\nexport const useMediaBaseClassName = makeResetStyles({\n fontSize: ATTACHMENTTAG_SIZE,\n height: ATTACHMENTTAG_SIZE,\n lineHeight: ATTACHMENTTAG_SIZE,\n width: ATTACHMENTTAG_SIZE,\n});\n\n/**\n * @internal\n */\nexport const useContentBaseClassName = makeResetStyles({\n overflowX: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n ...typographyStyles.body1,\n});\n\n/**\n * @internal\n */\nexport const useIconBaseClassName = makeResetStyles({\n alignItems: 'center',\n borderRadius: tokens.borderRadiusCircular,\n border: `${tokens.strokeWidthThin} solid ${tokens.colorTransparentStroke}`,\n boxSizing: 'border-box',\n color: tokens.colorNeutralForeground1,\n display: 'inline-flex',\n fontSize: ATTACHMENTTAG_SIZE,\n height: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingVerticalXXS})`,\n justifyContent: 'center',\n maxWidth: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n minWidth: `calc(${ATTACHMENTTAG_SIZE} + ${tokens.strokeWidthThin} * 2 + ${tokens.spacingHorizontalXXS})`,\n padding: `calc(${tokens.spacingVerticalXXS} / 2) calc(${tokens.spacingHorizontalXXS} / 2)`,\n});\n\n/**\n * Apply styling to the AttachmentTag slots based on the state\n */\nexport const useAttachmentTagStyles_unstable = (state: AttachmentTagState): AttachmentTagState => {\n 'use no memo';\n\n const rootBaseClassName = useRootBaseClassName();\n const mediaBaseClassName = useMediaBaseClassName();\n const contentBaseClassName = useContentBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n\n state.root.className = mergeClasses(attachmentTagClassNames.root, rootBaseClassName, state.root.className);\n\n if (state.media) {\n state.media.className = mergeClasses(attachmentTagClassNames.media, mediaBaseClassName, state.media.className);\n }\n\n state.content.className = mergeClasses(\n attachmentTagClassNames.content,\n contentBaseClassName,\n state.content.className,\n );\n\n state.icon.className = mergeClasses(attachmentTagClassNames.icon, iconBaseClassName, state.icon.className);\n\n return state;\n};\n"],"names":["ATTACHMENTTAG_SIZE","attachmentTagClassNames","useAttachmentTagStyles_unstable","useContentBaseClassName","useIconBaseClassName","spacingVerticalXS","borderRadius","borderRadiusMedium","root","media","content","icon","useRootBaseClassName","color","colorNeutralForeground1","display","__resetStyles","padding","tokens","spacingHorizontalXS","state","rootBaseClassName","mediaBaseClassName","useMediaBaseClassName","borderColor","colorNeutralStroke1Pressed","iconBaseClassName","colorNeutralForeground2BrandPressed","className","mergeClasses","contentBaseClassName","colorNeutralForeground2BrandHover"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAgBMA,sBAAqB;eAArBA;;IAXOC,uBAAAA;eAAAA;;IAgCJC,+BAA+B;eAA/BA;;IAVEC,uBAAA;eAAAA;;IAIAC,oBAAUC;eAAVD;;IARTE,qBAAqBC;eAArBD;;;iCAvBsD;AAKjD,MAAML,0BAA8D;UACzEO;WACAC;aACAC;UACAC;AACF;AAMMX,MAAAA,yBAAqB;AAE3B,MAAMY,qBAAAA;MACJC,uBAAcC,IAAAA,8BAAuB,EAAA,YAAA,WAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;CAAA;AAIrCR,MAAAA,wBAAqBC,IAAAA,8BAAkB,EAAA,YAAA,MAAA;IAAA;CAAA;AAIvCQ,MAASZ,0BAAAa,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;AAITC,MAASb,uBAAUC,IAAAA,8BAAqBa,EAAAA,YAAOC,MAAAA;IAAAA;CAA8E;MAMtHjB,kCAAiCkB,CAAAA;;UAGxCC,oBAAAT;UAEAU,qBAAiBC;UACfC,uBAAoBC;UAEpBC,oBAAOzB;cACLY,CAAAA,SAAOK,GAAAA,IAAAA,6BAAOS,EAAAA,wBAAmCnB,IAAA,EAAAa,mBAAAD,MAAAZ,IAAA,CAAAoB,SAAA;cACnDnB,KAAA,EAAA;QACFW,MAAAX,KAAA,CAAAmB,SAAA,GAAAC,IAAAA,6BAAA,EAAA5B,wBAAAQ,KAAA,EAAAa,oBAAAF,MAAAX,KAAA,CAAAmB,SAAA;;UAGElB,OAAOT,CAAAA,SAAAA,GAAAA,IAAAA,6BAAwBU,EAAAA,wBAASD,OAAA,EAAAoB,sBAAAV,MAAAV,OAAA,CAAAkB,SAAA;cACtCf,CAAAA,SAAOK,GAAAA,IAAAA,6BAAOa,EAAAA,wBAAiCpB,IAAA,EAAAe,mBAAAN,MAAAT,IAAA,CAAAiB,SAAA;WACjDR;4DAGe"}
@@ -1,21 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "AttachmentTagItem", {
6
- enumerable: true,
7
- get: function() {
8
- return AttachmentTagItem;
9
- }
10
- });
11
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const _useAttachmentTagItem = require("./useAttachmentTagItem");
14
- const _renderAttachmentTagItem = require("./renderAttachmentTagItem");
15
- const _useAttachmentTagItemStylesstyles = require("./useAttachmentTagItemStyles.styles");
16
- const AttachmentTagItem = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
17
- const state = (0, _useAttachmentTagItem.useAttachmentTagItem_unstable)(props, ref);
18
- (0, _useAttachmentTagItemStylesstyles.useAttachmentTagItemStyles_unstable)(state);
19
- return (0, _renderAttachmentTagItem.renderAttachmentTagItem_unstable)(state);
20
- });
21
- AttachmentTagItem.displayName = 'AttachmentTagItem'; //# sourceMappingURL=AttachmentTagItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["AttachmentTagItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAttachmentTagItem_unstable } from './useAttachmentTagItem';\nimport { renderAttachmentTagItem_unstable } from './renderAttachmentTagItem';\nimport { useAttachmentTagItemStyles_unstable } from './useAttachmentTagItemStyles.styles';\nimport type { AttachmentTagItemProps } from './AttachmentTagItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n/**\n * @deprecated use new AttachmentOverflowMenuItem component exported from \\@fluentui-copilot/react-attachments package instead.\n * Deprecated on 4/9/2024.\n */\nexport const AttachmentTagItem: ForwardRefComponent<AttachmentTagItemProps> = React.forwardRef((props, ref) => {\n const state = useAttachmentTagItem_unstable(props, ref);\n\n useAttachmentTagItemStyles_unstable(state);\n return renderAttachmentTagItem_unstable(state);\n});\n\nAttachmentTagItem.displayName = 'AttachmentTagItem';\n"],"names":["state","useAttachmentTagItem_unstable","props","ref","useAttachmentTagItemStyles_unstable","renderAttachmentTagItem_unstable","AttachmentTagItem"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYQA;;;eAAAA;;;;iEAZe;sCACuB;yCACG;kDACG;AASlD,MAAMA,oBAAQC,WAAAA,GAAAA,OAA8BC,UAAOC,CAAAA,CAAAA,OAAAA;UAEnDC,QAAAA,IAAAA,mDAAoCJ,EAAAA,OAAAA;6EAC7BK,EAAAA;IACT,OAAGA,IAAAA,yDAAA,EAAAL;AAEHM"}
@@ -1,7 +0,0 @@
1
- /**
2
- * State used in rendering AttachmentTagItem
3
- */ "use strict";
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- //# sourceMappingURL=AttachmentTagItem.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["AttachmentTagItem.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type AttachmentTagItemSlots = {\n root: NonNullable<Slot<'div'>>;\n media?: Slot<'span'>;\n content: NonNullable<Slot<'span'>>;\n icon: NonNullable<Slot<'span'>>;\n};\n\n/**\n * AttachmentTagItem Props\n */\nexport type AttachmentTagItemProps = ComponentProps<Partial<AttachmentTagItemSlots>>;\n\n/**\n * State used in rendering AttachmentTagItem\n */\nexport type AttachmentTagItemState = ComponentState<AttachmentTagItemSlots>;\n"],"names":[],"rangeMappings":";;","mappings":"AAcA;;CAEC"}
@@ -1,32 +0,0 @@
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
- AttachmentTagItem: function() {
13
- return _AttachmentTagItem.AttachmentTagItem;
14
- },
15
- attachmentTagItemClassNames: function() {
16
- return _useAttachmentTagItemStylesstyles.attachmentTagItemClassNames;
17
- },
18
- renderAttachmentTagItem_unstable: function() {
19
- return _renderAttachmentTagItem.renderAttachmentTagItem_unstable;
20
- },
21
- useAttachmentTagItemStyles_unstable: function() {
22
- return _useAttachmentTagItemStylesstyles.useAttachmentTagItemStyles_unstable;
23
- },
24
- useAttachmentTagItem_unstable: function() {
25
- return _useAttachmentTagItem.useAttachmentTagItem_unstable;
26
- }
27
- });
28
- const _AttachmentTagItem = require("./AttachmentTagItem");
29
- const _renderAttachmentTagItem = require("./renderAttachmentTagItem");
30
- const _useAttachmentTagItem = require("./useAttachmentTagItem");
31
- const _useAttachmentTagItemStylesstyles = require("./useAttachmentTagItemStyles.styles");
32
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export { AttachmentTagItem } from './AttachmentTagItem';\nexport type { AttachmentTagItemProps, AttachmentTagItemSlots, AttachmentTagItemState } from './AttachmentTagItem.types';\nexport { renderAttachmentTagItem_unstable } from './renderAttachmentTagItem';\nexport { useAttachmentTagItem_unstable } from './useAttachmentTagItem';\nexport { attachmentTagItemClassNames, useAttachmentTagItemStyles_unstable } from './useAttachmentTagItemStyles.styles';\n"],"names":["AttachmentTagItem","attachmentTagItemClassNames","renderAttachmentTagItem_unstable","useAttachmentTagItemStyles_unstable","useAttachmentTagItem_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,iBAAiB;eAAjBA,oCAAiB;;IAIjBC,2BAA2B;eAA3BA,6DAA2B;;IAF3BC,gCAAgC;eAAhCA,yDAAgC;;IAEHC,mCAAmC;eAAnCA,qEAAmC;;IADhEC,6BAA6B;eAA7BA,mDAA6B;;;mCAHJ;yCAEe;sCACH;kDACmC"}
@@ -1,22 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "renderAttachmentTagItem_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return renderAttachmentTagItem_unstable;
9
- }
10
- });
11
- const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
- const _reactcomponents = require("@fluentui/react-components");
13
- const renderAttachmentTagItem_unstable = (state)=>{
14
- (0, _reactcomponents.assertSlots)(state);
15
- return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
16
- children: [
17
- state.media && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.media, {}),
18
- /*#__PURE__*/ (0, _jsxruntime.jsx)(state.content, {}),
19
- /*#__PURE__*/ (0, _jsxruntime.jsx)(state.icon, {})
20
- ]
21
- });
22
- }; //# sourceMappingURL=renderAttachmentTagItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["renderAttachmentTagItem.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { AttachmentTagItemState, AttachmentTagItemSlots } from './AttachmentTagItem.types';\n\n/**\n * Render the final JSX of AttachmentTagItem\n */\nexport const renderAttachmentTagItem_unstable = (state: AttachmentTagItemState) => {\n assertSlots<AttachmentTagItemSlots>(state);\n\n return (\n <state.root>\n {state.media && <state.media />}\n <state.content />\n <state.icon />\n </state.root>\n );\n};\n"],"names":["assertSlots","state","media","_jsx","content","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAUEA;;;eAAAA;;;4BATF;iCAE4B;AAO1BA,MAAAA,mCAAoCC,CAAAA;oCAEpC,EAAAA;;kBAEKA;YAAAA,MAAMC,KAAK,IAAA,WAAI,GAAAC,IAAAA,eAACF,EAAAA,MAAMC,KAAK,EAAA,CAAA;YAAA,WAAA,GAAAC,IAAAA,eAAA,EAAAF,MAAAG,OAAA,EAAA,CAAA;YAAA,WAAA,GAAAD,IAAAA,eAAA,EAAAF,MAAAI,IAAA,EAAA,CAAA;SAAA"}
@@ -1,21 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useAttachmentTagItem_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return useAttachmentTagItem_unstable;
9
- }
10
- });
11
- const _useAttachmentTagSlots = require("../utils/useAttachmentTagSlots");
12
- const useAttachmentTagItem_unstable = (props, ref)=>{
13
- return (0, _useAttachmentTagSlots.useAttachmentTagSlots)(props, ref, {
14
- elementType: {
15
- root: 'div',
16
- media: 'span',
17
- content: 'span',
18
- icon: 'span'
19
- }
20
- });
21
- }; //# sourceMappingURL=useAttachmentTagItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentTagItem.ts"],"sourcesContent":["import type * as React from 'react';\nimport { useAttachmentTagSlots } from '../utils/useAttachmentTagSlots';\nimport type { AttachmentTagItemProps, AttachmentTagItemState } from './AttachmentTagItem.types';\n\n/**\n * Create the state required to render AttachmentTagItem.\n *\n * The returned state can be modified with hooks such as useAttachmentTagItemStyles_unstable,\n * before being passed to renderAttachmentTagItem_unstable.\n *\n * @param props - props from this instance of AttachmentTagItem\n * @param ref - reference to root HTMLElement of AttachmentTagItem\n */\nexport const useAttachmentTagItem_unstable = (\n props: AttachmentTagItemProps,\n ref: React.Ref<HTMLDivElement>,\n): AttachmentTagItemState => {\n return useAttachmentTagSlots(props, ref, {\n elementType: { root: 'div', media: 'span', content: 'span', icon: 'span' },\n });\n};\n"],"names":["useAttachmentTagSlots","props","ref","elementType","root","media","content","icon"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAiBSA;;;eAAAA;;;uCAhB6B;AAgBpC,MAAOA,gCAAkC,CAAAC,OAAAC;WACvCC,IAAAA,4CAAa,EAAAF,OAAAC,KAAA;qBAAEE;kBAAaC;mBAAeC;qBAAiBC;kBAAa;QAC3E;IACA"}
@@ -1,45 +0,0 @@
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
- attachmentTagItemClassNames: function() {
13
- return attachmentTagItemClassNames;
14
- },
15
- useAttachmentTagItemStyles_unstable: function() {
16
- return useAttachmentTagItemStyles_unstable;
17
- }
18
- });
19
- const _reactcomponents = require("@fluentui/react-components");
20
- const _useAttachmentTagStylesstyles = require("../AttachmentTag/useAttachmentTagStyles.styles");
21
- const attachmentTagItemClassNames = {
22
- root: 'fai-AttachmentTagItem',
23
- media: 'fai-AttachmentTagItem__media',
24
- content: 'fai-AttachmentTagItem__content',
25
- icon: 'fai-AttachmentTagItem__icon'
26
- };
27
- /**
28
- * Styles for the root slot
29
- */ const useRootBaseClassName = (0, _reactcomponents.__resetStyles)("rcbi0rb", null, [
30
- ".rcbi0rb{display:inline-flex;flex-wrap:nowrap;column-gap:var(--spacingHorizontalSNudge);max-width:180px;align-items:center;}"
31
- ]);
32
- const useAttachmentTagItemStyles_unstable = (state)=>{
33
- 'use no memo';
34
- const rootBaseClassName = useRootBaseClassName();
35
- const mediaBaseClassName = (0, _useAttachmentTagStylesstyles.useMediaBaseClassName)();
36
- const contentBaseClassName = (0, _useAttachmentTagStylesstyles.useContentBaseClassName)();
37
- const iconBaseClassName = (0, _useAttachmentTagStylesstyles.useIconBaseClassName)();
38
- state.root.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.root, rootBaseClassName, state.root.className);
39
- if (state.media) {
40
- state.media.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.media, mediaBaseClassName, state.media.className);
41
- }
42
- state.content.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.content, contentBaseClassName, state.content.className);
43
- state.icon.className = (0, _reactcomponents.mergeClasses)(attachmentTagItemClassNames.icon, iconBaseClassName, state.icon.className);
44
- return state;
45
- }; //# sourceMappingURL=useAttachmentTagItemStyles.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentTagItemStyles.styles.ts"],"sourcesContent":["import { makeResetStyles, mergeClasses } from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport {\n ATTACHMENTTAG_MAXWIDTH,\n useContentBaseClassName,\n useIconBaseClassName,\n useMediaBaseClassName,\n} from '../AttachmentTag/useAttachmentTagStyles.styles';\nimport type { AttachmentTagItemSlots, AttachmentTagItemState } from './AttachmentTagItem.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const attachmentTagItemClassNames: SlotClassNames<AttachmentTagItemSlots> = {\n root: 'fai-AttachmentTagItem',\n media: 'fai-AttachmentTagItem__media',\n content: 'fai-AttachmentTagItem__content',\n icon: 'fai-AttachmentTagItem__icon',\n};\n\n/**\n * Styles for the root slot\n */\nconst useRootBaseClassName = makeResetStyles({\n display: 'inline-flex',\n flexWrap: 'nowrap',\n columnGap: tokens.spacingHorizontalSNudge,\n maxWidth: ATTACHMENTTAG_MAXWIDTH,\n alignItems: 'center',\n});\n\n/**\n * Apply styling to the AttachmentTagItem slots based on the state\n */\nexport const useAttachmentTagItemStyles_unstable = (state: AttachmentTagItemState): AttachmentTagItemState => {\n 'use no memo';\n\n const rootBaseClassName = useRootBaseClassName();\n const mediaBaseClassName = useMediaBaseClassName();\n const contentBaseClassName = useContentBaseClassName();\n const iconBaseClassName = useIconBaseClassName();\n\n state.root.className = mergeClasses(attachmentTagItemClassNames.root, rootBaseClassName, state.root.className);\n\n if (state.media) {\n state.media.className = mergeClasses(attachmentTagItemClassNames.media, mediaBaseClassName, state.media.className);\n }\n\n state.content.className = mergeClasses(\n attachmentTagItemClassNames.content,\n contentBaseClassName,\n state.content.className,\n );\n\n state.icon.className = mergeClasses(attachmentTagItemClassNames.icon, iconBaseClassName, state.icon.className);\n\n return state;\n};\n"],"names":["attachmentTagItemClassNames","alignItems","root","media","content","icon","display","__resetStyles","state","mediaBaseClassName","useAttachmentTagItemStyles_unstable","contentBaseClassName","useContentBaseClassName","iconBaseClassName","rootBaseClassName","useRootBaseClassName","useMediaBaseClassName","useIconBaseClassName","mergeClasses","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAWaA,2BAAAA;eAAAA;;IAeXC,mCAAY;eAAZA;;;iCA1BoC;8CAO/B;AAIA,MAAMD,8BAAsE;UACjFE;WACAC;aACAC;UACAC;AACF;AAEA;;CAEC,SAECC,uBAASC,IAAAA,8BAAA,EAAA,WAAA,MAAA;IAAA;CAAA;AAITN,MAAAA,sCAAYO,CAAAA;IACd;;IAIC,MACDC,qBAAaC,IAAAA,mDAAAA;UACXC,uBAAAC,IAAAA,qDAAA;UAEAC,oBAAMC,IAAAA,kDAAoBC;UAC1Bb,IAAMO,CAAAA,SAAAA,GAAAA,IAAAA,6BAAqBO,EAAAA,4BAAAA,IAAAA,EAAAA,mBAAAA,MAAAA,IAAAA,CAAAA,SAAAA;QAC3BR,MAAMG,KAAAA,EAAAA;QACNH,MAAMK,KAAAA,CAAAA,SAAAA,GAAAA,IAAAA,6BAAoBI,EAAAA,4BAAAA,KAAAA,EAAAA,oBAAAA,MAAAA,KAAAA,CAAAA,SAAAA;;UAItBT,OAAML,CAAAA,SAAO,GAAAe,IAAAA,6BAAA,EAAAlB,4BAAAI,OAAA,EAAAO,sBAAAH,MAAAJ,OAAA,CAAAe,SAAA;UACfX,IAAAA,CAAAA,SAAYW,GAAAA,IAAAA,6BAAYD,EAAAA,4BAAalB,IAAAA,EAAAA,mBAAmCS,MAAAA,IAAoBD,CAAAA,SAAW;WACzGA;gEAQoCR"}
@@ -1,25 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "AttachmentTagList", {
6
- enumerable: true,
7
- get: function() {
8
- return AttachmentTagList;
9
- }
10
- });
11
- const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
12
- const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
13
- const _renderAttachmentTagList = require("./renderAttachmentTagList");
14
- const _useAttachmentTagList = require("./useAttachmentTagList");
15
- const _useAttachmentTagListContextValues = require("./useAttachmentTagListContextValues");
16
- const _useAttachmentTagListStylesstyles = require("./useAttachmentTagListStyles.styles");
17
- const _reactprovider = require("@fluentui-copilot/react-provider");
18
- const AttachmentTagList = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
19
- const state = (0, _useAttachmentTagList.useAttachmentTagList_unstable)(props, ref);
20
- const contextValues = (0, _useAttachmentTagListContextValues.useAttachmentTagListContextValues_unstable)(state);
21
- (0, _useAttachmentTagListStylesstyles.useAttachmentTagListStyles_unstable)(state);
22
- (0, _reactprovider.useCustomStyleHook)('useAttachmentTagListStyles')(state);
23
- return (0, _renderAttachmentTagList.renderAttachmentTagList_unstable)(state, contextValues);
24
- });
25
- AttachmentTagList.displayName = 'AttachmentTagList'; //# sourceMappingURL=AttachmentTagList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["AttachmentTagList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderAttachmentTagList_unstable } from './renderAttachmentTagList';\nimport { useAttachmentTagList_unstable } from './useAttachmentTagList';\nimport { useAttachmentTagListContextValues_unstable } from './useAttachmentTagListContextValues';\nimport { useAttachmentTagListStyles_unstable } from './useAttachmentTagListStyles.styles';\nimport type { AttachmentTagListProps } from './AttachmentTagList.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\n\n/**\n * @deprecated use new AttachmentList component exported from \\@fluentui-copilot/react-attachments package instead.\n * Deprecated on 4/9/2024.\n */\nexport const AttachmentTagList: ForwardRefComponent<AttachmentTagListProps> = React.forwardRef((props, ref) => {\n const state = useAttachmentTagList_unstable(props, ref);\n const contextValues = useAttachmentTagListContextValues_unstable(state);\n\n useAttachmentTagListStyles_unstable(state);\n useCustomStyleHook('useAttachmentTagListStyles')(state);\n\n return renderAttachmentTagList_unstable(state, contextValues);\n});\n\nAttachmentTagList.displayName = 'AttachmentTagList';\n"],"names":["state","useAttachmentTagList_unstable","props","ref","contextValues","useAttachmentTagListContextValues_unstable","useAttachmentTagListStyles_unstable","renderAttachmentTagList_unstable","AttachmentTagList"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcQA;;;eAAAA;;;;iEAde;yCAC0B;sCACH;mDACa;kDACP;+BAGjB;AAOjC,MAAMA,oBAAQC,WAAAA,GAAAA,OAA8BC,UAAOC,CAAAA,CAAAA,OAAAA;UACnDH,QAAMI,IAAAA,mDAAgBC,EAAAA,OAAAA;UAEtBC,gBAAAA,IAAAA,6EAAoCN,EAAAA;6EACjB,EAAAA;yCAEZO,EAAAA,8BAAwCH;IACjD,OAAGG,IAAAA,yDAAA,EAAAP,OAAAI;AAEHI"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- //# sourceMappingURL=AttachmentTagList.types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["AttachmentTagList.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\nimport type { AttachmentTagListContextValue } from '../../contexts/attachmentTagListContext';\nimport type { AttachmentTagProps } from '../AttachmentTag/AttachmentTag.types';\n\nexport type AttachmentTagListSlots = {\n root: Slot<'div'>;\n};\n\nexport type AttachmentTagDismissedData = {\n content?: AttachmentTagProps['children'];\n media?: AttachmentTagProps['media'];\n};\n\n/**\n * AttachmentTagList Props\n */\nexport type AttachmentTagListProps = ComponentProps<AttachmentTagListSlots> & {\n onAttachmentTagDismiss?: (\n e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>,\n data: AttachmentTagDismissedData,\n ) => void;\n};\n\n/**\n * State used in rendering AttachmentTagList\n */\nexport type AttachmentTagListState = ComponentState<AttachmentTagListSlots> &\n Pick<AttachmentTagListProps, 'onAttachmentTagDismiss'>;\n\nexport type AttachmentTagListContextValues = {\n tagList: AttachmentTagListContextValue;\n};\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -1,32 +0,0 @@
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
- AttachmentTagList: function() {
13
- return _AttachmentTagList.AttachmentTagList;
14
- },
15
- attachmentTagListClassNames: function() {
16
- return _useAttachmentTagListStylesstyles.attachmentTagListClassNames;
17
- },
18
- renderAttachmentTagList_unstable: function() {
19
- return _renderAttachmentTagList.renderAttachmentTagList_unstable;
20
- },
21
- useAttachmentTagListStyles_unstable: function() {
22
- return _useAttachmentTagListStylesstyles.useAttachmentTagListStyles_unstable;
23
- },
24
- useAttachmentTagList_unstable: function() {
25
- return _useAttachmentTagList.useAttachmentTagList_unstable;
26
- }
27
- });
28
- const _AttachmentTagList = require("./AttachmentTagList");
29
- const _renderAttachmentTagList = require("./renderAttachmentTagList");
30
- const _useAttachmentTagList = require("./useAttachmentTagList");
31
- const _useAttachmentTagListStylesstyles = require("./useAttachmentTagListStyles.styles");
32
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["index.ts"],"sourcesContent":["export { AttachmentTagList } from './AttachmentTagList';\nexport type { AttachmentTagDismissedData, AttachmentTagListContextValues, AttachmentTagListProps, AttachmentTagListSlots, AttachmentTagListState } from './AttachmentTagList.types';\nexport { renderAttachmentTagList_unstable } from './renderAttachmentTagList';\nexport { useAttachmentTagList_unstable } from './useAttachmentTagList';\nexport { attachmentTagListClassNames, useAttachmentTagListStyles_unstable } from './useAttachmentTagListStyles.styles';\n"],"names":["AttachmentTagList","attachmentTagListClassNames","renderAttachmentTagList_unstable","useAttachmentTagListStyles_unstable","useAttachmentTagList_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,iBAAiB;eAAjBA,oCAAiB;;IAIjBC,2BAA2B;eAA3BA,6DAA2B;;IAF3BC,gCAAgC;eAAhCA,yDAAgC;;IAEHC,mCAAmC;eAAnCA,qEAAmC;;IADhEC,6BAA6B;eAA7BA,mDAA6B;;;mCAHJ;yCAEe;sCACH;kDACmC"}
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "renderAttachmentTagList_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return renderAttachmentTagList_unstable;
9
- }
10
- });
11
- const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
12
- const _reactcomponents = require("@fluentui/react-components");
13
- const _attachmentTagListContext = require("../../contexts/attachmentTagListContext");
14
- const renderAttachmentTagList_unstable = (state, contextValues)=>{
15
- (0, _reactcomponents.assertSlots)(state);
16
- return /*#__PURE__*/ (0, _jsxruntime.jsx)(_attachmentTagListContext.AttachmentTagListProvider, {
17
- value: contextValues.tagList,
18
- children: /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {})
19
- });
20
- }; //# sourceMappingURL=renderAttachmentTagList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["renderAttachmentTagList.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\n\nimport { AttachmentTagListProvider } from '../../contexts/attachmentTagListContext';\nimport type {\n AttachmentTagListContextValues,\n AttachmentTagListState,\n AttachmentTagListSlots,\n} from './AttachmentTagList.types';\n\n/**\n * Render the final JSX of AttachmentTagList\n */\nexport const renderAttachmentTagList_unstable = (\n state: AttachmentTagListState,\n contextValues: AttachmentTagListContextValues,\n) => {\n assertSlots<AttachmentTagListSlots>(state);\n\n return (\n <AttachmentTagListProvider value={contextValues.tagList}>\n <state.root />\n </AttachmentTagListProvider>\n );\n};\n"],"names":["assertSlots","state","value","contextValues","tagList"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAmBEA;;;eAAAA;;;4BAnBwB;iCAGE;0CAEc;AAcxCA,MAAAA,mCAAoCC,CAAAA,OAAAA;oCAEpC,EAAAA;WAC6BC,WAAOC,GAAAA,IAAAA,eAAAA,EAAAA,mDAAqB,EAAA;6BACrDC,OAAA;;IAGJ"}
@@ -1,33 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useAttachmentTagList_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return useAttachmentTagList_unstable;
9
- }
10
- });
11
- const _reactcomponents = require("@fluentui/react-components");
12
- const useAttachmentTagList_unstable = (props, ref)=>{
13
- const { onAttachmentTagDismiss } = props;
14
- const focusAttributes = (0, _reactcomponents.useArrowNavigationGroup)({
15
- axis: 'both',
16
- circular: true
17
- });
18
- return {
19
- onAttachmentTagDismiss,
20
- components: {
21
- root: 'div'
22
- },
23
- root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
24
- 'aria-label': 'Attachments',
25
- ref,
26
- role: 'menu',
27
- ...focusAttributes,
28
- ...props
29
- }), {
30
- elementType: 'div'
31
- })
32
- };
33
- }; //# sourceMappingURL=useAttachmentTagList.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["useAttachmentTagList.ts"],"sourcesContent":["import type * as React from 'react';\n\nimport { getIntrinsicElementProps, slot, useArrowNavigationGroup } from '@fluentui/react-components';\nimport type { AttachmentTagListProps, AttachmentTagListState } from './AttachmentTagList.types';\n\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 = (\n props: AttachmentTagListProps,\n ref: React.Ref<HTMLDivElement>,\n): AttachmentTagListState => {\n const { onAttachmentTagDismiss } = props;\n\n const focusAttributes = useArrowNavigationGroup({\n axis: 'both',\n circular: true,\n });\n\n return {\n onAttachmentTagDismiss,\n\n components: {\n root: 'div',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n 'aria-label': 'Attachments',\n ref,\n role: 'menu',\n ...focusAttributes,\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["onAttachmentTagDismiss","props","focusAttributes","useArrowNavigationGroup","axis","slot","role","getIntrinsicElementProps","elementType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkBUA;;;eAAAA;;;iCAhB8D;AAgBtE,MAAQA,gCAA2BC,CAAAA,OAAAA;UAEnC,wBACQ;UAERC,kBAAAC,IAAAA,wCAAA,EAAA;QAEAC,MAAA;kBACEJ;;;;oBAKMK;kBAEF;;mCAEAC,CAAAA,MAAM,CAAAC,IAAAA,yCAAA,EAAA,OAAA;0BACHL;;kBAGL;8BAAEM;eAAmBP,KAAA;QAEzB,IAAA;YACAO,aAAA"}
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", {
3
- value: true
4
- });
5
- Object.defineProperty(exports, "useAttachmentTagListContextValues_unstable", {
6
- enumerable: true,
7
- get: function() {
8
- return useAttachmentTagListContextValues_unstable;
9
- }
10
- });
11
- function useAttachmentTagListContextValues_unstable(state) {
12
- const { onAttachmentTagDismiss } = state;
13
- // This context is created with "@fluentui/react-context-selector", there is no sense to memoize it
14
- const tagList = {
15
- onAttachmentTagDismiss
16
- };
17
- return {
18
- tagList
19
- };
20
- } //# sourceMappingURL=useAttachmentTagListContextValues.js.map