@fluentui/react-drawer 9.0.0-beta.34 → 9.0.0-beta.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/CHANGELOG.json +73 -1
  2. package/CHANGELOG.md +27 -2
  3. package/lib/components/DrawerBody/useDrawerBody.js +6 -3
  4. package/lib/components/DrawerBody/useDrawerBody.js.map +1 -1
  5. package/lib/components/DrawerFooter/useDrawerFooter.js +2 -2
  6. package/lib/components/DrawerFooter/useDrawerFooter.js.map +1 -1
  7. package/lib/components/DrawerHeader/useDrawerHeader.js +2 -2
  8. package/lib/components/DrawerHeader/useDrawerHeader.js.map +1 -1
  9. package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js +2 -2
  10. package/lib/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
  11. package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitle.js +2 -2
  12. package/lib/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
  13. package/lib/components/DrawerInline/useDrawerInline.js +2 -2
  14. package/lib/components/DrawerInline/useDrawerInline.js.map +1 -1
  15. package/lib-commonjs/components/DrawerBody/useDrawerBody.js +5 -2
  16. package/lib-commonjs/components/DrawerBody/useDrawerBody.js.map +1 -1
  17. package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js +1 -1
  18. package/lib-commonjs/components/DrawerFooter/useDrawerFooter.js.map +1 -1
  19. package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js +1 -1
  20. package/lib-commonjs/components/DrawerHeader/useDrawerHeader.js.map +1 -1
  21. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js +1 -1
  22. package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map +1 -1
  23. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js +1 -1
  24. package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map +1 -1
  25. package/lib-commonjs/components/DrawerInline/useDrawerInline.js +1 -1
  26. package/lib-commonjs/components/DrawerInline/useDrawerInline.js.map +1 -1
  27. package/package.json +6 -6
package/CHANGELOG.json CHANGED
@@ -2,7 +2,79 @@
2
2
  "name": "@fluentui/react-drawer",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 11 Oct 2023 13:50:07 GMT",
5
+ "date": "Wed, 18 Oct 2023 17:47:37 GMT",
6
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.36",
7
+ "version": "9.0.0-beta.36",
8
+ "comments": {
9
+ "prerelease": [
10
+ {
11
+ "author": "beachball",
12
+ "package": "@fluentui/react-drawer",
13
+ "comment": "Bump @fluentui/react-dialog to v9.7.10",
14
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-drawer",
19
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.18",
20
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-drawer",
25
+ "comment": "Bump @fluentui/react-motion-preview to v0.3.4",
26
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-drawer",
31
+ "comment": "Bump @fluentui/react-tabster to v9.14.0",
32
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
33
+ },
34
+ {
35
+ "author": "beachball",
36
+ "package": "@fluentui/react-drawer",
37
+ "comment": "Bump @fluentui/react-utilities to v9.15.1",
38
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
39
+ }
40
+ ]
41
+ }
42
+ },
43
+ {
44
+ "date": "Thu, 12 Oct 2023 14:55:43 GMT",
45
+ "tag": "@fluentui/react-drawer_v9.0.0-beta.35",
46
+ "version": "9.0.0-beta.35",
47
+ "comments": {
48
+ "prerelease": [
49
+ {
50
+ "author": "bernardo.sunderhus@gmail.com",
51
+ "package": "@fluentui/react-drawer",
52
+ "commit": "355fd5631311dc163f32ba79655a132376089f95",
53
+ "comment": "chore: migrate from getNativeElementProps for getIntrinsicElementProps"
54
+ },
55
+ {
56
+ "author": "beachball",
57
+ "package": "@fluentui/react-drawer",
58
+ "comment": "Bump @fluentui/react-dialog to v9.7.9",
59
+ "commit": "8178c3cae60005bc21137aa1f3e766e18cdb4a30"
60
+ },
61
+ {
62
+ "author": "beachball",
63
+ "package": "@fluentui/react-drawer",
64
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.17",
65
+ "commit": "8178c3cae60005bc21137aa1f3e766e18cdb4a30"
66
+ },
67
+ {
68
+ "author": "beachball",
69
+ "package": "@fluentui/react-drawer",
70
+ "comment": "Bump @fluentui/react-motion-preview to v0.3.3",
71
+ "commit": "8178c3cae60005bc21137aa1f3e766e18cdb4a30"
72
+ }
73
+ ]
74
+ }
75
+ },
76
+ {
77
+ "date": "Wed, 11 Oct 2023 13:54:26 GMT",
6
78
  "tag": "@fluentui/react-drawer_v9.0.0-beta.34",
7
79
  "version": "9.0.0-beta.34",
8
80
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,37 @@
1
1
  # Change Log - @fluentui/react-drawer
2
2
 
3
- This log was last generated on Wed, 11 Oct 2023 13:50:07 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 18 Oct 2023 17:47:37 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.0-beta.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.36)
8
+
9
+ Wed, 18 Oct 2023 17:47:37 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.35..@fluentui/react-drawer_v9.0.0-beta.36)
11
+
12
+ ### Changes
13
+
14
+ - Bump @fluentui/react-dialog to v9.7.10 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
15
+ - Bump @fluentui/react-jsx-runtime to v9.0.18 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
16
+ - Bump @fluentui/react-motion-preview to v0.3.4 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
17
+ - Bump @fluentui/react-tabster to v9.14.0 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
18
+ - Bump @fluentui/react-utilities to v9.15.1 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
19
+
20
+ ## [9.0.0-beta.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.35)
21
+
22
+ Thu, 12 Oct 2023 14:55:43 GMT
23
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.34..@fluentui/react-drawer_v9.0.0-beta.35)
24
+
25
+ ### Changes
26
+
27
+ - chore: migrate from getNativeElementProps for getIntrinsicElementProps ([PR #29498](https://github.com/microsoft/fluentui/pull/29498) by bernardo.sunderhus@gmail.com)
28
+ - Bump @fluentui/react-dialog to v9.7.9 ([PR #29513](https://github.com/microsoft/fluentui/pull/29513) by beachball)
29
+ - Bump @fluentui/react-jsx-runtime to v9.0.17 ([PR #29513](https://github.com/microsoft/fluentui/pull/29513) by beachball)
30
+ - Bump @fluentui/react-motion-preview to v0.3.3 ([PR #29513](https://github.com/microsoft/fluentui/pull/29513) by beachball)
31
+
7
32
  ## [9.0.0-beta.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-drawer_v9.0.0-beta.34)
8
33
 
9
- Wed, 11 Oct 2023 13:50:07 GMT
34
+ Wed, 11 Oct 2023 13:54:26 GMT
10
35
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-drawer_v9.0.0-beta.33..@fluentui/react-drawer_v9.0.0-beta.34)
11
36
 
12
37
  ### Changes
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { getNativeElementProps, slot } from '@fluentui/react-utilities';
2
+ import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
3
3
  /**
4
4
  * Create the state required to render DrawerBody.
5
5
  *
@@ -13,8 +13,11 @@ import { getNativeElementProps, slot } from '@fluentui/react-utilities';
13
13
  components: {
14
14
  root: 'div'
15
15
  },
16
- root: slot.always(getNativeElementProps('div', {
17
- ref,
16
+ root: slot.always(getIntrinsicElementProps('div', {
17
+ // FIXME:
18
+ // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
19
+ // but since it would be a breaking change to fix it, we are casting ref to it's proper type
20
+ ref: ref,
18
21
  ...props
19
22
  }), {
20
23
  elementType: 'div'
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerBody.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n\nimport type { DrawerBodyProps, DrawerBodyState } from './DrawerBody.types';\n\n/**\n * Create the state required to render DrawerBody.\n *\n * The returned state can be modified with hooks such as useDrawerBodyStyles_unstable,\n * before being passed to renderDrawerBody_unstable.\n *\n * @param props - props from this instance of DrawerBody\n * @param ref - reference to root HTMLElement of DrawerBody\n */\nexport const useDrawerBody_unstable = (props: DrawerBodyProps, ref: React.Ref<HTMLElement>): DrawerBodyState => {\n return {\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getNativeElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["React","getNativeElementProps","slot","useDrawerBody_unstable","props","ref","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AAIxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,yBAAyB,CAACC,OAAwBC;IAC7D,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QAEAA,MAAML,KAAKM,MAAM,CACfP,sBAAsB,OAAO;YAC3BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAM;IAEzB;AACF,EAAE"}
1
+ {"version":3,"sources":["useDrawerBody.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport type { DrawerBodyProps, DrawerBodyState } from './DrawerBody.types';\n\n/**\n * Create the state required to render DrawerBody.\n *\n * The returned state can be modified with hooks such as useDrawerBodyStyles_unstable,\n * before being passed to renderDrawerBody_unstable.\n *\n * @param props - props from this instance of DrawerBody\n * @param ref - reference to root HTMLElement of DrawerBody\n */\nexport const useDrawerBody_unstable = (props: DrawerBodyProps, ref: React.Ref<HTMLElement>): DrawerBodyState => {\n return {\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n ...props,\n }),\n { elementType: 'div' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useDrawerBody_unstable","props","ref","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAI3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,yBAAyB,CAACC,OAAwBC;IAC7D,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QAEAA,MAAML,KAAKM,MAAM,CACfP,yBAAyB,OAAO;YAC9B,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FI,KAAKA;YACL,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAM;IAEzB;AACF,EAAE"}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { getNativeElementProps, slot } from '@fluentui/react-utilities';
2
+ import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
3
3
  /**
4
4
  * Create the state required to render DrawerFooter.
5
5
  *
@@ -13,7 +13,7 @@ import { getNativeElementProps, slot } from '@fluentui/react-utilities';
13
13
  components: {
14
14
  root: 'footer'
15
15
  },
16
- root: slot.always(getNativeElementProps('footer', {
16
+ root: slot.always(getIntrinsicElementProps('footer', {
17
17
  ref,
18
18
  ...props
19
19
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerFooter.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n\nimport type { DrawerFooterProps, DrawerFooterState } from './DrawerFooter.types';\n\n/**\n * Create the state required to render DrawerFooter.\n *\n * The returned state can be modified with hooks such as useDrawerFooterStyles_unstable,\n * before being passed to renderDrawerFooter_unstable.\n *\n * @param props - props from this instance of DrawerFooter\n * @param ref - reference to root HTMLElement of DrawerFooter\n */\nexport const useDrawerFooter_unstable = (props: DrawerFooterProps, ref: React.Ref<HTMLElement>): DrawerFooterState => {\n return {\n components: {\n root: 'footer',\n },\n\n root: slot.always(\n getNativeElementProps('footer', {\n ref,\n ...props,\n }),\n { elementType: 'footer' },\n ),\n };\n};\n"],"names":["React","getNativeElementProps","slot","useDrawerFooter_unstable","props","ref","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AAIxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC;IACjE,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QAEAA,MAAML,KAAKM,MAAM,CACfP,sBAAsB,UAAU;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAS;IAE5B;AACF,EAAE"}
1
+ {"version":3,"sources":["useDrawerFooter.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport type { DrawerFooterProps, DrawerFooterState } from './DrawerFooter.types';\n\n/**\n * Create the state required to render DrawerFooter.\n *\n * The returned state can be modified with hooks such as useDrawerFooterStyles_unstable,\n * before being passed to renderDrawerFooter_unstable.\n *\n * @param props - props from this instance of DrawerFooter\n * @param ref - reference to root HTMLElement of DrawerFooter\n */\nexport const useDrawerFooter_unstable = (props: DrawerFooterProps, ref: React.Ref<HTMLElement>): DrawerFooterState => {\n return {\n components: {\n root: 'footer',\n },\n\n root: slot.always(\n getIntrinsicElementProps('footer', {\n ref,\n ...props,\n }),\n { elementType: 'footer' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useDrawerFooter_unstable","props","ref","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAI3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC;IACjE,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QAEAA,MAAML,KAAKM,MAAM,CACfP,yBAAyB,UAAU;YACjCI;YACA,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAS;IAE5B;AACF,EAAE"}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { getNativeElementProps, slot } from '@fluentui/react-utilities';
2
+ import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
3
3
  /**
4
4
  * Create the state required to render DrawerHeader.
5
5
  *
@@ -13,7 +13,7 @@ import { getNativeElementProps, slot } from '@fluentui/react-utilities';
13
13
  components: {
14
14
  root: 'header'
15
15
  },
16
- root: slot.always(getNativeElementProps('header', {
16
+ root: slot.always(getIntrinsicElementProps('header', {
17
17
  ref,
18
18
  ...props
19
19
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n\nimport type { DrawerHeaderProps, DrawerHeaderState } from './DrawerHeader.types';\n\n/**\n * Create the state required to render DrawerHeader.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderStyles_unstable,\n * before being passed to renderDrawerHeader_unstable.\n *\n * @param props - props from this instance of DrawerHeader\n * @param ref - reference to root HTMLElement of DrawerHeader\n */\nexport const useDrawerHeader_unstable = (props: DrawerHeaderProps, ref: React.Ref<HTMLElement>): DrawerHeaderState => {\n return {\n components: {\n root: 'header',\n },\n\n root: slot.always(\n getNativeElementProps('header', {\n ref,\n ...props,\n }),\n { elementType: 'header' },\n ),\n };\n};\n"],"names":["React","getNativeElementProps","slot","useDrawerHeader_unstable","props","ref","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AAIxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC;IACjE,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QAEAA,MAAML,KAAKM,MAAM,CACfP,sBAAsB,UAAU;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAS;IAE5B;AACF,EAAE"}
1
+ {"version":3,"sources":["useDrawerHeader.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport type { DrawerHeaderProps, DrawerHeaderState } from './DrawerHeader.types';\n\n/**\n * Create the state required to render DrawerHeader.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderStyles_unstable,\n * before being passed to renderDrawerHeader_unstable.\n *\n * @param props - props from this instance of DrawerHeader\n * @param ref - reference to root HTMLElement of DrawerHeader\n */\nexport const useDrawerHeader_unstable = (props: DrawerHeaderProps, ref: React.Ref<HTMLElement>): DrawerHeaderState => {\n return {\n components: {\n root: 'header',\n },\n\n root: slot.always(\n getIntrinsicElementProps('header', {\n ref,\n ...props,\n }),\n { elementType: 'header' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useDrawerHeader_unstable","props","ref","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAI3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC;IACjE,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QAEAA,MAAML,KAAKM,MAAM,CACfP,yBAAyB,UAAU;YACjCI;YACA,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAS;IAE5B;AACF,EAAE"}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { getNativeElementProps, slot } from '@fluentui/react-utilities';
2
+ import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
3
3
  /**
4
4
  * Create the state required to render DrawerHeaderNavigation.
5
5
  *
@@ -13,7 +13,7 @@ import { getNativeElementProps, slot } from '@fluentui/react-utilities';
13
13
  components: {
14
14
  root: 'nav'
15
15
  },
16
- root: slot.always(getNativeElementProps('nav', {
16
+ root: slot.always(getIntrinsicElementProps('nav', {
17
17
  ref,
18
18
  ...props
19
19
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeaderNavigation.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n\nimport type { DrawerHeaderNavigationProps, DrawerHeaderNavigationState } from './DrawerHeaderNavigation.types';\n\n/**\n * Create the state required to render DrawerHeaderNavigation.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderNavigationStyles_unstable,\n * before being passed to renderDrawerHeaderNavigation_unstable.\n *\n * @param props - props from this instance of DrawerHeaderNavigation\n * @param ref - reference to root HTMLElement of DrawerHeaderNavigation\n */\nexport const useDrawerHeaderNavigation_unstable = (\n props: DrawerHeaderNavigationProps,\n ref: React.Ref<HTMLElement>,\n): DrawerHeaderNavigationState => {\n return {\n components: {\n root: 'nav',\n },\n\n root: slot.always(\n getNativeElementProps('nav', {\n ref,\n ...props,\n }),\n { elementType: 'nav' },\n ),\n };\n};\n"],"names":["React","getNativeElementProps","slot","useDrawerHeaderNavigation_unstable","props","ref","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AAIxE;;;;;;;;CAQC,GACD,OAAO,MAAMC,qCAAqC,CAChDC,OACAC;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QAEAA,MAAML,KAAKM,MAAM,CACfP,sBAAsB,OAAO;YAC3BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAM;IAEzB;AACF,EAAE"}
1
+ {"version":3,"sources":["useDrawerHeaderNavigation.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n\nimport type { DrawerHeaderNavigationProps, DrawerHeaderNavigationState } from './DrawerHeaderNavigation.types';\n\n/**\n * Create the state required to render DrawerHeaderNavigation.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderNavigationStyles_unstable,\n * before being passed to renderDrawerHeaderNavigation_unstable.\n *\n * @param props - props from this instance of DrawerHeaderNavigation\n * @param ref - reference to root HTMLElement of DrawerHeaderNavigation\n */\nexport const useDrawerHeaderNavigation_unstable = (\n props: DrawerHeaderNavigationProps,\n ref: React.Ref<HTMLElement>,\n): DrawerHeaderNavigationState => {\n return {\n components: {\n root: 'nav',\n },\n\n root: slot.always(\n getIntrinsicElementProps('nav', {\n ref,\n ...props,\n }),\n { elementType: 'nav' },\n ),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useDrawerHeaderNavigation_unstable","props","ref","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAI3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,qCAAqC,CAChDC,OACAC;IAEA,OAAO;QACLC,YAAY;YACVC,MAAM;QACR;QAEAA,MAAML,KAAKM,MAAM,CACfP,yBAAyB,OAAO;YAC9BI;YACA,GAAGD,KAAK;QACV,IACA;YAAEK,aAAa;QAAM;IAEzB;AACF,EAAE"}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { getNativeElementProps, slot } from '@fluentui/react-utilities';
2
+ import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
3
3
  import { useDialogContext_unstable } from '@fluentui/react-dialog';
4
4
  /**
5
5
  * @internal
@@ -32,7 +32,7 @@ import { useDialogContext_unstable } from '@fluentui/react-dialog';
32
32
  heading: 'h2',
33
33
  action: 'div'
34
34
  },
35
- root: slot.always(getNativeElementProps('div', {
35
+ root: slot.always(getIntrinsicElementProps('div', {
36
36
  ref,
37
37
  ...props
38
38
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeaderTitle.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '@fluentui/react-dialog';\n\nimport type { DrawerHeaderTitleProps, DrawerHeaderTitleState } from './DrawerHeaderTitle.types';\n\n/**\n * @internal\n * Create the shorthand for the heading element.\n * @param props - props from this instance of DrawerHeaderTitle\n */\nconst useHeadingProps = ({ children, heading }: DrawerHeaderTitleProps) => {\n const id = useDialogContext_unstable(ctx => ctx.dialogTitleId);\n\n return slot.optional(heading, {\n defaultProps: {\n id,\n children,\n },\n renderByDefault: true,\n elementType: 'h2',\n });\n};\n\n/**\n * Create the state required to render DrawerHeaderTitle.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderTitleStyles_unstable,\n * before being passed to renderDrawerHeaderTitle_unstable.\n *\n * @param props - props from this instance of DrawerHeaderTitle\n * @param ref - reference to root HTMLElement of DrawerHeaderTitle\n */\nexport const useDrawerHeaderTitle_unstable = (\n props: DrawerHeaderTitleProps,\n ref: React.Ref<HTMLDivElement>,\n): DrawerHeaderTitleState => {\n const headingProps = useHeadingProps(props);\n\n return {\n components: {\n root: 'div',\n heading: 'h2',\n action: 'div',\n },\n\n root: slot.always(\n getNativeElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n heading: headingProps,\n action: slot.optional(props.action, {\n elementType: 'div',\n }),\n };\n};\n"],"names":["React","getNativeElementProps","slot","useDialogContext_unstable","useHeadingProps","children","heading","id","ctx","dialogTitleId","optional","defaultProps","renderByDefault","elementType","useDrawerHeaderTitle_unstable","props","ref","headingProps","components","root","action","always"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AACxE,SAASC,yBAAyB,QAAQ,yBAAyB;AAInE;;;;CAIC,GACD,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAA0B;IACpE,MAAMC,KAAKJ,0BAA0BK,CAAAA,MAAOA,IAAIC,aAAa;IAE7D,OAAOP,KAAKQ,QAAQ,CAACJ,SAAS;QAC5BK,cAAc;YACZJ;YACAF;QACF;QACAO,iBAAiB;QACjBC,aAAa;IACf;AACF;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMC,gCAAgC,CAC3CC,OACAC;IAEA,MAAMC,eAAeb,gBAAgBW;IAErC,OAAO;QACLG,YAAY;YACVC,MAAM;YACNb,SAAS;YACTc,QAAQ;QACV;QAEAD,MAAMjB,KAAKmB,MAAM,CACfpB,sBAAsB,OAAO;YAC3Be;YACA,GAAGD,KAAK;QACV,IACA;YAAEF,aAAa;QAAM;QAEvBP,SAASW;QACTG,QAAQlB,KAAKQ,QAAQ,CAACK,MAAMK,MAAM,EAAE;YAClCP,aAAa;QACf;IACF;AACF,EAAE"}
1
+ {"version":3,"sources":["useDrawerHeaderTitle.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '@fluentui/react-dialog';\n\nimport type { DrawerHeaderTitleProps, DrawerHeaderTitleState } from './DrawerHeaderTitle.types';\n\n/**\n * @internal\n * Create the shorthand for the heading element.\n * @param props - props from this instance of DrawerHeaderTitle\n */\nconst useHeadingProps = ({ children, heading }: DrawerHeaderTitleProps) => {\n const id = useDialogContext_unstable(ctx => ctx.dialogTitleId);\n\n return slot.optional(heading, {\n defaultProps: {\n id,\n children,\n },\n renderByDefault: true,\n elementType: 'h2',\n });\n};\n\n/**\n * Create the state required to render DrawerHeaderTitle.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderTitleStyles_unstable,\n * before being passed to renderDrawerHeaderTitle_unstable.\n *\n * @param props - props from this instance of DrawerHeaderTitle\n * @param ref - reference to root HTMLElement of DrawerHeaderTitle\n */\nexport const useDrawerHeaderTitle_unstable = (\n props: DrawerHeaderTitleProps,\n ref: React.Ref<HTMLDivElement>,\n): DrawerHeaderTitleState => {\n const headingProps = useHeadingProps(props);\n\n return {\n components: {\n root: 'div',\n heading: 'h2',\n action: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n ),\n heading: headingProps,\n action: slot.optional(props.action, {\n elementType: 'div',\n }),\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useDialogContext_unstable","useHeadingProps","children","heading","id","ctx","dialogTitleId","optional","defaultProps","renderByDefault","elementType","useDrawerHeaderTitle_unstable","props","ref","headingProps","components","root","action","always"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,SAASC,yBAAyB,QAAQ,yBAAyB;AAInE;;;;CAIC,GACD,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAA0B;IACpE,MAAMC,KAAKJ,0BAA0BK,CAAAA,MAAOA,IAAIC,aAAa;IAE7D,OAAOP,KAAKQ,QAAQ,CAACJ,SAAS;QAC5BK,cAAc;YACZJ;YACAF;QACF;QACAO,iBAAiB;QACjBC,aAAa;IACf;AACF;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMC,gCAAgC,CAC3CC,OACAC;IAEA,MAAMC,eAAeb,gBAAgBW;IAErC,OAAO;QACLG,YAAY;YACVC,MAAM;YACNb,SAAS;YACTc,QAAQ;QACV;QAEAD,MAAMjB,KAAKmB,MAAM,CACfpB,yBAAyB,OAAO;YAC9Be;YACA,GAAGD,KAAK;QACV,IACA;YAAEF,aAAa;QAAM;QAEvBP,SAASW;QACTG,QAAQlB,KAAKQ,QAAQ,CAACK,MAAMK,MAAM,EAAE;YAClCP,aAAa;QACf;IACF;AACF,EAAE"}
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { getNativeElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';
2
+ import { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';
3
3
  import { useMotion } from '@fluentui/react-motion-preview';
4
4
  import { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';
5
5
  /**
@@ -18,7 +18,7 @@ import { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';
18
18
  components: {
19
19
  root: 'div'
20
20
  },
21
- root: slot.always(getNativeElementProps('div', {
21
+ root: slot.always(getIntrinsicElementProps('div', {
22
22
  ...props,
23
23
  ref: useMergedRefs(ref, motion.ref)
24
24
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerInline.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMotion } from '@fluentui/react-motion-preview';\n\nimport type { DrawerInlineProps, DrawerInlineState } from './DrawerInline.types';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\n\n/**\n * Create the state required to render DrawerInline.\n *\n * The returned state can be modified with hooks such as useDrawerInlineStyles_unstable,\n * before being passed to renderDrawerInline_unstable.\n *\n * @param props - props from this instance of DrawerInline\n * @param ref - reference to root HTMLElement of DrawerInline\n */\nexport const useDrawerInline_unstable = (\n props: DrawerInlineProps,\n ref: React.Ref<HTMLDivElement>,\n): DrawerInlineState => {\n const { size, position, open } = useDrawerDefaultProps(props);\n const { separator = false } = props;\n\n const motion = useMotion<HTMLDivElement>(open);\n\n return {\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getNativeElementProps('div', {\n ...props,\n ref: useMergedRefs(ref, motion.ref),\n }),\n { elementType: 'div' },\n ),\n\n size,\n position,\n separator,\n motion,\n };\n};\n"],"names":["React","getNativeElementProps","slot","useMergedRefs","useMotion","useDrawerDefaultProps","useDrawerInline_unstable","props","ref","size","position","open","separator","motion","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,EAAEC,aAAa,QAAQ,4BAA4B;AACvF,SAASC,SAAS,QAAQ,iCAAiC;AAG3D,SAASC,qBAAqB,QAAQ,qCAAqC;AAE3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CACtCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGN,sBAAsBE;IACvD,MAAM,EAAEK,YAAY,KAAK,EAAE,GAAGL;IAE9B,MAAMM,SAAST,UAA0BO;IAEzC,OAAO;QACLG,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMb,KAAKc,MAAM,CACff,sBAAsB,OAAO;YAC3B,GAAGM,KAAK;YACRC,KAAKL,cAAcK,KAAKK,OAAOL,GAAG;QACpC,IACA;YAAES,aAAa;QAAM;QAGvBR;QACAC;QACAE;QACAC;IACF;AACF,EAAE"}
1
+ {"version":3,"sources":["useDrawerInline.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMotion } from '@fluentui/react-motion-preview';\n\nimport type { DrawerInlineProps, DrawerInlineState } from './DrawerInline.types';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\n\n/**\n * Create the state required to render DrawerInline.\n *\n * The returned state can be modified with hooks such as useDrawerInlineStyles_unstable,\n * before being passed to renderDrawerInline_unstable.\n *\n * @param props - props from this instance of DrawerInline\n * @param ref - reference to root HTMLElement of DrawerInline\n */\nexport const useDrawerInline_unstable = (\n props: DrawerInlineProps,\n ref: React.Ref<HTMLDivElement>,\n): DrawerInlineState => {\n const { size, position, open } = useDrawerDefaultProps(props);\n const { separator = false } = props;\n\n const motion = useMotion<HTMLDivElement>(open);\n\n return {\n components: {\n root: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n ...props,\n ref: useMergedRefs(ref, motion.ref),\n }),\n { elementType: 'div' },\n ),\n\n size,\n position,\n separator,\n motion,\n };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useMergedRefs","useMotion","useDrawerDefaultProps","useDrawerInline_unstable","props","ref","size","position","open","separator","motion","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,EAAEC,aAAa,QAAQ,4BAA4B;AAC1F,SAASC,SAAS,QAAQ,iCAAiC;AAG3D,SAASC,qBAAqB,QAAQ,qCAAqC;AAE3E;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CACtCC,OACAC;IAEA,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGN,sBAAsBE;IACvD,MAAM,EAAEK,YAAY,KAAK,EAAE,GAAGL;IAE9B,MAAMM,SAAST,UAA0BO;IAEzC,OAAO;QACLG,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMb,KAAKc,MAAM,CACff,yBAAyB,OAAO;YAC9B,GAAGM,KAAK;YACRC,KAAKL,cAAcK,KAAKK,OAAOL,GAAG;QACpC,IACA;YAAES,aAAa;QAAM;QAGvBR;QACAC;QACAE;QACAC;IACF;AACF,EAAE"}
@@ -16,8 +16,11 @@ const useDrawerBody_unstable = (props, ref)=>{
16
16
  components: {
17
17
  root: 'div'
18
18
  },
19
- root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
20
- ref,
19
+ root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
20
+ // FIXME:
21
+ // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
22
+ // but since it would be a breaking change to fix it, we are casting ref to it's proper type
23
+ ref: ref,
21
24
  ...props
22
25
  }), {
23
26
  elementType: 'div'
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerBody.\n *\n * The returned state can be modified with hooks such as useDrawerBodyStyles_unstable,\n * before being passed to renderDrawerBody_unstable.\n *\n * @param props - props from this instance of DrawerBody\n * @param ref - reference to root HTMLElement of DrawerBody\n */ export const useDrawerBody_unstable = (props, ref)=>{\n return {\n components: {\n root: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n ref,\n ...props\n }), {\n elementType: 'div'\n })\n };\n};\n"],"names":["useDrawerBody_unstable","props","ref","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACqB;AASjC,MAAMA,yBAAyB,CAACC,OAAOC;IAC9C,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CL;YACA,GAAGD,KAAK;QACZ,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDrawerBody.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerBody.\n *\n * The returned state can be modified with hooks such as useDrawerBodyStyles_unstable,\n * before being passed to renderDrawerBody_unstable.\n *\n * @param props - props from this instance of DrawerBody\n * @param ref - reference to root HTMLElement of DrawerBody\n */ export const useDrawerBody_unstable = (props, ref)=>{\n return {\n components: {\n root: 'div'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref,\n ...props\n }), {\n elementType: 'div'\n })\n };\n};\n"],"names":["useDrawerBody_unstable","props","ref","components","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACwB;AASpC,MAAMA,yBAAyB,CAACC,OAAOC;IAC9C,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FL,KAAKA;YACL,GAAGD,KAAK;QACZ,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}
@@ -16,7 +16,7 @@ const useDrawerFooter_unstable = (props, ref)=>{
16
16
  components: {
17
17
  root: 'footer'
18
18
  },
19
- root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('footer', {
19
+ root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('footer', {
20
20
  ref,
21
21
  ...props
22
22
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerFooter.\n *\n * The returned state can be modified with hooks such as useDrawerFooterStyles_unstable,\n * before being passed to renderDrawerFooter_unstable.\n *\n * @param props - props from this instance of DrawerFooter\n * @param ref - reference to root HTMLElement of DrawerFooter\n */ export const useDrawerFooter_unstable = (props, ref)=>{\n return {\n components: {\n root: 'footer'\n },\n root: slot.always(getNativeElementProps('footer', {\n ref,\n ...props\n }), {\n elementType: 'footer'\n })\n };\n};\n"],"names":["useDrawerFooter_unstable","props","ref","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACqB;AASjC,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,UAAU;YAC9CL;YACA,GAAGD,KAAK;QACZ,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDrawerFooter.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerFooter.\n *\n * The returned state can be modified with hooks such as useDrawerFooterStyles_unstable,\n * before being passed to renderDrawerFooter_unstable.\n *\n * @param props - props from this instance of DrawerFooter\n * @param ref - reference to root HTMLElement of DrawerFooter\n */ export const useDrawerFooter_unstable = (props, ref)=>{\n return {\n components: {\n root: 'footer'\n },\n root: slot.always(getIntrinsicElementProps('footer', {\n ref,\n ...props\n }), {\n elementType: 'footer'\n })\n };\n};\n"],"names":["useDrawerFooter_unstable","props","ref","components","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACwB;AASpC,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,UAAU;YACjDL;YACA,GAAGD,KAAK;QACZ,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}
@@ -16,7 +16,7 @@ const useDrawerHeader_unstable = (props, ref)=>{
16
16
  components: {
17
17
  root: 'header'
18
18
  },
19
- root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('header', {
19
+ root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('header', {
20
20
  ref,
21
21
  ...props
22
22
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerHeader.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderStyles_unstable,\n * before being passed to renderDrawerHeader_unstable.\n *\n * @param props - props from this instance of DrawerHeader\n * @param ref - reference to root HTMLElement of DrawerHeader\n */ export const useDrawerHeader_unstable = (props, ref)=>{\n return {\n components: {\n root: 'header'\n },\n root: slot.always(getNativeElementProps('header', {\n ref,\n ...props\n }), {\n elementType: 'header'\n })\n };\n};\n"],"names":["useDrawerHeader_unstable","props","ref","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACqB;AASjC,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,UAAU;YAC9CL;YACA,GAAGD,KAAK;QACZ,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDrawerHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerHeader.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderStyles_unstable,\n * before being passed to renderDrawerHeader_unstable.\n *\n * @param props - props from this instance of DrawerHeader\n * @param ref - reference to root HTMLElement of DrawerHeader\n */ export const useDrawerHeader_unstable = (props, ref)=>{\n return {\n components: {\n root: 'header'\n },\n root: slot.always(getIntrinsicElementProps('header', {\n ref,\n ...props\n }), {\n elementType: 'header'\n })\n };\n};\n"],"names":["useDrawerHeader_unstable","props","ref","components","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACwB;AASpC,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,UAAU;YACjDL;YACA,GAAGD,KAAK;QACZ,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}
@@ -16,7 +16,7 @@ const useDrawerHeaderNavigation_unstable = (props, ref)=>{
16
16
  components: {
17
17
  root: 'nav'
18
18
  },
19
- root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('nav', {
19
+ root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('nav', {
20
20
  ref,
21
21
  ...props
22
22
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeaderNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerHeaderNavigation.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderNavigationStyles_unstable,\n * before being passed to renderDrawerHeaderNavigation_unstable.\n *\n * @param props - props from this instance of DrawerHeaderNavigation\n * @param ref - reference to root HTMLElement of DrawerHeaderNavigation\n */ export const useDrawerHeaderNavigation_unstable = (props, ref)=>{\n return {\n components: {\n root: 'nav'\n },\n root: slot.always(getNativeElementProps('nav', {\n ref,\n ...props\n }), {\n elementType: 'nav'\n })\n };\n};\n"],"names":["useDrawerHeaderNavigation_unstable","props","ref","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACqB;AASjC,MAAMA,qCAAqC,CAACC,OAAOC;IAC1D,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CL;YACA,GAAGD,KAAK;QACZ,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDrawerHeaderNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerHeaderNavigation.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderNavigationStyles_unstable,\n * before being passed to renderDrawerHeaderNavigation_unstable.\n *\n * @param props - props from this instance of DrawerHeaderNavigation\n * @param ref - reference to root HTMLElement of DrawerHeaderNavigation\n */ export const useDrawerHeaderNavigation_unstable = (props, ref)=>{\n return {\n components: {\n root: 'nav'\n },\n root: slot.always(getIntrinsicElementProps('nav', {\n ref,\n ...props\n }), {\n elementType: 'nav'\n })\n };\n};\n"],"names":["useDrawerHeaderNavigation_unstable","props","ref","components","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACwB;AASpC,MAAMA,qCAAqC,CAACC,OAAOC;IAC1D,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CL;YACA,GAAGD,KAAK;QACZ,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}
@@ -35,7 +35,7 @@ const useDrawerHeaderTitle_unstable = (props, ref)=>{
35
35
  heading: 'h2',
36
36
  action: 'div'
37
37
  },
38
- root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
38
+ root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
39
39
  ref,
40
40
  ...props
41
41
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '@fluentui/react-dialog';\n/**\n * @internal\n * Create the shorthand for the heading element.\n * @param props - props from this instance of DrawerHeaderTitle\n */ const useHeadingProps = ({ children, heading })=>{\n const id = useDialogContext_unstable((ctx)=>ctx.dialogTitleId);\n return slot.optional(heading, {\n defaultProps: {\n id,\n children\n },\n renderByDefault: true,\n elementType: 'h2'\n });\n};\n/**\n * Create the state required to render DrawerHeaderTitle.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderTitleStyles_unstable,\n * before being passed to renderDrawerHeaderTitle_unstable.\n *\n * @param props - props from this instance of DrawerHeaderTitle\n * @param ref - reference to root HTMLElement of DrawerHeaderTitle\n */ export const useDrawerHeaderTitle_unstable = (props, ref)=>{\n const headingProps = useHeadingProps(props);\n return {\n components: {\n root: 'div',\n heading: 'h2',\n action: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n ref,\n ...props\n }), {\n elementType: 'div'\n }),\n heading: headingProps,\n action: slot.optional(props.action, {\n elementType: 'div'\n })\n };\n};\n"],"names":["useDrawerHeaderTitle_unstable","useHeadingProps","children","heading","id","useDialogContext_unstable","ctx","dialogTitleId","slot","optional","defaultProps","renderByDefault","elementType","props","ref","headingProps","components","root","action","always","getNativeElementProps"],"mappings":";;;;+BA0BiBA;;;eAAAA;;;;iEA1BM;gCACqB;6BACF;AAC1C;;;;CAIC,GAAG,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAE;IAC9C,MAAMC,KAAKC,IAAAA,sCAAyB,EAAC,CAACC,MAAMA,IAAIC,aAAa;IAC7D,OAAOC,oBAAI,CAACC,QAAQ,CAACN,SAAS;QAC1BO,cAAc;YACVN;YACAF;QACJ;QACAS,iBAAiB;QACjBC,aAAa;IACjB;AACJ;AASW,MAAMZ,gCAAgC,CAACa,OAAOC;IACrD,MAAMC,eAAed,gBAAgBY;IACrC,OAAO;QACHG,YAAY;YACRC,MAAM;YACNd,SAAS;YACTe,QAAQ;QACZ;QACAD,MAAMT,oBAAI,CAACW,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CN;YACA,GAAGD,KAAK;QACZ,IAAI;YACAD,aAAa;QACjB;QACAT,SAASY;QACTG,QAAQV,oBAAI,CAACC,QAAQ,CAACI,MAAMK,MAAM,EAAE;YAChCN,aAAa;QACjB;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '@fluentui/react-dialog';\n/**\n * @internal\n * Create the shorthand for the heading element.\n * @param props - props from this instance of DrawerHeaderTitle\n */ const useHeadingProps = ({ children, heading })=>{\n const id = useDialogContext_unstable((ctx)=>ctx.dialogTitleId);\n return slot.optional(heading, {\n defaultProps: {\n id,\n children\n },\n renderByDefault: true,\n elementType: 'h2'\n });\n};\n/**\n * Create the state required to render DrawerHeaderTitle.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderTitleStyles_unstable,\n * before being passed to renderDrawerHeaderTitle_unstable.\n *\n * @param props - props from this instance of DrawerHeaderTitle\n * @param ref - reference to root HTMLElement of DrawerHeaderTitle\n */ export const useDrawerHeaderTitle_unstable = (props, ref)=>{\n const headingProps = useHeadingProps(props);\n return {\n components: {\n root: 'div',\n heading: 'h2',\n action: 'div'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n ref,\n ...props\n }), {\n elementType: 'div'\n }),\n heading: headingProps,\n action: slot.optional(props.action, {\n elementType: 'div'\n })\n };\n};\n"],"names":["useDrawerHeaderTitle_unstable","useHeadingProps","children","heading","id","useDialogContext_unstable","ctx","dialogTitleId","slot","optional","defaultProps","renderByDefault","elementType","props","ref","headingProps","components","root","action","always","getIntrinsicElementProps"],"mappings":";;;;+BA0BiBA;;;eAAAA;;;;iEA1BM;gCACwB;6BACL;AAC1C;;;;CAIC,GAAG,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAE;IAC9C,MAAMC,KAAKC,IAAAA,sCAAyB,EAAC,CAACC,MAAMA,IAAIC,aAAa;IAC7D,OAAOC,oBAAI,CAACC,QAAQ,CAACN,SAAS;QAC1BO,cAAc;YACVN;YACAF;QACJ;QACAS,iBAAiB;QACjBC,aAAa;IACjB;AACJ;AASW,MAAMZ,gCAAgC,CAACa,OAAOC;IACrD,MAAMC,eAAed,gBAAgBY;IACrC,OAAO;QACHG,YAAY;YACRC,MAAM;YACNd,SAAS;YACTe,QAAQ;QACZ;QACAD,MAAMT,oBAAI,CAACW,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CN;YACA,GAAGD,KAAK;QACZ,IAAI;YACAD,aAAa;QACjB;QACAT,SAASY;QACTG,QAAQV,oBAAI,CAACC,QAAQ,CAACI,MAAMK,MAAM,EAAE;YAChCN,aAAa;QACjB;IACJ;AACJ"}
@@ -21,7 +21,7 @@ const useDrawerInline_unstable = (props, ref)=>{
21
21
  components: {
22
22
  root: 'div'
23
23
  },
24
- root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
24
+ root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
25
25
  ...props,
26
26
  ref: (0, _reactutilities.useMergedRefs)(ref, motion.ref)
27
27
  }), {
@@ -1 +1 @@
1
- {"version":3,"sources":["useDrawerInline.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMotion } from '@fluentui/react-motion-preview';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\n/**\n * Create the state required to render DrawerInline.\n *\n * The returned state can be modified with hooks such as useDrawerInlineStyles_unstable,\n * before being passed to renderDrawerInline_unstable.\n *\n * @param props - props from this instance of DrawerInline\n * @param ref - reference to root HTMLElement of DrawerInline\n */ export const useDrawerInline_unstable = (props, ref)=>{\n const { size, position, open } = useDrawerDefaultProps(props);\n const { separator = false } = props;\n const motion = useMotion(open);\n return {\n components: {\n root: 'div'\n },\n root: slot.always(getNativeElementProps('div', {\n ...props,\n ref: useMergedRefs(ref, motion.ref)\n }), {\n elementType: 'div'\n }),\n size,\n position,\n separator,\n motion\n };\n};\n"],"names":["useDrawerInline_unstable","props","ref","size","position","open","useDrawerDefaultProps","separator","motion","useMotion","components","root","slot","always","getNativeElementProps","useMergedRefs","elementType"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;gCACoC;oCACjC;uCACY;AAS3B,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,IAAAA,4CAAqB,EAACL;IACvD,MAAM,EAAEM,YAAY,KAAK,EAAE,GAAGN;IAC9B,MAAMO,SAASC,IAAAA,6BAAS,EAACJ;IACzB,OAAO;QACHK,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3C,GAAGb,KAAK;YACRC,KAAKa,IAAAA,6BAAa,EAACb,KAAKM,OAAON,GAAG;QACtC,IAAI;YACAc,aAAa;QACjB;QACAb;QACAC;QACAG;QACAC;IACJ;AACJ"}
1
+ {"version":3,"sources":["useDrawerInline.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMotion } from '@fluentui/react-motion-preview';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\n/**\n * Create the state required to render DrawerInline.\n *\n * The returned state can be modified with hooks such as useDrawerInlineStyles_unstable,\n * before being passed to renderDrawerInline_unstable.\n *\n * @param props - props from this instance of DrawerInline\n * @param ref - reference to root HTMLElement of DrawerInline\n */ export const useDrawerInline_unstable = (props, ref)=>{\n const { size, position, open } = useDrawerDefaultProps(props);\n const { separator = false } = props;\n const motion = useMotion(open);\n return {\n components: {\n root: 'div'\n },\n root: slot.always(getIntrinsicElementProps('div', {\n ...props,\n ref: useMergedRefs(ref, motion.ref)\n }), {\n elementType: 'div'\n }),\n size,\n position,\n separator,\n motion\n };\n};\n"],"names":["useDrawerInline_unstable","props","ref","size","position","open","useDrawerDefaultProps","separator","motion","useMotion","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","elementType"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;gCACuC;oCACpC;uCACY;AAS3B,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,IAAAA,4CAAqB,EAACL;IACvD,MAAM,EAAEM,YAAY,KAAK,EAAE,GAAGN;IAC9B,MAAMO,SAASC,IAAAA,6BAAS,EAACJ;IACzB,OAAO;QACHK,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C,GAAGb,KAAK;YACRC,KAAKa,IAAAA,6BAAa,EAACb,KAAKM,OAAON,GAAG;QACtC,IAAI;YACAc,aAAa;QACjB;QACAb;QACAC;QACAG;QACAC;IACJ;AACJ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-drawer",
3
- "version": "9.0.0-beta.34",
3
+ "version": "9.0.0-beta.36",
4
4
  "description": "Drawer components for Fluent UI React",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -35,13 +35,13 @@
35
35
  "@fluentui/scripts-cypress": "*"
36
36
  },
37
37
  "dependencies": {
38
- "@fluentui/react-dialog": "^9.7.8",
39
- "@fluentui/react-jsx-runtime": "^9.0.16",
40
- "@fluentui/react-motion-preview": "^0.3.2",
38
+ "@fluentui/react-dialog": "^9.7.10",
39
+ "@fluentui/react-jsx-runtime": "^9.0.18",
40
+ "@fluentui/react-motion-preview": "^0.3.4",
41
41
  "@fluentui/react-shared-contexts": "^9.10.0",
42
- "@fluentui/react-tabster": "^9.13.6",
42
+ "@fluentui/react-tabster": "^9.14.0",
43
43
  "@fluentui/react-theme": "^9.1.14",
44
- "@fluentui/react-utilities": "^9.15.0",
44
+ "@fluentui/react-utilities": "^9.15.1",
45
45
  "@griffel/react": "^1.5.14",
46
46
  "@swc/helpers": "^0.5.1"
47
47
  },