@fluentui/react-skeleton 9.0.34 → 9.0.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.
package/CHANGELOG.json CHANGED
@@ -2,7 +2,61 @@
2
2
  "name": "@fluentui/react-skeleton",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 11 Oct 2023 13:50:07 GMT",
5
+ "date": "Wed, 18 Oct 2023 17:47:35 GMT",
6
+ "tag": "@fluentui/react-skeleton_v9.0.36",
7
+ "version": "9.0.36",
8
+ "comments": {
9
+ "patch": [
10
+ {
11
+ "author": "bernardo.sunderhus@gmail.com",
12
+ "package": "@fluentui/react-skeleton",
13
+ "commit": "967882a55a7333effea42e4c24a64e8547309116",
14
+ "comment": "chore: migrate from getNativeElementProps to getIntrinsicElementProps"
15
+ },
16
+ {
17
+ "author": "beachball",
18
+ "package": "@fluentui/react-skeleton",
19
+ "comment": "Bump @fluentui/react-field to v9.1.38",
20
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
21
+ },
22
+ {
23
+ "author": "beachball",
24
+ "package": "@fluentui/react-skeleton",
25
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.18",
26
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
27
+ },
28
+ {
29
+ "author": "beachball",
30
+ "package": "@fluentui/react-skeleton",
31
+ "comment": "Bump @fluentui/react-utilities to v9.15.1",
32
+ "commit": "c0d3065982e1646c54ba00c1d524248b792dbcad"
33
+ }
34
+ ]
35
+ }
36
+ },
37
+ {
38
+ "date": "Thu, 12 Oct 2023 14:55:44 GMT",
39
+ "tag": "@fluentui/react-skeleton_v9.0.35",
40
+ "version": "9.0.35",
41
+ "comments": {
42
+ "patch": [
43
+ {
44
+ "author": "beachball",
45
+ "package": "@fluentui/react-skeleton",
46
+ "comment": "Bump @fluentui/react-field to v9.1.37",
47
+ "commit": "8178c3cae60005bc21137aa1f3e766e18cdb4a30"
48
+ },
49
+ {
50
+ "author": "beachball",
51
+ "package": "@fluentui/react-skeleton",
52
+ "comment": "Bump @fluentui/react-jsx-runtime to v9.0.17",
53
+ "commit": "8178c3cae60005bc21137aa1f3e766e18cdb4a30"
54
+ }
55
+ ]
56
+ }
57
+ },
58
+ {
59
+ "date": "Wed, 11 Oct 2023 13:54:26 GMT",
6
60
  "tag": "@fluentui/react-skeleton_v9.0.34",
7
61
  "version": "9.0.34",
8
62
  "comments": {
package/CHANGELOG.md CHANGED
@@ -1,12 +1,34 @@
1
1
  # Change Log - @fluentui/react-skeleton
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:35 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
+ ## [9.0.36](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.36)
8
+
9
+ Wed, 18 Oct 2023 17:47:35 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.35..@fluentui/react-skeleton_v9.0.36)
11
+
12
+ ### Patches
13
+
14
+ - chore: migrate from getNativeElementProps to getIntrinsicElementProps ([PR #29499](https://github.com/microsoft/fluentui/pull/29499) by bernardo.sunderhus@gmail.com)
15
+ - Bump @fluentui/react-field to v9.1.38 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
16
+ - Bump @fluentui/react-jsx-runtime to v9.0.18 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
17
+ - Bump @fluentui/react-utilities to v9.15.1 ([PR #29560](https://github.com/microsoft/fluentui/pull/29560) by beachball)
18
+
19
+ ## [9.0.35](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.35)
20
+
21
+ Thu, 12 Oct 2023 14:55:44 GMT
22
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.34..@fluentui/react-skeleton_v9.0.35)
23
+
24
+ ### Patches
25
+
26
+ - Bump @fluentui/react-field to v9.1.37 ([PR #29513](https://github.com/microsoft/fluentui/pull/29513) by beachball)
27
+ - Bump @fluentui/react-jsx-runtime to v9.0.17 ([PR #29513](https://github.com/microsoft/fluentui/pull/29513) by beachball)
28
+
7
29
  ## [9.0.34](https://github.com/microsoft/fluentui/tree/@fluentui/react-skeleton_v9.0.34)
8
30
 
9
- Wed, 11 Oct 2023 13:50:07 GMT
31
+ Wed, 11 Oct 2023 13:54:26 GMT
10
32
  [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-skeleton_v9.0.33..@fluentui/react-skeleton_v9.0.34)
11
33
 
12
34
  ### Patches
@@ -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 { useSkeletonContext } from '../../contexts/SkeletonContext';
4
4
  /**
5
5
  * Create the state required to render Skeleton.
@@ -12,8 +12,11 @@ import { useSkeletonContext } from '../../contexts/SkeletonContext';
12
12
  */ export const useSkeleton_unstable = (props, ref)=>{
13
13
  const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();
14
14
  const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque' } = props;
15
- const root = slot.always(getNativeElementProps('div', {
16
- ref,
15
+ const root = slot.always(getIntrinsicElementProps('div', {
16
+ // FIXME:
17
+ // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
18
+ // but since it would be a breaking change to fix it, we are casting ref to it's proper type
19
+ ref: ref,
17
20
  role: 'progressbar',
18
21
  'aria-busy': true,
19
22
  'aria-label': 'Loading Content',
@@ -1 +1 @@
1
- {"version":3,"sources":["useSkeleton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport type { SkeletonProps, SkeletonState } from './Skeleton.types';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n\n/**\n * Create the state required to render Skeleton.\n *\n * The returned state can be modified with hooks such as useSkeletonStyles_unstable,\n * before being passed to renderSkeleton_unstable.\n *\n * @param props - props from this instance of Skeleton\n * @param ref - reference to root HTMLElement of Skeleton\n */\nexport const useSkeleton_unstable = (props: SkeletonProps, ref: React.Ref<HTMLElement>): SkeletonState => {\n const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n const { animation = contextAnimation ?? 'wave', appearance = contextAppearance ?? 'opaque' } = props;\n\n const root = slot.always(\n getNativeElementProps('div', {\n ref,\n role: 'progressbar',\n 'aria-busy': true,\n 'aria-label': 'Loading Content',\n ...props,\n }),\n { elementType: 'div' },\n );\n return { animation, appearance, components: { root: 'div' }, root };\n};\n"],"names":["React","getNativeElementProps","slot","useSkeletonContext","useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","root","always","role","elementType","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AAExE,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGP;IACvE,MAAM,EAAEI,YAAYC,6BAAAA,8BAAAA,mBAAoB,MAAM,EAAEC,aAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,EAAE,GAAGL;IAE/F,MAAMM,OAAOT,KAAKU,MAAM,CACtBX,sBAAsB,OAAO;QAC3BK;QACAO,MAAM;QACN,aAAa;QACb,cAAc;QACd,GAAGR,KAAK;IACV,IACA;QAAES,aAAa;IAAM;IAEvB,OAAO;QAAEP;QAAWE;QAAYM,YAAY;YAAEJ,MAAM;QAAM;QAAGA;IAAK;AACpE,EAAE"}
1
+ {"version":3,"sources":["useSkeleton.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport type { SkeletonProps, SkeletonState } from './Skeleton.types';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n\n/**\n * Create the state required to render Skeleton.\n *\n * The returned state can be modified with hooks such as useSkeletonStyles_unstable,\n * before being passed to renderSkeleton_unstable.\n *\n * @param props - props from this instance of Skeleton\n * @param ref - reference to root HTMLElement of Skeleton\n */\nexport const useSkeleton_unstable = (props: SkeletonProps, ref: React.Ref<HTMLElement>): SkeletonState => {\n const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n const { animation = contextAnimation ?? 'wave', appearance = contextAppearance ?? 'opaque' } = props;\n\n const 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 role: 'progressbar',\n 'aria-busy': true,\n 'aria-label': 'Loading Content',\n ...props,\n }),\n { elementType: 'div' },\n );\n return { animation, appearance, components: { root: 'div' }, root };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useSkeletonContext","useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","root","always","role","elementType","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAE3E,SAASC,kBAAkB,QAAQ,iCAAiC;AAEpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,uBAAuB,CAACC,OAAsBC;IACzD,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGP;IACvE,MAAM,EAAEI,YAAYC,6BAAAA,8BAAAA,mBAAoB,MAAM,EAAEC,aAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,EAAE,GAAGL;IAE/F,MAAMM,OAAOT,KAAKU,MAAM,CACtBX,yBAAyB,OAAO;QAC9B,SAAS;QACT,4EAA4E;QAC5E,4FAA4F;QAC5FK,KAAKA;QACLO,MAAM;QACN,aAAa;QACb,cAAc;QACd,GAAGR,KAAK;IACV,IACA;QAAES,aAAa;IAAM;IAEvB,OAAO;QAAEP;QAAWE;QAAYM,YAAY;YAAEJ,MAAM;QAAM;QAAGA;IAAK;AACpE,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 { useSkeletonContext } from '../../contexts/SkeletonContext';
4
4
  /**
5
5
  * Create the state required to render SkeletonItem.
@@ -12,8 +12,11 @@ import { useSkeletonContext } from '../../contexts/SkeletonContext';
12
12
  */ export const useSkeletonItem_unstable = (props, ref)=>{
13
13
  const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();
14
14
  const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque', size = 16, shape = 'rectangle' } = props;
15
- const root = slot.always(getNativeElementProps('div', {
16
- ref,
15
+ const root = slot.always(getIntrinsicElementProps('div', {
16
+ // FIXME:
17
+ // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
18
+ // but since it would be a breaking change to fix it, we are casting ref to it's proper type
19
+ ref: ref,
17
20
  ...props
18
21
  }), {
19
22
  elementType: 'div'
@@ -1 +1 @@
1
- {"version":3,"sources":["useSkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\nimport type { SkeletonItemProps, SkeletonItemState } from './SkeletonItem.types';\n\n/**\n * Create the state required to render SkeletonItem.\n *\n * The returned state can be modified with hooks such as useSkeletonItemStyles_unstable,\n * before being passed to renderSkeletonItem_unstable.\n *\n * @param props - props from this instance of SkeletonItem\n * @param ref - reference to root HTMLElement of SkeletonItem\n */\nexport const useSkeletonItem_unstable = (props: SkeletonItemProps, ref: React.Ref<HTMLElement>): SkeletonItemState => {\n const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n const {\n animation = contextAnimation ?? 'wave',\n appearance = contextAppearance ?? 'opaque',\n size = 16,\n shape = 'rectangle',\n } = props;\n\n const root = slot.always(\n getNativeElementProps('div', {\n ref,\n ...props,\n }),\n { elementType: 'div' },\n );\n return { appearance, animation, size, shape, components: { root: 'div' }, root };\n};\n"],"names":["React","getNativeElementProps","slot","useSkeletonContext","useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","size","shape","root","always","elementType","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AACxE,SAASC,kBAAkB,QAAQ,iCAAiC;AAGpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGP;IACvE,MAAM,EACJI,YAAYC,6BAAAA,8BAAAA,mBAAoB,MAAM,EACtCC,aAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,EAC1CC,OAAO,EAAE,EACTC,QAAQ,WAAW,EACpB,GAAGP;IAEJ,MAAMQ,OAAOX,KAAKY,MAAM,CACtBb,sBAAsB,OAAO;QAC3BK;QACA,GAAGD,KAAK;IACV,IACA;QAAEU,aAAa;IAAM;IAEvB,OAAO;QAAEN;QAAYF;QAAWI;QAAMC;QAAOI,YAAY;YAAEH,MAAM;QAAM;QAAGA;IAAK;AACjF,EAAE"}
1
+ {"version":3,"sources":["useSkeletonItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\nimport type { SkeletonItemProps, SkeletonItemState } from './SkeletonItem.types';\n\n/**\n * Create the state required to render SkeletonItem.\n *\n * The returned state can be modified with hooks such as useSkeletonItemStyles_unstable,\n * before being passed to renderSkeletonItem_unstable.\n *\n * @param props - props from this instance of SkeletonItem\n * @param ref - reference to root HTMLElement of SkeletonItem\n */\nexport const useSkeletonItem_unstable = (props: SkeletonItemProps, ref: React.Ref<HTMLElement>): SkeletonItemState => {\n const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n const {\n animation = contextAnimation ?? 'wave',\n appearance = contextAppearance ?? 'opaque',\n size = 16,\n shape = 'rectangle',\n } = props;\n\n const 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 return { appearance, animation, size, shape, components: { root: 'div' }, root };\n};\n"],"names":["React","getIntrinsicElementProps","slot","useSkeletonContext","useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","size","shape","root","always","elementType","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,SAASC,kBAAkB,QAAQ,iCAAiC;AAGpE;;;;;;;;CAQC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAA0BC;IACjE,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGP;IACvE,MAAM,EACJI,YAAYC,6BAAAA,8BAAAA,mBAAoB,MAAM,EACtCC,aAAaC,8BAAAA,+BAAAA,oBAAqB,QAAQ,EAC1CC,OAAO,EAAE,EACTC,QAAQ,WAAW,EACpB,GAAGP;IAEJ,MAAMQ,OAAOX,KAAKY,MAAM,CACtBb,yBAAyB,OAAO;QAC9B,SAAS;QACT,4EAA4E;QAC5E,4FAA4F;QAC5FK,KAAKA;QACL,GAAGD,KAAK;IACV,IACA;QAAEU,aAAa;IAAM;IAEvB,OAAO;QAAEN;QAAYF;QAAWI;QAAMC;QAAOI,YAAY;YAAEH,MAAM;QAAM;QAAGA;IAAK;AACjF,EAAE"}
@@ -15,8 +15,11 @@ const _SkeletonContext = require("../../contexts/SkeletonContext");
15
15
  const useSkeleton_unstable = (props, ref)=>{
16
16
  const { animation: contextAnimation, appearance: contextAppearance } = (0, _SkeletonContext.useSkeletonContext)();
17
17
  const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque' } = props;
18
- const root = _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
19
- ref,
18
+ const root = _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
19
+ // FIXME:
20
+ // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
21
+ // but since it would be a breaking change to fix it, we are casting ref to it's proper type
22
+ ref: ref,
20
23
  role: 'progressbar',
21
24
  'aria-busy': true,
22
25
  'aria-label': 'Loading Content',
@@ -1 +1 @@
1
- {"version":3,"sources":["useSkeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n/**\n * Create the state required to render Skeleton.\n *\n * The returned state can be modified with hooks such as useSkeletonStyles_unstable,\n * before being passed to renderSkeleton_unstable.\n *\n * @param props - props from this instance of Skeleton\n * @param ref - reference to root HTMLElement of Skeleton\n */ export const useSkeleton_unstable = (props, ref)=>{\n const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque' } = props;\n const root = slot.always(getNativeElementProps('div', {\n ref,\n role: 'progressbar',\n 'aria-busy': true,\n 'aria-label': 'Loading Content',\n ...props\n }), {\n elementType: 'div'\n });\n return {\n animation,\n appearance,\n components: {\n root: 'div'\n },\n root\n };\n};\n"],"names":["useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","root","slot","always","getNativeElementProps","role","elementType","components"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACqB;iCACT;AASxB,MAAMA,uBAAuB,CAACC,OAAOC;IAC5C,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGC,IAAAA,mCAAkB;IACzF,MAAM,EAAEJ,YAAYC,qBAAqB,QAAQA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,EAAEC,aAAaC,sBAAsB,QAAQA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,EAAE,GAAGL;IACrN,MAAMO,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;QAClDT;QACAU,MAAM;QACN,aAAa;QACb,cAAc;QACd,GAAGX,KAAK;IACZ,IAAI;QACAY,aAAa;IACjB;IACA,OAAO;QACHV;QACAE;QACAS,YAAY;YACRN,MAAM;QACV;QACAA;IACJ;AACJ"}
1
+ {"version":3,"sources":["useSkeleton.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n/**\n * Create the state required to render Skeleton.\n *\n * The returned state can be modified with hooks such as useSkeletonStyles_unstable,\n * before being passed to renderSkeleton_unstable.\n *\n * @param props - props from this instance of Skeleton\n * @param ref - reference to root HTMLElement of Skeleton\n */ export const useSkeleton_unstable = (props, ref)=>{\n const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque' } = props;\n const 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 role: 'progressbar',\n 'aria-busy': true,\n 'aria-label': 'Loading Content',\n ...props\n }), {\n elementType: 'div'\n });\n return {\n animation,\n appearance,\n components: {\n root: 'div'\n },\n root\n };\n};\n"],"names":["useSkeleton_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","root","slot","always","getIntrinsicElementProps","role","elementType","components"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACwB;iCACZ;AASxB,MAAMA,uBAAuB,CAACC,OAAOC;IAC5C,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGC,IAAAA,mCAAkB;IACzF,MAAM,EAAEJ,YAAYC,qBAAqB,QAAQA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,EAAEC,aAAaC,sBAAsB,QAAQA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,EAAE,GAAGL;IACrN,MAAMO,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;QACrD,SAAS;QACT,4EAA4E;QAC5E,4FAA4F;QAC5FT,KAAKA;QACLU,MAAM;QACN,aAAa;QACb,cAAc;QACd,GAAGX,KAAK;IACZ,IAAI;QACAY,aAAa;IACjB;IACA,OAAO;QACHV;QACAE;QACAS,YAAY;YACRN,MAAM;QACV;QACAA;IACJ;AACJ"}
@@ -15,8 +15,11 @@ const _SkeletonContext = require("../../contexts/SkeletonContext");
15
15
  const useSkeletonItem_unstable = (props, ref)=>{
16
16
  const { animation: contextAnimation, appearance: contextAppearance } = (0, _SkeletonContext.useSkeletonContext)();
17
17
  const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque', size = 16, shape = 'rectangle' } = props;
18
- const root = _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)('div', {
19
- ref,
18
+ const root = _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
19
+ // FIXME:
20
+ // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
21
+ // but since it would be a breaking change to fix it, we are casting ref to it's proper type
22
+ ref: ref,
20
23
  ...props
21
24
  }), {
22
25
  elementType: 'div'
@@ -1 +1 @@
1
- {"version":3,"sources":["useSkeletonItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n/**\n * Create the state required to render SkeletonItem.\n *\n * The returned state can be modified with hooks such as useSkeletonItemStyles_unstable,\n * before being passed to renderSkeletonItem_unstable.\n *\n * @param props - props from this instance of SkeletonItem\n * @param ref - reference to root HTMLElement of SkeletonItem\n */ export const useSkeletonItem_unstable = (props, ref)=>{\n const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque', size = 16, shape = 'rectangle' } = props;\n const root = slot.always(getNativeElementProps('div', {\n ref,\n ...props\n }), {\n elementType: 'div'\n });\n return {\n appearance,\n animation,\n size,\n shape,\n components: {\n root: 'div'\n },\n root\n };\n};\n"],"names":["useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","size","shape","root","slot","always","getNativeElementProps","elementType","components"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACqB;iCACT;AASxB,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGC,IAAAA,mCAAkB;IACzF,MAAM,EAAEJ,YAAYC,qBAAqB,QAAQA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,EAAEC,aAAaC,sBAAsB,QAAQA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,EAAEE,OAAO,EAAE,EAAEC,QAAQ,WAAW,EAAE,GAAGR;IACrP,MAAMS,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;QAClDX;QACA,GAAGD,KAAK;IACZ,IAAI;QACAa,aAAa;IACjB;IACA,OAAO;QACHT;QACAF;QACAK;QACAC;QACAM,YAAY;YACRL,MAAM;QACV;QACAA;IACJ;AACJ"}
1
+ {"version":3,"sources":["useSkeletonItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useSkeletonContext } from '../../contexts/SkeletonContext';\n/**\n * Create the state required to render SkeletonItem.\n *\n * The returned state can be modified with hooks such as useSkeletonItemStyles_unstable,\n * before being passed to renderSkeletonItem_unstable.\n *\n * @param props - props from this instance of SkeletonItem\n * @param ref - reference to root HTMLElement of SkeletonItem\n */ export const useSkeletonItem_unstable = (props, ref)=>{\n const { animation: contextAnimation, appearance: contextAppearance } = useSkeletonContext();\n const { animation = contextAnimation !== null && contextAnimation !== void 0 ? contextAnimation : 'wave', appearance = contextAppearance !== null && contextAppearance !== void 0 ? contextAppearance : 'opaque', size = 16, shape = 'rectangle' } = props;\n const 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 return {\n appearance,\n animation,\n size,\n shape,\n components: {\n root: 'div'\n },\n root\n };\n};\n"],"names":["useSkeletonItem_unstable","props","ref","animation","contextAnimation","appearance","contextAppearance","useSkeletonContext","size","shape","root","slot","always","getIntrinsicElementProps","elementType","components"],"mappings":";;;;+BAWiBA;;;eAAAA;;;;iEAXM;gCACwB;iCACZ;AASxB,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,MAAM,EAAEC,WAAWC,gBAAgB,EAAEC,YAAYC,iBAAiB,EAAE,GAAGC,IAAAA,mCAAkB;IACzF,MAAM,EAAEJ,YAAYC,qBAAqB,QAAQA,qBAAqB,KAAK,IAAIA,mBAAmB,MAAM,EAAEC,aAAaC,sBAAsB,QAAQA,sBAAsB,KAAK,IAAIA,oBAAoB,QAAQ,EAAEE,OAAO,EAAE,EAAEC,QAAQ,WAAW,EAAE,GAAGR;IACrP,MAAMS,OAAOC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;QACrD,SAAS;QACT,4EAA4E;QAC5E,4FAA4F;QAC5FX,KAAKA;QACL,GAAGD,KAAK;IACZ,IAAI;QACAa,aAAa;IACjB;IACA,OAAO;QACHT;QACAF;QACAK;QACAC;QACAM,YAAY;YACRL,MAAM;QACV;QACAA;IACJ;AACJ"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-skeleton",
3
- "version": "9.0.34",
3
+ "version": "9.0.36",
4
4
  "description": "Converged v9 Skeleton Component",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -32,11 +32,11 @@
32
32
  "@fluentui/scripts-tasks": "*"
33
33
  },
34
34
  "dependencies": {
35
- "@fluentui/react-field": "^9.1.36",
36
- "@fluentui/react-jsx-runtime": "^9.0.16",
35
+ "@fluentui/react-field": "^9.1.38",
36
+ "@fluentui/react-jsx-runtime": "^9.0.18",
37
37
  "@fluentui/react-shared-contexts": "^9.10.0",
38
38
  "@fluentui/react-theme": "^9.1.14",
39
- "@fluentui/react-utilities": "^9.15.0",
39
+ "@fluentui/react-utilities": "^9.15.1",
40
40
  "@griffel/react": "^1.5.14",
41
41
  "@swc/helpers": "^0.5.1"
42
42
  },