@fluentui-copilot/react-suggestions 0.7.0 → 0.8.0

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 CHANGED
@@ -2,7 +2,22 @@
2
2
  "name": "@fluentui-copilot/react-suggestions",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 13 Mar 2024 18:00:37 GMT",
5
+ "date": "Wed, 10 Apr 2024 23:06:59 GMT",
6
+ "tag": "@fluentui-copilot/react-suggestions_v0.8.0",
7
+ "version": "0.8.0",
8
+ "comments": {
9
+ "minor": [
10
+ {
11
+ "author": "Humberto.Morimoto@microsoft.com",
12
+ "package": "@fluentui-copilot/react-suggestions",
13
+ "commit": "2afa98912cd99ed6f604c582caee4d49d1ba895d",
14
+ "comment": "fix: Replace usage of deprecated getNativeElementProps with getIntrinsicElementProps."
15
+ }
16
+ ]
17
+ }
18
+ },
19
+ {
20
+ "date": "Wed, 13 Mar 2024 18:01:51 GMT",
6
21
  "tag": "@fluentui-copilot/react-suggestions_v0.7.0",
7
22
  "version": "0.7.0",
8
23
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,21 @@
1
1
  # Change Log - @fluentui-copilot/react-suggestions
2
2
 
3
- This log was last generated on Wed, 13 Mar 2024 18:00:37 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 10 Apr 2024 23:06:59 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [0.8.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.8.0)
8
+
9
+ Wed, 10 Apr 2024 23:06:59 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentui-copilot/react-suggestions_v0.7.0..@fluentui-copilot/react-suggestions_v0.8.0)
11
+
12
+ ### Minor changes
13
+
14
+ - fix: Replace usage of deprecated getNativeElementProps with getIntrinsicElementProps. ([PR #1512](https://github.com/microsoft/fluentai/pull/1512) by Humberto.Morimoto@microsoft.com)
15
+
7
16
  ## [0.7.0](https://github.com/microsoft/fluentai/tree/@fluentui-copilot/react-suggestions_v0.7.0)
8
17
 
9
- Wed, 13 Mar 2024 18:00:37 GMT
18
+ Wed, 13 Mar 2024 18:01:51 GMT
10
19
  [Compare changes](https://github.com/microsoft/fluentai/compare/@fluentai/suggestions_v0.6.1..@fluentui-copilot/react-suggestions_v0.7.0)
11
20
 
12
21
  ### Minor changes
package/dist/index.d.ts CHANGED
@@ -61,7 +61,7 @@ export declare type TooltipComponent = React.FunctionComponent<Partial<TooltipPr
61
61
  * @param props - props from this instance of SuggestionList
62
62
  * @param ref - reference to root HTMLElement of SuggestionList
63
63
  */
64
- export declare const useSuggestionList_unstable: (props: SuggestionListProps, ref: React_2.Ref<HTMLElement>) => SuggestionListState;
64
+ export declare const useSuggestionList_unstable: (props: SuggestionListProps, ref: React_2.Ref<HTMLDivElement>) => SuggestionListState;
65
65
 
66
66
  /**
67
67
  * Apply styling to the SuggestionList slots based on the state
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { Button, Tooltip, getNativeElementProps, slot, useArrowNavigationGroup } from '@fluentui/react-components';
2
+ import { Button, Tooltip, getIntrinsicElementProps, slot, useArrowNavigationGroup } from '@fluentui/react-components';
3
3
  import { ArrowCounterclockwise16Regular, ArrowCounterclockwise16Filled, bundleIcon } from '@fluentui/react-icons';
4
4
  // If you add JSX to this file, be sure to change the file type to .tsx
5
5
  /**
@@ -24,7 +24,7 @@ export const useSuggestionList_unstable = (props, ref) => {
24
24
  reloadTooltip: Tooltip,
25
25
  action: 'span'
26
26
  },
27
- root: slot.always(getNativeElementProps('div', {
27
+ root: slot.always(getIntrinsicElementProps('div', {
28
28
  ref,
29
29
  role: 'toolbar',
30
30
  'aria-label': 'suggestions',
@@ -1 +1 @@
1
- {"version":3,"sources":["useSuggestionList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, Tooltip, getNativeElementProps, slot, useArrowNavigationGroup } from '@fluentui/react-components';\nimport { ArrowCounterclockwise16Regular, ArrowCounterclockwise16Filled, bundleIcon } from '@fluentui/react-icons';\nimport type { SuggestionListProps, SuggestionListState, TooltipComponent } from './SuggestionList.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 SuggestionList.\n *\n * The returned state can be modified with hooks such as useSuggestionListStyles_unstable,\n * before being passed to renderSuggestionList_unstable.\n *\n * @param props - props from this instance of SuggestionList\n * @param ref - reference to root HTMLElement of SuggestionList\n */\nexport const useSuggestionList_unstable = (\n props: SuggestionListProps,\n ref: React.Ref<HTMLElement>,\n): SuggestionListState => {\n const { action, reload } = props;\n const ReloadIcon = bundleIcon(ArrowCounterclockwise16Filled, ArrowCounterclockwise16Regular);\n return {\n components: {\n root: 'div',\n reload: Button,\n reloadTooltip: Tooltip as TooltipComponent,\n action: 'span',\n },\n root: slot.always(\n getNativeElementProps('div', {\n ref,\n role: 'toolbar',\n 'aria-label': 'suggestions',\n ...props,\n ...useArrowNavigationGroup({ axis: 'both', circular: true }),\n }),\n { elementType: 'div' },\n ),\n reloadTooltip: slot.optional(props.reloadTooltip, {\n defaultProps: {\n relationship: 'label',\n content: 'Reload',\n withArrow: reload !== undefined,\n },\n renderByDefault: true,\n elementType: Tooltip as TooltipComponent,\n }),\n reload: slot.optional(reload, {\n defaultProps: {\n icon: <ReloadIcon />,\n size: 'small',\n appearance: 'transparent',\n },\n elementType: Button,\n }),\n action: slot.optional(action, { elementType: 'span' }),\n };\n};\n"],"names":["React","Button","Tooltip","getNativeElementProps","slot","useArrowNavigationGroup","ArrowCounterclockwise16Regular","ArrowCounterclockwise16Filled","bundleIcon","useSuggestionList_unstable","props","ref","action","reload","ReloadIcon","components","root","reloadTooltip","always","role","axis","circular","elementType","optional","defaultProps","relationship","content","withArrow","undefined","renderByDefault","icon","size","appearance"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,EAAEC,OAAO,EAAEC,qBAAqB,EAAEC,IAAI,EAAEC,uBAAuB,QAAQ,6BAA6B;AACnH,SAASC,8BAA8B,EAAEC,6BAA6B,EAAEC,UAAU,QAAQ,wBAAwB;AAGlH,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAGH;IAC3B,MAAMI,aAAaN,WAAWD,+BAA+BD;IAC7D,OAAO;QACLS,YAAY;YACVC,MAAM;YACNH,QAAQZ;YACRgB,eAAef;YACfU,QAAQ;QACV;QACAI,MAAMZ,KAAKc,MAAM,CACff,sBAAsB,OAAO;YAC3BQ;YACAQ,MAAM;YACN,cAAc;YACd,GAAGT,KAAK;YACR,GAAGL,wBAAwB;gBAAEe,MAAM;gBAAQC,UAAU;YAAK,EAAE;QAC9D,IACA;YAAEC,aAAa;QAAM;QAEvBL,eAAeb,KAAKmB,QAAQ,CAACb,MAAMO,aAAa,EAAE;YAChDO,cAAc;gBACZC,cAAc;gBACdC,SAAS;gBACTC,WAAWd,WAAWe;YACxB;YACAC,iBAAiB;YACjBP,aAAapB;QACf;QACAW,QAAQT,KAAKmB,QAAQ,CAACV,QAAQ;YAC5BW,cAAc;gBACZM,oBAAM,oBAAChB;gBACPiB,MAAM;gBACNC,YAAY;YACd;YACAV,aAAarB;QACf;QACAW,QAAQR,KAAKmB,QAAQ,CAACX,QAAQ;YAAEU,aAAa;QAAO;IACtD;AACF,EAAE"}
1
+ {"version":3,"sources":["useSuggestionList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Button, Tooltip, getIntrinsicElementProps, slot, useArrowNavigationGroup } from '@fluentui/react-components';\nimport { ArrowCounterclockwise16Regular, ArrowCounterclockwise16Filled, bundleIcon } from '@fluentui/react-icons';\nimport type { SuggestionListProps, SuggestionListState, TooltipComponent } from './SuggestionList.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 SuggestionList.\n *\n * The returned state can be modified with hooks such as useSuggestionListStyles_unstable,\n * before being passed to renderSuggestionList_unstable.\n *\n * @param props - props from this instance of SuggestionList\n * @param ref - reference to root HTMLElement of SuggestionList\n */\nexport const useSuggestionList_unstable = (\n props: SuggestionListProps,\n ref: React.Ref<HTMLDivElement>,\n): SuggestionListState => {\n const { action, reload } = props;\n const ReloadIcon = bundleIcon(ArrowCounterclockwise16Filled, ArrowCounterclockwise16Regular);\n return {\n components: {\n root: 'div',\n reload: Button,\n reloadTooltip: Tooltip as TooltipComponent,\n action: 'span',\n },\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n role: 'toolbar',\n 'aria-label': 'suggestions',\n ...props,\n ...useArrowNavigationGroup({ axis: 'both', circular: true }),\n }),\n { elementType: 'div' },\n ),\n reloadTooltip: slot.optional(props.reloadTooltip, {\n defaultProps: {\n relationship: 'label',\n content: 'Reload',\n withArrow: reload !== undefined,\n },\n renderByDefault: true,\n elementType: Tooltip as TooltipComponent,\n }),\n reload: slot.optional(reload, {\n defaultProps: {\n icon: <ReloadIcon />,\n size: 'small',\n appearance: 'transparent',\n },\n elementType: Button,\n }),\n action: slot.optional(action, { elementType: 'span' }),\n };\n};\n"],"names":["React","Button","Tooltip","getIntrinsicElementProps","slot","useArrowNavigationGroup","ArrowCounterclockwise16Regular","ArrowCounterclockwise16Filled","bundleIcon","useSuggestionList_unstable","props","ref","action","reload","ReloadIcon","components","root","reloadTooltip","always","role","axis","circular","elementType","optional","defaultProps","relationship","content","withArrow","undefined","renderByDefault","icon","size","appearance"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,EAAEC,OAAO,EAAEC,wBAAwB,EAAEC,IAAI,EAAEC,uBAAuB,QAAQ,6BAA6B;AACtH,SAASC,8BAA8B,EAAEC,6BAA6B,EAAEC,UAAU,QAAQ,wBAAwB;AAGlH,uEAAuE;AAEvE;;;;;;;;CAQC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC;IAEA,MAAM,EAAEC,MAAM,EAAEC,MAAM,EAAE,GAAGH;IAC3B,MAAMI,aAAaN,WAAWD,+BAA+BD;IAC7D,OAAO;QACLS,YAAY;YACVC,MAAM;YACNH,QAAQZ;YACRgB,eAAef;YACfU,QAAQ;QACV;QACAI,MAAMZ,KAAKc,MAAM,CACff,yBAAyB,OAAO;YAC9BQ;YACAQ,MAAM;YACN,cAAc;YACd,GAAGT,KAAK;YACR,GAAGL,wBAAwB;gBAAEe,MAAM;gBAAQC,UAAU;YAAK,EAAE;QAC9D,IACA;YAAEC,aAAa;QAAM;QAEvBL,eAAeb,KAAKmB,QAAQ,CAACb,MAAMO,aAAa,EAAE;YAChDO,cAAc;gBACZC,cAAc;gBACdC,SAAS;gBACTC,WAAWd,WAAWe;YACxB;YACAC,iBAAiB;YACjBP,aAAapB;QACf;QACAW,QAAQT,KAAKmB,QAAQ,CAACV,QAAQ;YAC5BW,cAAc;gBACZM,oBAAM,oBAAChB;gBACPiB,MAAM;gBACNC,YAAY;YACd;YACAV,aAAarB;QACf;QACAW,QAAQR,KAAKmB,QAAQ,CAACX,QAAQ;YAAEU,aAAa;QAAO;IACtD;AACF,EAAE"}
@@ -22,7 +22,7 @@ const useSuggestionList_unstable = (props, ref)=>{
22
22
  reloadTooltip: _reactcomponents.Tooltip,
23
23
  action: 'span'
24
24
  },
25
- root: _reactcomponents.slot.always((0, _reactcomponents.getNativeElementProps)('div', {
25
+ root: _reactcomponents.slot.always((0, _reactcomponents.getIntrinsicElementProps)('div', {
26
26
  ref,
27
27
  role: 'toolbar',
28
28
  'aria-label': 'suggestions',
@@ -1 +1 @@
1
- {"version":3,"sources":["useSuggestionList.js"],"sourcesContent":["import * as React from 'react';\nimport { Button, Tooltip, getNativeElementProps, slot, useArrowNavigationGroup } from '@fluentui/react-components';\nimport { ArrowCounterclockwise16Regular, ArrowCounterclockwise16Filled, bundleIcon } from '@fluentui/react-icons';\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 SuggestionList.\n *\n * The returned state can be modified with hooks such as useSuggestionListStyles_unstable,\n * before being passed to renderSuggestionList_unstable.\n *\n * @param props - props from this instance of SuggestionList\n * @param ref - reference to root HTMLElement of SuggestionList\n */\nexport const useSuggestionList_unstable = (props, ref) => {\n const {\n action,\n reload\n } = props;\n const ReloadIcon = bundleIcon(ArrowCounterclockwise16Filled, ArrowCounterclockwise16Regular);\n return {\n components: {\n root: 'div',\n reload: Button,\n reloadTooltip: Tooltip,\n action: 'span'\n },\n root: slot.always(getNativeElementProps('div', {\n ref,\n role: 'toolbar',\n 'aria-label': 'suggestions',\n ...props,\n ...useArrowNavigationGroup({\n axis: 'both',\n circular: true\n })\n }), {\n elementType: 'div'\n }),\n reloadTooltip: slot.optional(props.reloadTooltip, {\n defaultProps: {\n relationship: 'label',\n content: 'Reload',\n withArrow: reload !== undefined\n },\n renderByDefault: true,\n elementType: Tooltip\n }),\n reload: slot.optional(reload, {\n defaultProps: {\n icon: /*#__PURE__*/React.createElement(ReloadIcon, null),\n size: 'small',\n appearance: 'transparent'\n },\n elementType: Button\n }),\n action: slot.optional(action, {\n elementType: 'span'\n })\n };\n};\n//# sourceMappingURL=useSuggestionList.js.map"],"names":["useSuggestionList_unstable","props","ref","action","reload","ReloadIcon","bundleIcon","ArrowCounterclockwise16Filled","ArrowCounterclockwise16Regular","components","root","Button","reloadTooltip","Tooltip","slot","always","getNativeElementProps","role","useArrowNavigationGroup","axis","circular","elementType","optional","defaultProps","relationship","content","withArrow","undefined","renderByDefault","icon","React","createElement","size","appearance"],"mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;iCAC+D;4BACI;AAWnF,MAAMA,6BAA6B,CAACC,OAAOC;IAChD,MAAM,EACJC,MAAM,EACNC,MAAM,EACP,GAAGH;IACJ,MAAMI,aAAaC,IAAAA,sBAAU,EAACC,yCAA6B,EAAEC,0CAA8B;IAC3F,OAAO;QACLC,YAAY;YACVC,MAAM;YACNN,QAAQO,uBAAM;YACdC,eAAeC,wBAAO;YACtBV,QAAQ;QACV;QACAO,MAAMI,qBAAI,CAACC,MAAM,CAACC,IAAAA,sCAAqB,EAAC,OAAO;YAC7Cd;YACAe,MAAM;YACN,cAAc;YACd,GAAGhB,KAAK;YACR,GAAGiB,IAAAA,wCAAuB,EAAC;gBACzBC,MAAM;gBACNC,UAAU;YACZ,EAAE;QACJ,IAAI;YACFC,aAAa;QACf;QACAT,eAAeE,qBAAI,CAACQ,QAAQ,CAACrB,MAAMW,aAAa,EAAE;YAChDW,cAAc;gBACZC,cAAc;gBACdC,SAAS;gBACTC,WAAWtB,WAAWuB;YACxB;YACAC,iBAAiB;YACjBP,aAAaR,wBAAO;QACtB;QACAT,QAAQU,qBAAI,CAACQ,QAAQ,CAAClB,QAAQ;YAC5BmB,cAAc;gBACZM,MAAM,WAAW,GAAEC,OAAMC,aAAa,CAAC1B,YAAY;gBACnD2B,MAAM;gBACNC,YAAY;YACd;YACAZ,aAAaV,uBAAM;QACrB;QACAR,QAAQW,qBAAI,CAACQ,QAAQ,CAACnB,QAAQ;YAC5BkB,aAAa;QACf;IACF;AACF,GACA,6CAA6C"}
1
+ {"version":3,"sources":["useSuggestionList.js"],"sourcesContent":["import * as React from 'react';\nimport { Button, Tooltip, getIntrinsicElementProps, slot, useArrowNavigationGroup } from '@fluentui/react-components';\nimport { ArrowCounterclockwise16Regular, ArrowCounterclockwise16Filled, bundleIcon } from '@fluentui/react-icons';\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 SuggestionList.\n *\n * The returned state can be modified with hooks such as useSuggestionListStyles_unstable,\n * before being passed to renderSuggestionList_unstable.\n *\n * @param props - props from this instance of SuggestionList\n * @param ref - reference to root HTMLElement of SuggestionList\n */\nexport const useSuggestionList_unstable = (props, ref) => {\n const {\n action,\n reload\n } = props;\n const ReloadIcon = bundleIcon(ArrowCounterclockwise16Filled, ArrowCounterclockwise16Regular);\n return {\n components: {\n root: 'div',\n reload: Button,\n reloadTooltip: Tooltip,\n action: 'span'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n ref,\n role: 'toolbar',\n 'aria-label': 'suggestions',\n ...props,\n ...useArrowNavigationGroup({\n axis: 'both',\n circular: true\n })\n }), {\n elementType: 'div'\n }),\n reloadTooltip: slot.optional(props.reloadTooltip, {\n defaultProps: {\n relationship: 'label',\n content: 'Reload',\n withArrow: reload !== undefined\n },\n renderByDefault: true,\n elementType: Tooltip\n }),\n reload: slot.optional(reload, {\n defaultProps: {\n icon: /*#__PURE__*/React.createElement(ReloadIcon, null),\n size: 'small',\n appearance: 'transparent'\n },\n elementType: Button\n }),\n action: slot.optional(action, {\n elementType: 'span'\n })\n };\n};\n//# sourceMappingURL=useSuggestionList.js.map"],"names":["useSuggestionList_unstable","props","ref","action","reload","ReloadIcon","bundleIcon","ArrowCounterclockwise16Filled","ArrowCounterclockwise16Regular","components","root","Button","reloadTooltip","Tooltip","slot","always","getIntrinsicElementProps","role","useArrowNavigationGroup","axis","circular","elementType","optional","defaultProps","relationship","content","withArrow","undefined","renderByDefault","icon","React","createElement","size","appearance"],"mappings":";;;;+BAaaA;;;eAAAA;;;;iEAbU;iCACkE;4BACC;AAWnF,MAAMA,6BAA6B,CAACC,OAAOC;IAChD,MAAM,EACJC,MAAM,EACNC,MAAM,EACP,GAAGH;IACJ,MAAMI,aAAaC,IAAAA,sBAAU,EAACC,yCAA6B,EAAEC,0CAA8B;IAC3F,OAAO;QACLC,YAAY;YACVC,MAAM;YACNN,QAAQO,uBAAM;YACdC,eAAeC,wBAAO;YACtBV,QAAQ;QACV;QACAO,MAAMI,qBAAI,CAACC,MAAM,CAACC,IAAAA,yCAAwB,EAAC,OAAO;YAChDd;YACAe,MAAM;YACN,cAAc;YACd,GAAGhB,KAAK;YACR,GAAGiB,IAAAA,wCAAuB,EAAC;gBACzBC,MAAM;gBACNC,UAAU;YACZ,EAAE;QACJ,IAAI;YACFC,aAAa;QACf;QACAT,eAAeE,qBAAI,CAACQ,QAAQ,CAACrB,MAAMW,aAAa,EAAE;YAChDW,cAAc;gBACZC,cAAc;gBACdC,SAAS;gBACTC,WAAWtB,WAAWuB;YACxB;YACAC,iBAAiB;YACjBP,aAAaR,wBAAO;QACtB;QACAT,QAAQU,qBAAI,CAACQ,QAAQ,CAAClB,QAAQ;YAC5BmB,cAAc;gBACZM,MAAM,WAAW,GAAEC,OAAMC,aAAa,CAAC1B,YAAY;gBACnD2B,MAAM;gBACNC,YAAY;YACd;YACAZ,aAAaV,uBAAM;QACrB;QACAR,QAAQW,qBAAI,CAACQ,QAAQ,CAACnB,QAAQ;YAC5BkB,aAAa;QACf;IACF;AACF,GACA,6CAA6C"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui-copilot/react-suggestions",
3
- "version": "0.7.0",
3
+ "version": "0.8.0",
4
4
  "description": "A Fluent AI package",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",