@fluentui/react-migration-v8-v9 1.0.25 → 1.0.26
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 +46 -1
- package/CHANGELOG.md +11 -2
- package/lib/components/Button/ActionButtonShim.js +4 -3
- package/lib/components/Button/ActionButtonShim.js.map +1 -1
- package/lib/components/Button/ButtonShim.js +6 -7
- package/lib/components/Button/ButtonShim.js.map +1 -1
- package/lib/components/Button/CompoundButtonShim.js +6 -5
- package/lib/components/Button/CompoundButtonShim.js.map +1 -1
- package/lib/components/Button/DefaultButtonShim.js +2 -2
- package/lib/components/Button/DefaultButtonShim.js.map +1 -1
- package/lib/components/Button/MenuButtonShim.js +10 -6
- package/lib/components/Button/MenuButtonShim.js.map +1 -1
- package/lib/components/Button/PrimaryButtonShim.js +2 -2
- package/lib/components/Button/PrimaryButtonShim.js.map +1 -1
- package/lib/components/Button/ToggleButtonShim.js +6 -4
- package/lib/components/Button/ToggleButtonShim.js.map +1 -1
- package/lib/components/Button/shimButtonProps.js +6 -5
- package/lib/components/Button/shimButtonProps.js.map +1 -1
- package/lib/components/Menu/MenuShim.js +16 -14
- package/lib/components/Menu/MenuShim.js.map +1 -1
- package/lib/components/Menu/shimMenuProps.js +6 -4
- package/lib/components/Menu/shimMenuProps.js.map +1 -1
- package/lib/components/Stack/StackItemShim.js +61 -72
- package/lib/components/Stack/StackItemShim.js.map +1 -1
- package/lib/components/Stack/StackShim.js +85 -101
- package/lib/components/Stack/StackShim.js.map +1 -1
- package/lib/components/Stack/stackUtils.js +12 -24
- package/lib/components/Stack/stackUtils.js.map +1 -1
- package/lib/components/Theme/themeDuplicates.js.map +1 -1
- package/lib/components/Theme/v8ThemeShim.js +34 -27
- package/lib/components/Theme/v8ThemeShim.js.map +1 -1
- package/lib/components/Theme/v9BrandVariantsShim.js +0 -8
- package/lib/components/Theme/v9BrandVariantsShim.js.map +1 -1
- package/lib/components/Theme/v9ThemeShim.js +2 -8
- package/lib/components/Theme/v9ThemeShim.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/components/Button/ActionButtonShim.js +4 -7
- package/lib-commonjs/components/Button/ActionButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/ButtonShim.js +6 -13
- package/lib-commonjs/components/Button/ButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/CommandButtonShim.js +0 -2
- package/lib-commonjs/components/Button/CommandButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/CompoundButtonShim.js +6 -9
- package/lib-commonjs/components/Button/CompoundButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/DefaultButtonShim.js +2 -5
- package/lib-commonjs/components/Button/DefaultButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/MenuButtonShim.js +12 -12
- package/lib-commonjs/components/Button/MenuButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/PrimaryButtonShim.js +2 -5
- package/lib-commonjs/components/Button/PrimaryButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/ToggleButtonShim.js +6 -8
- package/lib-commonjs/components/Button/ToggleButtonShim.js.map +1 -1
- package/lib-commonjs/components/Button/index.js +0 -10
- package/lib-commonjs/components/Button/index.js.map +1 -1
- package/lib-commonjs/components/Button/shimButtonProps.js +6 -9
- package/lib-commonjs/components/Button/shimButtonProps.js.map +1 -1
- package/lib-commonjs/components/Menu/MenuShim.js +20 -22
- package/lib-commonjs/components/Menu/MenuShim.js.map +1 -1
- package/lib-commonjs/components/Menu/index.js +0 -3
- package/lib-commonjs/components/Menu/index.js.map +1 -1
- package/lib-commonjs/components/Menu/shimMenuProps.js +6 -14
- package/lib-commonjs/components/Menu/shimMenuProps.js.map +1 -1
- package/lib-commonjs/components/Stack/StackItemShim.js +61 -76
- package/lib-commonjs/components/Stack/StackItemShim.js.map +1 -1
- package/lib-commonjs/components/Stack/StackShim.js +85 -107
- package/lib-commonjs/components/Stack/StackShim.js.map +1 -1
- package/lib-commonjs/components/Stack/index.js +0 -3
- package/lib-commonjs/components/Stack/index.js.map +1 -1
- package/lib-commonjs/components/Stack/stackUtils.js +12 -29
- package/lib-commonjs/components/Stack/stackUtils.js.map +1 -1
- package/lib-commonjs/components/Theme/index.js +0 -5
- package/lib-commonjs/components/Theme/index.js.map +1 -1
- package/lib-commonjs/components/Theme/themeDuplicates.js +1 -1
- package/lib-commonjs/components/Theme/themeDuplicates.js.map +1 -1
- package/lib-commonjs/components/Theme/v8ThemeShim.js +34 -31
- package/lib-commonjs/components/Theme/v8ThemeShim.js.map +1 -1
- package/lib-commonjs/components/Theme/v9BrandVariantsShim.js +0 -11
- package/lib-commonjs/components/Theme/v9BrandVariantsShim.js.map +1 -1
- package/lib-commonjs/components/Theme/v9ThemeShim.js +2 -12
- package/lib-commonjs/components/Theme/v9ThemeShim.js.map +1 -1
- package/lib-commonjs/index.js +0 -8
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AAGA;AAEA;AAEA;AAEaA,sBAAc,gBAEvBC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,oBAAoB,GAAG;GAC1D;EAED,MAAMC,SAAS,GAAoB;IACjC,GAAGC,iCAAe,CAACJ,YAAY;GAChC;EAED,MAAMK,gBAAgB,GAAGP,KAAK,CAACQ,SAAS,GAAGC,qBAAa,CAACT,KAAK,CAACQ,SAAS,CAAC,GAAG,EAAE;EAE9E,OACEV,oBAACY,uBAAI;IAAA,GAAKH;EAAgB,GACxBT,oBAACY,8BAAW,QACVZ,oBAACY,6BAAU;IAAA,GAAKL;EAAS,EAAI,CACjB,EACdP,oBAACY,8BAAW,QACVZ,oBAACY,2BAAQ,QACN,WAAK,CAACF,SAAS,0CAAEG,KAAK,CAACC,GAAG,CAACC,IAAI;EAC9B;EACA;EACAf,oBAACW,oBAAY;IAAA,GAAKI;EAAI,EACvB,CAAC,CACO,CACC,CACT;AAEX,CAAC,CAAC","names":["exports","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps_1","shimmedMenuProps","menuProps","index_1","react_components_1","items","map","item"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/MenuButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { MenuButton, Menu, MenuList, MenuPopover, MenuTrigger } from '@fluentui/react-components';\nimport type { MenuButtonProps } from '@fluentui/react-components';\nimport { MenuItemShim, shimMenuProps } from '../Menu/index';\n\nimport { shimButtonProps } from './shimButtonProps';\n\nexport const MenuButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--primary' : 'ms-Button--default',\n };\n\n const shimProps: MenuButtonProps = {\n ...shimButtonProps(variantProps),\n };\n\n const shimmedMenuProps = props.menuProps ? shimMenuProps(props.menuProps) : {};\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuButton {...shimProps} />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.menuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n});\n"]}
|
|
@@ -4,17 +4,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.PrimaryButtonShim = void 0;
|
|
7
|
-
|
|
8
7
|
const React = /*#__PURE__*/require("react");
|
|
9
|
-
|
|
10
8
|
const ButtonShim_1 = /*#__PURE__*/require("./ButtonShim");
|
|
11
9
|
/**
|
|
12
10
|
* Shims v8 PrimaryButton to render a v9 Button
|
|
13
11
|
*/
|
|
14
|
-
|
|
15
|
-
|
|
16
12
|
exports.PrimaryButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
|
|
17
|
-
return React.createElement(ButtonShim_1.ButtonShim, {
|
|
13
|
+
return React.createElement(ButtonShim_1.ButtonShim, {
|
|
14
|
+
...props,
|
|
18
15
|
primary: true,
|
|
19
16
|
variantClassName: "ms-Button--primary"
|
|
20
17
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AAGA;AAEA;;;AAGaA,yBAAiB,gBAE1BC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,OAAOH,oBAACI,uBAAU;IAAA,GAAKF,KAAK;IAAEG,OAAO;IAACC,gBAAgB,EAAC;EAAoB,EAAG;AAChF,CAAC,CAAC","names":["exports","React","forwardRef","props","_ref","ButtonShim_1","primary","variantClassName"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/PrimaryButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\nimport { ButtonShim } from './ButtonShim';\n\n/**\n * Shims v8 PrimaryButton to render a v9 Button\n */\nexport const PrimaryButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n return <ButtonShim {...props} primary variantClassName=\"ms-Button--primary\" />;\n});\n"]}
|
|
@@ -4,26 +4,24 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ToggleButtonShim = void 0;
|
|
7
|
-
|
|
8
7
|
const React = /*#__PURE__*/require("react");
|
|
9
|
-
|
|
10
8
|
const react_components_1 = /*#__PURE__*/require("@fluentui/react-components");
|
|
11
|
-
|
|
12
9
|
const shimButtonProps_1 = /*#__PURE__*/require("./shimButtonProps");
|
|
13
10
|
/**
|
|
14
11
|
* Shims v8 ToggleButton to render a v9 ToggleButton
|
|
15
12
|
*/
|
|
16
|
-
|
|
17
|
-
|
|
18
13
|
exports.ToggleButtonShim = /*#__PURE__*/React.forwardRef((props, _ref) => {
|
|
19
|
-
const variantProps = {
|
|
14
|
+
const variantProps = {
|
|
15
|
+
...props,
|
|
20
16
|
variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound'
|
|
21
17
|
};
|
|
22
|
-
const shimProps = {
|
|
18
|
+
const shimProps = {
|
|
19
|
+
...shimButtonProps_1.shimButtonProps(variantProps),
|
|
23
20
|
checked: props.checked,
|
|
24
21
|
defaultChecked: props.defaultChecked
|
|
25
22
|
};
|
|
26
|
-
return React.createElement(react_components_1.ToggleButton, {
|
|
23
|
+
return React.createElement(react_components_1.ToggleButton, {
|
|
24
|
+
...props,
|
|
27
25
|
...shimProps
|
|
28
26
|
});
|
|
29
27
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AAIA;AAGA;AAEA;;;AAGaA,wBAAgB,gBAEzBC,KAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,IAAI,KAAI;EACnC,MAAMC,YAAY,GAAG;IACnB,GAAGF,KAAK;IACRG,gBAAgB,EAAEH,KAAK,CAACI,OAAO,GAAG,4BAA4B,GAAG;GAClE;EAED,MAAMC,SAAS,GAAsB;IACnC,GAAGC,iCAAe,CAACJ,YAAY,CAAC;IAChCK,OAAO,EAAEP,KAAK,CAACO,OAAO;IACtBC,cAAc,EAAER,KAAK,CAACQ;GACvB;EAED,OAAOV,oBAACW,+BAAY;IAAA,GAAMT,KAAgD;IAAA,GAAMK;EAAS,EAAI;AAC/F,CAAC,CAAC","names":["exports","React","forwardRef","props","_ref","variantProps","variantClassName","primary","shimProps","shimButtonProps_1","checked","defaultChecked","react_components_1"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/ToggleButtonShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport type { IButtonProps } from '@fluentui/react';\n\nimport { ToggleButton } from '@fluentui/react-components';\nimport type { ToggleButtonProps } from '@fluentui/react-components';\n\nimport { shimButtonProps } from './shimButtonProps';\n\n/**\n * Shims v8 ToggleButton to render a v9 ToggleButton\n */\nexport const ToggleButtonShim: React.ForwardRefExoticComponent<\n IButtonProps & React.RefAttributes<HTMLButtonElement>\n> = React.forwardRef((props, _ref) => {\n const variantProps = {\n ...props,\n variantClassName: props.primary ? 'ms-Button--compoundPrimary' : 'ms-Button--compound',\n };\n\n const shimProps: ToggleButtonProps = {\n ...shimButtonProps(variantProps),\n checked: props.checked,\n defaultChecked: props.defaultChecked,\n };\n\n return <ToggleButton {...(props as React.RefAttributes<HTMLButtonElement>)} {...shimProps} />;\n});\n"]}
|
|
@@ -3,24 +3,14 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
|
-
|
|
9
7
|
tslib_1.__exportStar(require("./ActionButtonShim"), exports);
|
|
10
|
-
|
|
11
8
|
tslib_1.__exportStar(require("./ButtonShim"), exports);
|
|
12
|
-
|
|
13
9
|
tslib_1.__exportStar(require("./CommandButtonShim"), exports);
|
|
14
|
-
|
|
15
10
|
tslib_1.__exportStar(require("./CompoundButtonShim"), exports);
|
|
16
|
-
|
|
17
11
|
tslib_1.__exportStar(require("./DefaultButtonShim"), exports);
|
|
18
|
-
|
|
19
12
|
tslib_1.__exportStar(require("./MenuButtonShim"), exports);
|
|
20
|
-
|
|
21
13
|
tslib_1.__exportStar(require("./PrimaryButtonShim"), exports);
|
|
22
|
-
|
|
23
14
|
tslib_1.__exportStar(require("./shimButtonProps"), exports);
|
|
24
|
-
|
|
25
15
|
tslib_1.__exportStar(require("./ToggleButtonShim"), exports);
|
|
26
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Button/index.ts"],"
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/index.ts"],"sourcesContent":["export * from './ActionButtonShim';\nexport * from './ButtonShim';\nexport * from './CommandButtonShim';\nexport * from './CompoundButtonShim';\nexport * from './DefaultButtonShim';\nexport * from './MenuButtonShim';\nexport * from './PrimaryButtonShim';\nexport * from './shimButtonProps';\nexport * from './ToggleButtonShim';\n"]}
|
|
@@ -4,20 +4,18 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.shimButtonProps = void 0;
|
|
7
|
-
|
|
8
7
|
const React = /*#__PURE__*/require("react");
|
|
9
|
-
|
|
10
8
|
const react_1 = /*#__PURE__*/require("@fluentui/react");
|
|
11
|
-
|
|
12
9
|
const shimButtonProps = props => {
|
|
13
|
-
var _a;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
10
|
+
var _a;
|
|
11
|
+
//TODO: Icon shim. This still renders the v8 icon.
|
|
12
|
+
const icon = props.onRenderIcon ? props.onRenderIcon(props) : props.iconProps ? React.createElement(react_1.Icon, {
|
|
13
|
+
...props.iconProps
|
|
17
14
|
}) : undefined;
|
|
18
15
|
const variantClassName = ((_a = props.variantClassName) !== null && _a !== void 0 ? _a : props.primary) ? 'ms-Button--primary' : 'ms-Button--default';
|
|
19
16
|
const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');
|
|
20
|
-
return {
|
|
17
|
+
return {
|
|
18
|
+
// spread incoming props to propagate HTML properties not part of IBaseButtonProps
|
|
21
19
|
...props,
|
|
22
20
|
appearance: props.primary ? 'primary' : undefined,
|
|
23
21
|
className,
|
|
@@ -30,6 +28,5 @@ const shimButtonProps = props => {
|
|
|
30
28
|
children: props.onRenderChildren ? props.onRenderChildren(props) : props.onRenderText ? props.onRenderText(props) : props.text || props.children
|
|
31
29
|
};
|
|
32
30
|
};
|
|
33
|
-
|
|
34
31
|
exports.shimButtonProps = shimButtonProps;
|
|
35
32
|
//# sourceMappingURL=shimButtonProps.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AAEA;AAKO,MAAMA,eAAe,GAAIC,KAAgE,IAAiB;;EAC/G;EACA,MAAMC,IAAI,GAAGD,KAAK,CAACE,YAAY,GAC7BF,KAAK,CAACE,YAAY,CAACF,KAAK,CAAC,GACvBA,KAAK,CAACG,SAAS,GACjBC,oBAACC,YAAI;IAAA,GAAKL,KAAK,CAACG;EAAS,EAAI,GAC3BG,SAAS;EAEb,MAAMC,gBAAgB,GAAG,YAAK,CAACA,gBAAgB,mCAAIP,KAAK,CAACQ,OAAO,IAAG,oBAAoB,GAAG,oBAAoB;EAC9G,MAAMC,SAAS,GAAG,CAACT,KAAK,CAACU,aAAa,EAAEH,gBAAgB,EAAEP,KAAK,CAACS,SAAS,CAAC,CAACE,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;EAEpG,OAAO;IACL;IACA,GAAGb,KAAK;IACRc,UAAU,EAAEd,KAAK,CAACQ,OAAO,GAAG,SAAS,GAAGF,SAAS;IACjDG,SAAS;IACTM,QAAQ,EAAEf,KAAK,CAACe,QAAQ;IACxBC,iBAAiB,EAAEhB,KAAK,CAACiB,kBAAkB;IAC3C,aAAa,EAAEjB,KAAK,CAACkB,UAAU;IAC/B,YAAY,EAAElB,KAAK,CAACmB,SAAS;IAC7BlB,IAAI;IACJmB,GAAG,EAAEpB,KAAK,CAACoB,GAAG,IAAIpB,KAAK,CAACqB,QAAQ;IAChCC,QAAQ,EAAEtB,KAAK,CAACuB,gBAAgB,GAC5BvB,KAAK,CAACuB,gBAAgB,CAACvB,KAAK,CAAC,GAC7BA,KAAK,CAACwB,YAAY,GAClBxB,KAAK,CAACwB,YAAY,CAACxB,KAAK,CAAC,GACzBA,KAAK,CAACyB,IAAI,IAAIzB,KAAK,CAACsB;GACV;AAClB,CAAC;AA5BYI,uBAAe","names":["shimButtonProps","props","icon","onRenderIcon","iconProps","React","react_1","undefined","variantClassName","primary","className","baseClassName","filter","Boolean","join","appearance","disabled","disabledFocusable","allowDisabledFocus","ariaHidden","ariaLabel","key","uniqueId","children","onRenderChildren","onRenderText","text","exports"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Button/shimButtonProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IBaseButtonProps } from '@fluentui/react';\n\nimport type { ButtonProps } from '@fluentui/react-components';\n\nexport const shimButtonProps = (props: IBaseButtonProps & React.RefAttributes<HTMLButtonElement>): ButtonProps => {\n //TODO: Icon shim. This still renders the v8 icon.\n const icon = props.onRenderIcon ? (\n props.onRenderIcon(props)\n ) : props.iconProps ? (\n <Icon {...props.iconProps} />\n ) : undefined;\n\n const variantClassName = props.variantClassName ?? props.primary ? 'ms-Button--primary' : 'ms-Button--default';\n const className = [props.baseClassName, variantClassName, props.className].filter(Boolean).join(' ');\n\n return {\n // spread incoming props to propagate HTML properties not part of IBaseButtonProps\n ...props,\n appearance: props.primary ? 'primary' : undefined,\n className,\n disabled: props.disabled,\n disabledFocusable: props.allowDisabledFocus,\n 'aria-hidden': props.ariaHidden,\n 'aria-label': props.ariaLabel,\n icon,\n key: props.key || props.uniqueId,\n children: props.onRenderChildren\n ? props.onRenderChildren(props)\n : props.onRenderText\n ? props.onRenderText(props)\n : props.text || props.children,\n } as ButtonProps;\n};\n"]}
|
|
@@ -4,55 +4,53 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.MenuItemShim = void 0;
|
|
7
|
-
|
|
8
7
|
const React = /*#__PURE__*/require("react");
|
|
9
|
-
|
|
10
8
|
const react_1 = /*#__PURE__*/require("@fluentui/react");
|
|
11
|
-
|
|
12
9
|
const react_components_1 = /*#__PURE__*/require("@fluentui/react-components");
|
|
13
|
-
|
|
14
10
|
const shimMenuProps_1 = /*#__PURE__*/require("./shimMenuProps");
|
|
15
|
-
|
|
16
11
|
const MenuItemShim = props => {
|
|
17
12
|
var _a, _b;
|
|
18
|
-
|
|
19
13
|
if (props.itemType === react_1.ContextualMenuItemType.Divider) {
|
|
20
14
|
const shimProps = shimMenuProps_1.shimMenuItemProps(props);
|
|
21
|
-
return React.createElement(react_components_1.MenuDivider, {
|
|
15
|
+
return React.createElement(react_components_1.MenuDivider, {
|
|
16
|
+
...shimProps
|
|
22
17
|
});
|
|
23
18
|
}
|
|
24
|
-
|
|
25
19
|
if (props.itemType === react_1.ContextualMenuItemType.Section) {
|
|
26
20
|
const shimProps = shimMenuProps_1.shimMenuHeaderProps(props);
|
|
27
|
-
return React.createElement(react_components_1.MenuGroup, null, React.createElement(react_components_1.MenuGroupHeader, null, shimProps.children), (_a = props.subMenuProps) === null || _a === void 0 ? void 0 : _a.items.map(item =>
|
|
21
|
+
return React.createElement(react_components_1.MenuGroup, null, React.createElement(react_components_1.MenuGroupHeader, null, shimProps.children), (_a = props.subMenuProps) === null || _a === void 0 ? void 0 : _a.items.map(item =>
|
|
22
|
+
// key is added through item spread
|
|
28
23
|
// eslint-disable-next-line react/jsx-key
|
|
29
|
-
React.createElement(exports.MenuItemShim, {
|
|
24
|
+
React.createElement(exports.MenuItemShim, {
|
|
25
|
+
...item
|
|
30
26
|
})));
|
|
31
27
|
}
|
|
32
|
-
|
|
33
28
|
if (props.canCheck) {
|
|
34
29
|
const shimProps = shimMenuProps_1.shimMenuItemCheckboxProps(props);
|
|
35
|
-
return React.createElement(react_components_1.MenuItemCheckbox, {
|
|
30
|
+
return React.createElement(react_components_1.MenuItemCheckbox, {
|
|
31
|
+
...shimProps
|
|
36
32
|
});
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
|
|
33
|
+
}
|
|
34
|
+
// Nested Menu to handle submenus
|
|
40
35
|
if (((_b = props.subMenuProps) === null || _b === void 0 ? void 0 : _b.items) && props.subMenuProps.items.length > 0) {
|
|
41
36
|
const shimmedMenuProps = shimMenuProps_1.shimMenuProps(props.subMenuProps);
|
|
42
37
|
const shimmedItemProps = shimMenuProps_1.shimMenuItemProps(props);
|
|
43
|
-
return React.createElement(react_components_1.Menu, {
|
|
44
|
-
|
|
38
|
+
return React.createElement(react_components_1.Menu, {
|
|
39
|
+
...shimmedMenuProps
|
|
40
|
+
}, React.createElement(react_components_1.MenuTrigger, null, React.createElement(react_components_1.MenuItem, {
|
|
41
|
+
...shimmedItemProps,
|
|
45
42
|
hasSubmenu: true
|
|
46
|
-
})), React.createElement(react_components_1.MenuPopover, null, React.createElement(react_components_1.MenuList, null, props.subMenuProps.items.map(item =>
|
|
43
|
+
})), React.createElement(react_components_1.MenuPopover, null, React.createElement(react_components_1.MenuList, null, props.subMenuProps.items.map(item =>
|
|
44
|
+
// key is added through item spread
|
|
47
45
|
// eslint-disable-next-line react/jsx-key
|
|
48
|
-
React.createElement(exports.MenuItemShim, {
|
|
46
|
+
React.createElement(exports.MenuItemShim, {
|
|
47
|
+
...item
|
|
49
48
|
})))));
|
|
50
49
|
}
|
|
51
|
-
|
|
52
50
|
const shimProps = shimMenuProps_1.shimMenuItemProps(props);
|
|
53
|
-
return React.createElement(react_components_1.MenuItem, {
|
|
51
|
+
return React.createElement(react_components_1.MenuItem, {
|
|
52
|
+
...shimProps
|
|
54
53
|
});
|
|
55
54
|
};
|
|
56
|
-
|
|
57
55
|
exports.MenuItemShim = MenuItemShim;
|
|
58
56
|
//# sourceMappingURL=MenuShim.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AAEA;AAEA;AAaA;AAEO,MAAMA,YAAY,GAAIC,KAA0B,IAAI;;EACzD,IAAIA,KAAK,CAACC,QAAQ,KAAKC,8BAAsB,CAACC,OAAO,EAAE;IACrD,MAAMC,SAAS,GAAGC,iCAAiB,CAACL,KAAK,CAAC;IAC1C,OAAOM,oBAACC,8BAAW;MAAA,GAAMH;IAA8B,EAAI;;EAG7D,IAAIJ,KAAK,CAACC,QAAQ,KAAKC,8BAAsB,CAACM,OAAO,EAAE;IACrD,MAAMJ,SAAS,GAAGC,mCAAmB,CAACL,KAAK,CAAC;IAC5C,OACEM,oBAACC,4BAAS,QACRD,oBAACC,kCAAe,QAAEH,SAAS,CAACK,QAAQ,CAAmB,EAEtD,WAAK,CAACC,YAAY,0CAAEC,KAAK,CAACC,GAAG,CAACC,IAAI;IACjC;IACA;IACAP,oBAACQ,oBAAY;MAAA,GAAKD;IAAI,EACvB,CAAC,CACQ;;EAIhB,IAAIb,KAAK,CAACe,QAAQ,EAAE;IAClB,MAAMX,SAAS,GAAGC,yCAAyB,CAACL,KAAK,CAAC;IAClD,OAAOM,oBAACC,mCAAgB;MAAA,GAAKH;IAAS,EAAI;;EAG5C;EACA,IAAI,YAAK,CAACM,YAAY,0CAAEC,KAAK,KAAIX,KAAK,CAACU,YAAY,CAACC,KAAK,CAACK,MAAM,GAAG,CAAC,EAAE;IACpE,MAAMC,gBAAgB,GAAGZ,6BAAa,CAACL,KAAK,CAACU,YAAY,CAAC;IAC1D,MAAMQ,gBAAgB,GAAGb,iCAAiB,CAACL,KAAK,CAAC;IAEjD,OACEM,oBAACC,uBAAI;MAAA,GAAKU;IAAgB,GACxBX,oBAACC,8BAAW,QACVD,oBAACC,2BAAQ;MAAA,GAAKW,gBAAgB;MAAEC,UAAU;IAAA,EAAG,CACjC,EACdb,oBAACC,8BAAW,QACVD,oBAACC,2BAAQ,QACNP,KAAK,CAACU,YAAY,CAACC,KAAK,CAACC,GAAG,CAACC,IAAI;IAChC;IACA;IACAP,oBAACQ,oBAAY;MAAA,GAAKD;IAAI,EACvB,CAAC,CACO,CACC,CACT;;EAIX,MAAMT,SAAS,GAAGC,iCAAiB,CAACL,KAAK,CAAC;EAC1C,OAAOM,oBAACC,2BAAQ;IAAA,GAAKH;EAAS,EAAI;AACpC,CAAC;AAnDYU,oBAAY","names":["MenuItemShim","props","itemType","react_1","Divider","shimProps","shimMenuProps_1","React","react_components_1","Section","children","subMenuProps","items","map","item","exports","canCheck","length","shimmedMenuProps","shimmedItemProps","hasSubmenu"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Menu/MenuShim.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { ContextualMenuItemType } from '@fluentui/react';\nimport type { IContextualMenuItem } from '@fluentui/react';\nimport {\n MenuItem,\n MenuDivider,\n MenuGroup,\n MenuGroupHeader,\n MenuTrigger,\n Menu,\n MenuList,\n MenuPopover,\n MenuItemCheckbox,\n MenuDividerProps,\n} from '@fluentui/react-components';\n\nimport { shimMenuHeaderProps, shimMenuItemCheckboxProps, shimMenuItemProps, shimMenuProps } from './shimMenuProps';\n\nexport const MenuItemShim = (props: IContextualMenuItem) => {\n if (props.itemType === ContextualMenuItemType.Divider) {\n const shimProps = shimMenuItemProps(props);\n return <MenuDivider {...(shimProps as MenuDividerProps)} />;\n }\n\n if (props.itemType === ContextualMenuItemType.Section) {\n const shimProps = shimMenuHeaderProps(props);\n return (\n <MenuGroup>\n <MenuGroupHeader>{shimProps.children}</MenuGroupHeader>\n {/* //TODO: sectionProps handling */}\n {props.subMenuProps?.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuGroup>\n );\n }\n\n if (props.canCheck) {\n const shimProps = shimMenuItemCheckboxProps(props);\n return <MenuItemCheckbox {...shimProps} />;\n }\n\n // Nested Menu to handle submenus\n if (props.subMenuProps?.items && props.subMenuProps.items.length > 0) {\n const shimmedMenuProps = shimMenuProps(props.subMenuProps);\n const shimmedItemProps = shimMenuItemProps(props);\n\n return (\n <Menu {...shimmedMenuProps}>\n <MenuTrigger>\n <MenuItem {...shimmedItemProps} hasSubmenu />\n </MenuTrigger>\n <MenuPopover>\n <MenuList>\n {props.subMenuProps.items.map(item => (\n // key is added through item spread\n // eslint-disable-next-line react/jsx-key\n <MenuItemShim {...item} />\n ))}\n </MenuList>\n </MenuPopover>\n </Menu>\n );\n }\n\n const shimProps = shimMenuItemProps(props);\n return <MenuItem {...shimProps} />;\n};\n"]}
|
|
@@ -3,10 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
const tslib_1 = /*#__PURE__*/require("tslib");
|
|
8
|
-
|
|
9
7
|
tslib_1.__exportStar(require("./MenuShim"), exports);
|
|
10
|
-
|
|
11
8
|
tslib_1.__exportStar(require("./shimMenuProps"), exports);
|
|
12
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["packages/react-migration-v8-v9/src/components/Menu/index.ts"],"
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAAA;AACAA","names":["tslib_1"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Menu/index.ts"],"sourcesContent":["export * from './MenuShim';\nexport * from './shimMenuProps';\n"]}
|
|
@@ -4,50 +4,42 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.shimMenuHeaderProps = exports.shimMenuItemCheckboxProps = exports.shimMenuItemProps = exports.shimMenuProps = void 0;
|
|
7
|
-
|
|
8
7
|
const React = /*#__PURE__*/require("react");
|
|
9
|
-
|
|
10
8
|
const react_1 = /*#__PURE__*/require("@fluentui/react");
|
|
11
|
-
|
|
12
9
|
const shimMenuProps = props => {
|
|
13
10
|
return {
|
|
14
11
|
hasIcons: props === null || props === void 0 ? void 0 : props.items.some(i => i.iconProps),
|
|
15
12
|
hasCheckmarks: props === null || props === void 0 ? void 0 : props.items.some(i => i.canCheck || i.checked)
|
|
16
13
|
};
|
|
17
14
|
};
|
|
18
|
-
|
|
19
15
|
exports.shimMenuProps = shimMenuProps;
|
|
20
|
-
|
|
21
16
|
const shimMenuItemProps = props => {
|
|
22
17
|
//TODO: Handle menuItem.onRenderIcon
|
|
23
|
-
const icon = props.iconProps ? React.createElement(react_1.Icon, {
|
|
18
|
+
const icon = props.iconProps ? React.createElement(react_1.Icon, {
|
|
19
|
+
...props.iconProps
|
|
24
20
|
}) : undefined;
|
|
25
|
-
return {
|
|
21
|
+
return {
|
|
22
|
+
...props,
|
|
26
23
|
'aria-label': props.ariaLabel,
|
|
27
24
|
children: props.text,
|
|
28
25
|
icon,
|
|
29
26
|
secondaryContent: props.secondaryText
|
|
30
27
|
};
|
|
31
28
|
};
|
|
32
|
-
|
|
33
29
|
exports.shimMenuItemProps = shimMenuItemProps;
|
|
34
|
-
|
|
35
30
|
const shimMenuItemCheckboxProps = props => {
|
|
36
|
-
return {
|
|
31
|
+
return {
|
|
32
|
+
...exports.shimMenuItemProps(props),
|
|
37
33
|
name: props.text || 'name',
|
|
38
34
|
value: props.value || 'value'
|
|
39
35
|
};
|
|
40
36
|
};
|
|
41
|
-
|
|
42
37
|
exports.shimMenuItemCheckboxProps = shimMenuItemCheckboxProps;
|
|
43
|
-
|
|
44
38
|
const shimMenuHeaderProps = props => {
|
|
45
39
|
var _a;
|
|
46
|
-
|
|
47
40
|
return {
|
|
48
41
|
children: (_a = props.sectionProps) === null || _a === void 0 ? void 0 : _a.title
|
|
49
42
|
};
|
|
50
43
|
};
|
|
51
|
-
|
|
52
44
|
exports.shimMenuHeaderProps = shimMenuHeaderProps;
|
|
53
45
|
//# sourceMappingURL=shimMenuProps.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"mappings":";;;;;;AAAA;AAEA;AAIO,MAAMA,aAAa,GAAIC,KAA2B,IAAwB;EAC/E,OAAO;IACLC,QAAQ,EAAED,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,SAAS,CAAC;IAC7CC,aAAa,EAAEN,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,KAAK,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACG,QAAQ,IAAIH,CAAC,CAACI,OAAO;GAC9D;AACH,CAAC;AALYC,qBAAa;AAOnB,MAAMC,iBAAiB,GAAIV,KAA0B,IAAmB;EAC7E;EACA,MAAMW,IAAI,GAAGX,KAAK,CAACK,SAAS,GAAGO,oBAACC,YAAI;IAAA,GAAKb,KAAK,CAACK;EAAS,EAAI,GAAGS,SAAS;EAExE,OAAO;IACL,GAAGd,KAAK;IACR,YAAY,EAAEA,KAAK,CAACe,SAAS;IAC7BC,QAAQ,EAAEhB,KAAK,CAACiB,IAAI;IACpBN,IAAI;IACJO,gBAAgB,EAAElB,KAAK,CAACmB;GACR;AACpB,CAAC;AAXYV,yBAAiB;AAavB,MAAMW,yBAAyB,GAAIpB,KAA0B,IAA2B;EAC7F,OAAO;IACL,GAAGS,yBAAiB,CAACT,KAAK,CAAC;IAC3BqB,IAAI,EAAErB,KAAK,CAACiB,IAAI,IAAI,MAAM;IAC1BK,KAAK,EAAEtB,KAAK,CAACsB,KAAK,IAAI;GACvB;AACH,CAAC;AANYb,iCAAyB;AAQ/B,MAAMc,mBAAmB,GAAIvB,KAA0B,IAA0B;;EACtF,OAAO;IACLgB,QAAQ,EAAE,WAAK,CAACQ,YAAY,0CAAEC;GAC/B;AACH,CAAC;AAJYhB,2BAAmB","names":["shimMenuProps","props","hasIcons","items","some","i","iconProps","hasCheckmarks","canCheck","checked","exports","shimMenuItemProps","icon","React","react_1","undefined","ariaLabel","children","text","secondaryContent","secondaryText","shimMenuItemCheckboxProps","name","value","shimMenuHeaderProps","sectionProps","title"],"sourceRoot":"../src/","sources":["packages/react-migration-v8-v9/src/components/Menu/shimMenuProps.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Icon } from '@fluentui/react';\nimport type { IContextualMenuItem, IContextualMenuProps } from '@fluentui/react';\nimport type { MenuItemProps, MenuGroupHeaderProps, MenuItemCheckboxProps, MenuProps } from '@fluentui/react-menu';\n\nexport const shimMenuProps = (props: IContextualMenuProps): Partial<MenuProps> => {\n return {\n hasIcons: props?.items.some(i => i.iconProps),\n hasCheckmarks: props?.items.some(i => i.canCheck || i.checked),\n };\n};\n\nexport const shimMenuItemProps = (props: IContextualMenuItem): MenuItemProps => {\n //TODO: Handle menuItem.onRenderIcon\n const icon = props.iconProps ? <Icon {...props.iconProps} /> : undefined;\n\n return {\n ...props,\n 'aria-label': props.ariaLabel,\n children: props.text,\n icon,\n secondaryContent: props.secondaryText,\n } as MenuItemProps;\n};\n\nexport const shimMenuItemCheckboxProps = (props: IContextualMenuItem): MenuItemCheckboxProps => {\n return {\n ...shimMenuItemProps(props),\n name: props.text || 'name',\n value: props.value || 'value',\n };\n};\n\nexport const shimMenuHeaderProps = (props: IContextualMenuItem): MenuGroupHeaderProps => {\n return {\n children: props.sectionProps?.title,\n };\n};\n"]}
|