@fluentui-copilot/react-prompt-starter 0.9.3 → 0.9.4-hotfix.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 +39 -1
- package/CHANGELOG.md +20 -2
- package/lib/PromptStarter.js +0 -1
- package/lib/components/PromptStarter/PromptStarter.js +5 -6
- package/lib/components/PromptStarter/PromptStarter.types.js +1 -2
- package/lib/components/PromptStarter/index.js +0 -1
- package/lib/components/PromptStarter/renderPromptStarter.js +16 -9
- package/lib/components/PromptStarter/usePromptStarter.js +43 -36
- package/lib/components/PromptStarter/usePromptStarter.js.map +1 -1
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js +94 -0
- package/lib/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map +1 -0
- package/lib/index.js +0 -1
- package/lib-commonjs/PromptStarter.js +0 -1
- package/lib-commonjs/components/PromptStarter/PromptStarter.js +1 -1
- package/lib-commonjs/components/PromptStarter/PromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/PromptStarter.types.js +0 -1
- package/lib-commonjs/components/PromptStarter/index.js +0 -1
- package/lib-commonjs/components/PromptStarter/renderPromptStarter.js +1 -1
- package/lib-commonjs/components/PromptStarter/renderPromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarter.js +10 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarter.js.map +1 -1
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js +112 -0
- package/lib-commonjs/components/PromptStarter/usePromptStarterStyles.styles.raw.js.map +1 -0
- package/lib-commonjs/index.js +0 -1
- package/package.json +4 -8
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,45 @@
|
|
|
2
2
|
"name": "@fluentui-copilot/react-prompt-starter",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "
|
|
5
|
+
"date": "Tue, 12 Aug 2025 16:09:22 GMT",
|
|
6
|
+
"tag": "@fluentui-copilot/react-prompt-starter_v0.9.4-hotfix.1",
|
|
7
|
+
"version": "0.9.4-hotfix.1",
|
|
8
|
+
"comments": {
|
|
9
|
+
"prerelease": [
|
|
10
|
+
{
|
|
11
|
+
"author": "hochelmartin@gmail.com",
|
|
12
|
+
"package": "@fluentui-copilot/react-prompt-starter",
|
|
13
|
+
"commit": "3e4ebe676646c4c4346dbbab83511f963ffefd85",
|
|
14
|
+
"comment": "release: prepare hotfix 0.26.2-hotfix.1"
|
|
15
|
+
}
|
|
16
|
+
]
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
"date": "Mon, 19 May 2025 18:04:28 GMT",
|
|
21
|
+
"tag": "@fluentui-copilot/react-prompt-starter_v0.9.4",
|
|
22
|
+
"version": "0.9.4",
|
|
23
|
+
"comments": {
|
|
24
|
+
"patch": [
|
|
25
|
+
{
|
|
26
|
+
"author": "sarah.higley@microsoft.com",
|
|
27
|
+
"package": "@fluentui-copilot/react-prompt-starter",
|
|
28
|
+
"commit": "12581083b6078b77bbd4828e42d814eda634e1fe",
|
|
29
|
+
"comment": "feat: update PromptStarter to use primary text as a label and secondary text as a description"
|
|
30
|
+
}
|
|
31
|
+
],
|
|
32
|
+
"none": [
|
|
33
|
+
{
|
|
34
|
+
"author": "hochelmartin@gmail.com",
|
|
35
|
+
"package": "@fluentui-copilot/react-prompt-starter",
|
|
36
|
+
"commit": "442954951d0eca92de20ecb0ff0fa9492431b62d",
|
|
37
|
+
"comment": "fix: exclude story files from production build"
|
|
38
|
+
}
|
|
39
|
+
]
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"date": "Sat, 03 May 2025 01:27:44 GMT",
|
|
6
44
|
"tag": "@fluentui-copilot/react-prompt-starter_v0.9.3",
|
|
7
45
|
"version": "0.9.3",
|
|
8
46
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,30 @@
|
|
|
1
1
|
# Change Log - @fluentui-copilot/react-prompt-starter
|
|
2
2
|
|
|
3
|
-
This log was last generated on
|
|
3
|
+
This log was last generated on Tue, 12 Aug 2025 16:09:22 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [0.9.4-hotfix.1](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.9.4-hotfix.1)
|
|
8
|
+
|
|
9
|
+
Tue, 12 Aug 2025 16:09:22 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.9.4..@fluentui-copilot/react-prompt-starter_v0.9.4-hotfix.1)
|
|
11
|
+
|
|
12
|
+
### Changes
|
|
13
|
+
|
|
14
|
+
- release: prepare hotfix 0.26.2-hotfix.1 ([PR #3284](https://github.com/microsoft/fluentai/pull/3284) by hochelmartin@gmail.com)
|
|
15
|
+
|
|
16
|
+
## [0.9.4](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.9.4)
|
|
17
|
+
|
|
18
|
+
Mon, 19 May 2025 18:04:28 GMT
|
|
19
|
+
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.9.3..@fluentui-copilot/react-prompt-starter_v0.9.4)
|
|
20
|
+
|
|
21
|
+
### Patches
|
|
22
|
+
|
|
23
|
+
- feat: update PromptStarter to use primary text as a label and secondary text as a description ([PR #2999](https://github.com/microsoft/fluentai/pull/2999) by sarah.higley@microsoft.com)
|
|
24
|
+
|
|
7
25
|
## [0.9.3](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-prompt-starter_v0.9.3)
|
|
8
26
|
|
|
9
|
-
Sat, 03 May 2025 01:
|
|
27
|
+
Sat, 03 May 2025 01:27:44 GMT
|
|
10
28
|
[Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-prompt-starter_v0.9.2..@fluentui-copilot/react-prompt-starter_v0.9.3)
|
|
11
29
|
|
|
12
30
|
### Patches
|
package/lib/PromptStarter.js
CHANGED
|
@@ -3,11 +3,10 @@ import { usePromptStarter_unstable } from './usePromptStarter';
|
|
|
3
3
|
import { renderPromptStarter_unstable } from './renderPromptStarter';
|
|
4
4
|
import { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
|
|
5
5
|
import { useCustomStyleHook } from '@fluentui-copilot/react-provider';
|
|
6
|
-
export const PromptStarter = /*#__PURE__*/React.forwardRef((props, ref)
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
export const PromptStarter = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
7
|
+
const state = usePromptStarter_unstable(props, ref);
|
|
8
|
+
usePromptStarterStyles_unstable(state);
|
|
9
|
+
useCustomStyleHook('usePromptStarterStyles')(state);
|
|
10
|
+
return renderPromptStarter_unstable(state);
|
|
11
11
|
});
|
|
12
12
|
PromptStarter.displayName = 'PromptStarter';
|
|
13
|
-
//# sourceMappingURL=PromptStarter.js.map
|
|
@@ -2,4 +2,3 @@ export { PromptStarter } from './PromptStarter';
|
|
|
2
2
|
export { renderPromptStarter_unstable } from './renderPromptStarter';
|
|
3
3
|
export { usePromptStarter_unstable } from './usePromptStarter';
|
|
4
4
|
export { promptStarterClassNames, usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';
|
|
5
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,11 +1,18 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
2
2
|
import { assertSlots } from '@fluentui/react-components';
|
|
3
|
-
export const renderPromptStarter_unstable = state
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
3
|
+
export const renderPromptStarter_unstable = (state)=>{
|
|
4
|
+
assertSlots(state);
|
|
5
|
+
return /*#__PURE__*/ _jsxs(state.root, {
|
|
6
|
+
children: [
|
|
7
|
+
/*#__PURE__*/ _jsx(state.icon, {}),
|
|
8
|
+
/*#__PURE__*/ _jsxs(state.category, {
|
|
9
|
+
children: [
|
|
10
|
+
state.category.children,
|
|
11
|
+
" ",
|
|
12
|
+
state.badge && /*#__PURE__*/ _jsx(state.badge, {})
|
|
13
|
+
]
|
|
14
|
+
}),
|
|
15
|
+
state.prompt && /*#__PURE__*/ _jsx(state.prompt, {})
|
|
16
|
+
]
|
|
17
|
+
});
|
|
10
18
|
};
|
|
11
|
-
//# sourceMappingURL=renderPromptStarter.js.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useDesignVersion } from '@fluentui-copilot/react-provider';
|
|
2
|
-
import { Badge, getIntrinsicElementProps, slot } from '@fluentui/react-components';
|
|
2
|
+
import { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-components';
|
|
3
3
|
/**
|
|
4
4
|
* Create the state required to render PromptStarter.
|
|
5
5
|
*
|
|
@@ -8,39 +8,46 @@ import { Badge, getIntrinsicElementProps, slot } from '@fluentui/react-component
|
|
|
8
8
|
*
|
|
9
9
|
* @param props - props from this instance of PromptStarter
|
|
10
10
|
* @param ref - reference to root HTMLElement of PromptStarter
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
11
|
+
*/ export const usePromptStarter_unstable = (props, ref)=>{
|
|
12
|
+
const designVersion = useDesignVersion(props.designVersion);
|
|
13
|
+
const idPrefix = useId('prompt-starter');
|
|
14
|
+
return {
|
|
15
|
+
components: {
|
|
16
|
+
root: 'button',
|
|
17
|
+
icon: 'span',
|
|
18
|
+
category: 'span',
|
|
19
|
+
prompt: 'span',
|
|
20
|
+
badge: Badge
|
|
21
|
+
},
|
|
22
|
+
root: slot.always(getIntrinsicElementProps('button', {
|
|
23
|
+
ref,
|
|
24
|
+
'aria-labelledby': `${idPrefix}-category`,
|
|
25
|
+
'aria-describedby': `${idPrefix}-prompt`,
|
|
26
|
+
...props
|
|
27
|
+
}), {
|
|
28
|
+
elementType: 'button'
|
|
29
|
+
}),
|
|
30
|
+
icon: slot.always(props.icon, {
|
|
31
|
+
elementType: 'span'
|
|
32
|
+
}),
|
|
33
|
+
category: slot.always(props.category, {
|
|
34
|
+
defaultProps: {
|
|
35
|
+
id: `${idPrefix}-category`
|
|
36
|
+
},
|
|
37
|
+
elementType: 'span'
|
|
38
|
+
}),
|
|
39
|
+
prompt: slot.optional(props.prompt, {
|
|
40
|
+
defaultProps: {
|
|
41
|
+
id: `${idPrefix}-prompt`
|
|
42
|
+
},
|
|
43
|
+
elementType: 'span'
|
|
44
|
+
}),
|
|
45
|
+
badge: slot.optional(props.badge, {
|
|
46
|
+
defaultProps: {
|
|
47
|
+
appearance: 'tint'
|
|
48
|
+
},
|
|
49
|
+
elementType: Badge
|
|
50
|
+
}),
|
|
51
|
+
designVersion
|
|
52
|
+
};
|
|
45
53
|
};
|
|
46
|
-
//# sourceMappingURL=usePromptStarter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n props: PromptStarterProps,\n ref: React.Ref<HTMLButtonElement>,\n): PromptStarterState => {\n const designVersion = useDesignVersion(props.designVersion);\n return {\n components: {\n root: 'button',\n icon: 'span',\n category: 'span',\n prompt: 'span',\n badge: Badge,\n },\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref,\n ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.always(props.icon, { elementType: 'span' }),\n category: slot.always(props.category, { elementType: 'span' }),\n prompt: slot.optional(props.prompt, { elementType: 'span' }),\n badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n designVersion,\n };\n};\n"],"names":["useDesignVersion","Badge","getIntrinsicElementProps","slot","usePromptStarter_unstable","props","ref","designVersion","components","root","icon","category","prompt","badge","always","elementType","
|
|
1
|
+
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-components';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n props: PromptStarterProps,\n ref: React.Ref<HTMLButtonElement>,\n): PromptStarterState => {\n const designVersion = useDesignVersion(props.designVersion);\n const idPrefix = useId('prompt-starter');\n\n return {\n components: {\n root: 'button',\n icon: 'span',\n category: 'span',\n prompt: 'span',\n badge: Badge,\n },\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref,\n 'aria-labelledby': `${idPrefix}-category`,\n 'aria-describedby': `${idPrefix}-prompt`,\n ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.always(props.icon, { elementType: 'span' }),\n category: slot.always(props.category, { defaultProps: { id: `${idPrefix}-category` }, elementType: 'span' }),\n prompt: slot.optional(props.prompt, { defaultProps: { id: `${idPrefix}-prompt` }, elementType: 'span' }),\n badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n designVersion,\n };\n};\n"],"names":["useDesignVersion","Badge","getIntrinsicElementProps","slot","useId","usePromptStarter_unstable","props","ref","designVersion","idPrefix","components","root","icon","category","prompt","badge","always","elementType","defaultProps","id","optional","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,SAASA,gBAAgB,QAAQ,mCAAmC;AACpE,SAASC,KAAK,EAAEC,wBAAwB,EAAEC,IAAI,EAAEC,KAAK,QAAQ,6BAA6B;AAG1F;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,gBAAgBR,iBAAiBM,MAAME,aAAa;IAC1D,MAAMC,WAAWL,MAAM;IAEvB,OAAO;QACLM,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOd;QACT;QACAU,MAAMR,KAAKa,MAAM,CACfd,yBAAyB,UAAU;YACjCK;YACA,mBAAmB,CAAC,EAAEE,SAAS,SAAS,CAAC;YACzC,oBAAoB,CAAC,EAAEA,SAAS,OAAO,CAAC;YACxC,GAAGH,KAAK;QACV,IACA;YAAEW,aAAa;QAAS;QAE1BL,MAAMT,KAAKa,MAAM,CAACV,MAAMM,IAAI,EAAE;YAAEK,aAAa;QAAO;QACpDJ,UAAUV,KAAKa,MAAM,CAACV,MAAMO,QAAQ,EAAE;YAAEK,cAAc;gBAAEC,IAAI,CAAC,EAAEV,SAAS,SAAS,CAAC;YAAC;YAAGQ,aAAa;QAAO;QAC1GH,QAAQX,KAAKiB,QAAQ,CAACd,MAAMQ,MAAM,EAAE;YAAEI,cAAc;gBAAEC,IAAI,CAAC,EAAEV,SAAS,OAAO,CAAC;YAAC;YAAGQ,aAAa;QAAO;QACtGF,OAAOZ,KAAKiB,QAAQ,CAACd,MAAMS,KAAK,EAAE;YAAEG,cAAc;gBAAEG,YAAY;YAAO;YAAGJ,aAAahB;QAAM;QAC7FO;IACF;AACF,EAAE"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { makeStyles, makeResetStyles, mergeClasses, shorthands, typographyStyles, createFocusOutlineStyle } from '@fluentui/react-components';
|
|
2
|
+
import { tokens } from '@fluentui-copilot/tokens';
|
|
3
|
+
export const promptStarterClassNames = {
|
|
4
|
+
root: 'fai-PromptStarter',
|
|
5
|
+
category: 'fai-PromptStarter__category',
|
|
6
|
+
icon: 'fai-PromptStarter__icon',
|
|
7
|
+
prompt: 'fai-PromptStarter__prompt',
|
|
8
|
+
badge: 'fai-PromptStarter__badge'
|
|
9
|
+
};
|
|
10
|
+
const useRootResetStyles = makeResetStyles({
|
|
11
|
+
position: 'relative',
|
|
12
|
+
display: 'grid',
|
|
13
|
+
gridTemplateColumns: 'auto 1fr',
|
|
14
|
+
gridTemplateRows: 'auto auto',
|
|
15
|
+
gridTemplateAreas: `
|
|
16
|
+
"icon category"
|
|
17
|
+
". prompt"
|
|
18
|
+
`,
|
|
19
|
+
backgroundColor: tokens.colorNeutralBackground1,
|
|
20
|
+
color: tokens.colorNeutralForeground1,
|
|
21
|
+
fontFamily: tokens.fontFamilyBase,
|
|
22
|
+
cursor: 'pointer',
|
|
23
|
+
outlineStyle: 'none',
|
|
24
|
+
textAlign: 'left',
|
|
25
|
+
gap: '0px 8px',
|
|
26
|
+
padding: '6px 8px 8px 8px',
|
|
27
|
+
...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),
|
|
28
|
+
borderRadius: tokens.borderRadiusMedium,
|
|
29
|
+
'&:hover': {
|
|
30
|
+
backgroundColor: tokens.colorNeutralBackground1Hover,
|
|
31
|
+
...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover)
|
|
32
|
+
},
|
|
33
|
+
'&:active': {
|
|
34
|
+
backgroundColor: tokens.colorNeutralBackground1Pressed,
|
|
35
|
+
...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed)
|
|
36
|
+
},
|
|
37
|
+
...createFocusOutlineStyle()
|
|
38
|
+
});
|
|
39
|
+
const useStyles = makeStyles({
|
|
40
|
+
disabled: {
|
|
41
|
+
cursor: 'not-allowed',
|
|
42
|
+
backgroundColor: tokens.colorNeutralBackgroundDisabled,
|
|
43
|
+
...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),
|
|
44
|
+
'&:hover': {
|
|
45
|
+
backgroundColor: tokens.colorNeutralBackgroundDisabled,
|
|
46
|
+
...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled)
|
|
47
|
+
},
|
|
48
|
+
'&:active': {
|
|
49
|
+
backgroundColor: tokens.colorNeutralBackgroundDisabled,
|
|
50
|
+
...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled)
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
icon: {
|
|
54
|
+
gridArea: 'icon',
|
|
55
|
+
display: 'flex',
|
|
56
|
+
alignSelf: 'center'
|
|
57
|
+
},
|
|
58
|
+
category: {
|
|
59
|
+
...typographyStyles.body1Strong,
|
|
60
|
+
gridArea: 'category'
|
|
61
|
+
},
|
|
62
|
+
prompt: {
|
|
63
|
+
...typographyStyles.body1,
|
|
64
|
+
gridArea: 'prompt'
|
|
65
|
+
},
|
|
66
|
+
disabledText: {
|
|
67
|
+
color: tokens.colorNeutralForegroundDisabled
|
|
68
|
+
},
|
|
69
|
+
disabledBadge: {
|
|
70
|
+
opacity: '40%'
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
const useNextStyles = makeStyles({
|
|
74
|
+
root: {
|
|
75
|
+
borderRadius: tokens.borderRadiusXLarge
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
export const usePromptStarterStyles_unstable = (state)=>{
|
|
79
|
+
'use no memo';
|
|
80
|
+
const { designVersion } = state;
|
|
81
|
+
const styles = useStyles();
|
|
82
|
+
const nextStyles = useNextStyles();
|
|
83
|
+
const rootResetStyles = useRootResetStyles();
|
|
84
|
+
state.root.className = mergeClasses(promptStarterClassNames.root, rootResetStyles, designVersion === 'next' && nextStyles.root, state.root.disabled && styles.disabled, state.root.className);
|
|
85
|
+
state.icon.className = mergeClasses(promptStarterClassNames.icon, styles.icon, state.root.disabled && styles.disabledText, state.icon.className);
|
|
86
|
+
state.category.className = mergeClasses(promptStarterClassNames.category, styles.category, state.category.className, state.root.disabled && styles.disabledText);
|
|
87
|
+
if (state.prompt) {
|
|
88
|
+
state.prompt.className = mergeClasses(promptStarterClassNames.prompt, styles.prompt, state.root.disabled && styles.disabledText, state.prompt.className);
|
|
89
|
+
}
|
|
90
|
+
if (state.badge) {
|
|
91
|
+
state.badge.className = mergeClasses(promptStarterClassNames.badge, state.root.disabled && styles.disabledBadge, state.badge.className);
|
|
92
|
+
}
|
|
93
|
+
return state;
|
|
94
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n root: 'fai-PromptStarter',\n category: 'fai-PromptStarter__category',\n icon: 'fai-PromptStarter__icon',\n prompt: 'fai-PromptStarter__prompt',\n badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n position: 'relative',\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n gridTemplateRows: 'auto auto',\n gridTemplateAreas: `\n \"icon category\"\n \". prompt\"\n `,\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n cursor: 'pointer',\n outlineStyle: 'none',\n textAlign: 'left',\n gap: '0px 8px',\n padding: '6px 8px 8px 8px',\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n borderRadius: tokens.borderRadiusMedium,\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n },\n ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n },\n icon: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n category: {\n ...typographyStyles.body1Strong,\n gridArea: 'category',\n },\n prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n disabledBadge: {\n opacity: '40%',\n },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const styles = useStyles();\n const nextStyles = useNextStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(\n promptStarterClassNames.root,\n rootResetStyles,\n designVersion === 'next' && nextStyles.root,\n state.root.disabled && styles.disabled,\n state.root.className,\n );\n state.icon.className = mergeClasses(\n promptStarterClassNames.icon,\n styles.icon,\n state.root.disabled && styles.disabledText,\n state.icon.className,\n );\n state.category.className = mergeClasses(\n promptStarterClassNames.category,\n styles.category,\n state.category.className,\n state.root.disabled && styles.disabledText,\n );\n if (state.prompt) {\n state.prompt.className = mergeClasses(\n promptStarterClassNames.prompt,\n styles.prompt,\n state.root.disabled && styles.disabledText,\n state.prompt.className,\n );\n }\n if (state.badge) {\n state.badge.className = mergeClasses(\n promptStarterClassNames.badge,\n state.root.disabled && styles.disabledBadge,\n state.badge.className,\n );\n }\n\n return state;\n};\n"],"names":["makeStyles","makeResetStyles","mergeClasses","shorthands","typographyStyles","createFocusOutlineStyle","tokens","promptStarterClassNames","root","category","icon","prompt","badge","useRootResetStyles","position","display","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","backgroundColor","colorNeutralBackground1","color","colorNeutralForeground1","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","colorNeutralBackground1Hover","colorNeutralStroke1Hover","colorNeutralBackground1Pressed","colorNeutralStroke1Pressed","useStyles","disabled","colorNeutralBackgroundDisabled","colorNeutralStrokeDisabled","gridArea","alignSelf","body1Strong","body1","disabledText","colorNeutralForegroundDisabled","disabledBadge","opacity","useNextStyles","borderRadiusXLarge","usePromptStarterStyles_unstable","state","designVersion","styles","nextStyles","rootResetStyles","className"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
package/lib/index.js
CHANGED
|
@@ -20,4 +20,4 @@ const PromptStarter = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
|
20
20
|
(0, _reactprovider.useCustomStyleHook)('usePromptStarterStyles')(state);
|
|
21
21
|
return (0, _renderPromptStarter.renderPromptStarter_unstable)(state);
|
|
22
22
|
});
|
|
23
|
-
PromptStarter.displayName = 'PromptStarter';
|
|
23
|
+
PromptStarter.displayName = 'PromptStarter';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["PromptStarter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptStarter_unstable } from './usePromptStarter';\nimport { renderPromptStarter_unstable } from './renderPromptStarter';\nimport { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\nimport type { PromptStarterProps } from './PromptStarter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PromptStarter: ForwardRefComponent<PromptStarterProps> = React.forwardRef((props, ref) => {\n const state = usePromptStarter_unstable(props, ref);\n\n usePromptStarterStyles_unstable(state);\n useCustomStyleHook('usePromptStarterStyles')(state);\n\n return renderPromptStarter_unstable(state);\n});\n\nPromptStarter.displayName = 'PromptStarter';\n"],"names":["PromptStarter","React","forwardRef","props","state","usePromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","renderPromptStarter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;8CACG;+BACb;AAI5B,MAAMA,gBAAAA,WAAAA,
|
|
1
|
+
{"version":3,"sources":["PromptStarter.tsx"],"sourcesContent":["import * as React from 'react';\nimport { usePromptStarter_unstable } from './usePromptStarter';\nimport { renderPromptStarter_unstable } from './renderPromptStarter';\nimport { usePromptStarterStyles_unstable } from './usePromptStarterStyles.styles';\nimport { useCustomStyleHook } from '@fluentui-copilot/react-provider';\nimport type { PromptStarterProps } from './PromptStarter.types';\nimport type { ForwardRefComponent } from '@fluentui/react-components';\n\nexport const PromptStarter: ForwardRefComponent<PromptStarterProps> = React.forwardRef((props, ref) => {\n const state = usePromptStarter_unstable(props, ref);\n\n usePromptStarterStyles_unstable(state);\n useCustomStyleHook('usePromptStarterStyles')(state);\n\n return renderPromptStarter_unstable(state);\n});\n\nPromptStarter.displayName = 'PromptStarter';\n"],"names":["PromptStarter","React","forwardRef","props","ref","state","usePromptStarter_unstable","usePromptStarterStyles_unstable","useCustomStyleHook","renderPromptStarter_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQaA;;;eAAAA;;;;iEARU;kCACmB;qCACG;8CACG;+BACb;AAI5B,MAAMA,gBAAAA,WAAAA,GAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,2CAAAA,EAA0BH,OAAOC;IAE/CG,IAAAA,6DAAAA,EAAgCF;IAChCG,IAAAA,iCAAAA,EAAmB,0BAA0BH;IAE7C,OAAOI,IAAAA,iDAAAA,EAA6BJ;AACtC;AAEAL,cAAcU,WAAW,GAAG"}
|
|
@@ -29,4 +29,3 @@ const _PromptStarter = require("./PromptStarter");
|
|
|
29
29
|
const _renderPromptStarter = require("./renderPromptStarter");
|
|
30
30
|
const _usePromptStarter = require("./usePromptStarter");
|
|
31
31
|
const _usePromptStarterStylesstyles = require("./usePromptStarterStyles.styles");
|
|
32
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderPromptStarter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\nexport const renderPromptStarter_unstable = (state: PromptStarterState) => {\n assertSlots<PromptStarterSlots>(state);\n\n return (\n <state.root>\n <state.icon />\n <state.category>\n {state.category.children} {state.badge && <state.badge />}\n </state.category>\n {state.prompt && <state.prompt />}\n </state.root>\n );\n};\n"],"names":["renderPromptStarter_unstable","state","assertSlots","_jsxs","root","icon","
|
|
1
|
+
{"version":3,"sources":["renderPromptStarter.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-components';\nimport type { PromptStarterState, PromptStarterSlots } from './PromptStarter.types';\n\nexport const renderPromptStarter_unstable = (state: PromptStarterState) => {\n assertSlots<PromptStarterSlots>(state);\n\n return (\n <state.root>\n <state.icon />\n <state.category>\n {state.category.children} {state.badge && <state.badge />}\n </state.category>\n {state.prompt && <state.prompt />}\n </state.root>\n );\n};\n"],"names":["renderPromptStarter_unstable","state","assertSlots","_jsxs","root","_jsx","icon","category","children","badge","prompt"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAMaA;;;eAAAA;;;4BALb;iCAE4B;AAGrB,MAAMA,+BAA+B,CAACC;IAC3CC,IAAAA,4BAAAA,EAAgCD;IAEhC,OAAA,WAAA,GACEE,IAAAA,gBAAA,EAACF,MAAMG,IAAI,EAAA;;0BACTC,IAAAA,eAAA,EAACJ,MAAMK,IAAI,EAAA,CAAA;0BACXH,IAAAA,gBAAA,EAACF,MAAMM,QAAQ,EAAA;;oBACZN,MAAMM,QAAQ,CAACC,QAAQ;oBAAC;oBAAEP,MAAMQ,KAAK,IAAA,WAAA,GAAIJ,IAAAA,eAAA,EAACJ,MAAMQ,KAAK,EAAA,CAAA;;;YAEvDR,MAAMS,MAAM,IAAA,WAAA,GAAIL,IAAAA,eAAA,EAACJ,MAAMS,MAAM,EAAA,CAAA;;;AAGpC"}
|
|
@@ -12,6 +12,7 @@ const _reactprovider = require("@fluentui-copilot/react-provider");
|
|
|
12
12
|
const _reactcomponents = require("@fluentui/react-components");
|
|
13
13
|
const usePromptStarter_unstable = (props, ref)=>{
|
|
14
14
|
const designVersion = (0, _reactprovider.useDesignVersion)(props.designVersion);
|
|
15
|
+
const idPrefix = (0, _reactcomponents.useId)('prompt-starter');
|
|
15
16
|
return {
|
|
16
17
|
components: {
|
|
17
18
|
root: 'button',
|
|
@@ -22,6 +23,8 @@ const usePromptStarter_unstable = (props, ref)=>{
|
|
|
22
23
|
},
|
|
23
24
|
root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('button', {
|
|
24
25
|
ref,
|
|
26
|
+
'aria-labelledby': `${idPrefix}-category`,
|
|
27
|
+
'aria-describedby': `${idPrefix}-prompt`,
|
|
25
28
|
...props
|
|
26
29
|
}), {
|
|
27
30
|
elementType: 'button'
|
|
@@ -30,9 +33,15 @@ const usePromptStarter_unstable = (props, ref)=>{
|
|
|
30
33
|
elementType: 'span'
|
|
31
34
|
}),
|
|
32
35
|
category: _reactcomponents.slot.always(props.category, {
|
|
36
|
+
defaultProps: {
|
|
37
|
+
id: `${idPrefix}-category`
|
|
38
|
+
},
|
|
33
39
|
elementType: 'span'
|
|
34
40
|
}),
|
|
35
41
|
prompt: _reactcomponents.slot.optional(props.prompt, {
|
|
42
|
+
defaultProps: {
|
|
43
|
+
id: `${idPrefix}-prompt`
|
|
44
|
+
},
|
|
36
45
|
elementType: 'span'
|
|
37
46
|
}),
|
|
38
47
|
badge: _reactcomponents.slot.optional(props.badge, {
|
|
@@ -43,4 +52,4 @@ const usePromptStarter_unstable = (props, ref)=>{
|
|
|
43
52
|
}),
|
|
44
53
|
designVersion
|
|
45
54
|
};
|
|
46
|
-
};
|
|
55
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot } from '@fluentui/react-components';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n props: PromptStarterProps,\n ref: React.Ref<HTMLButtonElement>,\n): PromptStarterState => {\n const designVersion = useDesignVersion(props.designVersion);\n return {\n components: {\n root: 'button',\n icon: 'span',\n category: 'span',\n prompt: 'span',\n badge: Badge,\n },\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref,\n ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.always(props.icon, { elementType: 'span' }),\n category: slot.always(props.category, { elementType: 'span' }),\n prompt: slot.optional(props.prompt, { elementType: 'span' }),\n badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n designVersion,\n };\n};\n"],"names":["designVersion","useDesignVersion","
|
|
1
|
+
{"version":3,"sources":["usePromptStarter.ts"],"sourcesContent":["import { useDesignVersion } from '@fluentui-copilot/react-provider';\nimport { Badge, getIntrinsicElementProps, slot, useId } from '@fluentui/react-components';\nimport type { PromptStarterProps, PromptStarterState } from './PromptStarter.types';\n\n/**\n * Create the state required to render PromptStarter.\n *\n * The returned state can be modified with hooks such as usePromptStarterStyles_unstable,\n * before being passed to renderPromptStarter_unstable.\n *\n * @param props - props from this instance of PromptStarter\n * @param ref - reference to root HTMLElement of PromptStarter\n */\nexport const usePromptStarter_unstable = (\n props: PromptStarterProps,\n ref: React.Ref<HTMLButtonElement>,\n): PromptStarterState => {\n const designVersion = useDesignVersion(props.designVersion);\n const idPrefix = useId('prompt-starter');\n\n return {\n components: {\n root: 'button',\n icon: 'span',\n category: 'span',\n prompt: 'span',\n badge: Badge,\n },\n root: slot.always(\n getIntrinsicElementProps('button', {\n ref,\n 'aria-labelledby': `${idPrefix}-category`,\n 'aria-describedby': `${idPrefix}-prompt`,\n ...props,\n }),\n { elementType: 'button' },\n ),\n icon: slot.always(props.icon, { elementType: 'span' }),\n category: slot.always(props.category, { defaultProps: { id: `${idPrefix}-category` }, elementType: 'span' }),\n prompt: slot.optional(props.prompt, { defaultProps: { id: `${idPrefix}-prompt` }, elementType: 'span' }),\n badge: slot.optional(props.badge, { defaultProps: { appearance: 'tint' }, elementType: Badge }),\n designVersion,\n };\n};\n"],"names":["usePromptStarter_unstable","props","ref","designVersion","useDesignVersion","idPrefix","useId","components","root","icon","category","prompt","badge","Badge","slot","always","getIntrinsicElementProps","elementType","defaultProps","id","optional","appearance"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAaaA;;;eAAAA;;;+BAboB;iCAC4B;AAYtD,MAAMA,4BAA4B,CACvCC,OACAC;IAEA,MAAMC,gBAAgBC,IAAAA,+BAAAA,EAAiBH,MAAME,aAAa;IAC1D,MAAME,WAAWC,IAAAA,sBAAAA,EAAM;IAEvB,OAAO;QACLC,YAAY;YACVC,MAAM;YACNC,MAAM;YACNC,UAAU;YACVC,QAAQ;YACRC,OAAOC,sBAAAA;QACT;QACAL,MAAMM,qBAAAA,CAAKC,MAAM,CACfC,IAAAA,yCAAAA,EAAyB,UAAU;YACjCd;YACA,mBAAmB,CAAC,EAAEG,SAAS,SAAS,CAAC;YACzC,oBAAoB,CAAC,EAAEA,SAAS,OAAO,CAAC;YACxC,GAAGJ,KAAK;QACV,IACA;YAAEgB,aAAa;QAAS;QAE1BR,MAAMK,qBAAAA,CAAKC,MAAM,CAACd,MAAMQ,IAAI,EAAE;YAAEQ,aAAa;QAAO;QACpDP,UAAUI,qBAAAA,CAAKC,MAAM,CAACd,MAAMS,QAAQ,EAAE;YAAEQ,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,SAAS,CAAC;YAAC;YAAGY,aAAa;QAAO;QAC1GN,QAAQG,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMU,MAAM,EAAE;YAAEO,cAAc;gBAAEC,IAAI,CAAC,EAAEd,SAAS,OAAO,CAAC;YAAC;YAAGY,aAAa;QAAO;QACtGL,OAAOE,qBAAAA,CAAKM,QAAQ,CAACnB,MAAMW,KAAK,EAAE;YAAEM,cAAc;gBAAEG,YAAY;YAAO;YAAGJ,aAAaJ,sBAAAA;QAAM;QAC7FV;IACF;AACF"}
|
|
@@ -0,0 +1,112 @@
|
|
|
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
|
+
promptStarterClassNames: function() {
|
|
13
|
+
return promptStarterClassNames;
|
|
14
|
+
},
|
|
15
|
+
usePromptStarterStyles_unstable: function() {
|
|
16
|
+
return usePromptStarterStyles_unstable;
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const _reactcomponents = require("@fluentui/react-components");
|
|
20
|
+
const _tokens = require("@fluentui-copilot/tokens");
|
|
21
|
+
const promptStarterClassNames = {
|
|
22
|
+
root: 'fai-PromptStarter',
|
|
23
|
+
category: 'fai-PromptStarter__category',
|
|
24
|
+
icon: 'fai-PromptStarter__icon',
|
|
25
|
+
prompt: 'fai-PromptStarter__prompt',
|
|
26
|
+
badge: 'fai-PromptStarter__badge'
|
|
27
|
+
};
|
|
28
|
+
const useRootResetStyles = (0, _reactcomponents.makeResetStyles)({
|
|
29
|
+
position: 'relative',
|
|
30
|
+
display: 'grid',
|
|
31
|
+
gridTemplateColumns: 'auto 1fr',
|
|
32
|
+
gridTemplateRows: 'auto auto',
|
|
33
|
+
gridTemplateAreas: `
|
|
34
|
+
"icon category"
|
|
35
|
+
". prompt"
|
|
36
|
+
`,
|
|
37
|
+
backgroundColor: _tokens.tokens.colorNeutralBackground1,
|
|
38
|
+
color: _tokens.tokens.colorNeutralForeground1,
|
|
39
|
+
fontFamily: _tokens.tokens.fontFamilyBase,
|
|
40
|
+
cursor: 'pointer',
|
|
41
|
+
outlineStyle: 'none',
|
|
42
|
+
textAlign: 'left',
|
|
43
|
+
gap: '0px 8px',
|
|
44
|
+
padding: '6px 8px 8px 8px',
|
|
45
|
+
..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke1),
|
|
46
|
+
borderRadius: _tokens.tokens.borderRadiusMedium,
|
|
47
|
+
'&:hover': {
|
|
48
|
+
backgroundColor: _tokens.tokens.colorNeutralBackground1Hover,
|
|
49
|
+
..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke1Hover)
|
|
50
|
+
},
|
|
51
|
+
'&:active': {
|
|
52
|
+
backgroundColor: _tokens.tokens.colorNeutralBackground1Pressed,
|
|
53
|
+
..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStroke1Pressed)
|
|
54
|
+
},
|
|
55
|
+
...(0, _reactcomponents.createFocusOutlineStyle)()
|
|
56
|
+
});
|
|
57
|
+
const useStyles = (0, _reactcomponents.makeStyles)({
|
|
58
|
+
disabled: {
|
|
59
|
+
cursor: 'not-allowed',
|
|
60
|
+
backgroundColor: _tokens.tokens.colorNeutralBackgroundDisabled,
|
|
61
|
+
..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStrokeDisabled),
|
|
62
|
+
'&:hover': {
|
|
63
|
+
backgroundColor: _tokens.tokens.colorNeutralBackgroundDisabled,
|
|
64
|
+
..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStrokeDisabled)
|
|
65
|
+
},
|
|
66
|
+
'&:active': {
|
|
67
|
+
backgroundColor: _tokens.tokens.colorNeutralBackgroundDisabled,
|
|
68
|
+
..._reactcomponents.shorthands.border(_tokens.tokens.strokeWidthThin, 'solid', _tokens.tokens.colorNeutralStrokeDisabled)
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
icon: {
|
|
72
|
+
gridArea: 'icon',
|
|
73
|
+
display: 'flex',
|
|
74
|
+
alignSelf: 'center'
|
|
75
|
+
},
|
|
76
|
+
category: {
|
|
77
|
+
..._reactcomponents.typographyStyles.body1Strong,
|
|
78
|
+
gridArea: 'category'
|
|
79
|
+
},
|
|
80
|
+
prompt: {
|
|
81
|
+
..._reactcomponents.typographyStyles.body1,
|
|
82
|
+
gridArea: 'prompt'
|
|
83
|
+
},
|
|
84
|
+
disabledText: {
|
|
85
|
+
color: _tokens.tokens.colorNeutralForegroundDisabled
|
|
86
|
+
},
|
|
87
|
+
disabledBadge: {
|
|
88
|
+
opacity: '40%'
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
const useNextStyles = (0, _reactcomponents.makeStyles)({
|
|
92
|
+
root: {
|
|
93
|
+
borderRadius: _tokens.tokens.borderRadiusXLarge
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
const usePromptStarterStyles_unstable = (state)=>{
|
|
97
|
+
'use no memo';
|
|
98
|
+
const { designVersion } = state;
|
|
99
|
+
const styles = useStyles();
|
|
100
|
+
const nextStyles = useNextStyles();
|
|
101
|
+
const rootResetStyles = useRootResetStyles();
|
|
102
|
+
state.root.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.root, rootResetStyles, designVersion === 'next' && nextStyles.root, state.root.disabled && styles.disabled, state.root.className);
|
|
103
|
+
state.icon.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.icon, styles.icon, state.root.disabled && styles.disabledText, state.icon.className);
|
|
104
|
+
state.category.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.category, styles.category, state.category.className, state.root.disabled && styles.disabledText);
|
|
105
|
+
if (state.prompt) {
|
|
106
|
+
state.prompt.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.prompt, styles.prompt, state.root.disabled && styles.disabledText, state.prompt.className);
|
|
107
|
+
}
|
|
108
|
+
if (state.badge) {
|
|
109
|
+
state.badge.className = (0, _reactcomponents.mergeClasses)(promptStarterClassNames.badge, state.root.disabled && styles.disabledBadge, state.badge.className);
|
|
110
|
+
}
|
|
111
|
+
return state;
|
|
112
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["usePromptStarterStyles.styles.ts"],"sourcesContent":["import {\n makeStyles,\n makeResetStyles,\n mergeClasses,\n shorthands,\n typographyStyles,\n createFocusOutlineStyle,\n} from '@fluentui/react-components';\nimport { tokens } from '@fluentui-copilot/tokens';\nimport type { PromptStarterSlots, PromptStarterState } from './PromptStarter.types';\nimport type { SlotClassNames } from '@fluentui/react-components';\n\nexport const promptStarterClassNames: SlotClassNames<PromptStarterSlots> = {\n root: 'fai-PromptStarter',\n category: 'fai-PromptStarter__category',\n icon: 'fai-PromptStarter__icon',\n prompt: 'fai-PromptStarter__prompt',\n badge: 'fai-PromptStarter__badge',\n};\n\nconst useRootResetStyles = makeResetStyles({\n position: 'relative',\n display: 'grid',\n gridTemplateColumns: 'auto 1fr',\n gridTemplateRows: 'auto auto',\n gridTemplateAreas: `\n \"icon category\"\n \". prompt\"\n `,\n backgroundColor: tokens.colorNeutralBackground1,\n color: tokens.colorNeutralForeground1,\n fontFamily: tokens.fontFamilyBase,\n cursor: 'pointer',\n outlineStyle: 'none',\n textAlign: 'left',\n gap: '0px 8px',\n padding: '6px 8px 8px 8px',\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1),\n borderRadius: tokens.borderRadiusMedium,\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackground1Hover,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Hover),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackground1Pressed,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStroke1Pressed),\n },\n ...createFocusOutlineStyle(),\n});\n\nconst useStyles = makeStyles({\n disabled: {\n cursor: 'not-allowed',\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n '&:hover': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n '&:active': {\n backgroundColor: tokens.colorNeutralBackgroundDisabled,\n ...shorthands.border(tokens.strokeWidthThin, 'solid', tokens.colorNeutralStrokeDisabled),\n },\n },\n icon: { gridArea: 'icon', display: 'flex', alignSelf: 'center' },\n\n category: {\n ...typographyStyles.body1Strong,\n gridArea: 'category',\n },\n prompt: { ...typographyStyles.body1, gridArea: 'prompt' },\n disabledText: {\n color: tokens.colorNeutralForegroundDisabled,\n },\n disabledBadge: {\n opacity: '40%',\n },\n});\n\nconst useNextStyles = makeStyles({ root: { borderRadius: tokens.borderRadiusXLarge } });\n\nexport const usePromptStarterStyles_unstable = (state: PromptStarterState): PromptStarterState => {\n 'use no memo';\n\n const { designVersion } = state;\n\n const styles = useStyles();\n const nextStyles = useNextStyles();\n const rootResetStyles = useRootResetStyles();\n state.root.className = mergeClasses(\n promptStarterClassNames.root,\n rootResetStyles,\n designVersion === 'next' && nextStyles.root,\n state.root.disabled && styles.disabled,\n state.root.className,\n );\n state.icon.className = mergeClasses(\n promptStarterClassNames.icon,\n styles.icon,\n state.root.disabled && styles.disabledText,\n state.icon.className,\n );\n state.category.className = mergeClasses(\n promptStarterClassNames.category,\n styles.category,\n state.category.className,\n state.root.disabled && styles.disabledText,\n );\n if (state.prompt) {\n state.prompt.className = mergeClasses(\n promptStarterClassNames.prompt,\n styles.prompt,\n state.root.disabled && styles.disabledText,\n state.prompt.className,\n );\n }\n if (state.badge) {\n state.badge.className = mergeClasses(\n promptStarterClassNames.badge,\n state.root.disabled && styles.disabledBadge,\n state.badge.className,\n );\n }\n\n return state;\n};\n"],"names":["promptStarterClassNames","usePromptStarterStyles_unstable","root","category","icon","prompt","badge","useRootResetStyles","makeResetStyles","position","display","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","backgroundColor","tokens","colorNeutralBackground1","color","colorNeutralForeground1","fontFamily","fontFamilyBase","cursor","outlineStyle","textAlign","gap","padding","shorthands","border","strokeWidthThin","colorNeutralStroke1","borderRadius","borderRadiusMedium","colorNeutralBackground1Hover","colorNeutralStroke1Hover","colorNeutralBackground1Pressed","colorNeutralStroke1Pressed","createFocusOutlineStyle","useStyles","makeStyles","disabled","colorNeutralBackgroundDisabled","colorNeutralStrokeDisabled","gridArea","alignSelf","typographyStyles","body1Strong","body1","disabledText","colorNeutralForegroundDisabled","disabledBadge","opacity","useNextStyles","borderRadiusXLarge","state","designVersion","styles","nextStyles","rootResetStyles","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
|
package/lib-commonjs/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-copilot/react-prompt-starter",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.4-hotfix.1",
|
|
4
4
|
"description": "A Fluent AI package",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
},
|
|
13
13
|
"license": "MIT",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@fluentui-copilot/react-provider": "
|
|
16
|
-
"@fluentui-copilot/tokens": "
|
|
15
|
+
"@fluentui-copilot/react-provider": "0.11.3-hotfix.1",
|
|
16
|
+
"@fluentui-copilot/tokens": "0.3.11-hotfix.1",
|
|
17
17
|
"@swc/helpers": "^0.5.1"
|
|
18
18
|
},
|
|
19
19
|
"peerDependencies": {
|
|
@@ -27,11 +27,7 @@
|
|
|
27
27
|
"react": ">=16.14.0 <19.0.0",
|
|
28
28
|
"react-dom": ">=16.14.0 <19.0.0"
|
|
29
29
|
},
|
|
30
|
-
"beachball": {
|
|
31
|
-
"disallowedChangeTypes": [
|
|
32
|
-
"major"
|
|
33
|
-
]
|
|
34
|
-
},
|
|
30
|
+
"beachball": {},
|
|
35
31
|
"exports": {
|
|
36
32
|
".": {
|
|
37
33
|
"types": "./dist/index.d.ts",
|