@fluentui-copilot/react-response-count 0.0.0-nightly-20240313-0404-8abc883d.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 +123 -0
- package/CHANGELOG.md +41 -0
- package/LICENSE +23 -0
- package/README.md +7 -0
- package/dist/index.d.ts +50 -0
- package/lib/ResponseCount.js +2 -0
- package/lib/ResponseCount.js.map +1 -0
- package/lib/components/ResponseCount/ResponseCount.js +12 -0
- package/lib/components/ResponseCount/ResponseCount.js.map +1 -0
- package/lib/components/ResponseCount/ResponseCount.types.js +2 -0
- package/lib/components/ResponseCount/ResponseCount.types.js.map +1 -0
- package/lib/components/ResponseCount/index.js +6 -0
- package/lib/components/ResponseCount/index.js.map +1 -0
- package/lib/components/ResponseCount/renderResponseCount.js +12 -0
- package/lib/components/ResponseCount/renderResponseCount.js.map +1 -0
- package/lib/components/ResponseCount/useResponseCount.js +34 -0
- package/lib/components/ResponseCount/useResponseCount.js.map +1 -0
- package/lib/components/ResponseCount/useResponseCountStyles.js +54 -0
- package/lib/components/ResponseCount/useResponseCountStyles.js.map +1 -0
- package/lib/index.js +2 -0
- package/lib/index.js.map +1 -0
- package/lib-commonjs/ResponseCount.js +7 -0
- package/lib-commonjs/ResponseCount.js.map +1 -0
- package/lib-commonjs/components/ResponseCount/ResponseCount.js +21 -0
- package/lib-commonjs/components/ResponseCount/ResponseCount.js.map +1 -0
- package/lib-commonjs/components/ResponseCount/ResponseCount.types.js +5 -0
- package/lib-commonjs/components/ResponseCount/ResponseCount.types.js.map +1 -0
- package/lib-commonjs/components/ResponseCount/index.js +11 -0
- package/lib-commonjs/components/ResponseCount/index.js.map +1 -0
- package/lib-commonjs/components/ResponseCount/renderResponseCount.js +21 -0
- package/lib-commonjs/components/ResponseCount/renderResponseCount.js.map +1 -0
- package/lib-commonjs/components/ResponseCount/useResponseCount.js +31 -0
- package/lib-commonjs/components/ResponseCount/useResponseCount.js.map +1 -0
- package/lib-commonjs/components/ResponseCount/useResponseCountStyles.js +100 -0
- package/lib-commonjs/components/ResponseCount/useResponseCountStyles.js.map +1 -0
- package/lib-commonjs/index.js +29 -0
- package/lib-commonjs/index.js.map +1 -0
- package/package.json +35 -0
package/CHANGELOG.json
ADDED
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@fluentui-copilot/react-response-count",
|
|
3
|
+
"entries": [
|
|
4
|
+
{
|
|
5
|
+
"date": "Wed, 13 Mar 2024 04:09:45 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-response-count_v0.0.0-nightly-20240313-0404-8abc883d.1",
|
|
7
|
+
"version": "0.0.0-nightly-20240313-0404-8abc883d.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "fluentui-internal@service.microsoft.com",
|
|
12
|
+
"package": "@fluentui-copilot/react-response-count",
|
|
13
|
+
"commit": "not available",
|
|
14
|
+
"comment": "Release nightly"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Fri, 01 Mar 2024 20:07:29 GMT",
|
|
21
|
+
"tag": "@fluentai/react-response-count_v0.1.0",
|
|
22
|
+
"version": "0.1.0",
|
|
23
|
+
"comments": {
|
|
24
|
+
"none": [
|
|
25
|
+
{
|
|
26
|
+
"author": "estebanmu@microsoft.com",
|
|
27
|
+
"package": "@fluentai/react-response-count",
|
|
28
|
+
"commit": "cb1a21b8465c9a9ff86e52d29a398af35f9d0d3d",
|
|
29
|
+
"comment": "chore: Add tests for SSR."
|
|
30
|
+
}
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"date": "Thu, 15 Feb 2024 20:24:47 GMT",
|
|
36
|
+
"tag": "@fluentai/react-response-count_v0.1.0",
|
|
37
|
+
"version": "0.1.0",
|
|
38
|
+
"comments": {
|
|
39
|
+
"minor": [
|
|
40
|
+
{
|
|
41
|
+
"author": "tristan.watanabe@gmail.com",
|
|
42
|
+
"package": "@fluentai/react-response-count",
|
|
43
|
+
"commit": "cd80fe52dd6c3d2b48c96c0ddb26b31cc232b4ca",
|
|
44
|
+
"comment": "chore: initial release to NPM."
|
|
45
|
+
}
|
|
46
|
+
],
|
|
47
|
+
"none": [
|
|
48
|
+
{
|
|
49
|
+
"author": "tristan.watanabe@gmail.com",
|
|
50
|
+
"package": "@fluentai/react-response-count",
|
|
51
|
+
"commit": "31ae3ad9098d67abbaf7ac83c402312748bc2ea8",
|
|
52
|
+
"comment": "chore: no longer shipping test related files."
|
|
53
|
+
}
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"date": "Thu, 15 Feb 2024 19:00:00 GMT",
|
|
59
|
+
"tag": "@fluentai/react-response-count_v0.0.2",
|
|
60
|
+
"version": "0.0.2",
|
|
61
|
+
"comments": {
|
|
62
|
+
"none": [
|
|
63
|
+
{
|
|
64
|
+
"author": "tristan.watanabe@gmail.com",
|
|
65
|
+
"package": "@fluentai/react-response-count",
|
|
66
|
+
"commit": "12c785efdd7e75542f017b70fff7a2d5b00b3df9",
|
|
67
|
+
"comment": "chore: disallow minor package bumps."
|
|
68
|
+
}
|
|
69
|
+
]
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"date": "Tue, 12 Dec 2023 16:35:16 GMT",
|
|
74
|
+
"tag": "@fluentai/react-response-count_v0.0.2",
|
|
75
|
+
"version": "0.0.2",
|
|
76
|
+
"comments": {
|
|
77
|
+
"patch": [
|
|
78
|
+
{
|
|
79
|
+
"author": "owcampbe@microsoft.com",
|
|
80
|
+
"package": "@fluentai/react-response-count",
|
|
81
|
+
"commit": "8ddeea1f12e840db115d2277dda6d0925cde5467",
|
|
82
|
+
"comment": "chore: Migrate getNativeElementProps to getIntrinsicElementProps."
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"author": "mgodbolt@microsoft.com",
|
|
86
|
+
"package": "@fluentai/react-response-count",
|
|
87
|
+
"commit": "43d002742e460ea048a7fcc67a4632b89e0316e9",
|
|
88
|
+
"comment": "fix: changed indicator color to match spec and contrast properly"
|
|
89
|
+
}
|
|
90
|
+
],
|
|
91
|
+
"none": [
|
|
92
|
+
{
|
|
93
|
+
"author": "tristan.watanabe@gmail.com",
|
|
94
|
+
"package": "@fluentai/react-response-count",
|
|
95
|
+
"commit": "d678a67851c48124410bcf3776fb08dfe2ea3102",
|
|
96
|
+
"comment": "chore: upgrade to use yarn 3."
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
"author": "tristan.watanabe@gmail.com",
|
|
100
|
+
"package": "@fluentai/react-response-count",
|
|
101
|
+
"commit": "5232ecc84b093f807c6ca5673f54fec0313fd038",
|
|
102
|
+
"comment": "chore: migrate to use global wcagTests a11y testing API."
|
|
103
|
+
}
|
|
104
|
+
]
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
{
|
|
108
|
+
"date": "Wed, 15 Nov 2023 00:55:21 GMT",
|
|
109
|
+
"tag": "@fluentai/react-response-count_v0.0.1",
|
|
110
|
+
"version": "0.0.1",
|
|
111
|
+
"comments": {
|
|
112
|
+
"patch": [
|
|
113
|
+
{
|
|
114
|
+
"author": "owcampbe@microsoft.com",
|
|
115
|
+
"package": "@fluentai/react-response-count",
|
|
116
|
+
"commit": "c9c67872e30b104054b7988b2b936e310ebd4c67",
|
|
117
|
+
"comment": "feat: Implement first version of ResponseCount control."
|
|
118
|
+
}
|
|
119
|
+
]
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
]
|
|
123
|
+
}
|
package/CHANGELOG.md
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
# Change Log - @fluentui-copilot/react-response-count
|
|
2
|
+
|
|
3
|
+
This log was last generated on Wed, 13 Mar 2024 04:09:45 GMT and should not be manually modified.
|
|
4
|
+
|
|
5
|
+
<!-- Start content -->
|
|
6
|
+
|
|
7
|
+
## [0.0.0-nightly-20240313-0404-8abc883d.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-response-count_v0.0.0-nightly-20240313-0404-8abc883d.1)
|
|
8
|
+
|
|
9
|
+
Wed, 13 Mar 2024 04:09:45 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/react-response-count_v0.1.0..@fluentui-copilot/react-response-count_v0.0.0-nightly-20240313-0404-8abc883d.1)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- Release nightly ([commit](https://github.com/microsoft/fluentai/commit/not available) by fluentui-internal@service.microsoft.com)
|
|
15
|
+
|
|
16
|
+
## [0.1.0](https://github.com/microsoft/fluentai/tree/@fluentai/react-response-count_v0.1.0)
|
|
17
|
+
|
|
18
|
+
Thu, 15 Feb 2024 20:24:47 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/react-response-count_v0.0.2..@fluentai/react-response-count_v0.1.0)
|
|
20
|
+
|
|
21
|
+
### Minor changes
|
|
22
|
+
|
|
23
|
+
- chore: initial release to NPM. ([PR #1358](https://github.com/microsoft/fluentai/pull/1358) by tristan.watanabe@gmail.com)
|
|
24
|
+
|
|
25
|
+
## [0.0.2](https://github.com/microsoft/fluentai/tree/@fluentai/react-response-count_v0.0.2)
|
|
26
|
+
|
|
27
|
+
Tue, 12 Dec 2023 16:35:16 GMT
|
|
28
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/react-response-count_v0.0.1..@fluentai/react-response-count_v0.0.2)
|
|
29
|
+
|
|
30
|
+
### Patches
|
|
31
|
+
|
|
32
|
+
- chore: Migrate getNativeElementProps to getIntrinsicElementProps. ([PR #1212](https://github.com/microsoft/fluentai/pull/1212) by owcampbe@microsoft.com)
|
|
33
|
+
- fix: changed indicator color to match spec and contrast properly ([PR #1224](https://github.com/microsoft/fluentai/pull/1224) by mgodbolt@microsoft.com)
|
|
34
|
+
|
|
35
|
+
## [0.0.1](https://github.com/microsoft/fluentai/tree/@fluentai/react-response-count_v0.0.1)
|
|
36
|
+
|
|
37
|
+
Wed, 15 Nov 2023 00:55:21 GMT
|
|
38
|
+
|
|
39
|
+
### Patches
|
|
40
|
+
|
|
41
|
+
- feat: Implement first version of ResponseCount control. ([PR #1166](https://github.com/microsoft/fluentai/pull/1166) by owcampbe@microsoft.com)
|
package/LICENSE
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
@fluentui-copilot/react-response-count
|
|
2
|
+
|
|
3
|
+
MIT License
|
|
4
|
+
|
|
5
|
+
Copyright (c) Microsoft Corporation.
|
|
6
|
+
|
|
7
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
8
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
9
|
+
in the Software without restriction, including without limitation the rights
|
|
10
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
11
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
12
|
+
furnished to do so, subject to the following conditions:
|
|
13
|
+
|
|
14
|
+
The above copyright notice and this permission notice shall be included in all
|
|
15
|
+
copies or substantial portions of the Software.
|
|
16
|
+
|
|
17
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
18
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
19
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
20
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
21
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
22
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
23
|
+
SOFTWARE
|
package/README.md
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
# @fluentui-copilot/react-response-count
|
|
2
|
+
|
|
3
|
+
**For internal use only. External use is not supported at this time.**
|
|
4
|
+
|
|
5
|
+
**React Response Count components for [Fluent AI React](https://ai.fluentui.dev/)**
|
|
6
|
+
|
|
7
|
+
This control is in preview and could change before final release.
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import type { ComponentProps } from '@fluentui/react-components';
|
|
2
|
+
import type { ComponentState } from '@fluentui/react-components';
|
|
3
|
+
import type { ForwardRefComponent } from '@fluentui/react-components';
|
|
4
|
+
import type * as React_2 from 'react';
|
|
5
|
+
import type { Slot } from '@fluentui/react-components';
|
|
6
|
+
import type { SlotClassNames } from '@fluentui/react-components';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Render the final JSX of ResponseCount
|
|
10
|
+
*/
|
|
11
|
+
export declare const renderResponseCount_unstable: (state: ResponseCountState) => JSX.Element;
|
|
12
|
+
|
|
13
|
+
export declare const ResponseCount: ForwardRefComponent<ResponseCountProps>;
|
|
14
|
+
|
|
15
|
+
export declare const responseCountClassNames: SlotClassNames<ResponseCountSlots>;
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* ResponseCount Props
|
|
19
|
+
*/
|
|
20
|
+
export declare type ResponseCountProps = ComponentProps<ResponseCountSlots> & {
|
|
21
|
+
status: 'success' | 'warning' | 'danger';
|
|
22
|
+
};
|
|
23
|
+
|
|
24
|
+
export declare type ResponseCountSlots = {
|
|
25
|
+
root: Slot<'span'>;
|
|
26
|
+
indicator?: Slot<'span'>;
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* State used in rendering ResponseCount
|
|
31
|
+
*/
|
|
32
|
+
export declare type ResponseCountState = ComponentState<ResponseCountSlots> & Required<Pick<ResponseCountProps, 'status'>> & {};
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* Create the state required to render ResponseCount.
|
|
36
|
+
*
|
|
37
|
+
* The returned state can be modified with hooks such as useResponseCountStyles_unstable,
|
|
38
|
+
* before being passed to renderResponseCount_unstable.
|
|
39
|
+
*
|
|
40
|
+
* @param props - props from this instance of ResponseCount
|
|
41
|
+
* @param ref - reference to root HTMLElement of ResponseCount
|
|
42
|
+
*/
|
|
43
|
+
export declare const useResponseCount_unstable: (props: ResponseCountProps, ref: React_2.Ref<HTMLElement>) => ResponseCountState;
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Apply styling to the ResponseCount slots based on the state
|
|
47
|
+
*/
|
|
48
|
+
export declare const useResponseCountStyles_unstable: (state: ResponseCountState) => ResponseCountState;
|
|
49
|
+
|
|
50
|
+
export { }
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ResponseCount.ts"],"sourcesContent":["export * from './components/ResponseCount/index';\n"],"names":[],"mappings":"AAAA,cAAc,mCAAmC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { useResponseCount_unstable } from './useResponseCount';
|
|
3
|
+
import { renderResponseCount_unstable } from './renderResponseCount';
|
|
4
|
+
import { useResponseCountStyles_unstable } from './useResponseCountStyles';
|
|
5
|
+
// ResponseCount component - TODO: add more docs
|
|
6
|
+
export const ResponseCount = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
7
|
+
const state = useResponseCount_unstable(props, ref);
|
|
8
|
+
useResponseCountStyles_unstable(state);
|
|
9
|
+
return renderResponseCount_unstable(state);
|
|
10
|
+
});
|
|
11
|
+
ResponseCount.displayName = 'ResponseCount';
|
|
12
|
+
//# sourceMappingURL=ResponseCount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ResponseCount.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useResponseCount_unstable } from './useResponseCount';\nimport { renderResponseCount_unstable } from './renderResponseCount';\nimport { useResponseCountStyles_unstable } from './useResponseCountStyles';\nimport type { ResponseCountProps } from './ResponseCount.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\n// ResponseCount component - TODO: add more docs\nexport const ResponseCount: ForwardRefComponent<ResponseCountProps> = React.forwardRef((props, ref) => {\n const state = useResponseCount_unstable(props, ref);\n\n useResponseCountStyles_unstable(state);\n return renderResponseCount_unstable(state);\n});\n\nResponseCount.displayName = 'ResponseCount';\n"],"names":["React","useResponseCount_unstable","renderResponseCount_unstable","useResponseCountStyles_unstable","ResponseCount","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,2BAA2B;AAI3E,gDAAgD;AAChD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAChC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ResponseCount.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-components';\n\nexport type ResponseCountSlots = {\n root: Slot<'span'>;\n indicator?: Slot<'span'>;\n};\n\n/**\n * ResponseCount Props\n */\nexport type ResponseCountProps = ComponentProps<ResponseCountSlots> & { status: 'success' | 'warning' | 'danger' };\n\n/**\n * State used in rendering ResponseCount\n */\nexport type ResponseCountState = ComponentState<ResponseCountSlots> & Required<Pick<ResponseCountProps, 'status'>> & {};\n"],"names":[],"mappings":"AAAA,WAewH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './ResponseCount';\nexport * from './ResponseCount.types';\nexport * from './renderResponseCount';\nexport * from './useResponseCount';\nexport * from './useResponseCountStyles';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,2BAA2B"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
2
|
+
import { assertSlots } from '@fluentui/react-components';
|
|
3
|
+
/**
|
|
4
|
+
* Render the final JSX of ResponseCount
|
|
5
|
+
*/
|
|
6
|
+
export const renderResponseCount_unstable = state => {
|
|
7
|
+
assertSlots(state);
|
|
8
|
+
return /*#__PURE__*/_jsxs(state.root, {
|
|
9
|
+
children: [state.indicator && /*#__PURE__*/_jsx(state.indicator, {}), state.root.children]
|
|
10
|
+
});
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=renderResponseCount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderResponseCount.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { ResponseCountState, ResponseCountSlots } from './ResponseCount.types';\n\n/**\n * Render the final JSX of ResponseCount\n */\nexport const renderResponseCount_unstable = (state: ResponseCountState) => {\n assertSlots<ResponseCountSlots>(state);\n\n return (\n <state.root>\n {state.indicator && <state.indicator />}\n {state.root.children}\n </state.root>\n );\n};\n"],"names":["assertSlots","renderResponseCount_unstable","state","root","indicator","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,6BAA6B;AAGzD;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC;IAC3CF,YAAgCE;IAEhC,qBACE,MAACA,MAAMC,IAAI;;YACRD,MAAME,SAAS,kBAAI,KAACF,MAAME,SAAS;YACnCF,MAAMC,IAAI,CAACE,QAAQ;;;AAG1B,EAAE"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { getIntrinsicElementProps, slot } from '@fluentui/react-components';
|
|
2
|
+
// If you add JSX to this file, be sure to change the file type to .tsx
|
|
3
|
+
/**
|
|
4
|
+
* Create the state required to render ResponseCount.
|
|
5
|
+
*
|
|
6
|
+
* The returned state can be modified with hooks such as useResponseCountStyles_unstable,
|
|
7
|
+
* before being passed to renderResponseCount_unstable.
|
|
8
|
+
*
|
|
9
|
+
* @param props - props from this instance of ResponseCount
|
|
10
|
+
* @param ref - reference to root HTMLElement of ResponseCount
|
|
11
|
+
*/
|
|
12
|
+
export const useResponseCount_unstable = (props, ref) => {
|
|
13
|
+
const {
|
|
14
|
+
status
|
|
15
|
+
} = props;
|
|
16
|
+
return {
|
|
17
|
+
status,
|
|
18
|
+
components: {
|
|
19
|
+
root: 'span',
|
|
20
|
+
indicator: 'span'
|
|
21
|
+
},
|
|
22
|
+
root: slot.always(getIntrinsicElementProps('span', {
|
|
23
|
+
ref,
|
|
24
|
+
...props
|
|
25
|
+
}), {
|
|
26
|
+
elementType: 'span'
|
|
27
|
+
}),
|
|
28
|
+
indicator: slot.optional(props.indicator, {
|
|
29
|
+
elementType: 'span',
|
|
30
|
+
renderByDefault: true
|
|
31
|
+
})
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
//# sourceMappingURL=useResponseCount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useResponseCount.ts"],"sourcesContent":["import type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { ResponseCountProps, ResponseCountState } from './ResponseCount.types';\n\n// If you add JSX to this file, be sure to change the file type to .tsx\n\n/**\n * Create the state required to render ResponseCount.\n *\n * The returned state can be modified with hooks such as useResponseCountStyles_unstable,\n * before being passed to renderResponseCount_unstable.\n *\n * @param props - props from this instance of ResponseCount\n * @param ref - reference to root HTMLElement of ResponseCount\n */\nexport const useResponseCount_unstable = (\n props: ResponseCountProps,\n ref: React.Ref<HTMLElement>,\n): ResponseCountState => {\n const { status } = props;\n return {\n status,\n\n components: {\n root: 'span',\n indicator: 'span',\n },\n\n root: slot.always(\n getIntrinsicElementProps('span', {\n ref,\n ...props,\n }),\n { elementType: 'span' },\n ),\n indicator: slot.optional(props.indicator, { elementType: 'span', renderByDefault: true }),\n };\n};\n"],"names":["getIntrinsicElementProps","slot","useResponseCount_unstable","props","ref","status","components","root","indicator","always","elementType","optional","renderByDefault"],"mappings":"AACA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,6BAA6B;AAG5E,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAM,EAAEC,MAAM,EAAE,GAAGF;IACnB,OAAO;QACLE;QAEAC,YAAY;YACVC,MAAM;YACNC,WAAW;QACb;QAEAD,MAAMN,KAAKQ,MAAM,CACfT,yBAAyB,QAAQ;YAC/BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEO,aAAa;QAAO;QAExBF,WAAWP,KAAKU,QAAQ,CAACR,MAAMK,SAAS,EAAE;YAAEE,aAAa;YAAQE,iBAAiB;QAAK;IACzF;AACF,EAAE"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { __styles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';
|
|
2
|
+
export const responseCountClassNames = {
|
|
3
|
+
root: 'fai-ResponseCount',
|
|
4
|
+
indicator: 'fai-ResponseCount__indicator'
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Styles for the root slot
|
|
8
|
+
*/
|
|
9
|
+
const useStyles = __styles({
|
|
10
|
+
root: {
|
|
11
|
+
mc9l5x: "ftuwxu6",
|
|
12
|
+
Beiy3e4: "f1063pyq",
|
|
13
|
+
Bt984gj: "f122n59",
|
|
14
|
+
i8kkvl: "f1ufnopg",
|
|
15
|
+
Belr9w4: "f14sijuj",
|
|
16
|
+
Bahqtrf: "fk6fouc",
|
|
17
|
+
Be2twd7: "f13mqy1h",
|
|
18
|
+
Bhrd7zp: "figsok6",
|
|
19
|
+
Bg96gwp: "fcpl73t",
|
|
20
|
+
sj55zd: "fxc4j92"
|
|
21
|
+
},
|
|
22
|
+
indicator: {
|
|
23
|
+
mc9l5x: "f14t3ns0",
|
|
24
|
+
a9b677: "f1o3cbw4",
|
|
25
|
+
Bqenvij: "f1x82gua",
|
|
26
|
+
Bbmb7ep: ["fqgqgel", "fchfifz"],
|
|
27
|
+
Beyfa6y: ["fchfifz", "fqgqgel"],
|
|
28
|
+
B7oj6ja: ["fc7b1hi", "f1dpx5h9"],
|
|
29
|
+
Btl43ni: ["f1dpx5h9", "fc7b1hi"]
|
|
30
|
+
},
|
|
31
|
+
success: {
|
|
32
|
+
De3pzq: "f1l9zcvb"
|
|
33
|
+
},
|
|
34
|
+
warning: {
|
|
35
|
+
De3pzq: "f1w7p0oj"
|
|
36
|
+
},
|
|
37
|
+
danger: {
|
|
38
|
+
De3pzq: "fms76vi"
|
|
39
|
+
}
|
|
40
|
+
}, {
|
|
41
|
+
d: [".ftuwxu6{display:inline-flex;}", ".f1063pyq{flex-direction:row;}", ".f122n59{align-items:center;}", ".f1ufnopg{column-gap:var(--spacingHorizontalXS);}", ".f14sijuj{row-gap:var(--spacingHorizontalXS);}", ".fk6fouc{font-family:var(--fontFamilyBase);}", ".f13mqy1h{font-size:var(--fontSizeBase100);}", ".figsok6{font-weight:var(--fontWeightRegular);}", ".fcpl73t{line-height:var(--lineHeightBase100);}", ".fxc4j92{color:var(--colorNeutralForeground4);}", ".f14t3ns0{display:inline-block;}", ".f1o3cbw4{width:8px;}", ".f1x82gua{height:8px;}", ".fqgqgel{border-bottom-right-radius:50%;}", ".fchfifz{border-bottom-left-radius:50%;}", ".fc7b1hi{border-top-right-radius:50%;}", ".f1dpx5h9{border-top-left-radius:50%;}", ".f1l9zcvb{background-color:var(--colorStatusSuccessForeground3);}", ".f1w7p0oj{background-color:var(--colorStatusWarningForeground2);}", ".fms76vi{background-color:var(--colorStatusDangerForeground3);}"]
|
|
42
|
+
});
|
|
43
|
+
/**
|
|
44
|
+
* Apply styling to the ResponseCount slots based on the state
|
|
45
|
+
*/
|
|
46
|
+
export const useResponseCountStyles_unstable = state => {
|
|
47
|
+
const styles = useStyles();
|
|
48
|
+
state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);
|
|
49
|
+
if (state.indicator) {
|
|
50
|
+
state.indicator.className = mergeClasses(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);
|
|
51
|
+
}
|
|
52
|
+
return state;
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=useResponseCountStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useResponseCountStyles.ts"],"sourcesContent":["import { makeStyles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nimport type { ResponseCountSlots, ResponseCountState } from './ResponseCount.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const responseCountClassNames: SlotClassNames<ResponseCountSlots> = {\n root: 'fai-ResponseCount',\n indicator: 'fai-ResponseCount__indicator',\n};\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n root: {\n display: 'inline-flex',\n flexDirection: 'row',\n alignItems: 'center',\n ...shorthands.gap(tokens.spacingHorizontalXS),\n ...typographyStyles.caption2,\n color: tokens.colorNeutralForeground4,\n },\n indicator: {\n display: 'inline-block',\n width: '8px',\n height: '8px',\n ...shorthands.borderRadius('50%'),\n },\n success: {\n backgroundColor: tokens.colorStatusSuccessForeground3,\n },\n warning: {\n backgroundColor: tokens.colorStatusWarningForeground2,\n },\n danger: {\n backgroundColor: tokens.colorStatusDangerForeground3,\n },\n});\n\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = (state: ResponseCountState): ResponseCountState => {\n const styles = useStyles();\n state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n\n if (state.indicator) {\n state.indicator.className = mergeClasses(\n responseCountClassNames.indicator,\n styles.indicator,\n styles[state.status],\n state.indicator.className,\n );\n }\n\n return state;\n};\n"],"names":["makeStyles","mergeClasses","shorthands","tokens","typographyStyles","responseCountClassNames","root","indicator","useStyles","display","flexDirection","alignItems","gap","spacingHorizontalXS","caption2","color","colorNeutralForeground4","width","height","borderRadius","success","backgroundColor","colorStatusSuccessForeground3","warning","colorStatusWarningForeground2","danger","colorStatusDangerForeground3","useResponseCountStyles_unstable","state","styles","className","status"],"mappings":"AAAA,SAASA,UAAU,EAAEC,YAAY,EAAEC,UAAU,EAAEC,MAAM,EAAEC,gBAAgB,QAAQ,6BAA6B;AAI5G,OAAO,MAAMC,0BAA8D;IACzEC,MAAM;IACNC,WAAW;AACb,EAAE;AAEF;;CAEC,GACD,MAAMC,YAAYR,WAAW;IAC3BM,MAAM;QACJG,SAAS;QACTC,eAAe;QACfC,YAAY;QACZ,GAAGT,WAAWU,GAAG,CAACT,OAAOU,mBAAmB,CAAC;QAC7C,GAAGT,iBAAiBU,QAAQ;QAC5BC,OAAOZ,OAAOa,uBAAuB;IACvC;IACAT,WAAW;QACTE,SAAS;QACTQ,OAAO;QACPC,QAAQ;QACR,GAAGhB,WAAWiB,YAAY,CAAC,MAAM;IACnC;IACAC,SAAS;QACPC,iBAAiBlB,OAAOmB,6BAA6B;IACvD;IACAC,SAAS;QACPF,iBAAiBlB,OAAOqB,6BAA6B;IACvD;IACAC,QAAQ;QACNJ,iBAAiBlB,OAAOuB,4BAA4B;IACtD;AACF;AAEA;;CAEC,GACD,OAAO,MAAMC,kCAAkC,CAACC;IAC9C,MAAMC,SAASrB;IACfoB,MAAMtB,IAAI,CAACwB,SAAS,GAAG7B,aAAaI,wBAAwBC,IAAI,EAAEuB,OAAOvB,IAAI,EAAEsB,MAAMtB,IAAI,CAACwB,SAAS;IAEnG,IAAIF,MAAMrB,SAAS,EAAE;QACnBqB,MAAMrB,SAAS,CAACuB,SAAS,GAAG7B,aAC1BI,wBAAwBE,SAAS,EACjCsB,OAAOtB,SAAS,EAChBsB,MAAM,CAACD,MAAMG,MAAM,CAAC,EACpBH,MAAMrB,SAAS,CAACuB,SAAS;IAE7B;IAEA,OAAOF;AACT,EAAE"}
|
package/lib/index.js
ADDED
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.ts"],"sourcesContent":["export type { ResponseCountProps, ResponseCountSlots, ResponseCountState } from './ResponseCount';\nexport { ResponseCount, renderResponseCount_unstable, responseCountClassNames, useResponseCountStyles_unstable, useResponseCount_unstable } from './ResponseCount';\n"],"names":["ResponseCount","renderResponseCount_unstable","responseCountClassNames","useResponseCountStyles_unstable","useResponseCount_unstable"],"mappings":"AACA,SAASA,aAAa,EAAEC,4BAA4B,EAAEC,uBAAuB,EAAEC,+BAA+B,EAAEC,yBAAyB,QAAQ,kBAAkB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ResponseCount.js"],"sourcesContent":["export * from './components/ResponseCount/index';\n//# sourceMappingURL=ResponseCount.js.map"],"names":[],"mappings":";;;;;uBAAc;CACd,yCAAyC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "ResponseCount", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return ResponseCount;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _useResponseCount = require("./useResponseCount");
|
|
14
|
+
const _renderResponseCount = require("./renderResponseCount");
|
|
15
|
+
const _useResponseCountStyles = require("./useResponseCountStyles");
|
|
16
|
+
const ResponseCount = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
17
|
+
const state = (0, _useResponseCount.useResponseCount_unstable)(props, ref);
|
|
18
|
+
(0, _useResponseCountStyles.useResponseCountStyles_unstable)(state);
|
|
19
|
+
return (0, _renderResponseCount.renderResponseCount_unstable)(state);
|
|
20
|
+
});
|
|
21
|
+
ResponseCount.displayName = 'ResponseCount'; //# sourceMappingURL=ResponseCount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ResponseCount.js"],"sourcesContent":["import * as React from 'react';\nimport { useResponseCount_unstable } from './useResponseCount';\nimport { renderResponseCount_unstable } from './renderResponseCount';\nimport { useResponseCountStyles_unstable } from './useResponseCountStyles';\n// ResponseCount component - TODO: add more docs\nexport const ResponseCount = /*#__PURE__*/React.forwardRef((props, ref) => {\n const state = useResponseCount_unstable(props, ref);\n useResponseCountStyles_unstable(state);\n return renderResponseCount_unstable(state);\n});\nResponseCount.displayName = 'ResponseCount';\n//# sourceMappingURL=ResponseCount.js.map"],"names":["ResponseCount","React","forwardRef","props","ref","state","useResponseCount_unstable","useResponseCountStyles_unstable","renderResponseCount_unstable","displayName"],"mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;kCACmB;qCACG;wCACG;AAEzC,MAAMA,gBAAgB,WAAW,GAAEC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,uDAA+B,EAACF;IAChC,OAAOG,IAAAA,iDAA4B,EAACH;AACtC;AACAL,cAAcS,WAAW,GAAG,iBAC5B,yCAAyC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["ResponseCount.types.js"],"sourcesContent":["export {};\n//# sourceMappingURL=ResponseCount.types.js.map"],"names":[],"mappings":";;;;CACA,+CAA+C"}
|
|
@@ -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("./ResponseCount"), exports);
|
|
7
|
+
_export_star._(require("./ResponseCount.types"), exports);
|
|
8
|
+
_export_star._(require("./renderResponseCount"), exports);
|
|
9
|
+
_export_star._(require("./useResponseCount"), exports);
|
|
10
|
+
_export_star._(require("./useResponseCountStyles"), exports);
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './ResponseCount';\nexport * from './ResponseCount.types';\nexport * from './renderResponseCount';\nexport * from './useResponseCount';\nexport * from './useResponseCountStyles';\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, "renderResponseCount_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderResponseCount_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
13
|
+
const renderResponseCount_unstable = (state)=>{
|
|
14
|
+
(0, _reactcomponents.assertSlots)(state);
|
|
15
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
|
|
16
|
+
children: [
|
|
17
|
+
state.indicator && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.indicator, {}),
|
|
18
|
+
state.root.children
|
|
19
|
+
]
|
|
20
|
+
});
|
|
21
|
+
}; //# sourceMappingURL=renderResponseCount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["renderResponseCount.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-components';\n/**\n * Render the final JSX of ResponseCount\n */\nexport const renderResponseCount_unstable = state => {\n assertSlots(state);\n return /*#__PURE__*/_jsxs(state.root, {\n children: [state.indicator && /*#__PURE__*/_jsx(state.indicator, {}), state.root.children]\n });\n};\n//# sourceMappingURL=renderResponseCount.js.map"],"names":["renderResponseCount_unstable","state","assertSlots","_jsxs","root","children","indicator","_jsx"],"mappings":";;;;+BAKaA;;;eAAAA;;;4BAL8B;iCACf;AAIrB,MAAMA,+BAA+BC,CAAAA;IAC1CC,IAAAA,4BAAW,EAACD;IACZ,OAAO,WAAW,GAAEE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACpCC,UAAU;YAACJ,MAAMK,SAAS,IAAI,WAAW,GAAEC,IAAAA,eAAI,EAACN,MAAMK,SAAS,EAAE,CAAC;YAAIL,MAAMG,IAAI,CAACC,QAAQ;SAAC;IAC5F;AACF,GACA,+CAA+C"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useResponseCount_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return useResponseCount_unstable;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
12
|
+
const useResponseCount_unstable = (props, ref)=>{
|
|
13
|
+
const { status } = props;
|
|
14
|
+
return {
|
|
15
|
+
status,
|
|
16
|
+
components: {
|
|
17
|
+
root: 'span',
|
|
18
|
+
indicator: 'span'
|
|
19
|
+
},
|
|
20
|
+
root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('span', {
|
|
21
|
+
ref,
|
|
22
|
+
...props
|
|
23
|
+
}), {
|
|
24
|
+
elementType: 'span'
|
|
25
|
+
}),
|
|
26
|
+
indicator: _reactcomponents.slot.optional(props.indicator, {
|
|
27
|
+
elementType: 'span',
|
|
28
|
+
renderByDefault: true
|
|
29
|
+
})
|
|
30
|
+
};
|
|
31
|
+
}; //# sourceMappingURL=useResponseCount.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useResponseCount.js"],"sourcesContent":["import { getIntrinsicElementProps, slot } from '@fluentui/react-components';\n// If you add JSX to this file, be sure to change the file type to .tsx\n/**\n * Create the state required to render ResponseCount.\n *\n * The returned state can be modified with hooks such as useResponseCountStyles_unstable,\n * before being passed to renderResponseCount_unstable.\n *\n * @param props - props from this instance of ResponseCount\n * @param ref - reference to root HTMLElement of ResponseCount\n */\nexport const useResponseCount_unstable = (props, ref) => {\n const {\n status\n } = props;\n return {\n status,\n components: {\n root: 'span',\n indicator: 'span'\n },\n root: slot.always(getIntrinsicElementProps('span', {\n ref,\n ...props\n }), {\n elementType: 'span'\n }),\n indicator: slot.optional(props.indicator, {\n elementType: 'span',\n renderByDefault: true\n })\n };\n};\n//# sourceMappingURL=useResponseCount.js.map"],"names":["useResponseCount_unstable","props","ref","status","components","root","indicator","slot","always","getIntrinsicElementProps","elementType","optional","renderByDefault"],"mappings":";;;;+BAWaA;;;eAAAA;;;iCAXkC;AAWxC,MAAMA,4BAA4B,CAACC,OAAOC;IAC/C,MAAM,EACJC,MAAM,EACP,GAAGF;IACJ,OAAO;QACLE;QACAC,YAAY;YACVC,MAAM;YACNC,WAAW;QACb;QACAD,MAAME,qBAAI,CAACC,MAAM,CAACC,IAAAA,yCAAwB,EAAC,QAAQ;YACjDP;YACA,GAAGD,KAAK;QACV,IAAI;YACFS,aAAa;QACf;QACAJ,WAAWC,qBAAI,CAACI,QAAQ,CAACV,MAAMK,SAAS,EAAE;YACxCI,aAAa;YACbE,iBAAiB;QACnB;IACF;AACF,GACA,4CAA4C"}
|
|
@@ -0,0 +1,100 @@
|
|
|
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
|
+
responseCountClassNames: function() {
|
|
13
|
+
return responseCountClassNames;
|
|
14
|
+
},
|
|
15
|
+
useResponseCountStyles_unstable: function() {
|
|
16
|
+
return useResponseCountStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
20
|
+
const responseCountClassNames = {
|
|
21
|
+
root: 'fai-ResponseCount',
|
|
22
|
+
indicator: 'fai-ResponseCount__indicator'
|
|
23
|
+
};
|
|
24
|
+
/**
|
|
25
|
+
* Styles for the root slot
|
|
26
|
+
*/ const useStyles = (0, _reactcomponents.__styles)({
|
|
27
|
+
root: {
|
|
28
|
+
mc9l5x: "ftuwxu6",
|
|
29
|
+
Beiy3e4: "f1063pyq",
|
|
30
|
+
Bt984gj: "f122n59",
|
|
31
|
+
i8kkvl: "f1ufnopg",
|
|
32
|
+
Belr9w4: "f14sijuj",
|
|
33
|
+
Bahqtrf: "fk6fouc",
|
|
34
|
+
Be2twd7: "f13mqy1h",
|
|
35
|
+
Bhrd7zp: "figsok6",
|
|
36
|
+
Bg96gwp: "fcpl73t",
|
|
37
|
+
sj55zd: "fxc4j92"
|
|
38
|
+
},
|
|
39
|
+
indicator: {
|
|
40
|
+
mc9l5x: "f14t3ns0",
|
|
41
|
+
a9b677: "f1o3cbw4",
|
|
42
|
+
Bqenvij: "f1x82gua",
|
|
43
|
+
Bbmb7ep: [
|
|
44
|
+
"fqgqgel",
|
|
45
|
+
"fchfifz"
|
|
46
|
+
],
|
|
47
|
+
Beyfa6y: [
|
|
48
|
+
"fchfifz",
|
|
49
|
+
"fqgqgel"
|
|
50
|
+
],
|
|
51
|
+
B7oj6ja: [
|
|
52
|
+
"fc7b1hi",
|
|
53
|
+
"f1dpx5h9"
|
|
54
|
+
],
|
|
55
|
+
Btl43ni: [
|
|
56
|
+
"f1dpx5h9",
|
|
57
|
+
"fc7b1hi"
|
|
58
|
+
]
|
|
59
|
+
},
|
|
60
|
+
success: {
|
|
61
|
+
De3pzq: "f1l9zcvb"
|
|
62
|
+
},
|
|
63
|
+
warning: {
|
|
64
|
+
De3pzq: "f1w7p0oj"
|
|
65
|
+
},
|
|
66
|
+
danger: {
|
|
67
|
+
De3pzq: "fms76vi"
|
|
68
|
+
}
|
|
69
|
+
}, {
|
|
70
|
+
d: [
|
|
71
|
+
".ftuwxu6{display:inline-flex;}",
|
|
72
|
+
".f1063pyq{flex-direction:row;}",
|
|
73
|
+
".f122n59{align-items:center;}",
|
|
74
|
+
".f1ufnopg{column-gap:var(--spacingHorizontalXS);}",
|
|
75
|
+
".f14sijuj{row-gap:var(--spacingHorizontalXS);}",
|
|
76
|
+
".fk6fouc{font-family:var(--fontFamilyBase);}",
|
|
77
|
+
".f13mqy1h{font-size:var(--fontSizeBase100);}",
|
|
78
|
+
".figsok6{font-weight:var(--fontWeightRegular);}",
|
|
79
|
+
".fcpl73t{line-height:var(--lineHeightBase100);}",
|
|
80
|
+
".fxc4j92{color:var(--colorNeutralForeground4);}",
|
|
81
|
+
".f14t3ns0{display:inline-block;}",
|
|
82
|
+
".f1o3cbw4{width:8px;}",
|
|
83
|
+
".f1x82gua{height:8px;}",
|
|
84
|
+
".fqgqgel{border-bottom-right-radius:50%;}",
|
|
85
|
+
".fchfifz{border-bottom-left-radius:50%;}",
|
|
86
|
+
".fc7b1hi{border-top-right-radius:50%;}",
|
|
87
|
+
".f1dpx5h9{border-top-left-radius:50%;}",
|
|
88
|
+
".f1l9zcvb{background-color:var(--colorStatusSuccessForeground3);}",
|
|
89
|
+
".f1w7p0oj{background-color:var(--colorStatusWarningForeground2);}",
|
|
90
|
+
".fms76vi{background-color:var(--colorStatusDangerForeground3);}"
|
|
91
|
+
]
|
|
92
|
+
});
|
|
93
|
+
const useResponseCountStyles_unstable = (state)=>{
|
|
94
|
+
const styles = useStyles();
|
|
95
|
+
state.root.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.root, styles.root, state.root.className);
|
|
96
|
+
if (state.indicator) {
|
|
97
|
+
state.indicator.className = (0, _reactcomponents.mergeClasses)(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);
|
|
98
|
+
}
|
|
99
|
+
return state;
|
|
100
|
+
}; //# sourceMappingURL=useResponseCountStyles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["useResponseCountStyles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands, tokens, typographyStyles } from '@fluentui/react-components';\nexport const responseCountClassNames = {\n root: 'fai-ResponseCount',\n indicator: 'fai-ResponseCount__indicator'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = __styles({\n root: {\n mc9l5x: \"ftuwxu6\",\n Beiy3e4: \"f1063pyq\",\n Bt984gj: \"f122n59\",\n i8kkvl: \"f1ufnopg\",\n Belr9w4: \"f14sijuj\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"f13mqy1h\",\n Bhrd7zp: \"figsok6\",\n Bg96gwp: \"fcpl73t\",\n sj55zd: \"fxc4j92\"\n },\n indicator: {\n mc9l5x: \"f14t3ns0\",\n a9b677: \"f1o3cbw4\",\n Bqenvij: \"f1x82gua\",\n Bbmb7ep: [\"fqgqgel\", \"fchfifz\"],\n Beyfa6y: [\"fchfifz\", \"fqgqgel\"],\n B7oj6ja: [\"fc7b1hi\", \"f1dpx5h9\"],\n Btl43ni: [\"f1dpx5h9\", \"fc7b1hi\"]\n },\n success: {\n De3pzq: \"f1l9zcvb\"\n },\n warning: {\n De3pzq: \"f1w7p0oj\"\n },\n danger: {\n De3pzq: \"fms76vi\"\n }\n}, {\n d: [\".ftuwxu6{display:inline-flex;}\", \".f1063pyq{flex-direction:row;}\", \".f122n59{align-items:center;}\", \".f1ufnopg{column-gap:var(--spacingHorizontalXS);}\", \".f14sijuj{row-gap:var(--spacingHorizontalXS);}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".f13mqy1h{font-size:var(--fontSizeBase100);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".fcpl73t{line-height:var(--lineHeightBase100);}\", \".fxc4j92{color:var(--colorNeutralForeground4);}\", \".f14t3ns0{display:inline-block;}\", \".f1o3cbw4{width:8px;}\", \".f1x82gua{height:8px;}\", \".fqgqgel{border-bottom-right-radius:50%;}\", \".fchfifz{border-bottom-left-radius:50%;}\", \".fc7b1hi{border-top-right-radius:50%;}\", \".f1dpx5h9{border-top-left-radius:50%;}\", \".f1l9zcvb{background-color:var(--colorStatusSuccessForeground3);}\", \".f1w7p0oj{background-color:var(--colorStatusWarningForeground2);}\", \".fms76vi{background-color:var(--colorStatusDangerForeground3);}\"]\n});\n/**\n * Apply styling to the ResponseCount slots based on the state\n */\nexport const useResponseCountStyles_unstable = state => {\n const styles = useStyles();\n state.root.className = mergeClasses(responseCountClassNames.root, styles.root, state.root.className);\n if (state.indicator) {\n state.indicator.className = mergeClasses(responseCountClassNames.indicator, styles.indicator, styles[state.status], state.indicator.className);\n }\n return state;\n};\n//# sourceMappingURL=useResponseCountStyles.js.map"],"names":["responseCountClassNames","useResponseCountStyles_unstable","root","indicator","useStyles","__styles","mc9l5x","Beiy3e4","Bt984gj","i8kkvl","Belr9w4","Bahqtrf","Be2twd7","Bhrd7zp","Bg96gwp","sj55zd","a9b677","Bqenvij","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","success","De3pzq","warning","danger","d","state","styles","className","mergeClasses","status"],"mappings":";;;;;;;;;;;IACaA,uBAAuB;eAAvBA;;IA4CAC,+BAA+B;eAA/BA;;;iCA7CgE;AACtE,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,WAAW;AACb;AACA;;CAEC,GACD,MAAMC,YAAYC,IAAAA,yBAAQ,EAAC;IACzBH,MAAM;QACJI,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAZ,WAAW;QACTG,QAAQ;QACRU,QAAQ;QACRC,SAAS;QACTC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAU;QAC/BC,SAAS;YAAC;YAAW;SAAW;QAChCC,SAAS;YAAC;YAAY;SAAU;IAClC;IACAC,SAAS;QACPC,QAAQ;IACV;IACAC,SAAS;QACPD,QAAQ;IACV;IACAE,QAAQ;QACNF,QAAQ;IACV;AACF,GAAG;IACDG,GAAG;QAAC;QAAkC;QAAkC;QAAiC;QAAqD;QAAkD;QAAgD;QAAgD;QAAmD;QAAmD;QAAmD;QAAoC;QAAyB;QAA0B;QAA6C;QAA4C;QAA0C;QAA0C;QAAqE;QAAqE;KAAkE;AAC35B;AAIO,MAAMzB,kCAAkC0B,CAAAA;IAC7C,MAAMC,SAASxB;IACfuB,MAAMzB,IAAI,CAAC2B,SAAS,GAAGC,IAAAA,6BAAY,EAAC9B,wBAAwBE,IAAI,EAAE0B,OAAO1B,IAAI,EAAEyB,MAAMzB,IAAI,CAAC2B,SAAS;IACnG,IAAIF,MAAMxB,SAAS,EAAE;QACnBwB,MAAMxB,SAAS,CAAC0B,SAAS,GAAGC,IAAAA,6BAAY,EAAC9B,wBAAwBG,SAAS,EAAEyB,OAAOzB,SAAS,EAAEyB,MAAM,CAACD,MAAMI,MAAM,CAAC,EAAEJ,MAAMxB,SAAS,CAAC0B,SAAS;IAC/I;IACA,OAAOF;AACT,GACA,kDAAkD"}
|
|
@@ -0,0 +1,29 @@
|
|
|
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
|
+
ResponseCount: function() {
|
|
13
|
+
return _ResponseCount.ResponseCount;
|
|
14
|
+
},
|
|
15
|
+
renderResponseCount_unstable: function() {
|
|
16
|
+
return _ResponseCount.renderResponseCount_unstable;
|
|
17
|
+
},
|
|
18
|
+
responseCountClassNames: function() {
|
|
19
|
+
return _ResponseCount.responseCountClassNames;
|
|
20
|
+
},
|
|
21
|
+
useResponseCountStyles_unstable: function() {
|
|
22
|
+
return _ResponseCount.useResponseCountStyles_unstable;
|
|
23
|
+
},
|
|
24
|
+
useResponseCount_unstable: function() {
|
|
25
|
+
return _ResponseCount.useResponseCount_unstable;
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
const _ResponseCount = require("./ResponseCount");
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { ResponseCount, renderResponseCount_unstable, responseCountClassNames, useResponseCountStyles_unstable, useResponseCount_unstable } from './ResponseCount';\n//# sourceMappingURL=index.js.map"],"names":["ResponseCount","renderResponseCount_unstable","responseCountClassNames","useResponseCountStyles_unstable","useResponseCount_unstable"],"mappings":";;;;;;;;;;;IAASA,aAAa;eAAbA,4BAAa;;IAAEC,4BAA4B;eAA5BA,2CAA4B;;IAAEC,uBAAuB;eAAvBA,sCAAuB;;IAAEC,+BAA+B;eAA/BA,8CAA+B;;IAAEC,yBAAyB;eAAzBA,wCAAyB;;;+BAAQ;CACjJ,iCAAiC"}
|
package/package.json
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@fluentui-copilot/react-response-count",
|
|
3
|
+
"version": "0.0.0-nightly-20240313-0404-8abc883d.1",
|
|
4
|
+
"description": "Fluent AI control for displaying the number of responses and the remaining response count",
|
|
5
|
+
"main": "lib-commonjs/index.js",
|
|
6
|
+
"module": "lib/index.js",
|
|
7
|
+
"typings": "./dist/index.d.ts",
|
|
8
|
+
"sideEffects": false,
|
|
9
|
+
"repository": {
|
|
10
|
+
"type": "git",
|
|
11
|
+
"url": "https://github.com/microsoft/fluentai"
|
|
12
|
+
},
|
|
13
|
+
"license": "MIT",
|
|
14
|
+
"dependencies": {
|
|
15
|
+
"@swc/helpers": "^0.5.1"
|
|
16
|
+
},
|
|
17
|
+
"peerDependencies": {
|
|
18
|
+
"@fluentui/react-components": ">=9.37.3 <10.0.0",
|
|
19
|
+
"@fluentui/react-jsx-runtime": ">=9.0.18 <10.0.0",
|
|
20
|
+
"@types/react": ">=16.14.0 <19.0.0",
|
|
21
|
+
"@types/react-dom": ">=16.9.8 <19.0.0",
|
|
22
|
+
"react": ">=16.14.0 <19.0.0",
|
|
23
|
+
"react-dom": ">=16.14.0 <19.0.0"
|
|
24
|
+
},
|
|
25
|
+
"beachball": {},
|
|
26
|
+
"exports": {
|
|
27
|
+
".": {
|
|
28
|
+
"types": "./dist/index.d.ts",
|
|
29
|
+
"node": "./lib-commonjs/index.js",
|
|
30
|
+
"import": "./lib/index.js",
|
|
31
|
+
"require": "./lib-commonjs/index.js"
|
|
32
|
+
},
|
|
33
|
+
"./package.json": "./package.json"
|
|
34
|
+
}
|
|
35
|
+
}
|