@fluentui/react-link 9.1.13 → 9.1.14
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 +58 -1
- package/CHANGELOG.md +18 -2
- package/lib/components/Link/Link.js.map +1 -1
- package/lib/components/Link/renderLink.js +2 -2
- package/lib/components/Link/renderLink.js.map +1 -1
- package/lib/components/Link/useLink.js +1 -1
- package/lib/components/Link/useLink.js.map +1 -1
- package/lib/components/Link/useLinkState.js +6 -4
- package/lib/components/Link/useLinkState.js.map +1 -1
- package/lib/components/Link/useLinkStyles.styles.js.map +1 -1
- package/lib-commonjs/Link.js +2 -2
- package/lib-commonjs/Link.js.map +1 -1
- package/lib-commonjs/components/Link/Link.js +7 -5
- package/lib-commonjs/components/Link/Link.js.map +1 -1
- package/lib-commonjs/components/Link/index.js +7 -7
- package/lib-commonjs/components/Link/index.js.map +1 -1
- package/lib-commonjs/components/Link/renderLink.js +8 -6
- package/lib-commonjs/components/Link/renderLink.js.map +1 -1
- package/lib-commonjs/components/Link/useLink.js +10 -8
- package/lib-commonjs/components/Link/useLink.js.map +1 -1
- package/lib-commonjs/components/Link/useLinkState.js +13 -9
- package/lib-commonjs/components/Link/useLinkState.js.map +1 -1
- package/lib-commonjs/components/Link/useLinkStyles.styles.js +8 -4
- package/lib-commonjs/components/Link/useLinkStyles.styles.js.map +1 -1
- package/lib-commonjs/index.js +19 -7
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +12 -12
package/CHANGELOG.json
CHANGED
|
@@ -2,7 +2,64 @@
|
|
|
2
2
|
"name": "@fluentui/react-link",
|
|
3
3
|
"entries": [
|
|
4
4
|
{
|
|
5
|
-
"date": "Tue,
|
|
5
|
+
"date": "Tue, 05 Sep 2023 13:23:30 GMT",
|
|
6
|
+
"tag": "@fluentui/react-link_v9.1.14",
|
|
7
|
+
"version": "9.1.14",
|
|
8
|
+
"comments": {
|
|
9
|
+
"patch": [
|
|
10
|
+
{
|
|
11
|
+
"author": "bernardo.sunderhus@gmail.com",
|
|
12
|
+
"package": "@fluentui/react-link",
|
|
13
|
+
"commit": "eea6d93a62249ba4fba3347fb291c67ee1a3fb24",
|
|
14
|
+
"comment": "chore: migrate package to use JSX importSource"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"author": "bernardo.sunderhus@gmail.com",
|
|
18
|
+
"package": "@fluentui/react-link",
|
|
19
|
+
"commit": "b93c2ac22355b6cb6f33dd509c6cd9c21f4fffc8",
|
|
20
|
+
"comment": "bumps @swc/helpers version to 0.5.1"
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
"author": "beachball",
|
|
24
|
+
"package": "@fluentui/react-link",
|
|
25
|
+
"comment": "Bump @fluentui/keyboard-keys to v9.0.4",
|
|
26
|
+
"commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"author": "beachball",
|
|
30
|
+
"package": "@fluentui/react-link",
|
|
31
|
+
"comment": "Bump @fluentui/react-jsx-runtime to v9.0.4",
|
|
32
|
+
"commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
"author": "beachball",
|
|
36
|
+
"package": "@fluentui/react-link",
|
|
37
|
+
"comment": "Bump @fluentui/react-shared-contexts to v9.7.3",
|
|
38
|
+
"commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"author": "beachball",
|
|
42
|
+
"package": "@fluentui/react-link",
|
|
43
|
+
"comment": "Bump @fluentui/react-tabster to v9.12.6",
|
|
44
|
+
"commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"author": "beachball",
|
|
48
|
+
"package": "@fluentui/react-link",
|
|
49
|
+
"comment": "Bump @fluentui/react-theme to v9.1.12",
|
|
50
|
+
"commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"author": "beachball",
|
|
54
|
+
"package": "@fluentui/react-link",
|
|
55
|
+
"comment": "Bump @fluentui/react-utilities to v9.13.1",
|
|
56
|
+
"commit": "0bf811dbcaaa6b78743537d142fe4d348b457045"
|
|
57
|
+
}
|
|
58
|
+
]
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
"date": "Tue, 29 Aug 2023 12:57:36 GMT",
|
|
6
63
|
"tag": "@fluentui/react-link_v9.1.13",
|
|
7
64
|
"version": "9.1.13",
|
|
8
65
|
"comments": {
|
package/CHANGELOG.md
CHANGED
|
@@ -1,12 +1,28 @@
|
|
|
1
1
|
# Change Log - @fluentui/react-link
|
|
2
2
|
|
|
3
|
-
This log was last generated on Tue,
|
|
3
|
+
This log was last generated on Tue, 05 Sep 2023 13:23:30 GMT and should not be manually modified.
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## [9.1.14](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.1.14)
|
|
8
|
+
|
|
9
|
+
Tue, 05 Sep 2023 13:23:30 GMT
|
|
10
|
+
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.1.13..@fluentui/react-link_v9.1.14)
|
|
11
|
+
|
|
12
|
+
### Patches
|
|
13
|
+
|
|
14
|
+
- chore: migrate package to use JSX importSource ([PR #28959](https://github.com/microsoft/fluentui/pull/28959) by bernardo.sunderhus@gmail.com)
|
|
15
|
+
- bumps @swc/helpers version to 0.5.1 ([PR #28989](https://github.com/microsoft/fluentui/pull/28989) by bernardo.sunderhus@gmail.com)
|
|
16
|
+
- Bump @fluentui/keyboard-keys to v9.0.4 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
|
|
17
|
+
- Bump @fluentui/react-jsx-runtime to v9.0.4 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
|
|
18
|
+
- Bump @fluentui/react-shared-contexts to v9.7.3 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
|
|
19
|
+
- Bump @fluentui/react-tabster to v9.12.6 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
|
|
20
|
+
- Bump @fluentui/react-theme to v9.1.12 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
|
|
21
|
+
- Bump @fluentui/react-utilities to v9.13.1 ([PR #27840](https://github.com/microsoft/fluentui/pull/27840) by beachball)
|
|
22
|
+
|
|
7
23
|
## [9.1.13](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.1.13)
|
|
8
24
|
|
|
9
|
-
Tue, 29 Aug 2023 12:
|
|
25
|
+
Tue, 29 Aug 2023 12:57:36 GMT
|
|
10
26
|
[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.1.12..@fluentui/react-link_v9.1.13)
|
|
11
27
|
|
|
12
28
|
### Patches
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles.styles';\nimport { renderLink_unstable } from './renderLink';\nimport type { LinkProps } from './Link.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */\nexport const Link: ForwardRefComponent<LinkProps> = React.forwardRef((props, ref) => {\n const state = useLink_unstable(props, ref);\n\n useLinkStyles_unstable(state);\n\n return renderLink_unstable(state);\n // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<LinkProps>;\n\nLink.displayName = 'Link';\n"],"names":["React","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","Link","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,sBAAsB,QAAQ,yBAAyB;AAChE,SAASC,mBAAmB,QAAQ,eAAe;AAInD;;CAEC,GACD,OAAO,MAAMC,qBAAuCJ,MAAMK,UAAU,CAAC,CAACC,OAAOC
|
|
1
|
+
{"version":3,"sources":["Link.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles.styles';\nimport { renderLink_unstable } from './renderLink';\nimport type { LinkProps } from './Link.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */\nexport const Link: ForwardRefComponent<LinkProps> = React.forwardRef((props, ref) => {\n const state = useLink_unstable(props, ref);\n\n useLinkStyles_unstable(state);\n\n return renderLink_unstable(state);\n // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<LinkProps>;\n\nLink.displayName = 'Link';\n"],"names":["React","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","Link","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,sBAAsB,QAAQ,yBAAyB;AAChE,SAASC,mBAAmB,QAAQ,eAAe;AAInD;;CAEC,GACD,OAAO,MAAMC,qBAAuCJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQP,iBAAiBK,OAAOC;IAEtCL,uBAAuBM;IAEvB,OAAOL,oBAAoBK;AAC3B,qFAAqF;AACvF,GAAqC;AAErCJ,KAAKK,WAAW,GAAG"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/** @jsxRuntime
|
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
|
|
2
2
|
import { assertSlots } from '@fluentui/react-utilities';
|
|
3
3
|
/**
|
|
4
4
|
* Renders a Link component by passing the state defined props to the appropriate slots.
|
|
5
5
|
*/ export const renderLink_unstable = (state)=>{
|
|
6
6
|
assertSlots(state);
|
|
7
|
-
return /*#__PURE__*/
|
|
7
|
+
return /*#__PURE__*/ _jsx(state.root, {});
|
|
8
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderLink.tsx"],"sourcesContent":["/** @jsxRuntime
|
|
1
|
+
{"version":3,"sources":["renderLink.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { LinkSlots, LinkState } from './Link.types';\n\n/**\n * Renders a Link component by passing the state defined props to the appropriate slots.\n */\nexport const renderLink_unstable = (state: LinkState) => {\n assertSlots<LinkSlots>(state);\n\n return <state.root />;\n};\n"],"names":["assertSlots","renderLink_unstable","state","root"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,sBAAsB,CAACC;IAClCF,YAAuBE;IAEvB,qBAAO,KAACA,MAAMC,IAAI;AACpB,EAAE"}
|
|
@@ -8,7 +8,7 @@ import { useLinkState_unstable } from './useLinkState';
|
|
|
8
8
|
* @param ref - User provided ref to be passed to the Link component.
|
|
9
9
|
*/ export const useLink_unstable = (props, ref)=>{
|
|
10
10
|
const backgroundAppearance = useBackgroundAppearance();
|
|
11
|
-
const { appearance ='default'
|
|
11
|
+
const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;
|
|
12
12
|
const as = props.as || (props.href ? 'a' : 'button');
|
|
13
13
|
const type = as === 'button' ? 'button' : undefined;
|
|
14
14
|
const state = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useLink.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkProps, LinkState } from './Link.types';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n props: LinkProps,\n ref: React.Ref<HTMLAnchorElement | HTMLButtonElement>,\n): LinkState => {\n const backgroundAppearance = useBackgroundAppearance();\n const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;\n const as = props.as || (props.href ? 'a' : 'button');\n const type = as === 'button' ? 'button' : undefined;\n\n const state: LinkState = {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n inline,\n\n // Slots definition\n components: {\n root: 'a',\n },\n\n root: slot.always(\n getNativeElementProps(as, {\n ref,\n type,\n ...props,\n as,\n }),\n { elementType: 'a' },\n ),\n backgroundAppearance,\n };\n\n useLinkState_unstable(state);\n\n return state;\n};\n"],"names":["React","getNativeElementProps","slot","useBackgroundAppearance","useLinkState_unstable","useLink_unstable","props","ref","backgroundAppearance","appearance","disabled","disabledFocusable","inline","as","href","type","undefined","state","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AACxE,SAASC,uBAAuB,QAAQ,kCAAkC;AAC1E,SAASC,qBAAqB,QAAQ,iBAAiB;AAGvD;;;;CAIC,GACD,OAAO,MAAMC,mBAAmB,CAC9BC,OACAC
|
|
1
|
+
{"version":3,"sources":["useLink.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkProps, LinkState } from './Link.types';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n props: LinkProps,\n ref: React.Ref<HTMLAnchorElement | HTMLButtonElement>,\n): LinkState => {\n const backgroundAppearance = useBackgroundAppearance();\n const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;\n const as = props.as || (props.href ? 'a' : 'button');\n const type = as === 'button' ? 'button' : undefined;\n\n const state: LinkState = {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n inline,\n\n // Slots definition\n components: {\n root: 'a',\n },\n\n root: slot.always(\n getNativeElementProps(as, {\n ref,\n type,\n ...props,\n as,\n }),\n { elementType: 'a' },\n ),\n backgroundAppearance,\n };\n\n useLinkState_unstable(state);\n\n return state;\n};\n"],"names":["React","getNativeElementProps","slot","useBackgroundAppearance","useLinkState_unstable","useLink_unstable","props","ref","backgroundAppearance","appearance","disabled","disabledFocusable","inline","as","href","type","undefined","state","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AACxE,SAASC,uBAAuB,QAAQ,kCAAkC;AAC1E,SAASC,qBAAqB,QAAQ,iBAAiB;AAGvD;;;;CAIC,GACD,OAAO,MAAMC,mBAAmB,CAC9BC,OACAC;IAEA,MAAMC,uBAAuBL;IAC7B,MAAM,EAAEM,aAAa,SAAS,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEC,SAAS,KAAK,EAAE,GAAGN;IAChG,MAAMO,KAAKP,MAAMO,EAAE,IAAKP,CAAAA,MAAMQ,IAAI,GAAG,MAAM,QAAO;IAClD,MAAMC,OAAOF,OAAO,WAAW,WAAWG;IAE1C,MAAMC,QAAmB;QACvB,gCAAgC;QAChCR;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBM,YAAY;YACVC,MAAM;QACR;QAEAA,MAAMjB,KAAKkB,MAAM,CACfnB,sBAAsBY,IAAI;YACxBN;YACAQ;YACA,GAAGT,KAAK;YACRO;QACF,IACA;YAAEQ,aAAa;QAAI;QAErBb;IACF;IAEAJ,sBAAsBa;IAEtB,OAAOA;AACT,EAAE"}
|
|
@@ -4,8 +4,8 @@ import { Enter, Space } from '@fluentui/keyboard-keys';
|
|
|
4
4
|
* The useLinkState_unstable hook processes the Link state.
|
|
5
5
|
* @param state - Link state to mutate.
|
|
6
6
|
*/ export const useLinkState_unstable = (state)=>{
|
|
7
|
-
const { disabled
|
|
8
|
-
const { onClick
|
|
7
|
+
const { disabled, disabledFocusable } = state;
|
|
8
|
+
const { onClick, onKeyDown, role, tabIndex, type } = state.root;
|
|
9
9
|
// Add href and tabIndex=0 for anchor elements.
|
|
10
10
|
if (state.root.as === 'a') {
|
|
11
11
|
state.root.href = disabled ? undefined : state.root.href;
|
|
@@ -22,7 +22,8 @@ import { Enter, Space } from '@fluentui/keyboard-keys';
|
|
|
22
22
|
if (disabled || disabledFocusable) {
|
|
23
23
|
ev.preventDefault();
|
|
24
24
|
} else {
|
|
25
|
-
|
|
25
|
+
var _onClick;
|
|
26
|
+
(_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(ev);
|
|
26
27
|
}
|
|
27
28
|
};
|
|
28
29
|
// Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.
|
|
@@ -31,7 +32,8 @@ import { Enter, Space } from '@fluentui/keyboard-keys';
|
|
|
31
32
|
ev.preventDefault();
|
|
32
33
|
ev.stopPropagation();
|
|
33
34
|
} else {
|
|
34
|
-
|
|
35
|
+
var _onKeyDown;
|
|
36
|
+
(_onKeyDown = onKeyDown) === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(ev);
|
|
35
37
|
}
|
|
36
38
|
};
|
|
37
39
|
// Set the aria-disabled and disabled props correctly.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useLinkState.ts"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport type { LinkState } from './Link.types';\n\n/**\n * The useLinkState_unstable hook processes the Link state.\n * @param state - Link state to mutate.\n */\nexport const useLinkState_unstable = (state: LinkState): LinkState => {\n const { disabled, disabledFocusable } = state;\n const { onClick, onKeyDown, role, tabIndex, type } = state.root;\n\n // Add href and tabIndex=0 for anchor elements.\n if (state.root.as === 'a') {\n state.root.href = disabled ? undefined : state.root.href;\n state.root.tabIndex = tabIndex ?? (disabled && !disabledFocusable ? undefined : 0);\n\n // Add role=\"link\" for disabled and disabledFocusable links.\n if (disabled || disabledFocusable) {\n state.root.role = role || 'link';\n }\n }\n // Add type=\"button\" for button elements.\n else {\n state.root.type = type || 'button';\n }\n\n // Disallow click event when component is disabled and eat events when disabledFocusable is set to true.\n state.root.onClick = (ev: React.MouseEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n if (disabled || disabledFocusable) {\n ev.preventDefault();\n } else {\n onClick?.(ev);\n }\n };\n\n // Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.\n state.root.onKeyDown = (ev: React.KeyboardEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n if ((disabled || disabledFocusable) && (ev.key === Enter || ev.key === Space)) {\n ev.preventDefault();\n ev.stopPropagation();\n } else {\n onKeyDown?.(ev);\n }\n };\n\n // Set the aria-disabled and disabled props correctly.\n state.disabled = disabled || disabledFocusable;\n state.root['aria-disabled'] = disabled || disabledFocusable || undefined;\n if (state.root.as === 'button') {\n state.root.disabled = disabled && !disabledFocusable;\n }\n\n return state;\n};\n"],"names":["React","Enter","Space","useLinkState_unstable","state","disabled","disabledFocusable","onClick","onKeyDown","role","tabIndex","type","root","as","href","undefined","ev","preventDefault","key","stopPropagation"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,EAAEC,KAAK,QAAQ,0BAA0B;AAGvD;;;CAGC,GACD,OAAO,MAAMC,wBAAwB,CAACC
|
|
1
|
+
{"version":3,"sources":["useLinkState.ts"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\nimport type { LinkState } from './Link.types';\n\n/**\n * The useLinkState_unstable hook processes the Link state.\n * @param state - Link state to mutate.\n */\nexport const useLinkState_unstable = (state: LinkState): LinkState => {\n const { disabled, disabledFocusable } = state;\n const { onClick, onKeyDown, role, tabIndex, type } = state.root;\n\n // Add href and tabIndex=0 for anchor elements.\n if (state.root.as === 'a') {\n state.root.href = disabled ? undefined : state.root.href;\n state.root.tabIndex = tabIndex ?? (disabled && !disabledFocusable ? undefined : 0);\n\n // Add role=\"link\" for disabled and disabledFocusable links.\n if (disabled || disabledFocusable) {\n state.root.role = role || 'link';\n }\n }\n // Add type=\"button\" for button elements.\n else {\n state.root.type = type || 'button';\n }\n\n // Disallow click event when component is disabled and eat events when disabledFocusable is set to true.\n state.root.onClick = (ev: React.MouseEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n if (disabled || disabledFocusable) {\n ev.preventDefault();\n } else {\n onClick?.(ev);\n }\n };\n\n // Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.\n state.root.onKeyDown = (ev: React.KeyboardEvent<HTMLAnchorElement & HTMLButtonElement>) => {\n if ((disabled || disabledFocusable) && (ev.key === Enter || ev.key === Space)) {\n ev.preventDefault();\n ev.stopPropagation();\n } else {\n onKeyDown?.(ev);\n }\n };\n\n // Set the aria-disabled and disabled props correctly.\n state.disabled = disabled || disabledFocusable;\n state.root['aria-disabled'] = disabled || disabledFocusable || undefined;\n if (state.root.as === 'button') {\n state.root.disabled = disabled && !disabledFocusable;\n }\n\n return state;\n};\n"],"names":["React","Enter","Space","useLinkState_unstable","state","disabled","disabledFocusable","onClick","onKeyDown","role","tabIndex","type","root","as","href","undefined","ev","preventDefault","key","stopPropagation"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,EAAEC,KAAK,QAAQ,0BAA0B;AAGvD;;;CAGC,GACD,OAAO,MAAMC,wBAAwB,CAACC;IACpC,MAAM,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE,GAAGF;IACxC,MAAM,EAAEG,OAAO,EAAEC,SAAS,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGP,MAAMQ,IAAI;IAE/D,+CAA+C;IAC/C,IAAIR,MAAMQ,IAAI,CAACC,EAAE,KAAK,KAAK;QACzBT,MAAMQ,IAAI,CAACE,IAAI,GAAGT,WAAWU,YAAYX,MAAMQ,IAAI,CAACE,IAAI;QACxDV,MAAMQ,IAAI,CAACF,QAAQ,GAAGA,qBAAAA,sBAAAA,WAAaL,YAAY,CAACC,oBAAoBS,YAAY;QAEhF,4DAA4D;QAC5D,IAAIV,YAAYC,mBAAmB;YACjCF,MAAMQ,IAAI,CAACH,IAAI,GAAGA,QAAQ;QAC5B;IACF,OAEK;QACHL,MAAMQ,IAAI,CAACD,IAAI,GAAGA,QAAQ;IAC5B;IAEA,wGAAwG;IACxGP,MAAMQ,IAAI,CAACL,OAAO,GAAG,CAACS;QACpB,IAAIX,YAAYC,mBAAmB;YACjCU,GAAGC,cAAc;QACnB,OAAO;gBACLV;aAAAA,WAAAA,qBAAAA,+BAAAA,SAAUS;QACZ;IACF;IAEA,0GAA0G;IAC1GZ,MAAMQ,IAAI,CAACJ,SAAS,GAAG,CAACQ;QACtB,IAAI,AAACX,CAAAA,YAAYC,iBAAgB,KAAOU,CAAAA,GAAGE,GAAG,KAAKjB,SAASe,GAAGE,GAAG,KAAKhB,KAAI,GAAI;YAC7Ec,GAAGC,cAAc;YACjBD,GAAGG,eAAe;QACpB,OAAO;gBACLX;aAAAA,aAAAA,uBAAAA,iCAAAA,WAAYQ;QACd;IACF;IAEA,sDAAsD;IACtDZ,MAAMC,QAAQ,GAAGA,YAAYC;IAC7BF,MAAMQ,IAAI,CAAC,gBAAgB,GAAGP,YAAYC,qBAAqBS;IAC/D,IAAIX,MAAMQ,IAAI,CAACC,EAAE,KAAK,UAAU;QAC9BT,MAAMQ,IAAI,CAACP,QAAQ,GAAGA,YAAY,CAACC;IACrC;IAEA,OAAOF;AACT,EAAE"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","linkClassNames","root","useStyles","focusIndicator","Bttzg6e","B3uz8dt","B6ihwck","g9k6zt","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","inverted","d","h","a","useLinkStyles_unstable","state","styles","appearance","backgroundAppearance","className","as"],"sources":["useLinkStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const linkClassNames = {\n root: 'fui-Link'\n};\nconst useStyles = makeStyles({\n focusIndicator: createCustomFocusIndicatorStyle({\n textDecorationColor: tokens.colorStrokeFocus2,\n textDecorationLine: 'underline',\n textDecorationStyle: 'double',\n outlineStyle: 'none'\n }),\n // Common styles.\n root: {\n backgroundColor: 'transparent',\n boxSizing: 'border-box',\n color: tokens.colorBrandForegroundLink,\n cursor: 'pointer',\n display: 'inline',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n ...shorthands.overflow('inherit'),\n textAlign: 'left',\n textDecorationLine: 'none',\n textDecorationThickness: tokens.strokeWidthThin,\n textOverflow: 'inherit',\n userSelect: 'text',\n ':hover': {\n textDecorationLine: 'underline',\n color: tokens.colorBrandForegroundLinkHover\n },\n ':active': {\n textDecorationLine: 'underline',\n color: tokens.colorBrandForegroundLinkPressed\n }\n },\n // Overrides when the Link renders as a button.\n button: {\n ...shorthands.borderStyle('none')\n },\n // Overrides when an href is present so the Link renders as an anchor.\n href: {\n fontSize: 'inherit'\n },\n // Overrides when the Link appears subtle.\n subtle: {\n color: tokens.colorNeutralForeground2,\n ':hover': {\n textDecorationLine: 'underline',\n color: tokens.colorNeutralForeground2Hover\n },\n ':active': {\n textDecorationLine: 'underline',\n color: tokens.colorNeutralForeground2Pressed\n }\n },\n // Overrides when the Link is rendered inline within text.\n inline: {\n textDecorationLine: 'underline'\n },\n // Overrides when the Link is disabled.\n disabled: {\n textDecorationLine: 'none',\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n ':hover': {\n textDecorationLine: 'none',\n color: tokens.colorNeutralForegroundDisabled\n },\n ':active': {\n textDecorationLine: 'none',\n color: tokens.colorNeutralForegroundDisabled\n }\n },\n inverted: {\n color: tokens.colorBrandForegroundInverted,\n ':hover': {\n color: tokens.colorBrandForegroundInvertedHover\n },\n ':active': {\n color: tokens.colorBrandForegroundInvertedPressed\n }\n }\n});\nexport const useLinkStyles_unstable = (state)=>{\n const styles = useStyles();\n const { appearance
|
|
1
|
+
{"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","linkClassNames","root","useStyles","focusIndicator","Bttzg6e","B3uz8dt","B6ihwck","g9k6zt","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","inverted","d","h","a","useLinkStyles_unstable","state","styles","appearance","backgroundAppearance","className","as"],"sources":["useLinkStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const linkClassNames = {\n root: 'fui-Link'\n};\nconst useStyles = makeStyles({\n focusIndicator: createCustomFocusIndicatorStyle({\n textDecorationColor: tokens.colorStrokeFocus2,\n textDecorationLine: 'underline',\n textDecorationStyle: 'double',\n outlineStyle: 'none'\n }),\n // Common styles.\n root: {\n backgroundColor: 'transparent',\n boxSizing: 'border-box',\n color: tokens.colorBrandForegroundLink,\n cursor: 'pointer',\n display: 'inline',\n fontFamily: tokens.fontFamilyBase,\n fontSize: tokens.fontSizeBase300,\n fontWeight: tokens.fontWeightRegular,\n ...shorthands.margin(0),\n ...shorthands.padding(0),\n ...shorthands.overflow('inherit'),\n textAlign: 'left',\n textDecorationLine: 'none',\n textDecorationThickness: tokens.strokeWidthThin,\n textOverflow: 'inherit',\n userSelect: 'text',\n ':hover': {\n textDecorationLine: 'underline',\n color: tokens.colorBrandForegroundLinkHover\n },\n ':active': {\n textDecorationLine: 'underline',\n color: tokens.colorBrandForegroundLinkPressed\n }\n },\n // Overrides when the Link renders as a button.\n button: {\n ...shorthands.borderStyle('none')\n },\n // Overrides when an href is present so the Link renders as an anchor.\n href: {\n fontSize: 'inherit'\n },\n // Overrides when the Link appears subtle.\n subtle: {\n color: tokens.colorNeutralForeground2,\n ':hover': {\n textDecorationLine: 'underline',\n color: tokens.colorNeutralForeground2Hover\n },\n ':active': {\n textDecorationLine: 'underline',\n color: tokens.colorNeutralForeground2Pressed\n }\n },\n // Overrides when the Link is rendered inline within text.\n inline: {\n textDecorationLine: 'underline'\n },\n // Overrides when the Link is disabled.\n disabled: {\n textDecorationLine: 'none',\n color: tokens.colorNeutralForegroundDisabled,\n cursor: 'not-allowed',\n ':hover': {\n textDecorationLine: 'none',\n color: tokens.colorNeutralForegroundDisabled\n },\n ':active': {\n textDecorationLine: 'none',\n color: tokens.colorNeutralForegroundDisabled\n }\n },\n inverted: {\n color: tokens.colorBrandForegroundInverted,\n ':hover': {\n color: tokens.colorBrandForegroundInvertedHover\n },\n ':active': {\n color: tokens.colorBrandForegroundInvertedPressed\n }\n }\n});\nexport const useLinkStyles_unstable = (state)=>{\n const styles = useStyles();\n const { appearance, disabled, inline, root, backgroundAppearance } = state;\n state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, backgroundAppearance === 'inverted' && styles.inverted, inline && styles.inline, disabled && styles.disabled, state.root.className);\n return state;\n};\n"],"mappings":"AAAA,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,cAAc,GAAG;EAC1BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAO,cAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAN,IAAA;IAAAO,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAA1B,OAAA;EAAA;EAAA2B,MAAA;IAAA/B,MAAA;IAAAqB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAQ,MAAA;IAAAf,MAAA;EAAA;EAAAgB,QAAA;IAAAhB,MAAA;IAAAjB,MAAA;IAAAC,OAAA;IAAAoB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAU,QAAA;IAAAlC,MAAA;IAAAsB,OAAA;IAAAE,MAAA;EAAA;AAAA;EAAAW,CAAA;EAAAC,CAAA;EAAAC,CAAA;AAAA,CAiFjB,CAAC;AACF,OAAO,MAAMC,sBAAsB,GAAIC,KAAK,IAAG;EAC3C,MAAMC,MAAM,GAAGhD,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAEiD,UAAU;IAAER,QAAQ;IAAED,MAAM;IAAEzC,IAAI;IAAEmD;EAAqB,CAAC,GAAGH,KAAK;EAC1EA,KAAK,CAAChD,IAAI,CAACoD,SAAS,GAAGxD,YAAY,CAACG,cAAc,CAACC,IAAI,EAAEiD,MAAM,CAACjD,IAAI,EAAEiD,MAAM,CAAC/C,cAAc,EAAEF,IAAI,CAACqD,EAAE,KAAK,GAAG,IAAIrD,IAAI,CAACuC,IAAI,IAAIU,MAAM,CAACV,IAAI,EAAEvC,IAAI,CAACqD,EAAE,KAAK,QAAQ,IAAIJ,MAAM,CAACf,MAAM,EAAEgB,UAAU,KAAK,QAAQ,IAAID,MAAM,CAACT,MAAM,EAAEW,oBAAoB,KAAK,UAAU,IAAIF,MAAM,CAACN,QAAQ,EAAEF,MAAM,IAAIQ,MAAM,CAACR,MAAM,EAAEC,QAAQ,IAAIO,MAAM,CAACP,QAAQ,EAAEM,KAAK,CAAChD,IAAI,CAACoD,SAAS,CAAC;EAC9V,OAAOJ,KAAK;AAChB,CAAC"}
|
package/lib-commonjs/Link.js
CHANGED
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./components/Link/index"), exports);
|
package/lib-commonjs/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Link.js"],"sourcesContent":["export * from './components/Link/index';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["Link.js"],"sourcesContent":["export * from './components/Link/index';\n"],"names":[],"mappings":";;;;;uBAAc"}
|
|
@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "Link", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return Link;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
11
13
|
const _useLink = require("./useLink");
|
|
12
|
-
const
|
|
14
|
+
const _useLinkStylesstyles = require("./useLinkStyles.styles");
|
|
13
15
|
const _renderLink = require("./renderLink");
|
|
14
16
|
const Link = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
|
|
15
17
|
const state = (0, _useLink.useLink_unstable)(props, ref);
|
|
16
|
-
(0,
|
|
18
|
+
(0, _useLinkStylesstyles.useLinkStyles_unstable)(state);
|
|
17
19
|
return (0, _renderLink.renderLink_unstable)(state);
|
|
18
20
|
// Work around some small mismatches in inferred types which don't matter in practice
|
|
19
21
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Link.js"],"sourcesContent":["import * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles.styles';\nimport { renderLink_unstable } from './renderLink';\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */ export const Link = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useLink_unstable(props, ref);\n useLinkStyles_unstable(state);\n return renderLink_unstable(state);\n// Work around some small mismatches in inferred types which don't matter in practice\n});\nLink.displayName = 'Link';\n"],"names":["Link","React","forwardRef","props","ref","state","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","displayName"],"mappings":";;;;+BAMiBA
|
|
1
|
+
{"version":3,"sources":["Link.js"],"sourcesContent":["import * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles.styles';\nimport { renderLink_unstable } from './renderLink';\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */ export const Link = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n const state = useLink_unstable(props, ref);\n useLinkStyles_unstable(state);\n return renderLink_unstable(state);\n// Work around some small mismatches in inferred types which don't matter in practice\n});\nLink.displayName = 'Link';\n"],"names":["Link","React","forwardRef","props","ref","state","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","displayName"],"mappings":";;;;+BAMiBA;;;eAAAA;;;;iEANM;yBACU;qCACM;4BACH;AAGzB,MAAMA,OAAO,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC3D,MAAMC,QAAQC,IAAAA,yBAAgB,EAACH,OAAOC;IACtCG,IAAAA,2CAAsB,EAACF;IACvB,OAAOG,IAAAA,+BAAmB,EAACH;AAC/B,qFAAqF;AACrF;AACAL,KAAKS,WAAW,GAAG"}
|
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
5
|
+
const _export_star = require("@swc/helpers/_/_export_star");
|
|
6
|
+
_export_star._(require("./Link"), exports);
|
|
7
|
+
_export_star._(require("./Link.types"), exports);
|
|
8
|
+
_export_star._(require("./renderLink"), exports);
|
|
9
|
+
_export_star._(require("./useLink"), exports);
|
|
10
|
+
_export_star._(require("./useLinkState"), exports);
|
|
11
|
+
_export_star._(require("./useLinkStyles.styles"), exports);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Link';\nexport * from './Link.types';\nexport * from './renderLink';\nexport * from './useLink';\nexport * from './useLinkState';\nexport * from './useLinkStyles.styles';\n"],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export * from './Link';\nexport * from './Link.types';\nexport * from './renderLink';\nexport * from './useLink';\nexport * from './useLinkState';\nexport * from './useLinkStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA;uBACA"}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
|
-
/** @jsxRuntime
|
|
1
|
+
/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ "use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
|
3
3
|
value: true
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "renderLink_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return renderLink_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
+
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
|
|
12
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
11
13
|
const renderLink_unstable = (state)=>{
|
|
12
|
-
(0,
|
|
13
|
-
return /*#__PURE__*/ (0,
|
|
14
|
+
(0, _reactutilities.assertSlots)(state);
|
|
15
|
+
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
|
|
14
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["renderLink.js"],"sourcesContent":["/** @jsxRuntime
|
|
1
|
+
{"version":3,"sources":["renderLink.js"],"sourcesContent":["/** @jsxRuntime automatic */ /** @jsxImportSource @fluentui/react-jsx-runtime */ import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Renders a Link component by passing the state defined props to the appropriate slots.\n */ export const renderLink_unstable = (state)=>{\n assertSlots(state);\n return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderLink_unstable","state","assertSlots","_jsx","root"],"mappings":"AAAA,0BAA0B,GAAG,iDAAiD;;;;+BAI7DA;;;eAAAA;;;4BAJ4F;gCACjF;AAGjB,MAAMA,sBAAsB,CAACC;IACpCC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}
|
|
@@ -4,16 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useLink_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useLink_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
12
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _reactutilities = require("@fluentui/react-utilities");
|
|
14
|
+
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
|
|
13
15
|
const _useLinkState = require("./useLinkState");
|
|
14
16
|
const useLink_unstable = (props, ref)=>{
|
|
15
|
-
const backgroundAppearance = (0,
|
|
16
|
-
const { appearance ='default'
|
|
17
|
+
const backgroundAppearance = (0, _reactsharedcontexts.useBackgroundAppearance)();
|
|
18
|
+
const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;
|
|
17
19
|
const as = props.as || (props.href ? 'a' : 'button');
|
|
18
20
|
const type = as === 'button' ? 'button' : undefined;
|
|
19
21
|
const state = {
|
|
@@ -26,7 +28,7 @@ const useLink_unstable = (props, ref)=>{
|
|
|
26
28
|
components: {
|
|
27
29
|
root: 'a'
|
|
28
30
|
},
|
|
29
|
-
root:
|
|
31
|
+
root: _reactutilities.slot.always((0, _reactutilities.getNativeElementProps)(as, {
|
|
30
32
|
ref,
|
|
31
33
|
type,
|
|
32
34
|
...props,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useLink.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */ export const useLink_unstable = (props, ref)=>{\n const backgroundAppearance = useBackgroundAppearance();\n const { appearance ='default'
|
|
1
|
+
{"version":3,"sources":["useLink.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */ export const useLink_unstable = (props, ref)=>{\n const backgroundAppearance = useBackgroundAppearance();\n const { appearance = 'default', disabled = false, disabledFocusable = false, inline = false } = props;\n const as = props.as || (props.href ? 'a' : 'button');\n const type = as === 'button' ? 'button' : undefined;\n const state = {\n // Props passed at the top-level\n appearance,\n disabled,\n disabledFocusable,\n inline,\n // Slots definition\n components: {\n root: 'a'\n },\n root: slot.always(getNativeElementProps(as, {\n ref,\n type,\n ...props,\n as\n }), {\n elementType: 'a'\n }),\n backgroundAppearance\n };\n useLinkState_unstable(state);\n return state;\n};\n"],"names":["useLink_unstable","props","ref","backgroundAppearance","useBackgroundAppearance","appearance","disabled","disabledFocusable","inline","as","href","type","undefined","state","components","root","slot","always","getNativeElementProps","elementType","useLinkState_unstable"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;gCACqB;qCACJ;8BACF;AAK3B,MAAMA,mBAAmB,CAACC,OAAOC;IACxC,MAAMC,uBAAuBC,IAAAA,4CAAuB;IACpD,MAAM,EAAEC,aAAa,SAAS,EAAEC,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEC,SAAS,KAAK,EAAE,GAAGP;IAChG,MAAMQ,KAAKR,MAAMQ,EAAE,IAAKR,CAAAA,MAAMS,IAAI,GAAG,MAAM,QAAO;IAClD,MAAMC,OAAOF,OAAO,WAAW,WAAWG;IAC1C,MAAMC,QAAQ;QACV,gCAAgC;QAChCR;QACAC;QACAC;QACAC;QACA,mBAAmB;QACnBM,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAACT,IAAI;YACxCP;YACAS;YACA,GAAGV,KAAK;YACRQ;QACJ,IAAI;YACAU,aAAa;QACjB;QACAhB;IACJ;IACAiB,IAAAA,mCAAqB,EAACP;IACtB,OAAOA;AACX"}
|
|
@@ -4,14 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
});
|
|
5
5
|
Object.defineProperty(exports, "useLinkState_unstable", {
|
|
6
6
|
enumerable: true,
|
|
7
|
-
get: ()
|
|
7
|
+
get: function() {
|
|
8
|
+
return useLinkState_unstable;
|
|
9
|
+
}
|
|
8
10
|
});
|
|
9
|
-
const
|
|
10
|
-
const _react = /*#__PURE__*/
|
|
11
|
-
const
|
|
11
|
+
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
|
|
12
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
|
|
13
|
+
const _keyboardkeys = require("@fluentui/keyboard-keys");
|
|
12
14
|
const useLinkState_unstable = (state)=>{
|
|
13
|
-
const { disabled
|
|
14
|
-
const { onClick
|
|
15
|
+
const { disabled, disabledFocusable } = state;
|
|
16
|
+
const { onClick, onKeyDown, role, tabIndex, type } = state.root;
|
|
15
17
|
// Add href and tabIndex=0 for anchor elements.
|
|
16
18
|
if (state.root.as === 'a') {
|
|
17
19
|
state.root.href = disabled ? undefined : state.root.href;
|
|
@@ -28,16 +30,18 @@ const useLinkState_unstable = (state)=>{
|
|
|
28
30
|
if (disabled || disabledFocusable) {
|
|
29
31
|
ev.preventDefault();
|
|
30
32
|
} else {
|
|
31
|
-
|
|
33
|
+
var _onClick;
|
|
34
|
+
(_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(ev);
|
|
32
35
|
}
|
|
33
36
|
};
|
|
34
37
|
// Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.
|
|
35
38
|
state.root.onKeyDown = (ev)=>{
|
|
36
|
-
if ((disabled || disabledFocusable) && (ev.key ===
|
|
39
|
+
if ((disabled || disabledFocusable) && (ev.key === _keyboardkeys.Enter || ev.key === _keyboardkeys.Space)) {
|
|
37
40
|
ev.preventDefault();
|
|
38
41
|
ev.stopPropagation();
|
|
39
42
|
} else {
|
|
40
|
-
|
|
43
|
+
var _onKeyDown;
|
|
44
|
+
(_onKeyDown = onKeyDown) === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(ev);
|
|
41
45
|
}
|
|
42
46
|
};
|
|
43
47
|
// Set the aria-disabled and disabled props correctly.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useLinkState.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\n/**\n * The useLinkState_unstable hook processes the Link state.\n * @param state - Link state to mutate.\n */ export const useLinkState_unstable = (state)=>{\n const { disabled
|
|
1
|
+
{"version":3,"sources":["useLinkState.js"],"sourcesContent":["import * as React from 'react';\nimport { Enter, Space } from '@fluentui/keyboard-keys';\n/**\n * The useLinkState_unstable hook processes the Link state.\n * @param state - Link state to mutate.\n */ export const useLinkState_unstable = (state)=>{\n const { disabled, disabledFocusable } = state;\n const { onClick, onKeyDown, role, tabIndex, type } = state.root;\n // Add href and tabIndex=0 for anchor elements.\n if (state.root.as === 'a') {\n state.root.href = disabled ? undefined : state.root.href;\n state.root.tabIndex = tabIndex !== null && tabIndex !== void 0 ? tabIndex : disabled && !disabledFocusable ? undefined : 0;\n // Add role=\"link\" for disabled and disabledFocusable links.\n if (disabled || disabledFocusable) {\n state.root.role = role || 'link';\n }\n } else {\n state.root.type = type || 'button';\n }\n // Disallow click event when component is disabled and eat events when disabledFocusable is set to true.\n state.root.onClick = (ev)=>{\n if (disabled || disabledFocusable) {\n ev.preventDefault();\n } else {\n var _onClick;\n (_onClick = onClick) === null || _onClick === void 0 ? void 0 : _onClick(ev);\n }\n };\n // Disallow keydown event when component is disabled and eat events when disabledFocusable is set to true.\n state.root.onKeyDown = (ev)=>{\n if ((disabled || disabledFocusable) && (ev.key === Enter || ev.key === Space)) {\n ev.preventDefault();\n ev.stopPropagation();\n } else {\n var _onKeyDown;\n (_onKeyDown = onKeyDown) === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(ev);\n }\n };\n // Set the aria-disabled and disabled props correctly.\n state.disabled = disabled || disabledFocusable;\n state.root['aria-disabled'] = disabled || disabledFocusable || undefined;\n if (state.root.as === 'button') {\n state.root.disabled = disabled && !disabledFocusable;\n }\n return state;\n};\n"],"names":["useLinkState_unstable","state","disabled","disabledFocusable","onClick","onKeyDown","role","tabIndex","type","root","as","href","undefined","ev","preventDefault","_onClick","key","Enter","Space","stopPropagation","_onKeyDown"],"mappings":";;;;+BAKiBA;;;eAAAA;;;;iEALM;8BACM;AAIlB,MAAMA,wBAAwB,CAACC;IACtC,MAAM,EAAEC,QAAQ,EAAEC,iBAAiB,EAAE,GAAGF;IACxC,MAAM,EAAEG,OAAO,EAAEC,SAAS,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGP,MAAMQ,IAAI;IAC/D,+CAA+C;IAC/C,IAAIR,MAAMQ,IAAI,CAACC,EAAE,KAAK,KAAK;QACvBT,MAAMQ,IAAI,CAACE,IAAI,GAAGT,WAAWU,YAAYX,MAAMQ,IAAI,CAACE,IAAI;QACxDV,MAAMQ,IAAI,CAACF,QAAQ,GAAGA,aAAa,QAAQA,aAAa,KAAK,IAAIA,WAAWL,YAAY,CAACC,oBAAoBS,YAAY;QACzH,4DAA4D;QAC5D,IAAIV,YAAYC,mBAAmB;YAC/BF,MAAMQ,IAAI,CAACH,IAAI,GAAGA,QAAQ;QAC9B;IACJ,OAAO;QACHL,MAAMQ,IAAI,CAACD,IAAI,GAAGA,QAAQ;IAC9B;IACA,wGAAwG;IACxGP,MAAMQ,IAAI,CAACL,OAAO,GAAG,CAACS;QAClB,IAAIX,YAAYC,mBAAmB;YAC/BU,GAAGC,cAAc;QACrB,OAAO;YACH,IAAIC;YACHA,CAAAA,WAAWX,OAAM,MAAO,QAAQW,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASF;QAC7E;IACJ;IACA,0GAA0G;IAC1GZ,MAAMQ,IAAI,CAACJ,SAAS,GAAG,CAACQ;QACpB,IAAI,AAACX,CAAAA,YAAYC,iBAAgB,KAAOU,CAAAA,GAAGG,GAAG,KAAKC,mBAAK,IAAIJ,GAAGG,GAAG,KAAKE,mBAAK,AAAD,GAAI;YAC3EL,GAAGC,cAAc;YACjBD,GAAGM,eAAe;QACtB,OAAO;YACH,IAAIC;YACHA,CAAAA,aAAaf,SAAQ,MAAO,QAAQe,eAAe,KAAK,IAAI,KAAK,IAAIA,WAAWP;QACrF;IACJ;IACA,sDAAsD;IACtDZ,MAAMC,QAAQ,GAAGA,YAAYC;IAC7BF,MAAMQ,IAAI,CAAC,gBAAgB,GAAGP,YAAYC,qBAAqBS;IAC/D,IAAIX,MAAMQ,IAAI,CAACC,EAAE,KAAK,UAAU;QAC5BT,MAAMQ,IAAI,CAACP,QAAQ,GAAGA,YAAY,CAACC;IACvC;IACA,OAAOF;AACX"}
|
|
@@ -9,14 +9,18 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
linkClassNames: ()
|
|
13
|
-
|
|
12
|
+
linkClassNames: function() {
|
|
13
|
+
return linkClassNames;
|
|
14
|
+
},
|
|
15
|
+
useLinkStyles_unstable: function() {
|
|
16
|
+
return useLinkStyles_unstable;
|
|
17
|
+
}
|
|
14
18
|
});
|
|
15
19
|
const _react = require("@griffel/react");
|
|
16
20
|
const linkClassNames = {
|
|
17
21
|
root: 'fui-Link'
|
|
18
22
|
};
|
|
19
|
-
const useStyles = /*#__PURE__*/ (0, _react
|
|
23
|
+
const useStyles = /*#__PURE__*/ (0, _react.__styles)({
|
|
20
24
|
focusIndicator: {
|
|
21
25
|
Bttzg6e: "fhgqx19",
|
|
22
26
|
B3uz8dt: "f1olyrje",
|
|
@@ -166,7 +170,7 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
|
166
170
|
});
|
|
167
171
|
const useLinkStyles_unstable = (state)=>{
|
|
168
172
|
const styles = useStyles();
|
|
169
|
-
const { appearance
|
|
173
|
+
const { appearance, disabled, inline, root, backgroundAppearance } = state;
|
|
170
174
|
state.root.className = (0, _react.mergeClasses)(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, backgroundAppearance === 'inverted' && styles.inverted, inline && styles.inline, disabled && styles.disabled, state.root.className);
|
|
171
175
|
return state;
|
|
172
176
|
}; //# sourceMappingURL=useLinkStyles.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["useLinkStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const linkClassNames = {\n root: 'fui-Link'\n};\nconst useStyles = /*#__PURE__*/__styles({\n focusIndicator: {\n Bttzg6e: \"fhgqx19\",\n B3uz8dt: \"f1olyrje\",\n B6ihwck: \"f1p93eir\",\n g9k6zt: \"f1nev41a\"\n },\n root: {\n De3pzq: \"f3rmtva\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"fyind8e\",\n Bceei9c: \"f1k6fduh\",\n mc9l5x: \"f1w7gpdv\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n B68tc82: \"fqv5qza\",\n Bmxbyg5: \"f1vmzxwi\",\n fsow6f: [\"f1o700av\", \"fes3tcz\"],\n w71qe1: \"f1iuv45f\",\n Bkioxbp: \"f1cmlufx\",\n ygn44y: \"f9n3di6\",\n famaaq: \"f1ids18y\",\n Bde5pd6: \"f1tx3yz7\",\n Bi91k9c: \"f1deo86v\",\n i089h6: \"f1eh06m1\",\n lj723h: \"f1iescvh\"\n },\n button: {\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"]\n },\n href: {\n Be2twd7: \"fjoy568\"\n },\n subtle: {\n sj55zd: \"fkfq4zb\",\n Bde5pd6: \"f1tx3yz7\",\n Bi91k9c: \"fnwyq0v\",\n i089h6: \"f1eh06m1\",\n lj723h: \"flvvhsy\"\n },\n inline: {\n w71qe1: \"f13mvf36\"\n },\n disabled: {\n w71qe1: \"f1iuv45f\",\n sj55zd: \"f1s2aq7o\",\n Bceei9c: \"fdrzuqr\",\n Bde5pd6: \"fbnuktb\",\n Bi91k9c: \"fvgxktp\",\n i089h6: \"fljg2da\",\n lj723h: \"f19wldhg\"\n },\n inverted: {\n sj55zd: \"f1qz2gb0\",\n Bi91k9c: \"f1mlt8il\",\n lj723h: \"f1hsd4st\"\n }\n}, {\n d: [\".fhgqx19[data-fui-focus-visible]{text-decoration-color:var(--colorStrokeFocus2);}\", \".f1olyrje[data-fui-focus-visible]{text-decoration-line:underline;}\", \".f1p93eir[data-fui-focus-visible]{text-decoration-style:double;}\", \".f1nev41a[data-fui-focus-visible]{outline-style:none;}\", \".f3rmtva{background-color:transparent;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".fyind8e{color:var(--colorBrandForegroundLink);}\", \".f1k6fduh{cursor:pointer;}\", \".f1w7gpdv{display:inline;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fqv5qza{overflow-x:inherit;}\", \".f1vmzxwi{overflow-y:inherit;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".f1iuv45f{text-decoration-line:none;}\", \".f1cmlufx{text-decoration-thickness:var(--strokeWidthThin);}\", \".f9n3di6{text-overflow:inherit;}\", \".f1ids18y{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".fjoy568{font-size:inherit;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f13mvf36{text-decoration-line:underline;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1qz2gb0{color:var(--colorBrandForegroundInverted);}\"],\n h: [\".f1tx3yz7:hover{text-decoration-line:underline;}\", \".f1deo86v:hover{color:var(--colorBrandForegroundLinkHover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".fbnuktb:hover{text-decoration-line:none;}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".f1mlt8il:hover{color:var(--colorBrandForegroundInvertedHover);}\"],\n a: [\".f1eh06m1:active{text-decoration-line:underline;}\", \".f1iescvh:active{color:var(--colorBrandForegroundLinkPressed);}\", \".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".fljg2da:active{text-decoration-line:none;}\", \".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}\", \".f1hsd4st:active{color:var(--colorBrandForegroundInvertedPressed);}\"]\n});\nexport const useLinkStyles_unstable = state => {\n const styles = useStyles();\n const {\n appearance,\n disabled,\n inline,\n root,\n backgroundAppearance\n } = state;\n state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, backgroundAppearance === 'inverted' && styles.inverted, inline && styles.inline, disabled && styles.disabled, state.root.className);\n return state;\n};\n//# sourceMappingURL=useLinkStyles.styles.js.map"],"names":["linkClassNames","useLinkStyles_unstable","root","useStyles","__styles","focusIndicator","Bttzg6e","B3uz8dt","B6ihwck","g9k6zt","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","inverted","d","h","a","state","styles","appearance","backgroundAppearance","className","mergeClasses","as"],"mappings":";;;;;;;;;;;IAGaA,cAAc
|
|
1
|
+
{"version":3,"sources":["useLinkStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const linkClassNames = {\n root: 'fui-Link'\n};\nconst useStyles = /*#__PURE__*/__styles({\n focusIndicator: {\n Bttzg6e: \"fhgqx19\",\n B3uz8dt: \"f1olyrje\",\n B6ihwck: \"f1p93eir\",\n g9k6zt: \"f1nev41a\"\n },\n root: {\n De3pzq: \"f3rmtva\",\n B7ck84d: \"f1ewtqcl\",\n sj55zd: \"fyind8e\",\n Bceei9c: \"f1k6fduh\",\n mc9l5x: \"f1w7gpdv\",\n Bahqtrf: \"fk6fouc\",\n Be2twd7: \"fkhj508\",\n Bhrd7zp: \"figsok6\",\n B6of3ja: \"f1hu3pq6\",\n t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n jrapky: \"f19f4twv\",\n Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n z8tnut: \"f1g0x7ka\",\n z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n Byoj8tv: \"f1qch9an\",\n uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n B68tc82: \"fqv5qza\",\n Bmxbyg5: \"f1vmzxwi\",\n fsow6f: [\"f1o700av\", \"fes3tcz\"],\n w71qe1: \"f1iuv45f\",\n Bkioxbp: \"f1cmlufx\",\n ygn44y: \"f9n3di6\",\n famaaq: \"f1ids18y\",\n Bde5pd6: \"f1tx3yz7\",\n Bi91k9c: \"f1deo86v\",\n i089h6: \"f1eh06m1\",\n lj723h: \"f1iescvh\"\n },\n button: {\n icvyot: \"f1ern45e\",\n vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n oivjwe: \"f1h8hb77\",\n wvpqe5: [\"f1deefiw\", \"f1n71otn\"]\n },\n href: {\n Be2twd7: \"fjoy568\"\n },\n subtle: {\n sj55zd: \"fkfq4zb\",\n Bde5pd6: \"f1tx3yz7\",\n Bi91k9c: \"fnwyq0v\",\n i089h6: \"f1eh06m1\",\n lj723h: \"flvvhsy\"\n },\n inline: {\n w71qe1: \"f13mvf36\"\n },\n disabled: {\n w71qe1: \"f1iuv45f\",\n sj55zd: \"f1s2aq7o\",\n Bceei9c: \"fdrzuqr\",\n Bde5pd6: \"fbnuktb\",\n Bi91k9c: \"fvgxktp\",\n i089h6: \"fljg2da\",\n lj723h: \"f19wldhg\"\n },\n inverted: {\n sj55zd: \"f1qz2gb0\",\n Bi91k9c: \"f1mlt8il\",\n lj723h: \"f1hsd4st\"\n }\n}, {\n d: [\".fhgqx19[data-fui-focus-visible]{text-decoration-color:var(--colorStrokeFocus2);}\", \".f1olyrje[data-fui-focus-visible]{text-decoration-line:underline;}\", \".f1p93eir[data-fui-focus-visible]{text-decoration-style:double;}\", \".f1nev41a[data-fui-focus-visible]{outline-style:none;}\", \".f3rmtva{background-color:transparent;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".fyind8e{color:var(--colorBrandForegroundLink);}\", \".f1k6fduh{cursor:pointer;}\", \".f1w7gpdv{display:inline;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".fqv5qza{overflow-x:inherit;}\", \".f1vmzxwi{overflow-y:inherit;}\", \".f1o700av{text-align:left;}\", \".fes3tcz{text-align:right;}\", \".f1iuv45f{text-decoration-line:none;}\", \".f1cmlufx{text-decoration-thickness:var(--strokeWidthThin);}\", \".f9n3di6{text-overflow:inherit;}\", \".f1ids18y{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".fjoy568{font-size:inherit;}\", \".fkfq4zb{color:var(--colorNeutralForeground2);}\", \".f13mvf36{text-decoration-line:underline;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".fdrzuqr{cursor:not-allowed;}\", \".f1qz2gb0{color:var(--colorBrandForegroundInverted);}\"],\n h: [\".f1tx3yz7:hover{text-decoration-line:underline;}\", \".f1deo86v:hover{color:var(--colorBrandForegroundLinkHover);}\", \".fnwyq0v:hover{color:var(--colorNeutralForeground2Hover);}\", \".fbnuktb:hover{text-decoration-line:none;}\", \".fvgxktp:hover{color:var(--colorNeutralForegroundDisabled);}\", \".f1mlt8il:hover{color:var(--colorBrandForegroundInvertedHover);}\"],\n a: [\".f1eh06m1:active{text-decoration-line:underline;}\", \".f1iescvh:active{color:var(--colorBrandForegroundLinkPressed);}\", \".flvvhsy:active{color:var(--colorNeutralForeground2Pressed);}\", \".fljg2da:active{text-decoration-line:none;}\", \".f19wldhg:active{color:var(--colorNeutralForegroundDisabled);}\", \".f1hsd4st:active{color:var(--colorBrandForegroundInvertedPressed);}\"]\n});\nexport const useLinkStyles_unstable = state => {\n const styles = useStyles();\n const {\n appearance,\n disabled,\n inline,\n root,\n backgroundAppearance\n } = state;\n state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, backgroundAppearance === 'inverted' && styles.inverted, inline && styles.inline, disabled && styles.disabled, state.root.className);\n return state;\n};\n//# sourceMappingURL=useLinkStyles.styles.js.map"],"names":["linkClassNames","useLinkStyles_unstable","root","useStyles","__styles","focusIndicator","Bttzg6e","B3uz8dt","B6ihwck","g9k6zt","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","inverted","d","h","a","state","styles","appearance","backgroundAppearance","className","mergeClasses","as"],"mappings":";;;;;;;;;;;IAGaA,cAAc;eAAdA;;IA6EAC,sBAAsB;eAAtBA;;;uBAhFsC;AAG5C,MAAMD,iBAAiB;IAC5BE,MAAM;AACR;AACA,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCC,gBAAgB;QACdC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAP,MAAM;QACJQ,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,SAAS;QACTC,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAU;QAC/BC,QAAQ;QACRC,SAAS;QACTC,QAAQ;QACRC,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAC,QAAQ;QACNC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;IAClC;IACAC,MAAM;QACJ1B,SAAS;IACX;IACA2B,QAAQ;QACN/B,QAAQ;QACRqB,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAQ,QAAQ;QACNf,QAAQ;IACV;IACAgB,UAAU;QACRhB,QAAQ;QACRjB,QAAQ;QACRC,SAAS;QACToB,SAAS;QACTC,SAAS;QACTC,QAAQ;QACRC,QAAQ;IACV;IACAU,UAAU;QACRlC,QAAQ;QACRsB,SAAS;QACTE,QAAQ;IACV;AACF,GAAG;IACDW,GAAG;QAAC;QAAqF;QAAsE;QAAoE;QAA0D;QAA2C;QAAqC;QAAoD;QAA8B;QAA8B;QAAgD;QAA+C;QAAmD;QAA4B;QAA8B;QAA6B;QAA+B;QAA6B;QAA8B;QAA8B;QAAgC;QAAiC;QAAkC;QAA+B;QAA+B;QAAyC;QAAgE;QAAoC;QAAoG;QAAqC;QAAuC;QAAsC;QAAwC;QAAgC;QAAmD;QAA8C;QAA2D;QAAiC;KAAwD;IAC/nDC,GAAG;QAAC;QAAoD;QAAgE;QAA8D;QAA8C;QAAgE;KAAmE;IACvWC,GAAG;QAAC;QAAqD;QAAmE;QAAiE;QAA+C;QAAkE;KAAsE;AACtX;AACO,MAAMhD,yBAAyBiD,CAAAA;IACpC,MAAMC,SAAShD;IACf,MAAM,EACJiD,UAAU,EACVP,QAAQ,EACRD,MAAM,EACN1C,IAAI,EACJmD,oBAAoB,EACrB,GAAGH;IACJA,MAAMhD,IAAI,CAACoD,SAAS,GAAGC,IAAAA,mBAAY,EAACvD,eAAeE,IAAI,EAAEiD,OAAOjD,IAAI,EAAEiD,OAAO9C,cAAc,EAAEH,KAAKsD,EAAE,KAAK,OAAOtD,KAAKwC,IAAI,IAAIS,OAAOT,IAAI,EAAExC,KAAKsD,EAAE,KAAK,YAAYL,OAAOd,MAAM,EAAEe,eAAe,YAAYD,OAAOR,MAAM,EAAEU,yBAAyB,cAAcF,OAAOL,QAAQ,EAAEF,UAAUO,OAAOP,MAAM,EAAEC,YAAYM,OAAON,QAAQ,EAAEK,MAAMhD,IAAI,CAACoD,SAAS;IAC7V,OAAOJ;AACT,GACA,gDAAgD"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -9,11 +9,23 @@ function _export(target, all) {
|
|
|
9
9
|
});
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
|
-
Link: ()
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
Link: function() {
|
|
13
|
+
return _Link.Link;
|
|
14
|
+
},
|
|
15
|
+
linkClassNames: function() {
|
|
16
|
+
return _Link.linkClassNames;
|
|
17
|
+
},
|
|
18
|
+
renderLink_unstable: function() {
|
|
19
|
+
return _Link.renderLink_unstable;
|
|
20
|
+
},
|
|
21
|
+
useLinkState_unstable: function() {
|
|
22
|
+
return _Link.useLinkState_unstable;
|
|
23
|
+
},
|
|
24
|
+
useLinkStyles_unstable: function() {
|
|
25
|
+
return _Link.useLinkStyles_unstable;
|
|
26
|
+
},
|
|
27
|
+
useLink_unstable: function() {
|
|
28
|
+
return _Link.useLink_unstable;
|
|
29
|
+
}
|
|
18
30
|
});
|
|
19
|
-
const
|
|
31
|
+
const _Link = require("./Link");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["index.js"],"sourcesContent":["export { Link, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable } from './Link';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable"],"mappings":";;;;;;;;;;;IAASA,IAAI,
|
|
1
|
+
{"version":3,"sources":["index.js"],"sourcesContent":["export { Link, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable } from './Link';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable"],"mappings":";;;;;;;;;;;IAASA,IAAI;eAAJA,UAAI;;IAAEC,cAAc;eAAdA,oBAAc;;IAAEC,mBAAmB;eAAnBA,yBAAmB;;IAAEC,qBAAqB;eAArBA,2BAAqB;;IAAEC,sBAAsB;eAAtBA,4BAAsB;;IAAEC,gBAAgB;eAAhBA,sBAAgB;;;sBAAQ"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-link",
|
|
3
|
-
"version": "9.1.
|
|
3
|
+
"version": "9.1.14",
|
|
4
4
|
"description": "Fluent UI React Link component",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -34,20 +34,20 @@
|
|
|
34
34
|
"@fluentui/scripts-tasks": "*"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@fluentui/keyboard-keys": "^9.0.
|
|
38
|
-
"@fluentui/react-jsx-runtime": "^9.0.
|
|
39
|
-
"@fluentui/react-shared-contexts": "^9.7.
|
|
40
|
-
"@fluentui/react-tabster": "^9.12.
|
|
41
|
-
"@fluentui/react-theme": "^9.1.
|
|
42
|
-
"@fluentui/react-utilities": "^9.13.
|
|
37
|
+
"@fluentui/keyboard-keys": "^9.0.4",
|
|
38
|
+
"@fluentui/react-jsx-runtime": "^9.0.4",
|
|
39
|
+
"@fluentui/react-shared-contexts": "^9.7.3",
|
|
40
|
+
"@fluentui/react-tabster": "^9.12.6",
|
|
41
|
+
"@fluentui/react-theme": "^9.1.12",
|
|
42
|
+
"@fluentui/react-utilities": "^9.13.1",
|
|
43
43
|
"@griffel/react": "^1.5.14",
|
|
44
|
-
"@swc/helpers": "^0.
|
|
44
|
+
"@swc/helpers": "^0.5.1"
|
|
45
45
|
},
|
|
46
46
|
"peerDependencies": {
|
|
47
|
-
"@types/react": ">=16.
|
|
48
|
-
"@types/react-dom": ">=16.
|
|
49
|
-
"react": ">=16.
|
|
50
|
-
"react-dom": ">=16.
|
|
47
|
+
"@types/react": ">=16.14.0 <19.0.0",
|
|
48
|
+
"@types/react-dom": ">=16.14.0 <19.0.0",
|
|
49
|
+
"react": ">=16.14.0 <19.0.0",
|
|
50
|
+
"react-dom": ">=16.14.0 <19.0.0"
|
|
51
51
|
},
|
|
52
52
|
"beachball": {
|
|
53
53
|
"disallowedChangeTypes": [
|