@fluentui/react-toolbar 9.1.4 → 9.1.5
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/.swcrc +30 -0
- package/CHANGELOG.json +76 -1
- package/CHANGELOG.md +21 -2
- package/lib/Toolbar.js.map +1 -1
- package/lib/ToolbarButton.js.map +1 -1
- package/lib/ToolbarDivider.js.map +1 -1
- package/lib/ToolbarGroup.js.map +1 -1
- package/lib/ToolbarRadioButton.js.map +1 -1
- package/lib/ToolbarRadioGroup.js.map +1 -1
- package/lib/ToolbarToggleButton.js.map +1 -1
- package/lib/components/Toolbar/Toolbar.js.map +1 -1
- package/lib/components/Toolbar/Toolbar.types.js +1 -1
- package/lib/components/Toolbar/Toolbar.types.js.map +1 -1
- package/lib/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib/components/Toolbar/index.js.map +1 -1
- package/lib/components/Toolbar/renderToolbar.js +1 -3
- package/lib/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib/components/Toolbar/useToolbar.js +1 -0
- package/lib/components/Toolbar/useToolbar.js.map +1 -1
- package/lib/components/Toolbar/useToolbarContextValues.js.map +1 -1
- package/lib/components/Toolbar/useToolbarStyles.js.map +1 -1
- package/lib/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
- package/lib/components/ToolbarButton/index.js.map +1 -1
- package/lib/components/ToolbarButton/useToolbarButton.js +1 -0
- package/lib/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
- package/lib/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
- package/lib/components/ToolbarDivider/index.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDivider.js +1 -0
- package/lib/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
- package/lib/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
- package/lib/components/ToolbarGroup/index.js.map +1 -1
- package/lib/components/ToolbarGroup/renderToolbarGroup.js +1 -3
- package/lib/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/useToolbarGroup.js +1 -0
- package/lib/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
- package/lib/components/ToolbarRadioButton/index.js.map +1 -1
- package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js +3 -2
- package/lib/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
- package/lib/components/ToolbarRadioGroup/index.js.map +1 -1
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
- package/lib/components/ToolbarToggleButton/index.js.map +1 -1
- package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js +3 -2
- package/lib/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
- package/lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +1 -1
- package/lib/index.js.map +1 -1
- package/lib-commonjs/Toolbar.js +5 -4
- package/lib-commonjs/Toolbar.js.map +1 -1
- package/lib-commonjs/ToolbarButton.js +5 -4
- package/lib-commonjs/ToolbarButton.js.map +1 -1
- package/lib-commonjs/ToolbarDivider.js +5 -4
- package/lib-commonjs/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/ToolbarGroup.js +5 -4
- package/lib-commonjs/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/ToolbarRadioButton.js +5 -4
- package/lib-commonjs/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/ToolbarRadioGroup.js +5 -4
- package/lib-commonjs/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/ToolbarToggleButton.js +5 -4
- package/lib-commonjs/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.js +21 -22
- package/lib-commonjs/components/Toolbar/Toolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/Toolbar.types.js +5 -2
- package/lib-commonjs/components/Toolbar/Toolbar.types.js.map +1 -1
- package/lib-commonjs/components/Toolbar/ToolbarContext.js +20 -12
- package/lib-commonjs/components/Toolbar/ToolbarContext.js.map +1 -1
- package/lib-commonjs/components/Toolbar/index.js +9 -8
- package/lib-commonjs/components/Toolbar/index.js.map +1 -1
- package/lib-commonjs/components/Toolbar/renderToolbar.js +16 -21
- package/lib-commonjs/components/Toolbar/renderToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbar.js +101 -109
- package/lib-commonjs/components/Toolbar/useToolbar.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarContextValues.js +19 -23
- package/lib-commonjs/components/Toolbar/useToolbarContextValues.js.map +1 -1
- package/lib-commonjs/components/Toolbar/useToolbarStyles.js +66 -45
- package/lib-commonjs/components/Toolbar/useToolbarStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js +19 -22
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js +3 -2
- package/lib-commonjs/components/ToolbarButton/ToolbarButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/index.js +8 -7
- package/lib-commonjs/components/ToolbarButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButton.js +20 -25
- package/lib-commonjs/components/ToolbarButton/useToolbarButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js +27 -25
- package/lib-commonjs/components/ToolbarButton/useToolbarButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js +19 -20
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js +3 -2
- package/lib-commonjs/components/ToolbarDivider/ToolbarDivider.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/index.js +8 -7
- package/lib-commonjs/components/ToolbarDivider/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js +17 -22
- package/lib-commonjs/components/ToolbarDivider/useToolbarDivider.js.map +1 -1
- package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js +28 -27
- package/lib-commonjs/components/ToolbarDivider/useToolbarDividerStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js +19 -22
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js +3 -2
- package/lib-commonjs/components/ToolbarGroup/ToolbarGroup.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/index.js +9 -8
- package/lib-commonjs/components/ToolbarGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js +13 -18
- package/lib-commonjs/components/ToolbarGroup/renderToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js +21 -22
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js +31 -23
- package/lib-commonjs/components/ToolbarGroup/useToolbarGroupStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js +19 -20
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js +3 -2
- package/lib-commonjs/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/index.js +8 -7
- package/lib-commonjs/components/ToolbarRadioButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js +39 -43
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js +20 -20
- package/lib-commonjs/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js +20 -23
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +3 -2
- package/lib-commonjs/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarRadioGroup/index.js +6 -5
- package/lib-commonjs/components/ToolbarRadioGroup/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js +19 -20
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js +3 -2
- package/lib-commonjs/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/index.js +8 -7
- package/lib-commonjs/components/ToolbarToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js +40 -44
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js +20 -20
- package/lib-commonjs/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +1 -1
- package/lib-commonjs/index.js +42 -149
- package/lib-commonjs/index.js.map +1 -1
- package/package.json +13 -12
- package/lib-amd/Toolbar.js +0 -6
- package/lib-amd/Toolbar.js.map +0 -1
- package/lib-amd/ToolbarButton.js +0 -6
- package/lib-amd/ToolbarButton.js.map +0 -1
- package/lib-amd/ToolbarDivider.js +0 -6
- package/lib-amd/ToolbarDivider.js.map +0 -1
- package/lib-amd/ToolbarGroup.js +0 -6
- package/lib-amd/ToolbarGroup.js.map +0 -1
- package/lib-amd/ToolbarRadioButton.js +0 -6
- package/lib-amd/ToolbarRadioButton.js.map +0 -1
- package/lib-amd/ToolbarRadioGroup.js +0 -6
- package/lib-amd/ToolbarRadioGroup.js.map +0 -1
- package/lib-amd/ToolbarToggleButton.js +0 -6
- package/lib-amd/ToolbarToggleButton.js.map +0 -1
- package/lib-amd/components/Toolbar/Toolbar.js +0 -18
- package/lib-amd/components/Toolbar/Toolbar.js.map +0 -1
- package/lib-amd/components/Toolbar/Toolbar.types.js +0 -5
- package/lib-amd/components/Toolbar/Toolbar.types.js.map +0 -1
- package/lib-amd/components/Toolbar/ToolbarContext.js +0 -21
- package/lib-amd/components/Toolbar/ToolbarContext.js.map +0 -1
- package/lib-amd/components/Toolbar/index.js +0 -10
- package/lib-amd/components/Toolbar/index.js.map +0 -1
- package/lib-amd/components/Toolbar/renderToolbar.js +0 -15
- package/lib-amd/components/Toolbar/renderToolbar.js.map +0 -1
- package/lib-amd/components/Toolbar/useToolbar.js +0 -85
- package/lib-amd/components/Toolbar/useToolbar.js.map +0 -1
- package/lib-amd/components/Toolbar/useToolbarContextValues.js +0 -19
- package/lib-amd/components/Toolbar/useToolbarContextValues.js.map +0 -1
- package/lib-amd/components/Toolbar/useToolbarStyles.js +0 -38
- package/lib-amd/components/Toolbar/useToolbarStyles.js.map +0 -1
- package/lib-amd/components/ToolbarButton/ToolbarButton.js +0 -19
- package/lib-amd/components/ToolbarButton/ToolbarButton.js.map +0 -1
- package/lib-amd/components/ToolbarButton/ToolbarButton.types.js +0 -5
- package/lib-amd/components/ToolbarButton/ToolbarButton.types.js.map +0 -1
- package/lib-amd/components/ToolbarButton/index.js +0 -9
- package/lib-amd/components/ToolbarButton/index.js.map +0 -1
- package/lib-amd/components/ToolbarButton/useToolbarButton.js +0 -18
- package/lib-amd/components/ToolbarButton/useToolbarButton.js.map +0 -1
- package/lib-amd/components/ToolbarButton/useToolbarButtonStyles.js +0 -26
- package/lib-amd/components/ToolbarButton/useToolbarButtonStyles.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.js +0 -17
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.types.js +0 -5
- package/lib-amd/components/ToolbarDivider/ToolbarDivider.types.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/index.js +0 -9
- package/lib-amd/components/ToolbarDivider/index.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/useToolbarDivider.js +0 -20
- package/lib-amd/components/ToolbarDivider/useToolbarDivider.js.map +0 -1
- package/lib-amd/components/ToolbarDivider/useToolbarDividerStyles.js +0 -27
- package/lib-amd/components/ToolbarDivider/useToolbarDividerStyles.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.js +0 -19
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.types.js +0 -5
- package/lib-amd/components/ToolbarGroup/ToolbarGroup.types.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/index.js +0 -10
- package/lib-amd/components/ToolbarGroup/index.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/renderToolbarGroup.js +0 -14
- package/lib-amd/components/ToolbarGroup/renderToolbarGroup.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/useToolbarGroup.js +0 -20
- package/lib-amd/components/ToolbarGroup/useToolbarGroup.js.map +0 -1
- package/lib-amd/components/ToolbarGroup/useToolbarGroupStyles.js +0 -24
- package/lib-amd/components/ToolbarGroup/useToolbarGroupStyles.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js +0 -17
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.types.js +0 -5
- package/lib-amd/components/ToolbarRadioButton/ToolbarRadioButton.types.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/index.js +0 -9
- package/lib-amd/components/ToolbarRadioButton/index.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButton.js +0 -28
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButton.js.map +0 -1
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js +0 -20
- package/lib-amd/components/ToolbarRadioButton/useToolbarRadioButtonStyles.js.map +0 -1
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js +0 -19
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.js.map +0 -1
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js +0 -5
- package/lib-amd/components/ToolbarRadioGroup/ToolbarRadioGroup.types.js.map +0 -1
- package/lib-amd/components/ToolbarRadioGroup/index.js +0 -7
- package/lib-amd/components/ToolbarRadioGroup/index.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.js +0 -17
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.types.js +0 -5
- package/lib-amd/components/ToolbarToggleButton/ToolbarToggleButton.types.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/index.js +0 -9
- package/lib-amd/components/ToolbarToggleButton/index.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButton.js +0 -32
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButton.js.map +0 -1
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js +0 -20
- package/lib-amd/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js.map +0 -1
- package/lib-amd/index.js +0 -29
- package/lib-amd/index.js.map +0 -1
|
@@ -1,48 +1,44 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useToolbarToggleButton_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useToolbarToggleButton_unstable
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);
|
|
42
|
-
onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
|
|
43
|
-
};
|
|
44
|
-
state.root.onClick = handleOnClick;
|
|
45
|
-
return state;
|
|
46
|
-
};
|
|
47
|
-
exports.useToolbarToggleButton_unstable = useToolbarToggleButton_unstable;
|
|
9
|
+
const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
|
|
10
|
+
const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
|
|
11
|
+
const _reactButton = require("@fluentui/react-button");
|
|
12
|
+
const _toolbarContext = require("../Toolbar/ToolbarContext");
|
|
13
|
+
const useToolbarToggleButton_unstable = (props, ref)=>{
|
|
14
|
+
const handleToggleButton = (0, _toolbarContext.useToolbarContext_unstable)((ctx)=>ctx.handleToggleButton);
|
|
15
|
+
const checked = (0, _toolbarContext.useToolbarContext_unstable)((ctx)=>{
|
|
16
|
+
var _ctx_checkedValues_props_name;
|
|
17
|
+
return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));
|
|
18
|
+
});
|
|
19
|
+
const size = (0, _toolbarContext.useToolbarContext_unstable)((ctx)=>ctx.size);
|
|
20
|
+
const { onClick: onClickOriginal } = props;
|
|
21
|
+
const toggleButtonState = (0, _reactButton.useToggleButton_unstable)({
|
|
22
|
+
size,
|
|
23
|
+
checked,
|
|
24
|
+
...props
|
|
25
|
+
}, ref);
|
|
26
|
+
const state = {
|
|
27
|
+
...toggleButtonState,
|
|
28
|
+
name: props.name,
|
|
29
|
+
value: props.value
|
|
30
|
+
};
|
|
31
|
+
const handleOnClick = (e)=>{
|
|
32
|
+
if (state.disabled) {
|
|
33
|
+
e.preventDefault();
|
|
34
|
+
e.stopPropagation();
|
|
35
|
+
return;
|
|
36
|
+
}
|
|
37
|
+
handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);
|
|
38
|
+
onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);
|
|
39
|
+
};
|
|
40
|
+
state.root.onClick = handleOnClick;
|
|
41
|
+
return state;
|
|
42
|
+
}; //# sourceMappingURL=useToolbarToggleButton.js.map
|
|
43
|
+
|
|
48
44
|
//# sourceMappingURL=useToolbarToggleButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/ToolbarToggleButton/useToolbarToggleButton.js"],"sourcesContent":["import * as React from 'react';\nimport { useToggleButton_unstable } from '@fluentui/react-button';\nimport { useToolbarContext_unstable } from '../Toolbar/ToolbarContext';\n/**\n * Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns\n * processed state.\n * @param props - User provided props to the ToggleButton component.\n * @param ref - User provided ref to be passed to the ToggleButton component.\n */\nexport const useToolbarToggleButton_unstable = (props, ref) => {\n const handleToggleButton = useToolbarContext_unstable(ctx => ctx.handleToggleButton);\n const checked = useToolbarContext_unstable(ctx => {\n var _ctx_checkedValues_props_name;\n return !!((_ctx_checkedValues_props_name = ctx.checkedValues[props.name]) === null || _ctx_checkedValues_props_name === void 0 ? void 0 : _ctx_checkedValues_props_name.includes(props.value));\n });\n const size = useToolbarContext_unstable(ctx => ctx.size);\n const {\n onClick: onClickOriginal\n } = props;\n const toggleButtonState = useToggleButton_unstable({\n size,\n checked,\n ...props\n }, ref);\n const state = {\n ...toggleButtonState,\n name: props.name,\n value: props.value\n };\n const handleOnClick = e => {\n if (state.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n handleToggleButton === null || handleToggleButton === void 0 ? void 0 : handleToggleButton(e, state.name, state.value, state.checked);\n onClickOriginal === null || onClickOriginal === void 0 ? void 0 : onClickOriginal(e);\n };\n state.root.onClick = handleOnClick;\n return state;\n};\n//# sourceMappingURL=useToolbarToggleButton.js.map"],"names":["useToolbarToggleButton_unstable","props","ref","handleToggleButton","useToolbarContext_unstable","ctx","checked","_ctx_checkedValues_props_name","checkedValues","name","includes","value","size","onClick","onClickOriginal","toggleButtonState","useToggleButton_unstable","state","handleOnClick","e","disabled","preventDefault","stopPropagation","root"],"mappings":";;;;+BASaA;;aAAAA;;;6DATU;6BACkB;gCACE;AAOpC,MAAMA,kCAAkC,CAACC,OAAOC,MAAQ;IAC7D,MAAMC,qBAAqBC,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIF,kBAAkB;IACnF,MAAMG,UAAUF,IAAAA,0CAA0B,EAACC,CAAAA,MAAO;QAChD,IAAIE;QACJ,OAAO,CAAC,CAAE,CAAA,AAACA,CAAAA,gCAAgCF,IAAIG,aAAa,CAACP,MAAMQ,IAAI,CAAC,AAAD,MAAO,IAAI,IAAIF,kCAAkC,KAAK,IAAI,KAAK,IAAIA,8BAA8BG,QAAQ,CAACT,MAAMU,KAAK,CAAC,AAAD;IAC9L;IACA,MAAMC,OAAOR,IAAAA,0CAA0B,EAACC,CAAAA,MAAOA,IAAIO,IAAI;IACvD,MAAM,EACJC,SAASC,gBAAe,EACzB,GAAGb;IACJ,MAAMc,oBAAoBC,IAAAA,qCAAwB,EAAC;QACjDJ;QACAN;QACA,GAAGL,KAAK;IACV,GAAGC;IACH,MAAMe,QAAQ;QACZ,GAAGF,iBAAiB;QACpBN,MAAMR,MAAMQ,IAAI;QAChBE,OAAOV,MAAMU,KAAK;IACpB;IACA,MAAMO,gBAAgBC,CAAAA,IAAK;QACzB,IAAIF,MAAMG,QAAQ,EAAE;YAClBD,EAAEE,cAAc;YAChBF,EAAEG,eAAe;YACjB;QACF,CAAC;QACDnB,uBAAuB,IAAI,IAAIA,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmBgB,GAAGF,MAAMR,IAAI,EAAEQ,MAAMN,KAAK,EAAEM,MAAMX,OAAO,CAAC;QACrIQ,oBAAoB,IAAI,IAAIA,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBK,EAAE;IACtF;IACAF,MAAMM,IAAI,CAACV,OAAO,GAAGK;IACrB,OAAOD;AACT,GACA,kDAAkD"}
|
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "useToolbarToggleButtonStyles_unstable", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: ()=>useToolbarToggleButtonStyles_unstable
|
|
5
8
|
});
|
|
6
|
-
|
|
7
|
-
const
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
sj55zd: "f16muhyy"
|
|
13
|
-
}
|
|
9
|
+
const _react = require("@griffel/react");
|
|
10
|
+
const _reactButton = require("@fluentui/react-button");
|
|
11
|
+
const useBaseStyles = /*#__PURE__*/ (0, _react["__styles"])({
|
|
12
|
+
selected: {
|
|
13
|
+
sj55zd: "f16muhyy"
|
|
14
|
+
}
|
|
14
15
|
}, {
|
|
15
|
-
|
|
16
|
+
d: [
|
|
17
|
+
".f16muhyy{color:var(--colorBrandForeground1);}"
|
|
18
|
+
]
|
|
16
19
|
});
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
state.root.className = react_1.mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);
|
|
24
|
-
};
|
|
25
|
-
exports.useToolbarToggleButtonStyles_unstable = useToolbarToggleButtonStyles_unstable;
|
|
20
|
+
const useToolbarToggleButtonStyles_unstable = (state)=>{
|
|
21
|
+
(0, _reactButton.useToggleButtonStyles_unstable)(state);
|
|
22
|
+
const toggleButtonStyles = useBaseStyles();
|
|
23
|
+
state.root.className = (0, _react.mergeClasses)(state.root.className, state.checked && toggleButtonStyles.selected);
|
|
24
|
+
}; //# sourceMappingURL=useToolbarToggleButtonStyles.js.map
|
|
25
|
+
|
|
26
26
|
//# sourceMappingURL=useToolbarToggleButtonStyles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../lib/components/ToolbarToggleButton/useToolbarToggleButtonStyles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses } from '@griffel/react';\nimport { useToggleButtonStyles_unstable } from '@fluentui/react-button';\nconst useBaseStyles = /*#__PURE__*/__styles({\n selected: {\n sj55zd: \"f16muhyy\"\n }\n}, {\n d: [\".f16muhyy{color:var(--colorBrandForeground1);}\"]\n});\n/**\n * Apply styling to the ToolbarToggleButton slots based on the state\n */\nexport const useToolbarToggleButtonStyles_unstable = state => {\n useToggleButtonStyles_unstable(state);\n const toggleButtonStyles = useBaseStyles();\n state.root.className = mergeClasses(state.root.className, state.checked && toggleButtonStyles.selected);\n};\n//# sourceMappingURL=useToolbarToggleButtonStyles.js.map"],"names":["useToolbarToggleButtonStyles_unstable","useBaseStyles","__styles","selected","sj55zd","d","state","useToggleButtonStyles_unstable","toggleButtonStyles","root","className","mergeClasses","checked"],"mappings":";;;;+BAaaA;;aAAAA;;uBAZ0B;6BACQ;AAC/C,MAAMC,gBAAgB,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IAC1CC,UAAU;QACRC,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;KAAiD;AACvD;AAIO,MAAML,wCAAwCM,CAAAA,QAAS;IAC5DC,IAAAA,2CAA8B,EAACD;IAC/B,MAAME,qBAAqBP;IAC3BK,MAAMG,IAAI,CAACC,SAAS,GAAGC,IAAAA,mBAAY,EAACL,MAAMG,IAAI,CAACC,SAAS,EAAEJ,MAAMM,OAAO,IAAIJ,mBAAmBL,QAAQ;AACxG,GACA,wDAAwD"}
|
package/lib-commonjs/index.js
CHANGED
|
@@ -1,152 +1,45 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
2
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
|
|
5
|
-
});
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
enumerable: true,
|
|
47
|
-
get: function () {
|
|
48
|
-
return ToolbarButton_1.useToolbarButtonStyles_unstable;
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
Object.defineProperty(exports, "useToolbarButton_unstable", {
|
|
52
|
-
enumerable: true,
|
|
53
|
-
get: function () {
|
|
54
|
-
return ToolbarButton_1.useToolbarButton_unstable;
|
|
55
|
-
}
|
|
56
|
-
});
|
|
57
|
-
var ToolbarDivider_1 = /*#__PURE__*/require("./ToolbarDivider");
|
|
58
|
-
Object.defineProperty(exports, "ToolbarDivider", {
|
|
59
|
-
enumerable: true,
|
|
60
|
-
get: function () {
|
|
61
|
-
return ToolbarDivider_1.ToolbarDivider;
|
|
62
|
-
}
|
|
63
|
-
});
|
|
64
|
-
Object.defineProperty(exports, "useToolbarDividerStyles_unstable", {
|
|
65
|
-
enumerable: true,
|
|
66
|
-
get: function () {
|
|
67
|
-
return ToolbarDivider_1.useToolbarDividerStyles_unstable;
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
Object.defineProperty(exports, "useToolbarDivider_unstable", {
|
|
71
|
-
enumerable: true,
|
|
72
|
-
get: function () {
|
|
73
|
-
return ToolbarDivider_1.useToolbarDivider_unstable;
|
|
74
|
-
}
|
|
75
|
-
});
|
|
76
|
-
var ToolbarToggleButton_1 = /*#__PURE__*/require("./ToolbarToggleButton");
|
|
77
|
-
Object.defineProperty(exports, "ToolbarToggleButton", {
|
|
78
|
-
enumerable: true,
|
|
79
|
-
get: function () {
|
|
80
|
-
return ToolbarToggleButton_1.ToolbarToggleButton;
|
|
81
|
-
}
|
|
82
|
-
});
|
|
83
|
-
Object.defineProperty(exports, "useToolbarToggleButtonStyles_unstable", {
|
|
84
|
-
enumerable: true,
|
|
85
|
-
get: function () {
|
|
86
|
-
return ToolbarToggleButton_1.useToolbarToggleButtonStyles_unstable;
|
|
87
|
-
}
|
|
88
|
-
});
|
|
89
|
-
Object.defineProperty(exports, "useToolbarToggleButton_unstable", {
|
|
90
|
-
enumerable: true,
|
|
91
|
-
get: function () {
|
|
92
|
-
return ToolbarToggleButton_1.useToolbarToggleButton_unstable;
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
var ToolbarRadioButton_1 = /*#__PURE__*/require("./ToolbarRadioButton");
|
|
96
|
-
Object.defineProperty(exports, "ToolbarRadioButton", {
|
|
97
|
-
enumerable: true,
|
|
98
|
-
get: function () {
|
|
99
|
-
return ToolbarRadioButton_1.ToolbarRadioButton;
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
Object.defineProperty(exports, "useToolbarRadioButtonStyles_unstable", {
|
|
103
|
-
enumerable: true,
|
|
104
|
-
get: function () {
|
|
105
|
-
return ToolbarRadioButton_1.useToolbarRadioButtonStyles_unstable;
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
Object.defineProperty(exports, "useToolbarRadioButton_unstable", {
|
|
109
|
-
enumerable: true,
|
|
110
|
-
get: function () {
|
|
111
|
-
return ToolbarRadioButton_1.useToolbarRadioButton_unstable;
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
var ToolbarGroup_1 = /*#__PURE__*/require("./ToolbarGroup");
|
|
115
|
-
Object.defineProperty(exports, "ToolbarGroup", {
|
|
116
|
-
enumerable: true,
|
|
117
|
-
get: function () {
|
|
118
|
-
return ToolbarGroup_1.ToolbarGroup;
|
|
119
|
-
}
|
|
120
|
-
});
|
|
121
|
-
Object.defineProperty(exports, "useToolbarGroupStyles_unstable", {
|
|
122
|
-
enumerable: true,
|
|
123
|
-
get: function () {
|
|
124
|
-
return ToolbarGroup_1.useToolbarGroupStyles_unstable;
|
|
125
|
-
}
|
|
126
|
-
});
|
|
127
|
-
Object.defineProperty(exports, "useToolbarGroup_unstable", {
|
|
128
|
-
enumerable: true,
|
|
129
|
-
get: function () {
|
|
130
|
-
return ToolbarGroup_1.useToolbarGroup_unstable;
|
|
131
|
-
}
|
|
132
|
-
});
|
|
133
|
-
Object.defineProperty(exports, "renderToolbarGroup_unstable", {
|
|
134
|
-
enumerable: true,
|
|
135
|
-
get: function () {
|
|
136
|
-
return ToolbarGroup_1.renderToolbarGroup_unstable;
|
|
137
|
-
}
|
|
138
|
-
});
|
|
139
|
-
Object.defineProperty(exports, "toolbarGroupClassNames", {
|
|
140
|
-
enumerable: true,
|
|
141
|
-
get: function () {
|
|
142
|
-
return ToolbarGroup_1.toolbarGroupClassNames;
|
|
143
|
-
}
|
|
144
|
-
});
|
|
145
|
-
var ToolbarRadioGroup_1 = /*#__PURE__*/require("./ToolbarRadioGroup");
|
|
146
|
-
Object.defineProperty(exports, "ToolbarRadioGroup", {
|
|
147
|
-
enumerable: true,
|
|
148
|
-
get: function () {
|
|
149
|
-
return ToolbarRadioGroup_1.ToolbarRadioGroup;
|
|
150
|
-
}
|
|
151
|
-
});
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: all[name]
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
Toolbar: ()=>_toolbar.Toolbar,
|
|
13
|
+
renderToolbar_unstable: ()=>_toolbar.renderToolbar_unstable,
|
|
14
|
+
toolbarClassNames: ()=>_toolbar.toolbarClassNames,
|
|
15
|
+
useToolbarStyles_unstable: ()=>_toolbar.useToolbarStyles_unstable,
|
|
16
|
+
useToolbar_unstable: ()=>_toolbar.useToolbar_unstable,
|
|
17
|
+
ToolbarButton: ()=>_toolbarButton.ToolbarButton,
|
|
18
|
+
useToolbarButtonStyles_unstable: ()=>_toolbarButton.useToolbarButtonStyles_unstable,
|
|
19
|
+
useToolbarButton_unstable: ()=>_toolbarButton.useToolbarButton_unstable,
|
|
20
|
+
ToolbarDivider: ()=>_toolbarDivider.ToolbarDivider,
|
|
21
|
+
useToolbarDividerStyles_unstable: ()=>_toolbarDivider.useToolbarDividerStyles_unstable,
|
|
22
|
+
useToolbarDivider_unstable: ()=>_toolbarDivider.useToolbarDivider_unstable,
|
|
23
|
+
ToolbarToggleButton: ()=>_toolbarToggleButton.ToolbarToggleButton,
|
|
24
|
+
useToolbarToggleButtonStyles_unstable: ()=>_toolbarToggleButton.useToolbarToggleButtonStyles_unstable,
|
|
25
|
+
useToolbarToggleButton_unstable: ()=>_toolbarToggleButton.useToolbarToggleButton_unstable,
|
|
26
|
+
ToolbarRadioButton: ()=>_toolbarRadioButton.ToolbarRadioButton,
|
|
27
|
+
useToolbarRadioButtonStyles_unstable: ()=>_toolbarRadioButton.useToolbarRadioButtonStyles_unstable,
|
|
28
|
+
useToolbarRadioButton_unstable: ()=>_toolbarRadioButton.useToolbarRadioButton_unstable,
|
|
29
|
+
ToolbarGroup: ()=>_toolbarGroup.ToolbarGroup,
|
|
30
|
+
useToolbarGroupStyles_unstable: ()=>_toolbarGroup.useToolbarGroupStyles_unstable,
|
|
31
|
+
useToolbarGroup_unstable: ()=>_toolbarGroup.useToolbarGroup_unstable,
|
|
32
|
+
renderToolbarGroup_unstable: ()=>_toolbarGroup.renderToolbarGroup_unstable,
|
|
33
|
+
toolbarGroupClassNames: ()=>_toolbarGroup.toolbarGroupClassNames,
|
|
34
|
+
ToolbarRadioGroup: ()=>_toolbarRadioGroup.ToolbarRadioGroup
|
|
35
|
+
});
|
|
36
|
+
const _toolbar = require("./Toolbar");
|
|
37
|
+
const _toolbarButton = require("./ToolbarButton");
|
|
38
|
+
const _toolbarDivider = require("./ToolbarDivider");
|
|
39
|
+
const _toolbarToggleButton = require("./ToolbarToggleButton");
|
|
40
|
+
const _toolbarRadioButton = require("./ToolbarRadioButton");
|
|
41
|
+
const _toolbarGroup = require("./ToolbarGroup");
|
|
42
|
+
const _toolbarRadioGroup = require("./ToolbarRadioGroup");
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
|
44
|
+
|
|
152
45
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../lib/index.js"],"sourcesContent":["export { Toolbar, renderToolbar_unstable, toolbarClassNames, useToolbarStyles_unstable, useToolbar_unstable } from './Toolbar';\nexport { ToolbarButton, useToolbarButtonStyles_unstable, useToolbarButton_unstable } from './ToolbarButton';\nexport { ToolbarDivider, useToolbarDividerStyles_unstable, useToolbarDivider_unstable } from './ToolbarDivider';\nexport { ToolbarToggleButton, useToolbarToggleButtonStyles_unstable, useToolbarToggleButton_unstable } from './ToolbarToggleButton';\nexport { ToolbarRadioButton, useToolbarRadioButtonStyles_unstable, useToolbarRadioButton_unstable } from './ToolbarRadioButton';\nexport { ToolbarGroup, useToolbarGroupStyles_unstable, useToolbarGroup_unstable, renderToolbarGroup_unstable, toolbarGroupClassNames } from './ToolbarGroup';\nexport { ToolbarRadioGroup } from './ToolbarRadioGroup';\n//# sourceMappingURL=index.js.map"],"names":["Toolbar","renderToolbar_unstable","toolbarClassNames","useToolbarStyles_unstable","useToolbar_unstable","ToolbarButton","useToolbarButtonStyles_unstable","useToolbarButton_unstable","ToolbarDivider","useToolbarDividerStyles_unstable","useToolbarDivider_unstable","ToolbarToggleButton","useToolbarToggleButtonStyles_unstable","useToolbarToggleButton_unstable","ToolbarRadioButton","useToolbarRadioButtonStyles_unstable","useToolbarRadioButton_unstable","ToolbarGroup","useToolbarGroupStyles_unstable","useToolbarGroup_unstable","renderToolbarGroup_unstable","toolbarGroupClassNames","ToolbarRadioGroup"],"mappings":";;;;;;;;;;;IAASA,OAAO,MAAPA,gBAAO;IAAEC,sBAAsB,MAAtBA,+BAAsB;IAAEC,iBAAiB,MAAjBA,0BAAiB;IAAEC,yBAAyB,MAAzBA,kCAAyB;IAAEC,mBAAmB,MAAnBA,4BAAmB;IAClGC,aAAa,MAAbA,4BAAa;IAAEC,+BAA+B,MAA/BA,8CAA+B;IAAEC,yBAAyB,MAAzBA,wCAAyB;IACzEC,cAAc,MAAdA,8BAAc;IAAEC,gCAAgC,MAAhCA,gDAAgC;IAAEC,0BAA0B,MAA1BA,0CAA0B;IAC5EC,mBAAmB,MAAnBA,wCAAmB;IAAEC,qCAAqC,MAArCA,0DAAqC;IAAEC,+BAA+B,MAA/BA,oDAA+B;IAC3FC,kBAAkB,MAAlBA,sCAAkB;IAAEC,oCAAoC,MAApCA,wDAAoC;IAAEC,8BAA8B,MAA9BA,kDAA8B;IACxFC,YAAY,MAAZA,0BAAY;IAAEC,8BAA8B,MAA9BA,4CAA8B;IAAEC,wBAAwB,MAAxBA,sCAAwB;IAAEC,2BAA2B,MAA3BA,yCAA2B;IAAEC,sBAAsB,MAAtBA,oCAAsB;IAC3HC,iBAAiB,MAAjBA,oCAAiB;;yBANyF;+BACzB;gCACG;qCACe;oCACH;8BACmC;mCAC1G;CAClC,iCAAiC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui/react-toolbar",
|
|
3
|
-
"version": "9.1.
|
|
3
|
+
"version": "9.1.5",
|
|
4
4
|
"description": "React components for building web experiences",
|
|
5
5
|
"main": "lib-commonjs/index.js",
|
|
6
6
|
"module": "lib/index.js",
|
|
@@ -23,27 +23,27 @@
|
|
|
23
23
|
"test": "jest --passWithNoTests",
|
|
24
24
|
"storybook": "start-storybook",
|
|
25
25
|
"type-check": "tsc -b tsconfig.json",
|
|
26
|
-
"generate-api": "
|
|
26
|
+
"generate-api": "just-scripts generate-api"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
29
|
"@fluentui/eslint-plugin": "*",
|
|
30
30
|
"@fluentui/react-conformance": "*",
|
|
31
|
-
"@fluentui/react-conformance-griffel": "9.0.0-beta.
|
|
31
|
+
"@fluentui/react-conformance-griffel": "9.0.0-beta.20",
|
|
32
32
|
"@fluentui/scripts-api-extractor": "*",
|
|
33
33
|
"@fluentui/scripts-cypress": "*",
|
|
34
34
|
"@fluentui/scripts-tasks": "*"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@fluentui/react-button": "^9.3.
|
|
38
|
-
"@fluentui/react-divider": "^9.2.
|
|
39
|
-
"@fluentui/react-theme": "^9.1.
|
|
40
|
-
"@fluentui/react-utilities": "^9.7.
|
|
41
|
-
"@fluentui/react-context-selector": "^9.1.
|
|
42
|
-
"@fluentui/react-radio": "^9.1.
|
|
43
|
-
"@fluentui/react-shared-contexts": "^9.3.
|
|
44
|
-
"@fluentui/react-tabster": "^9.6.
|
|
37
|
+
"@fluentui/react-button": "^9.3.5",
|
|
38
|
+
"@fluentui/react-divider": "^9.2.5",
|
|
39
|
+
"@fluentui/react-theme": "^9.1.7",
|
|
40
|
+
"@fluentui/react-utilities": "^9.7.2",
|
|
41
|
+
"@fluentui/react-context-selector": "^9.1.15",
|
|
42
|
+
"@fluentui/react-radio": "^9.1.5",
|
|
43
|
+
"@fluentui/react-shared-contexts": "^9.3.2",
|
|
44
|
+
"@fluentui/react-tabster": "^9.6.1",
|
|
45
45
|
"@griffel/react": "^1.5.2",
|
|
46
|
-
"
|
|
46
|
+
"@swc/helpers": "^0.4.14"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"@types/react": ">=16.8.0 <19.0.0",
|
|
@@ -60,6 +60,7 @@
|
|
|
60
60
|
"exports": {
|
|
61
61
|
".": {
|
|
62
62
|
"types": "./dist/index.d.ts",
|
|
63
|
+
"node": "./lib-commonjs/index.js",
|
|
63
64
|
"import": "./lib/index.js",
|
|
64
65
|
"require": "./lib-commonjs/index.js"
|
|
65
66
|
},
|
package/lib-amd/Toolbar.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "./components/Toolbar/index"], function (require, exports, tslib_1, index_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
tslib_1.__exportStar(index_1, exports);
|
|
5
|
-
});
|
|
6
|
-
//# sourceMappingURL=Toolbar.js.map
|
package/lib-amd/Toolbar.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-toolbar/src/Toolbar.ts"],"names":[],"mappings":";;;IAAA,uCAA2C","sourcesContent":["export * from './components/Toolbar/index';\n"]}
|
package/lib-amd/ToolbarButton.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "./components/ToolbarButton/index"], function (require, exports, tslib_1, index_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
tslib_1.__exportStar(index_1, exports);
|
|
5
|
-
});
|
|
6
|
-
//# sourceMappingURL=ToolbarButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarButton.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-toolbar/src/ToolbarButton.ts"],"names":[],"mappings":";;;IAAA,uCAAiD","sourcesContent":["export * from './components/ToolbarButton/index';\n"]}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "./components/ToolbarDivider/index"], function (require, exports, tslib_1, index_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
tslib_1.__exportStar(index_1, exports);
|
|
5
|
-
});
|
|
6
|
-
//# sourceMappingURL=ToolbarDivider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarDivider.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-toolbar/src/ToolbarDivider.ts"],"names":[],"mappings":";;;IAAA,uCAAkD","sourcesContent":["export * from './components/ToolbarDivider/index';\n"]}
|
package/lib-amd/ToolbarGroup.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "./components/ToolbarGroup/index"], function (require, exports, tslib_1, index_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
tslib_1.__exportStar(index_1, exports);
|
|
5
|
-
});
|
|
6
|
-
//# sourceMappingURL=ToolbarGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarGroup.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-toolbar/src/ToolbarGroup.ts"],"names":[],"mappings":";;;IAAA,uCAAgD","sourcesContent":["export * from './components/ToolbarGroup/index';\n"]}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "./components/ToolbarRadioButton/index"], function (require, exports, tslib_1, index_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
tslib_1.__exportStar(index_1, exports);
|
|
5
|
-
});
|
|
6
|
-
//# sourceMappingURL=ToolbarRadioButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarRadioButton.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-toolbar/src/ToolbarRadioButton.ts"],"names":[],"mappings":";;;IAAA,uCAAsD","sourcesContent":["export * from './components/ToolbarRadioButton/index';\n"]}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "./components/ToolbarRadioGroup/index"], function (require, exports, tslib_1, index_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
tslib_1.__exportStar(index_1, exports);
|
|
5
|
-
});
|
|
6
|
-
//# sourceMappingURL=ToolbarRadioGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarRadioGroup.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-toolbar/src/ToolbarRadioGroup.ts"],"names":[],"mappings":";;;IAAA,uCAAqD","sourcesContent":["export * from './components/ToolbarRadioGroup/index';\n"]}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "tslib", "./components/ToolbarToggleButton/index"], function (require, exports, tslib_1, index_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
tslib_1.__exportStar(index_1, exports);
|
|
5
|
-
});
|
|
6
|
-
//# sourceMappingURL=ToolbarToggleButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarToggleButton.js","sourceRoot":"","sources":["../../../../../../../packages/react-components/react-toolbar/src/ToolbarToggleButton.ts"],"names":[],"mappings":";;;IAAA,uCAAuD","sourcesContent":["export * from './components/ToolbarToggleButton/index';\n"]}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "react", "./useToolbar", "./renderToolbar", "./useToolbarStyles", "./useToolbarContextValues", "@fluentui/react-shared-contexts"], function (require, exports, React, useToolbar_1, renderToolbar_1, useToolbarStyles_1, useToolbarContextValues_1, react_shared_contexts_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.Toolbar = void 0;
|
|
5
|
-
/**
|
|
6
|
-
* Toolbar component
|
|
7
|
-
*/
|
|
8
|
-
exports.Toolbar = React.forwardRef(function (props, ref) {
|
|
9
|
-
var state = useToolbar_1.useToolbar_unstable(props, ref);
|
|
10
|
-
var contextValues = useToolbarContextValues_1.useToolbarContextValues_unstable(state);
|
|
11
|
-
useToolbarStyles_1.useToolbarStyles_unstable(state);
|
|
12
|
-
var useCustomStyles = react_shared_contexts_1.useCustomStyleHooks_unstable().useToolbarStyles_unstable;
|
|
13
|
-
useCustomStyles(state);
|
|
14
|
-
return renderToolbar_1.renderToolbar_unstable(state, contextValues);
|
|
15
|
-
});
|
|
16
|
-
exports.Toolbar.displayName = 'Toolbar';
|
|
17
|
-
});
|
|
18
|
-
//# sourceMappingURL=Toolbar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/Toolbar/Toolbar.tsx"],"names":[],"mappings":";;;;IASA;;OAEG;IACU,QAAA,OAAO,GAAsC,KAAK,CAAC,UAAU,CAAC,UAAC,KAAK,EAAE,GAAG;QACpF,IAAM,KAAK,GAAG,gCAAmB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAC9C,IAAM,aAAa,GAAG,0DAAgC,CAAC,KAAK,CAAC,CAAC;QAE9D,4CAAyB,CAAC,KAAK,CAAC,CAAC;QAEzB,IAA2B,eAAe,GAAK,oDAA4B,EAAE,0BAAnC,CAAoC;QACtF,eAAe,CAAC,KAAK,CAAC,CAAC;QAEvB,OAAO,sCAAsB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,eAAO,CAAC,WAAW,GAAG,SAAS,CAAC","sourcesContent":["import * as React from 'react';\nimport { useToolbar_unstable } from './useToolbar';\nimport { renderToolbar_unstable } from './renderToolbar';\nimport { useToolbarStyles_unstable } from './useToolbarStyles';\nimport type { ToolbarProps } from './Toolbar.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useToolbarContextValues_unstable } from './useToolbarContextValues';\nimport { useCustomStyleHooks_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * Toolbar component\n */\nexport const Toolbar: ForwardRefComponent<ToolbarProps> = React.forwardRef((props, ref) => {\n const state = useToolbar_unstable(props, ref);\n const contextValues = useToolbarContextValues_unstable(state);\n\n useToolbarStyles_unstable(state);\n\n const { useToolbarStyles_unstable: useCustomStyles } = useCustomStyleHooks_unstable();\n useCustomStyles(state);\n\n return renderToolbar_unstable(state, contextValues);\n});\n\nToolbar.displayName = 'Toolbar';\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toolbar.types.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/Toolbar/Toolbar.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type ToolbarSlots = {\n root: Slot<'div'>;\n};\n\nexport type ToolbarCheckedValueChangeData = {\n /** The items for this value that are checked */\n checkedItems: string[];\n /** The name of the value */\n name: string;\n};\n\nexport type ToolbarCheckedValueChangeEvent = React.MouseEvent | React.KeyboardEvent;\n\n/**\n * Toolbar Props\n */\nexport type ToolbarProps = ComponentProps<ToolbarSlots> & {\n /**\n * Toolbar can have small or medium size\n *\n * @default medium\n */\n size?: 'small' | 'medium' | 'large';\n\n /**\n * Toolbar can be vertical styled\n * @default false\n */\n vertical?: boolean;\n\n /**\n * Map of all checked values\n */\n checkedValues?: Record<string, string[]>;\n\n /**\n * Default values to be checked on mount\n */\n defaultCheckedValues?: Record<string, string[]>;\n\n /**\n * Callback when checked items change for value with a name\n *\n * @param event - React's original SyntheticEvent\n * @param data - A data object with relevant information\n */\n onCheckedValueChange?: (e: ToolbarCheckedValueChangeEvent, data: ToolbarCheckedValueChangeData) => void;\n};\n\n/**\n * State used in rendering Toolbar\n */\nexport type ToolbarState = ComponentState<ToolbarSlots> &\n Required<Pick<ToolbarProps, 'size' | 'checkedValues' | 'vertical'>> &\n Pick<ToolbarProps, 'defaultCheckedValues' | 'onCheckedValueChange'> & {\n /*\n * Toggles the state of a ToggleButton item\n */\n handleToggleButton: ToggableHandler;\n /*\n * Toggles the state of a ToggleButton item\n */\n handleRadio: ToggableHandler;\n };\n\nexport type ToolbarContextValue = Pick<ToolbarState, 'size' | 'vertical' | 'checkedValues'> & {\n handleToggleButton?: ToggableHandler;\n handleRadio?: ToggableHandler;\n};\n\nexport type ToolbarContextValues = {\n toolbar: ToolbarContextValue;\n};\n\nexport type UninitializedToolbarState = Omit<ToolbarState, 'checkedValues' | 'handleToggleButton' | 'handleRadio'> &\n Partial<Pick<ToolbarState, 'checkedValues'>>;\n\nexport type ToggableHandler = (\n e: React.MouseEvent | React.KeyboardEvent,\n name: string,\n value: string,\n checked?: boolean,\n) => void;\n"]}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
define(["require", "exports", "@fluentui/react-context-selector"], function (require, exports, react_context_selector_1) {
|
|
2
|
-
"use strict";
|
|
3
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
|
-
exports.useToolbarContext_unstable = exports.ToolbarContext = void 0;
|
|
5
|
-
exports.ToolbarContext = react_context_selector_1.createContext(undefined);
|
|
6
|
-
var toolbarContextDefaultValue = {
|
|
7
|
-
size: 'medium',
|
|
8
|
-
handleToggleButton: function () { return null; },
|
|
9
|
-
handleRadio: function () { return null; },
|
|
10
|
-
vertical: false,
|
|
11
|
-
checkedValues: {},
|
|
12
|
-
};
|
|
13
|
-
var useToolbarContext_unstable = function (selector) {
|
|
14
|
-
return react_context_selector_1.useContextSelector(exports.ToolbarContext, function (ctx) {
|
|
15
|
-
if (ctx === void 0) { ctx = toolbarContextDefaultValue; }
|
|
16
|
-
return selector(ctx);
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
exports.useToolbarContext_unstable = useToolbarContext_unstable;
|
|
20
|
-
});
|
|
21
|
-
//# sourceMappingURL=ToolbarContext.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToolbarContext.js","sourceRoot":"","sources":["../../../../../../../../../packages/react-components/react-toolbar/src/components/Toolbar/ToolbarContext.ts"],"names":[],"mappings":";;;;IAIa,QAAA,cAAc,GAAG,sCAAa,CAAkC,SAAS,CAAiC,CAAC;IAExH,IAAM,0BAA0B,GAAwB;QACtD,IAAI,EAAE,QAAoB;QAC1B,kBAAkB,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;QAC9B,WAAW,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;QACvB,QAAQ,EAAE,KAAK;QACf,aAAa,EAAE,EAAE;KAClB,CAAC;IAEK,IAAM,0BAA0B,GAAG,UAAI,QAAiD;QAC7F,OAAA,2CAAkB,CAAC,sBAAc,EAAE,UAAC,GAAgC;YAAhC,oBAAA,EAAA,gCAAgC;YAAK,OAAA,QAAQ,CAAC,GAAG,CAAC;QAAb,CAAa,CAAC;IAAvF,CAAuF,CAAC;IAD7E,QAAA,0BAA0B,8BACmD","sourcesContent":["import { ContextSelector, createContext, useContextSelector } from '@fluentui/react-context-selector';\nimport type { Context } from '@fluentui/react-context-selector';\nimport type { ToolbarContextValue } from './Toolbar.types';\n\nexport const ToolbarContext = createContext<ToolbarContextValue | undefined>(undefined) as Context<ToolbarContextValue>;\n\nconst toolbarContextDefaultValue: ToolbarContextValue = {\n size: 'medium' as 'medium',\n handleToggleButton: () => null,\n handleRadio: () => null,\n vertical: false,\n checkedValues: {},\n};\n\nexport const useToolbarContext_unstable = <T>(selector: ContextSelector<ToolbarContextValue, T>): T =>\n useContextSelector(ToolbarContext, (ctx = toolbarContextDefaultValue) => selector(ctx));\n"]}
|