@fluentui/react-image 0.0.0-nightlya372ad979820211103.1 → 0.0.0-nightlya54302c0b220211124.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/CHANGELOG.json +72 -16
  2. package/CHANGELOG.md +23 -10
  3. package/dist/react-image.d.ts +2 -0
  4. package/lib/components/Image/Image.js +2 -2
  5. package/lib/components/Image/Image.js.map +1 -1
  6. package/lib/components/Image/renderImage.js +6 -7
  7. package/lib/components/Image/renderImage.js.map +1 -1
  8. package/lib/components/Image/useImage.js +19 -18
  9. package/lib/components/Image/useImage.js.map +1 -1
  10. package/lib/components/Image/useImageStyles.d.ts +1 -0
  11. package/lib/components/Image/useImageStyles.js +7 -6
  12. package/lib/components/Image/useImageStyles.js.map +1 -1
  13. package/lib-commonjs/Image.js +1 -1
  14. package/lib-commonjs/components/Image/Image.js +6 -6
  15. package/lib-commonjs/components/Image/Image.js.map +1 -1
  16. package/lib-commonjs/components/Image/index.js +1 -1
  17. package/lib-commonjs/components/Image/renderImage.js +9 -11
  18. package/lib-commonjs/components/Image/renderImage.js.map +1 -1
  19. package/lib-commonjs/components/Image/useImage.js +19 -19
  20. package/lib-commonjs/components/Image/useImage.js.map +1 -1
  21. package/lib-commonjs/components/Image/useImageStyles.d.ts +1 -0
  22. package/lib-commonjs/components/Image/useImageStyles.js +10 -8
  23. package/lib-commonjs/components/Image/useImageStyles.js.map +1 -1
  24. package/lib-commonjs/index.js +1 -1
  25. package/package.json +9 -9
  26. package/lib/common/isConformant.d.ts +0 -4
  27. package/lib/common/isConformant.js +0 -13
  28. package/lib/common/isConformant.js.map +0 -1
  29. package/lib-commonjs/common/isConformant.d.ts +0 -4
  30. package/lib-commonjs/common/isConformant.js +0 -24
  31. package/lib-commonjs/common/isConformant.js.map +0 -1
package/CHANGELOG.json CHANGED
@@ -2,16 +2,60 @@
2
2
  "name": "@fluentui/react-image",
3
3
  "entries": [
4
4
  {
5
- "date": "Wed, 03 Nov 2021 08:24:03 GMT",
6
- "tag": "@fluentui/react-image_v0.0.0-nightlya372ad979820211103.1",
7
- "version": "0.0.0-nightlya372ad979820211103.1",
5
+ "date": "Wed, 24 Nov 2021 04:12:45 GMT",
6
+ "tag": "@fluentui/react-image_v0.0.0-nightlya54302c0b220211124.1",
7
+ "version": "0.0.0-nightlya54302c0b220211124.1",
8
8
  "comments": {
9
+ "none": [
10
+ {
11
+ "author": "tkrasniqi@microsoft.com",
12
+ "package": "@fluentui/react-image",
13
+ "commit": "01111bb9f10ad2bbe10902a48d15dce2e9cc4264",
14
+ "comment": {
15
+ "title": "",
16
+ "value": ""
17
+ }
18
+ }
19
+ ],
9
20
  "prerelease": [
10
21
  {
11
- "author": "email not defined",
22
+ "author": "beachball",
12
23
  "package": "@fluentui/react-image",
13
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd",
14
- "comment": "Release nightly v9"
24
+ "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlya54302c0b220211124.1",
25
+ "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
26
+ },
27
+ {
28
+ "author": "beachball",
29
+ "package": "@fluentui/react-image",
30
+ "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlya54302c0b220211124.1",
31
+ "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
32
+ },
33
+ {
34
+ "author": "beachball",
35
+ "package": "@fluentui/react-image",
36
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya54302c0b220211124.1",
37
+ "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
38
+ },
39
+ {
40
+ "author": "beachball",
41
+ "package": "@fluentui/react-image",
42
+ "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya54302c0b220211124.1",
43
+ "commit": "e3c1bd15060ac276670338660c7965b877e333f4"
44
+ }
45
+ ]
46
+ }
47
+ },
48
+ {
49
+ "date": "Fri, 12 Nov 2021 13:25:24 GMT",
50
+ "tag": "@fluentui/react-image_v9.0.0-beta.3",
51
+ "version": "9.0.0-beta.3",
52
+ "comments": {
53
+ "prerelease": [
54
+ {
55
+ "author": "olfedias@microsoft.com",
56
+ "package": "@fluentui/react-image",
57
+ "commit": "22460e1421c0f3b2bdf9c76d80a2cb202fa30079",
58
+ "comment": "export static classes for components"
15
59
  },
16
60
  {
17
61
  "author": "gcox@microsoft.com",
@@ -19,35 +63,41 @@
19
63
  "commit": "8555daca54fa0ab490b5400b8d67a9430be9e8e5",
20
64
  "comment": "Updated Image stories with codesandbox export comments"
21
65
  },
66
+ {
67
+ "author": "gcox@microsoft.com",
68
+ "package": "@fluentui/react-image",
69
+ "commit": "c9bd5b5a02ae94a8239ce1b56cac2f0d0dbd3586",
70
+ "comment": "Updated beta and RC components to ES2019"
71
+ },
22
72
  {
23
73
  "author": "beachball",
24
74
  "package": "@fluentui/react-image",
25
- "comment": "Bump @fluentui/react-make-styles to v0.0.0-nightlya372ad979820211103.1",
26
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd"
75
+ "comment": "Bump @fluentui/react-make-styles to v9.0.0-beta.3",
76
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
27
77
  },
28
78
  {
29
79
  "author": "beachball",
30
80
  "package": "@fluentui/react-image",
31
- "comment": "Bump @fluentui/react-utilities to v0.0.0-nightlya372ad979820211103.1",
32
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd"
81
+ "comment": "Bump @fluentui/react-utilities to v9.0.0-beta.3",
82
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
33
83
  },
34
84
  {
35
85
  "author": "beachball",
36
86
  "package": "@fluentui/react-image",
37
- "comment": "Bump @fluentui/babel-make-styles to v0.0.0-nightlya372ad979820211103.1",
38
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd"
87
+ "comment": "Bump @fluentui/babel-make-styles to v9.0.0-beta.3",
88
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
39
89
  },
40
90
  {
41
91
  "author": "beachball",
42
92
  "package": "@fluentui/react-image",
43
- "comment": "Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya372ad979820211103.1",
44
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd"
93
+ "comment": "Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3",
94
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
45
95
  },
46
96
  {
47
97
  "author": "beachball",
48
98
  "package": "@fluentui/react-image",
49
- "comment": "Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya372ad979820211103.1",
50
- "commit": "ff9c0a60767a2dbd1afdc71659a5daee5f2068dd"
99
+ "comment": "Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3",
100
+ "commit": "742342e52c65066f779232e4e1302fedf0dd460d"
51
101
  }
52
102
  ],
53
103
  "none": [
@@ -56,6 +106,12 @@
56
106
  "package": "@fluentui/react-image",
57
107
  "commit": "7fafe76eb2c09f9d17a03c11ba73729d91ef411e",
58
108
  "comment": "update docs descriptions"
109
+ },
110
+ {
111
+ "author": "lingfangao@hotmail.com",
112
+ "package": "@fluentui/react-image",
113
+ "commit": "00f70581480b536e723fb69edf0ae617beac4807",
114
+ "comment": "Remove beta release tag"
59
115
  }
60
116
  ]
61
117
  }
package/CHANGELOG.md CHANGED
@@ -1,23 +1,36 @@
1
1
  # Change Log - @fluentui/react-image
2
2
 
3
- This log was last generated on Wed, 03 Nov 2021 08:24:03 GMT and should not be manually modified.
3
+ This log was last generated on Wed, 24 Nov 2021 04:12:45 GMT and should not be manually modified.
4
4
 
5
5
  <!-- Start content -->
6
6
 
7
- ## [0.0.0-nightlya372ad979820211103.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v0.0.0-nightlya372ad979820211103.1)
7
+ ## [0.0.0-nightlya54302c0b220211124.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v0.0.0-nightlya54302c0b220211124.1)
8
8
 
9
- Wed, 03 Nov 2021 08:24:03 GMT
10
- [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.2..@fluentui/react-image_v0.0.0-nightlya372ad979820211103.1)
9
+ Wed, 24 Nov 2021 04:12:45 GMT
10
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.3..@fluentui/react-image_v0.0.0-nightlya54302c0b220211124.1)
11
11
 
12
12
  ### Changes
13
13
 
14
- - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by email not defined)
14
+ - Bump @fluentui/react-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
15
+ - Bump @fluentui/babel-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
16
+ - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
17
+ - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya54302c0b220211124.1 ([commit](https://github.com/microsoft/fluentui/commit/e3c1bd15060ac276670338660c7965b877e333f4) by beachball)
18
+
19
+ ## [9.0.0-beta.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.3)
20
+
21
+ Fri, 12 Nov 2021 13:25:24 GMT
22
+ [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-image_v9.0.0-beta.2..@fluentui/react-image_v9.0.0-beta.3)
23
+
24
+ ### Changes
25
+
26
+ - export static classes for components ([PR #20447](https://github.com/microsoft/fluentui/pull/20447) by olfedias@microsoft.com)
15
27
  - Updated Image stories with codesandbox export comments ([PR #20369](https://github.com/microsoft/fluentui/pull/20369) by gcox@microsoft.com)
16
- - Bump @fluentui/react-make-styles to v0.0.0-nightlya372ad979820211103.1 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by beachball)
17
- - Bump @fluentui/react-utilities to v0.0.0-nightlya372ad979820211103.1 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by beachball)
18
- - Bump @fluentui/babel-make-styles to v0.0.0-nightlya372ad979820211103.1 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by beachball)
19
- - Bump @fluentui/jest-serializer-make-styles to v0.0.0-nightlya372ad979820211103.1 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by beachball)
20
- - Bump @fluentui/react-conformance-make-styles to v0.0.0-nightlya372ad979820211103.1 ([commit](https://github.com/microsoft/fluentui/commit/ff9c0a60767a2dbd1afdc71659a5daee5f2068dd) by beachball)
28
+ - Updated beta and RC components to ES2019 ([PR #20405](https://github.com/microsoft/fluentui/pull/20405) by gcox@microsoft.com)
29
+ - Bump @fluentui/react-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
30
+ - Bump @fluentui/react-utilities to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
31
+ - Bump @fluentui/babel-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
32
+ - Bump @fluentui/jest-serializer-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
33
+ - Bump @fluentui/react-conformance-make-styles to v9.0.0-beta.3 ([PR #20583](https://github.com/microsoft/fluentui/pull/20583) by beachball)
21
34
 
22
35
  ## [9.0.0-beta.2](https://github.com/microsoft/fluentui/tree/@fluentui/react-image_v9.0.0-beta.2)
23
36
 
package/dist/react-image.d.ts CHANGED
@@ -10,6 +10,8 @@ import * as React_2 from 'react';
10
10
  declare const Image_2: ForwardRefComponent<ImageProps>;
11
11
  export { Image_2 as Image }
12
12
 
13
+ export declare const imageClassName = "fui-Image";
14
+
13
15
  export declare type ImageCommons = {
14
16
  /**
15
17
  * An image can appear with rectangular border.
package/lib/components/Image/Image.js CHANGED
@@ -6,8 +6,8 @@ import { useImageStyles } from './useImageStyles';
6
6
  * The Image component ensures the consistent styling of images.
7
7
  */
8
8
 
9
- export var Image = /*#__PURE__*/React.forwardRef(function (props, ref) {
10
- var state = useImage(props, ref);
9
+ export const Image = /*#__PURE__*/React.forwardRef((props, ref) => {
10
+ const state = useImage(props, ref);
11
11
  useImageStyles(state);
12
12
  return renderImage(state);
13
13
  });
package/lib/components/Image/Image.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,WAAT,QAA4B,eAA5B;AACA,SAAS,QAAT,QAAyB,YAAzB;AACA,SAAS,cAAT,QAA+B,kBAA/B;AAIA;;AAEG;;AACH,OAAO,IAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChF,MAAM,KAAK,GAAG,QAAQ,CAAC,KAAD,EAAQ,GAAR,CAAtB;AACA,EAAA,cAAc,CAAC,KAAD,CAAd;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqD,CAA/C;AAOP,KAAK,CAAC,WAAN,GAAoB,OAApB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,WAAT,QAA4B,eAA5B;AACA,SAAS,QAAT,QAAyB,YAAzB;AACA,SAAS,cAAT,QAA+B,kBAA/B;AAIA;;AAEG;;AACH,OAAO,MAAM,KAAK,gBAAoC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,QAAQ,CAAC,KAAD,EAAQ,GAAR,CAAtB;AACA,EAAA,cAAc,CAAC,KAAD,CAAd;AAEA,SAAO,WAAW,CAAC,KAAD,CAAlB;AACD,CALqD,CAA/C;AAOP,KAAK,CAAC,WAAN,GAAoB,OAApB","sourceRoot":""}
package/lib/components/Image/renderImage.js CHANGED
@@ -1,4 +1,3 @@
1
- import { __assign } from "tslib";
2
1
  import * as React from 'react';
3
2
  import { getSlots } from '@fluentui/react-utilities';
4
3
  import { imageShorthandProps } from './useImage';
@@ -7,11 +6,11 @@ import { imageShorthandProps } from './useImage';
7
6
  * Given the state of an image, renders it.
8
7
  */
9
8
 
10
- export var renderImage = function (state) {
11
- var _a = getSlots(state, imageShorthandProps),
12
- slots = _a.slots,
13
- slotProps = _a.slotProps;
14
-
15
- return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root));
9
+ export const renderImage = state => {
10
+ const {
11
+ slots,
12
+ slotProps
13
+ } = getSlots(state, imageShorthandProps);
14
+ return /*#__PURE__*/React.createElement(slots.root, Object.assign({}, slotProps.root));
16
15
  };
17
16
  //# sourceMappingURL=renderImage.js.map
package/lib/components/Image/renderImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/renderImage.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,mBAAT,QAAoC,YAApC;AAEA;;;AAGG;;AACH,OAAO,IAAM,WAAW,GAAG,UAAC,KAAD,EAAkB;AACrC,MAAA,EAAA,GAAuB,QAAQ,CAAa,KAAb,EAAoB,mBAApB,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/renderImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,mBAAT,QAAoC,YAApC;AAEA;;;AAGG;;AACH,OAAO,MAAM,WAAW,GAAI,KAAD,IAAsB;AAC/C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,QAAQ,CAAa,KAAb,EAAoB,mBAApB,CAArC;AAEA,sBAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM","sourceRoot":""}
package/lib/components/Image/useImage.js CHANGED
@@ -1,29 +1,30 @@
1
- import { __assign } from "tslib";
2
1
  import { getNativeElementProps } from '@fluentui/react-utilities';
3
- export var imageShorthandProps = ['root'];
2
+ export const imageShorthandProps = ['root'];
4
3
  /**
5
4
  * Given user props, returns state and render function for an Image.
6
5
  */
7
6
 
8
- export var useImage = function (props, ref) {
9
- var bordered = props.bordered,
10
- fit = props.fit,
11
- block = props.block,
12
- _a = props.shape,
13
- shape = _a === void 0 ? 'square' : _a,
14
- shadow = props.shadow;
15
- var state = {
16
- bordered: bordered,
17
- fit: fit,
18
- block: block,
19
- shape: shape,
20
- shadow: shadow,
7
+ export const useImage = (props, ref) => {
8
+ const {
9
+ bordered,
10
+ fit,
11
+ block,
12
+ shape = 'square',
13
+ shadow
14
+ } = props;
15
+ const state = {
16
+ bordered,
17
+ fit,
18
+ block,
19
+ shape,
20
+ shadow,
21
21
  components: {
22
22
  root: 'img'
23
23
  },
24
- root: getNativeElementProps('img', __assign({
25
- ref: ref
26
- }, props))
24
+ root: getNativeElementProps('img', {
25
+ ref,
26
+ ...props
27
+ })
27
28
  };
28
29
  return state;
29
30
  };
package/lib/components/Image/useImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":";AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA,OAAO,IAAM,mBAAmB,GAA4B,CAAC,MAAD,CAArD;AAEP;;AAEG;;AACH,OAAO,IAAM,QAAQ,GAAG,UAAC,KAAD,EAAoB,GAApB,EAAoD;AAClE,MAAA,QAAQ,GAA2C,KAAK,CAAhD,QAAR;AAAA,MAAU,GAAG,GAAsC,KAAK,CAA3C,GAAb;AAAA,MAAe,KAAK,GAA+B,KAAK,CAApC,KAApB;AAAA,MAAsB,EAAA,GAA6B,KAAK,CAAlB,KAAtC;AAAA,MAAsB,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAAtC;AAAA,MAAwC,MAAM,GAAK,KAAK,CAAV,MAA9C;AAER,MAAM,KAAK,GAAe;AACxB,IAAA,QAAQ,EAAA,QADgB;AAExB,IAAA,GAAG,EAAA,GAFqB;AAGxB,IAAA,KAAK,EAAA,KAHmB;AAIxB,IAAA,KAAK,EAAA,KAJmB;AAKxB,IAAA,MAAM,EAAA,MALkB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAAN;AATH,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":"AACA,SAAS,qBAAT,QAAsC,2BAAtC;AAGA,OAAO,MAAM,mBAAmB,GAA4B,CAAC,MAAD,CAArD;AAEP;;AAEG;;AACH,OAAO,MAAM,QAAQ,GAAG,CAAC,KAAD,EAAoB,GAApB,KAAoE;AAC1F,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,GAAZ;AAAiB,IAAA,KAAjB;AAAwB,IAAA,KAAK,GAAG,QAAhC;AAA0C,IAAA;AAA1C,MAAqD,KAA3D;AAEA,QAAM,KAAK,GAAe;AACxB,IAAA,QADwB;AAExB,IAAA,GAFwB;AAGxB,IAAA,KAHwB;AAIxB,IAAA,KAJwB;AAKxB,IAAA,MALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAQ;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAAR;AATH,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM","sourceRoot":""}
package/lib/components/Image/useImageStyles.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import type { ImageState } from './Image.types';
2
+ export declare const imageClassName = "fui-Image";
2
3
  export declare const useImageStyles: (state: ImageState) => void;
package/lib/components/Image/useImageStyles.js CHANGED
@@ -1,6 +1,7 @@
1
1
  import { mergeClasses, __styles } from '@fluentui/react-make-styles';
2
+ export const imageClassName = 'fui-Image';
2
3
 
3
- var useStyles = /*#__PURE__*/__styles({
4
+ const useStyles = /*#__PURE__*/__styles({
4
5
  "root": {
5
6
  "g2u3we": "fj3muxo",
6
7
  "h3c5rm": ["f1akhkt", "f1lxtadh"],
@@ -27,7 +28,7 @@ var useStyles = /*#__PURE__*/__styles({
27
28
  "Dimara": "ft85np5"
28
29
  },
29
30
  "rootShadow": {
30
- "E5pizo": ["f1whvlc6", "fzb35q0"]
31
+ "E5pizo": "f1whvlc6"
31
32
  },
32
33
  "rootFitNone": {
33
34
  "st4lth": "f1plgu50",
@@ -57,11 +58,11 @@ var useStyles = /*#__PURE__*/__styles({
57
58
  "a9b677": "fly5x3f"
58
59
  }
59
60
  }, {
60
- "d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f1fabniw{border-radius:var(--borderRadiusNone);}", ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f44lkw9{border-radius:var(--borderRadiusCircular);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".fzb35q0{box-shadow:var(--shadow-4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
61
+ "d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f1fabniw{border-radius:var(--borderRadiusNone);}", ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f44lkw9{border-radius:var(--borderRadiusCircular);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
61
62
  });
62
63
 
63
- export var useImageStyles = function (state) {
64
- var styles = useStyles();
65
- state.root.className = mergeClasses(styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.block && styles.rootBlock, state.root.className);
64
+ export const useImageStyles = state => {
65
+ const styles = useStyles();
66
+ state.root.className = mergeClasses(imageClassName, styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.block && styles.rootBlock, state.root.className);
66
67
  };
67
68
  //# sourceMappingURL=useImageStyles.js.map
package/lib/components/Image/useImageStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;;AAGA,IAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDA,OAAO,IAAM,cAAc,GAAG,UAAC,KAAD,EAAkB;AAC9C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,MAAM,CAAC,IAD0B,EAEjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAFQ,EAGjC,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAHJ,EAIjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WAJH,EAKjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UALU,EAMjC,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WANE,EAOjC,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aAPA,EAQjC,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YARC,EASjC,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cATD,EAUjC,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAVW,EAWjC,KAAK,CAAC,IAAN,CAAW,SAXsB,CAAnC;AAaD,CAfM","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":"AAAA,SAAS,YAAT,kBAAyC,6BAAzC;AAGA,OAAO,MAAM,cAAc,GAAG,WAAvB;;AAEP,MAAM,SAAS,gBAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDA,OAAO,MAAM,cAAc,GAAI,KAAD,IAAsB;AAClD,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,YAAY,CACjC,cADiC,EAEjC,MAAM,CAAC,IAF0B,EAGjC,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHQ,EAIjC,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAJJ,EAKjC,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WALH,EAMjC,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UANU,EAOjC,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WAPE,EAQjC,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aARA,EASjC,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YATC,EAUjC,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cAVD,EAWjC,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAXW,EAYjC,KAAK,CAAC,IAAN,CAAW,SAZsB,CAAnC;AAcD,CAhBM","sourceRoot":""}
package/lib-commonjs/Image.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./components/Image/index"), exports);
10
10
  //# sourceMappingURL=Image.js.map
package/lib-commonjs/components/Image/Image.js CHANGED
@@ -5,20 +5,20 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.Image = void 0;
7
7
 
8
- var React = /*#__PURE__*/require("react");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var renderImage_1 = /*#__PURE__*/require("./renderImage");
10
+ const renderImage_1 = /*#__PURE__*/require("./renderImage");
11
11
 
12
- var useImage_1 = /*#__PURE__*/require("./useImage");
12
+ const useImage_1 = /*#__PURE__*/require("./useImage");
13
13
 
14
- var useImageStyles_1 = /*#__PURE__*/require("./useImageStyles");
14
+ const useImageStyles_1 = /*#__PURE__*/require("./useImageStyles");
15
15
  /**
16
16
  * The Image component ensures the consistent styling of images.
17
17
  */
18
18
 
19
19
 
20
- exports.Image = /*#__PURE__*/React.forwardRef(function (props, ref) {
21
- var state = useImage_1.useImage(props, ref);
20
+ exports.Image = /*#__PURE__*/React.forwardRef((props, ref) => {
21
+ const state = useImage_1.useImage(props, ref);
22
22
  useImageStyles_1.useImageStyles(state);
23
23
  return renderImage_1.renderImage(state);
24
24
  });
package/lib-commonjs/components/Image/Image.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":";;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,IAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,IAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,UAAC,KAAD,EAAQ,GAAR,EAAW;AAChF,MAAM,KAAK,GAAG,UAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CAAd;AACA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,aAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/Image.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,eAAA,CAAA;;AACA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,kBAAA,CAAA;AAIA;;AAEG;;;AACU,OAAA,CAAA,KAAA,gBAAyC,KAAK,CAAC,UAAN,CAAiB,CAAC,KAAD,EAAQ,GAAR,KAAe;AACpF,QAAM,KAAK,GAAG,UAAA,CAAA,QAAA,CAAS,KAAT,EAAgB,GAAhB,CAAd;AACA,EAAA,gBAAA,CAAA,cAAA,CAAe,KAAf;AAEA,SAAO,aAAA,CAAA,WAAA,CAAY,KAAZ,CAAP;AACD,CALqD,CAAzC;AAOb,OAAA,CAAA,KAAA,CAAM,WAAN,GAAoB,OAApB","sourceRoot":""}
package/lib-commonjs/components/Image/index.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Image.types"), exports);
10
10
 
package/lib-commonjs/components/Image/renderImage.js CHANGED
@@ -5,25 +5,23 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.renderImage = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
8
+ const React = /*#__PURE__*/require("react");
9
9
 
10
- var React = /*#__PURE__*/require("react");
10
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
11
 
12
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
13
-
14
- var useImage_1 = /*#__PURE__*/require("./useImage");
12
+ const useImage_1 = /*#__PURE__*/require("./useImage");
15
13
  /**
16
14
  * Define the render function.
17
15
  * Given the state of an image, renders it.
18
16
  */
19
17
 
20
18
 
21
- var renderImage = function (state) {
22
- var _a = react_utilities_1.getSlots(state, useImage_1.imageShorthandProps),
23
- slots = _a.slots,
24
- slotProps = _a.slotProps;
25
-
26
- return React.createElement(slots.root, tslib_1.__assign({}, slotProps.root));
19
+ const renderImage = state => {
20
+ const {
21
+ slots,
22
+ slotProps
23
+ } = react_utilities_1.getSlots(state, useImage_1.imageShorthandProps);
24
+ return React.createElement(slots.root, Object.assign({}, slotProps.root));
27
25
  };
28
26
 
29
27
  exports.renderImage = renderImage;
package/lib-commonjs/components/Image/renderImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/renderImage.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,IAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;;AAGG;;;AACI,IAAM,WAAW,GAAG,UAAC,KAAD,EAAkB;AACrC,MAAA,EAAA,GAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,EAA4B,UAAA,CAAA,mBAA5B,CAAvB;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,OAAA,CAAA,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/renderImage.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAEA,MAAA,UAAA,gBAAA,OAAA,CAAA,YAAA,CAAA;AAEA;;;AAGG;;;AACI,MAAM,WAAW,GAAI,KAAD,IAAsB;AAC/C,QAAM;AAAE,IAAA,KAAF;AAAS,IAAA;AAAT,MAAuB,iBAAA,CAAA,QAAA,CAAqB,KAArB,EAA4B,UAAA,CAAA,mBAA5B,CAA7B;AAEA,SAAO,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,CAAP;AACD,CAJM;;AAAM,OAAA,CAAA,WAAA,GAAW,WAAX","sourceRoot":""}
package/lib-commonjs/components/Image/useImage.js CHANGED
@@ -5,34 +5,34 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useImage = exports.imageShorthandProps = void 0;
7
7
 
8
- var tslib_1 = /*#__PURE__*/require("tslib");
9
-
10
- var react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
8
+ const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
11
9
 
12
10
  exports.imageShorthandProps = ['root'];
13
11
  /**
14
12
  * Given user props, returns state and render function for an Image.
15
13
  */
16
14
 
17
- var useImage = function (props, ref) {
18
- var bordered = props.bordered,
19
- fit = props.fit,
20
- block = props.block,
21
- _a = props.shape,
22
- shape = _a === void 0 ? 'square' : _a,
23
- shadow = props.shadow;
24
- var state = {
25
- bordered: bordered,
26
- fit: fit,
27
- block: block,
28
- shape: shape,
29
- shadow: shadow,
15
+ const useImage = (props, ref) => {
16
+ const {
17
+ bordered,
18
+ fit,
19
+ block,
20
+ shape = 'square',
21
+ shadow
22
+ } = props;
23
+ const state = {
24
+ bordered,
25
+ fit,
26
+ block,
27
+ shape,
28
+ shadow,
30
29
  components: {
31
30
  root: 'img'
32
31
  },
33
- root: react_utilities_1.getNativeElementProps('img', tslib_1.__assign({
34
- ref: ref
35
- }, props))
32
+ root: react_utilities_1.getNativeElementProps('img', {
33
+ ref,
34
+ ...props
35
+ })
36
36
  };
37
37
  return state;
38
38
  };
package/lib-commonjs/components/Image/useImage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":";;;;;;;;;AACA,IAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAA+C,CAAC,MAAD,CAA/C;AAEb;;AAEG;;AACI,IAAM,QAAQ,GAAG,UAAC,KAAD,EAAoB,GAApB,EAAoD;AAClE,MAAA,QAAQ,GAA2C,KAAK,CAAhD,QAAR;AAAA,MAAU,GAAG,GAAsC,KAAK,CAA3C,GAAb;AAAA,MAAe,KAAK,GAA+B,KAAK,CAApC,KAApB;AAAA,MAAsB,EAAA,GAA6B,KAAK,CAAlB,KAAtC;AAAA,MAAsB,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAH,GAAW,EAAtC;AAAA,MAAwC,MAAM,GAAK,KAAK,CAAV,MAA9C;AAER,MAAM,KAAK,GAAe;AACxB,IAAA,QAAQ,EAAA,QADgB;AAExB,IAAA,GAAG,EAAA,GAFqB;AAGxB,IAAA,KAAK,EAAA,KAHmB;AAIxB,IAAA,KAAK,EAAA,KAJmB;AAKxB,IAAA,MAAM,EAAA,MALkB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA2B,OAAA,CAAA,QAAA,CAAA;AAC/B,MAAA,GAAG,EAAA;AAD4B,KAAA,EAE5B,KAF4B,CAA3B;AATkB,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/useImage.ts"],"names":[],"mappings":";;;;;;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AAGa,OAAA,CAAA,mBAAA,GAA+C,CAAC,MAAD,CAA/C;AAEb;;AAEG;;AACI,MAAM,QAAQ,GAAG,CAAC,KAAD,EAAoB,GAApB,KAAoE;AAC1F,QAAM;AAAE,IAAA,QAAF;AAAY,IAAA,GAAZ;AAAiB,IAAA,KAAjB;AAAwB,IAAA,KAAK,GAAG,QAAhC;AAA0C,IAAA;AAA1C,MAAqD,KAA3D;AAEA,QAAM,KAAK,GAAe;AACxB,IAAA,QADwB;AAExB,IAAA,GAFwB;AAGxB,IAAA,KAHwB;AAIxB,IAAA,KAJwB;AAKxB,IAAA,MALwB;AAMxB,IAAA,UAAU,EAAE;AACV,MAAA,IAAI,EAAE;AADI,KANY;AASxB,IAAA,IAAI,EAAE,iBAAA,CAAA,qBAAA,CAAsB,KAAtB,EAA6B;AACjC,MAAA,GADiC;AAEjC,SAAG;AAF8B,KAA7B;AATkB,GAA1B;AAeA,SAAO,KAAP;AACD,CAnBM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourceRoot":""}
package/lib-commonjs/components/Image/useImageStyles.d.ts CHANGED
@@ -1,2 +1,3 @@
1
1
  import type { ImageState } from './Image.types';
2
+ export declare const imageClassName = "fui-Image";
2
3
  export declare const useImageStyles: (state: ImageState) => void;
package/lib-commonjs/components/Image/useImageStyles.js CHANGED
@@ -3,11 +3,13 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useImageStyles = void 0;
6
+ exports.useImageStyles = exports.imageClassName = void 0;
7
7
 
8
- var react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
8
+ const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
9
9
 
10
- var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
10
+ exports.imageClassName = 'fui-Image';
11
+
12
+ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
11
13
  "root": {
12
14
  "g2u3we": "fj3muxo",
13
15
  "h3c5rm": ["f1akhkt", "f1lxtadh"],
@@ -34,7 +36,7 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
34
36
  "Dimara": "ft85np5"
35
37
  },
36
38
  "rootShadow": {
37
- "E5pizo": ["f1whvlc6", "fzb35q0"]
39
+ "E5pizo": "f1whvlc6"
38
40
  },
39
41
  "rootFitNone": {
40
42
  "st4lth": "f1plgu50",
@@ -64,12 +66,12 @@ var useStyles = /*#__PURE__*/react_make_styles_1.__styles({
64
66
  "a9b677": "fly5x3f"
65
67
  }
66
68
  }, {
67
- "d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f1fabniw{border-radius:var(--borderRadiusNone);}", ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f44lkw9{border-radius:var(--borderRadiusCircular);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".fzb35q0{box-shadow:var(--shadow-4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
69
+ "d": [".fj3muxo{border-top-color:var(--colorNeutralStroke1);}", ".f1akhkt{border-right-color:var(--colorNeutralStroke1);}", ".f1lxtadh{border-left-color:var(--colorNeutralStroke1);}", ".f1aperda{border-bottom-color:var(--colorNeutralStroke1);}", ".f1fabniw{border-radius:var(--borderRadiusNone);}", ".f1ewtqcl{box-sizing:border-box;}", ".f14t3ns0{display:inline-block;}", ".fzkkow9{border-top-style:solid;}", ".fcdblym{border-right-style:solid;}", ".fjik90z{border-left-style:solid;}", ".fg706s2{border-bottom-style:solid;}", ".f192inf7{border-top-width:var(--strokeWidthThin);}", ".f5tn483{border-right-width:var(--strokeWidthThin);}", ".f1ojsxk5{border-left-width:var(--strokeWidthThin);}", ".f1vxd6vx{border-bottom-width:var(--strokeWidthThin);}", ".f44lkw9{border-radius:var(--borderRadiusCircular);}", ".ft85np5{border-radius:var(--borderRadiusMedium);}", ".f1whvlc6{box-shadow:var(--shadow4);}", ".f1plgu50{object-fit:none;}", ".f13uwng7{object-position:left top;}", ".fjmyj0p{object-position:right top;}", ".f1l02sjl{height:100%;}", ".fly5x3f{width:100%;}", ".f14xojzb{object-position:center;}", ".f1ps3kmd{object-fit:cover;}", ".f1kle4es{object-fit:contain;}"]
68
70
  });
69
71
 
70
- var useImageStyles = function (state) {
71
- var styles = useStyles();
72
- state.root.className = react_make_styles_1.mergeClasses(styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.block && styles.rootBlock, state.root.className);
72
+ const useImageStyles = state => {
73
+ const styles = useStyles();
74
+ state.root.className = react_make_styles_1.mergeClasses(exports.imageClassName, styles.root, state.bordered && styles.rootBordered, state.shape === 'circular' && styles.rootCircular, state.shape === 'rounded' && styles.rootRounded, state.shadow && styles.rootShadow, state.fit === 'none' && styles.rootFitNone, state.fit === 'center' && styles.rootFitCenter, state.fit === 'cover' && styles.rootFitCover, state.fit === 'contain' && styles.rootFitContain, state.block && styles.rootBlock, state.root.className);
73
75
  };
74
76
 
75
77
  exports.useImageStyles = useImageStyles;
package/lib-commonjs/components/Image/useImageStyles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGA,IAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDO,IAAM,cAAc,GAAG,UAAC,KAAD,EAAkB;AAC9C,MAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,MAAM,CAAC,IADc,EAErB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAFJ,EAGrB,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAHhB,EAIrB,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WAJf,EAKrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UALF,EAMrB,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WANV,EAOrB,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aAPZ,EAQrB,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YARX,EASrB,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cATb,EAUrB,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAVD,EAWrB,KAAK,CAAC,IAAN,CAAW,SAXU,CAAvB;AAaD,CAfM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
1
+ {"version":3,"sources":["../../../src/components/Image/useImageStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAGa,OAAA,CAAA,cAAA,GAAiB,WAAjB;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;;AAkDO,MAAM,cAAc,GAAI,KAAD,IAAsB;AAClD,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,cADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,KAAK,CAAC,QAAN,IAAkB,MAAM,CAAC,YAHJ,EAIrB,KAAK,CAAC,KAAN,KAAgB,UAAhB,IAA8B,MAAM,CAAC,YAJhB,EAKrB,KAAK,CAAC,KAAN,KAAgB,SAAhB,IAA6B,MAAM,CAAC,WALf,EAMrB,KAAK,CAAC,MAAN,IAAgB,MAAM,CAAC,UANF,EAOrB,KAAK,CAAC,GAAN,KAAc,MAAd,IAAwB,MAAM,CAAC,WAPV,EAQrB,KAAK,CAAC,GAAN,KAAc,QAAd,IAA0B,MAAM,CAAC,aARZ,EASrB,KAAK,CAAC,GAAN,KAAc,OAAd,IAAyB,MAAM,CAAC,YATX,EAUrB,KAAK,CAAC,GAAN,KAAc,SAAd,IAA2B,MAAM,CAAC,cAVb,EAWrB,KAAK,CAAC,KAAN,IAAe,MAAM,CAAC,SAXD,EAYrB,KAAK,CAAC,IAAN,CAAW,SAZU,CAAvB;AAcD,CAhBM;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd","sourceRoot":""}
package/lib-commonjs/index.js CHANGED
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
 
7
- var tslib_1 = /*#__PURE__*/require("tslib");
7
+ const tslib_1 = /*#__PURE__*/require("tslib");
8
8
 
9
9
  tslib_1.__exportStar(require("./Image"), exports);
10
10
  //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluentui/react-image",
3
- "version": "0.0.0-nightlya372ad979820211103.1",
3
+ "version": "0.0.0-nightlya54302c0b220211124.1",
4
4
  "description": "Fluent UI React Image component.",
5
5
  "main": "lib-commonjs/index.js",
6
6
  "module": "lib/index.js",
@@ -21,15 +21,16 @@
21
21
  "start": "yarn storybook",
22
22
  "test": "jest",
23
23
  "docs": "api-extractor run --config=config/api-extractor.local.json --local",
24
- "build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-image/src && yarn docs",
25
- "storybook": "start-storybook"
24
+ "build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-image/src && yarn docs",
25
+ "storybook": "start-storybook",
26
+ "type-check": "tsc -b tsconfig.json"
26
27
  },
27
28
  "devDependencies": {
28
- "@fluentui/babel-make-styles": "0.0.0-nightlya372ad979820211103.1",
29
+ "@fluentui/babel-make-styles": "0.0.0-nightlya54302c0b220211124.1",
29
30
  "@fluentui/eslint-plugin": "*",
30
- "@fluentui/jest-serializer-make-styles": "0.0.0-nightlya372ad979820211103.1",
31
+ "@fluentui/jest-serializer-make-styles": "0.0.0-nightlya54302c0b220211124.1",
31
32
  "@fluentui/react-conformance": "*",
32
- "@fluentui/react-conformance-make-styles": "0.0.0-nightlya372ad979820211103.1",
33
+ "@fluentui/react-conformance-make-styles": "0.0.0-nightlya54302c0b220211124.1",
33
34
  "@fluentui/scripts": "^1.0.0",
34
35
  "@types/enzyme": "3.10.3",
35
36
  "@types/enzyme-adapter-react-16": "1.0.3",
@@ -44,8 +45,8 @@
44
45
  "react-test-renderer": "^16.3.0"
45
46
  },
46
47
  "dependencies": {
47
- "@fluentui/react-make-styles": "0.0.0-nightlya372ad979820211103.1",
48
- "@fluentui/react-utilities": "0.0.0-nightlya372ad979820211103.1",
48
+ "@fluentui/react-make-styles": "0.0.0-nightlya54302c0b220211124.1",
49
+ "@fluentui/react-utilities": "0.0.0-nightlya54302c0b220211124.0",
49
50
  "tslib": "^2.1.0"
50
51
  },
51
52
  "peerDependencies": {
@@ -55,7 +56,6 @@
55
56
  "react-dom": ">=16.8.0 <18.0.0"
56
57
  },
57
58
  "beachball": {
58
- "tag": "beta",
59
59
  "disallowedChangeTypes": [
60
60
  "major",
61
61
  "minor",
package/lib/common/isConformant.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
package/lib/common/isConformant.js DELETED
@@ -1,13 +0,0 @@
1
- import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
2
- import makeStylesTests from '@fluentui/react-conformance-make-styles';
3
- export function isConformant(testInfo) {
4
- var defaultOptions = {
5
- asPropHandlesRef: true,
6
- componentPath: module.parent.filename.replace('.test', ''),
7
- disabledTests: ['has-docblock'],
8
- extraTests: makeStylesTests,
9
- skipAsPropTests: true
10
- };
11
- baseIsConformant(defaultOptions, testInfo);
12
- }
13
- //# sourceMappingURL=isConformant.js.map
package/lib/common/isConformant.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,eAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
package/lib-commonjs/common/isConformant.d.ts DELETED
@@ -1,4 +0,0 @@
1
- import type { IsConformantOptions } from '@fluentui/react-conformance';
2
- export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
3
- componentPath?: string;
4
- }): void;
package/lib-commonjs/common/isConformant.js DELETED
@@ -1,24 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.isConformant = void 0;
7
-
8
- var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
9
-
10
- var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
11
-
12
- function isConformant(testInfo) {
13
- var defaultOptions = {
14
- asPropHandlesRef: true,
15
- componentPath: module.parent.filename.replace('.test', ''),
16
- disabledTests: ['has-docblock'],
17
- extraTests: react_conformance_make_styles_1.default,
18
- skipAsPropTests: true
19
- };
20
- react_conformance_1.isConformant(defaultOptions, testInfo);
21
- }
22
-
23
- exports.isConformant = isConformant;
24
- //# sourceMappingURL=isConformant.js.map
package/lib-commonjs/common/isConformant.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}