@fluentui/react-components 9.7.4 → 9.8.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.json +964 -1
- package/CHANGELOG.md +110 -2
- package/dist/index.d.ts +24 -0
- package/dist/unstable.d.ts +51 -24
- package/lib/Concepts/Icons/ReactIconGrid.js +35 -44
- package/lib/Concepts/Icons/ReactIconGrid.js.map +1 -1
- package/lib/index.js +5 -4
- package/lib/index.js.map +1 -1
- package/lib/unstable/index.js +1 -2
- package/lib/unstable/index.js.map +1 -1
- package/lib-amd/index.js +25 -20
- package/lib-amd/index.js.map +1 -1
- package/lib-commonjs/Concepts/Icons/ReactIconGrid.js +35 -48
- package/lib-commonjs/Concepts/Icons/ReactIconGrid.js.map +1 -1
- package/lib-commonjs/index.js +152 -177
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/unstable/index.js +72 -78
- package/lib-commonjs/unstable/index.js.map +1 -1
- package/package.json +42 -42
- package/MIGRATION-NOTES.md +0 -407
- package/lib/AccessibilityScenarios/utils.js +0 -27
- package/lib/AccessibilityScenarios/utils.js.map +0 -1
- package/lib-commonjs/AccessibilityScenarios/utils.js +0 -46
- package/lib-commonjs/AccessibilityScenarios/utils.js.map +0 -1
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
const APP_TITLE = 'Accessibility Scenarios';
|
|
3
|
-
const APP_TITLE_SEPARATOR = ' | '; // https://storybook.js.org/addons/@storybook/addon-links does not allow opening a story in new tab
|
|
4
|
-
// so this is a naive attempt for opening a story in full screen
|
|
5
|
-
|
|
6
|
-
export const FullscreenLink = props => /*#__PURE__*/React.createElement("a", {
|
|
7
|
-
className: "sbdocs sbdocs-a",
|
|
8
|
-
href: `iframe.html?id=${props.parent}--${props.story}`,
|
|
9
|
-
target: "_blank"
|
|
10
|
-
}, props.content);
|
|
11
|
-
export const ScenariosListLink = props => /*#__PURE__*/React.createElement("a", {
|
|
12
|
-
className: "sbdocs sbdocs-a",
|
|
13
|
-
href: `iframe.html?id=concepts-developer-accessibility-stories-list-of-scenarios--page`
|
|
14
|
-
}, props.children);
|
|
15
|
-
export const BackLink = () => /*#__PURE__*/React.createElement(ScenariosListLink, null, "Go back to main menu");
|
|
16
|
-
export const Scenario = ({
|
|
17
|
-
pageTitle,
|
|
18
|
-
children
|
|
19
|
-
}) => {
|
|
20
|
-
React.useEffect(() => {
|
|
21
|
-
document.title = pageTitle + APP_TITLE_SEPARATOR + APP_TITLE;
|
|
22
|
-
}, [pageTitle]);
|
|
23
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
24
|
-
role: "main"
|
|
25
|
-
}, /*#__PURE__*/React.createElement(BackLink, null), /*#__PURE__*/React.createElement("br", null), children);
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-components/src/AccessibilityScenarios/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AAEA,MAAM,SAAS,GAAG,yBAAlB;AACA,MAAM,mBAAmB,GAAG,KAA5B,C,CAQA;AACA;;AACA,OAAO,MAAM,cAAc,GAAI,KAAD,iBAC5B,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;EAAG,SAAS,EAAC,iBAAb;EAA+B,IAAI,EAAE,kBAAkB,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,KAAK,EAAnF;EAAuF,MAAM,EAAC;AAA9F,CAAA,EACG,KAAK,CAAC,OADT,CADK;AAMP,OAAO,MAAM,iBAAiB,GAAa,KAAK,iBAC9C,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;EACE,SAAS,EAAC,iBADZ;EAEE,IAAI,EAAE;AAFR,CAAA,EAIG,KAAK,CAAC,QAJT,CADK;AASP,OAAO,MAAM,QAAQ,GAAG,mBAAM,KAAA,CAAA,aAAA,CAAC,iBAAD,EAAkB,IAAlB,EAAkB,sBAAlB,CAAvB;AAEP,OAAO,MAAM,QAAQ,GAAmD,CAAC;EAAE,SAAF;EAAa;AAAb,CAAD,KAA4B;EAClG,KAAK,CAAC,SAAN,CAAgB,MAAK;IACnB,QAAQ,CAAC,KAAT,GAAiB,SAAS,GAAG,mBAAZ,GAAkC,SAAnD;EACD,CAFD,EAEG,CAAC,SAAD,CAFH;EAIA,oBACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IAAK,IAAI,EAAC;EAAV,CAAA,eACE,KAAA,CAAA,aAAA,CAAC,QAAD,EAAS,IAAT,CADF,eAEE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,CAFF,EAGG,QAHH,CADF;AAOD,CAZM","sourcesContent":["import * as React from 'react';\n\nconst APP_TITLE = 'Accessibility Scenarios';\nconst APP_TITLE_SEPARATOR = ' | ';\n\ninterface FullscreenLinkProps {\n parent: string;\n story: string;\n content: string;\n}\n\n// https://storybook.js.org/addons/@storybook/addon-links does not allow opening a story in new tab\n// so this is a naive attempt for opening a story in full screen\nexport const FullscreenLink = (props: FullscreenLinkProps) => (\n <a className=\"sbdocs sbdocs-a\" href={`iframe.html?id=${props.parent}--${props.story}`} target=\"_blank\">\n {props.content}\n </a>\n);\n\nexport const ScenariosListLink: React.FC = props => (\n <a\n className=\"sbdocs sbdocs-a\"\n href={`iframe.html?id=concepts-developer-accessibility-stories-list-of-scenarios--page`}\n >\n {props.children}\n </a>\n);\n\nexport const BackLink = () => <ScenariosListLink>Go back to main menu</ScenariosListLink>;\n\nexport const Scenario: React.FunctionComponent<{ pageTitle: string }> = ({ pageTitle, children }) => {\n React.useEffect(() => {\n document.title = pageTitle + APP_TITLE_SEPARATOR + APP_TITLE;\n }, [pageTitle]);\n\n return (\n <div role=\"main\">\n <BackLink />\n <br />\n {children}\n </div>\n );\n};\n"],"sourceRoot":"../src/"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Scenario = exports.BackLink = exports.ScenariosListLink = exports.FullscreenLink = void 0;
|
|
7
|
-
|
|
8
|
-
const React = /*#__PURE__*/require("react");
|
|
9
|
-
|
|
10
|
-
const APP_TITLE = 'Accessibility Scenarios';
|
|
11
|
-
const APP_TITLE_SEPARATOR = ' | '; // https://storybook.js.org/addons/@storybook/addon-links does not allow opening a story in new tab
|
|
12
|
-
// so this is a naive attempt for opening a story in full screen
|
|
13
|
-
|
|
14
|
-
const FullscreenLink = props => React.createElement("a", {
|
|
15
|
-
className: "sbdocs sbdocs-a",
|
|
16
|
-
href: `iframe.html?id=${props.parent}--${props.story}`,
|
|
17
|
-
target: "_blank"
|
|
18
|
-
}, props.content);
|
|
19
|
-
|
|
20
|
-
exports.FullscreenLink = FullscreenLink;
|
|
21
|
-
|
|
22
|
-
const ScenariosListLink = props => React.createElement("a", {
|
|
23
|
-
className: "sbdocs sbdocs-a",
|
|
24
|
-
href: `iframe.html?id=concepts-developer-accessibility-stories-list-of-scenarios--page`
|
|
25
|
-
}, props.children);
|
|
26
|
-
|
|
27
|
-
exports.ScenariosListLink = ScenariosListLink;
|
|
28
|
-
|
|
29
|
-
const BackLink = () => React.createElement(exports.ScenariosListLink, null, "Go back to main menu");
|
|
30
|
-
|
|
31
|
-
exports.BackLink = BackLink;
|
|
32
|
-
|
|
33
|
-
const Scenario = ({
|
|
34
|
-
pageTitle,
|
|
35
|
-
children
|
|
36
|
-
}) => {
|
|
37
|
-
React.useEffect(() => {
|
|
38
|
-
document.title = pageTitle + APP_TITLE_SEPARATOR + APP_TITLE;
|
|
39
|
-
}, [pageTitle]);
|
|
40
|
-
return React.createElement("div", {
|
|
41
|
-
role: "main"
|
|
42
|
-
}, React.createElement(exports.BackLink, null), React.createElement("br", null), children);
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
exports.Scenario = Scenario;
|
|
46
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/react-components/react-components/src/AccessibilityScenarios/utils.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AAEA,MAAM,SAAS,GAAG,yBAAlB;AACA,MAAM,mBAAmB,GAAG,KAA5B,C,CAQA;AACA;;AACO,MAAM,cAAc,GAAI,KAAD,IAC5B,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;EAAG,SAAS,EAAC,iBAAb;EAA+B,IAAI,EAAE,kBAAkB,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,KAAK,EAAnF;EAAuF,MAAM,EAAC;AAA9F,CAAA,EACG,KAAK,CAAC,OADT,CADK;;AAAM,OAAA,CAAA,cAAA,GAAc,cAAd;;AAMN,MAAM,iBAAiB,GAAa,KAAK,IAC9C,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA;EACE,SAAS,EAAC,iBADZ;EAEE,IAAI,EAAE;AAFR,CAAA,EAIG,KAAK,CAAC,QAJT,CADK;;AAAM,OAAA,CAAA,iBAAA,GAAiB,iBAAjB;;AASN,MAAM,QAAQ,GAAG,MAAM,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,iBAAD,EAAkB,IAAlB,EAAkB,sBAAlB,CAAvB;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR;;AAEN,MAAM,QAAQ,GAAmD,CAAC;EAAE,SAAF;EAAa;AAAb,CAAD,KAA4B;EAClG,KAAK,CAAC,SAAN,CAAgB,MAAK;IACnB,QAAQ,CAAC,KAAT,GAAiB,SAAS,GAAG,mBAAZ,GAAkC,SAAnD;EACD,CAFD,EAEG,CAAC,SAAD,CAFH;EAIA,OACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;IAAK,IAAI,EAAC;EAAV,CAAA,EACE,KAAA,CAAA,aAAA,CAAC,OAAA,CAAA,QAAD,EAAS,IAAT,CADF,EAEE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,CAFF,EAGG,QAHH,CADF;AAOD,CAZM;;AAAM,OAAA,CAAA,QAAA,GAAQ,QAAR","sourcesContent":["import * as React from 'react';\n\nconst APP_TITLE = 'Accessibility Scenarios';\nconst APP_TITLE_SEPARATOR = ' | ';\n\ninterface FullscreenLinkProps {\n parent: string;\n story: string;\n content: string;\n}\n\n// https://storybook.js.org/addons/@storybook/addon-links does not allow opening a story in new tab\n// so this is a naive attempt for opening a story in full screen\nexport const FullscreenLink = (props: FullscreenLinkProps) => (\n <a className=\"sbdocs sbdocs-a\" href={`iframe.html?id=${props.parent}--${props.story}`} target=\"_blank\">\n {props.content}\n </a>\n);\n\nexport const ScenariosListLink: React.FC = props => (\n <a\n className=\"sbdocs sbdocs-a\"\n href={`iframe.html?id=concepts-developer-accessibility-stories-list-of-scenarios--page`}\n >\n {props.children}\n </a>\n);\n\nexport const BackLink = () => <ScenariosListLink>Go back to main menu</ScenariosListLink>;\n\nexport const Scenario: React.FunctionComponent<{ pageTitle: string }> = ({ pageTitle, children }) => {\n React.useEffect(() => {\n document.title = pageTitle + APP_TITLE_SEPARATOR + APP_TITLE;\n }, [pageTitle]);\n\n return (\n <div role=\"main\">\n <BackLink />\n <br />\n {children}\n </div>\n );\n};\n"],"sourceRoot":"../src/"}
|