@verdaccio/ui-components 4.0.0-next-8.3 → 4.0.0-next-8.4
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.md +6 -0
- package/build/components/SideBarTitle/SideBarTitle.js +9 -8
- package/build/sections/SideBar/Sidebar.js +6 -6
- package/build/src/components/SideBarTitle/SideBarTitle.d.ts +1 -1
- package/build/src/components/SideBarTitle/SideBarTitle.stories.d.ts +1 -0
- package/package.json +1 -1
- package/src/components/SideBarTitle/SideBarTitle.stories.tsx +17 -4
- package/src/components/SideBarTitle/SideBarTitle.tsx +5 -3
- package/src/sections/SideBar/Sidebar.tsx +10 -7
package/CHANGELOG.md
CHANGED
|
@@ -18,7 +18,7 @@ var Icon = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
|
18
18
|
return {
|
|
19
19
|
marginLeft: theme.spacing(1)
|
|
20
20
|
};
|
|
21
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXRsZS9TaWRlQmFyVGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCYSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaWRlQmFyVGl0bGUvU2lkZUJhclRpdGxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCb3ggZnJvbSAnQG11aS9tYXRlcmlhbC9Cb3gnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuaW1wb3J0IEhlYWRpbmcgZnJvbSAnLi4vSGVhZGluZyc7XG5pbXBvcnQgeyBDb21tb25KUywgRVM2TW9kdWxlcywgVHlwZVNjcmlwdCB9IGZyb20gJy4uL0ljb25zJztcbmltcG9ydCB7IGZvcm1hdERhdGUsIGZvcm1hdERhdGVEaXN0YW5jZSB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBNb2R1bGVUeXBlID0gJ2NvbW1vbmpzJyB8ICdtb2R1bGUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBwYWNrYWdlTmFtZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgdmVyc2lvbjogc3RyaW5nO1xuICBpc0xhdGVzdDogYm9vbGVhbjtcbiAgaGFzVHlwZXM/
|
|
21
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXRsZS9TaWRlQmFyVGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCYSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaWRlQmFyVGl0bGUvU2lkZUJhclRpdGxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCb3ggZnJvbSAnQG11aS9tYXRlcmlhbC9Cb3gnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuaW1wb3J0IEhlYWRpbmcgZnJvbSAnLi4vSGVhZGluZyc7XG5pbXBvcnQgeyBDb21tb25KUywgRVM2TW9kdWxlcywgVHlwZVNjcmlwdCB9IGZyb20gJy4uL0ljb25zJztcbmltcG9ydCB7IGZvcm1hdERhdGUsIGZvcm1hdERhdGVEaXN0YW5jZSB9IGZyb20gJy4vdXRpbHMnO1xuXG5leHBvcnQgdHlwZSBNb2R1bGVUeXBlID0gJ2NvbW1vbmpzJyB8ICdtb2R1bGUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBwYWNrYWdlTmFtZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgdmVyc2lvbjogc3RyaW5nO1xuICBpc0xhdGVzdDogYm9vbGVhbjtcbiAgaGFzVHlwZXM/OiBib29sZWFuO1xuICBtb2R1bGVUeXBlczogTW9kdWxlVHlwZVtdO1xuICB0aW1lOiBzdHJpbmc7XG59XG5cbmNvbnN0IEljb24gPSBzdHlsZWQuZGl2PHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW5MZWZ0OiB0aGVtZS5zcGFjaW5nKDEpLFxufSkpO1xuXG5jb25zdCBNb2R1bGVKUzogUmVhY3QuRkM8eyBtb2R1bGU6IE1vZHVsZVR5cGUgfCB2b2lkIH0+ID0gKHsgbW9kdWxlIH0pID0+IHtcbiAgaWYgKG1vZHVsZSA9PT0gJ2NvbW1vbmpzJykge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbj5cbiAgICAgICAgPENvbW1vbkpTIC8+XG4gICAgICA8L0ljb24+XG4gICAgKTtcbiAgfSBlbHNlIGlmIChtb2R1bGUgPT09ICdtb2R1bGUnKSB7XG4gICAgcmV0dXJuIChcbiAgICAgIDxJY29uPlxuICAgICAgICA8RVM2TW9kdWxlcyAvPlxuICAgICAgPC9JY29uPlxuICAgICk7XG4gIH0gZWxzZSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cbn07XG5cbmNvbnN0IERldGFpbFNpZGViYXJUaXRsZTogUmVhY3QuRkM8UHJvcHM+ID0gKHtcbiAgZGVzY3JpcHRpb24sXG4gIHBhY2thZ2VOYW1lLFxuICB2ZXJzaW9uLFxuICBpc0xhdGVzdCxcbiAgaGFzVHlwZXMsXG4gIG1vZHVsZVR5cGVzLFxuICB0aW1lLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEJveCBjbGFzc05hbWU9eydkZXRhaWwtaW5mbyd9IGRpc3BsYXk9XCJmbGV4XCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT1cIjhweFwiPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+XG4gICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIHtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgIHtoYXNUeXBlcyAmJiAoXG4gICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxUeXBlU2NyaXB0IC8+XG4gICAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7bW9kdWxlVHlwZXMubWFwKChtb2R1bGUsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgIDxNb2R1bGVKUyBrZXk9e2luZGV4fSBtb2R1bGU9e21vZHVsZX0gLz5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvPlxuICAgICAgICA8L1RpdGxlV3JhcHBlcj5cbiAgICAgIDwvU3R5bGVkSGVhZGluZz5cbiAgICAgIHtkZXNjcmlwdGlvbiAmJiA8ZGl2PntkZXNjcmlwdGlvbn08L2Rpdj59XG4gICAgICA8U3R5bGVkQm94VmVyc2lvbiB0aXRsZT17Zm9ybWF0RGF0ZSh0aW1lKX0+XG4gICAgICAgIHtpc0xhdGVzdFxuICAgICAgICAgID8gdCgnc2lkZWJhci5kZXRhaWwubGF0ZXN0LXZlcnNpb24nLCB7IHZlcnNpb24gfSlcbiAgICAgICAgICA6IHQoJ3NpZGViYXIuZGV0YWlsLnZlcnNpb24nLCB7IHZlcnNpb24gfSl9XG4gICAgICAgIHt0aW1lXG4gICAgICAgICAgPyAnIC0gJyArIHQoJ3NpZGViYXIuZGV0YWlsLnB1Ymxpc2hlZCcpICsgJyAnICsgZm9ybWF0RGF0ZURpc3RhbmNlKHRpbWUpXG4gICAgICAgICAgOiB0KCd2ZXJzaW9ucy5ub3QtYXZhaWxhYmxlJyl9XG4gICAgICA8L1N0eWxlZEJveFZlcnNpb24+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBEZXRhaWxTaWRlYmFyVGl0bGU7XG5cbmNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXYoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxufSk7XG5cbmNvbnN0IFN0eWxlZEhlYWRpbmcgPSBzdHlsZWQoSGVhZGluZykoe1xuICBmb250U2l6ZTogJzFyZW0nLFxuICBmb250V2VpZ2h0OiA3MDAsXG59KTtcblxuY29uc3QgU3R5bGVkQm94VmVyc2lvbiA9IHN0eWxlZChCb3gpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBjb2xvcjogdGhlbWUucGFsZXR0ZS50ZXh0LnNlY29uZGFyeSxcbiAgZm9udFNpemU6IHRoZW1lLmZvbnRTaXplLnNtLFxufSkpO1xuIl19 */");
|
|
22
22
|
var ModuleJS = _ref2 => {
|
|
23
23
|
var {
|
|
24
24
|
module
|
|
@@ -38,7 +38,7 @@ var DetailSidebarTitle = _ref3 => {
|
|
|
38
38
|
version,
|
|
39
39
|
isLatest,
|
|
40
40
|
hasTypes,
|
|
41
|
-
|
|
41
|
+
moduleTypes,
|
|
42
42
|
time
|
|
43
43
|
} = _ref3;
|
|
44
44
|
var {
|
|
@@ -49,9 +49,10 @@ var DetailSidebarTitle = _ref3 => {
|
|
|
49
49
|
display: "flex",
|
|
50
50
|
flexDirection: "column",
|
|
51
51
|
marginBottom: "8px"
|
|
52
|
-
}, /*#__PURE__*/React.createElement(StyledHeading, null, /*#__PURE__*/React.createElement(TitleWrapper, null, /*#__PURE__*/React.createElement(React.Fragment, null, packageName, hasTypes && /*#__PURE__*/React.createElement(Icon, null, /*#__PURE__*/React.createElement(TypeScript, null)), /*#__PURE__*/React.createElement(ModuleJS, {
|
|
53
|
-
|
|
54
|
-
|
|
52
|
+
}, /*#__PURE__*/React.createElement(StyledHeading, null, /*#__PURE__*/React.createElement(TitleWrapper, null, /*#__PURE__*/React.createElement(React.Fragment, null, packageName, hasTypes && /*#__PURE__*/React.createElement(Icon, null, /*#__PURE__*/React.createElement(TypeScript, null)), moduleTypes.map((module, index) => /*#__PURE__*/React.createElement(ModuleJS, {
|
|
53
|
+
key: index,
|
|
54
|
+
module: module
|
|
55
|
+
}))))), description && /*#__PURE__*/React.createElement("div", null, description), /*#__PURE__*/React.createElement(StyledBoxVersion, {
|
|
55
56
|
title: formatDate(time)
|
|
56
57
|
}, isLatest ? t('sidebar.detail.latest-version', {
|
|
57
58
|
version
|
|
@@ -71,7 +72,7 @@ var TitleWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "product
|
|
|
71
72
|
} : {
|
|
72
73
|
name: "s5xdrg",
|
|
73
74
|
styles: "display:flex;align-items:center",
|
|
74
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
75
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXRsZS9TaWRlQmFyVGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNGcUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2lkZUJhclRpdGxlL1NpZGVCYXJUaXRsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL1RoZW1lJztcbmltcG9ydCBIZWFkaW5nIGZyb20gJy4uL0hlYWRpbmcnO1xuaW1wb3J0IHsgQ29tbW9uSlMsIEVTNk1vZHVsZXMsIFR5cGVTY3JpcHQgfSBmcm9tICcuLi9JY29ucyc7XG5pbXBvcnQgeyBmb3JtYXREYXRlLCBmb3JtYXREYXRlRGlzdGFuY2UgfSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IHR5cGUgTW9kdWxlVHlwZSA9ICdjb21tb25qcycgfCAnbW9kdWxlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcGFja2FnZU5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIHZlcnNpb246IHN0cmluZztcbiAgaXNMYXRlc3Q6IGJvb2xlYW47XG4gIGhhc1R5cGVzPzogYm9vbGVhbjtcbiAgbW9kdWxlVHlwZXM6IE1vZHVsZVR5cGVbXTtcbiAgdGltZTogc3RyaW5nO1xufVxuXG5jb25zdCBJY29uID0gc3R5bGVkLmRpdjx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2luZygxKSxcbn0pKTtcblxuY29uc3QgTW9kdWxlSlM6IFJlYWN0LkZDPHsgbW9kdWxlOiBNb2R1bGVUeXBlIHwgdm9pZCB9PiA9ICh7IG1vZHVsZSB9KSA9PiB7XG4gIGlmIChtb2R1bGUgPT09ICdjb21tb25qcycpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb24+XG4gICAgICAgIDxDb21tb25KUyAvPlxuICAgICAgPC9JY29uPlxuICAgICk7XG4gIH0gZWxzZSBpZiAobW9kdWxlID09PSAnbW9kdWxlJykge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbj5cbiAgICAgICAgPEVTNk1vZHVsZXMgLz5cbiAgICAgIDwvSWNvbj5cbiAgICApO1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlcyxcbiAgdGltZSxcbn0pID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxCb3ggY2xhc3NOYW1lPXsnZGV0YWlsLWluZm8nfSBkaXNwbGF5PVwiZmxleFwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBtYXJnaW5Cb3R0b209XCI4cHhcIj5cbiAgICAgIDxTdHlsZWRIZWFkaW5nPlxuICAgICAgICA8VGl0bGVXcmFwcGVyPlxuICAgICAgICAgIDw+XG4gICAgICAgICAgICB7cGFja2FnZU5hbWV9XG4gICAgICAgICAgICB7aGFzVHlwZXMgJiYgKFxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8VHlwZVNjcmlwdCAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge21vZHVsZVR5cGVzLm1hcCgobW9kdWxlLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8TW9kdWxlSlMga2V5PXtpbmRleH0gbW9kdWxlPXttb2R1bGV9IC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8Lz5cbiAgICAgICAgPC9UaXRsZVdyYXBwZXI+XG4gICAgICA8L1N0eWxlZEhlYWRpbmc+XG4gICAgICB7ZGVzY3JpcHRpb24gJiYgPGRpdj57ZGVzY3JpcHRpb259PC9kaXY+fVxuICAgICAgPFN0eWxlZEJveFZlcnNpb24gdGl0bGU9e2Zvcm1hdERhdGUodGltZSl9PlxuICAgICAgICB7aXNMYXRlc3RcbiAgICAgICAgICA/IHQoJ3NpZGViYXIuZGV0YWlsLmxhdGVzdC12ZXJzaW9uJywgeyB2ZXJzaW9uIH0pXG4gICAgICAgICAgOiB0KCdzaWRlYmFyLmRldGFpbC52ZXJzaW9uJywgeyB2ZXJzaW9uIH0pfVxuICAgICAgICB7dGltZVxuICAgICAgICAgID8gJyAtICcgKyB0KCdzaWRlYmFyLmRldGFpbC5wdWJsaXNoZWQnKSArICcgJyArIGZvcm1hdERhdGVEaXN0YW5jZSh0aW1lKVxuICAgICAgICAgIDogdCgndmVyc2lvbnMubm90LWF2YWlsYWJsZScpfVxuICAgICAgPC9TdHlsZWRCb3hWZXJzaW9uPlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGV0YWlsU2lkZWJhclRpdGxlO1xuXG5jb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbn0pO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkKEhlYWRpbmcpKHtcbiAgZm9udFNpemU6ICcxcmVtJyxcbiAgZm9udFdlaWdodDogNzAwLFxufSk7XG5cbmNvbnN0IFN0eWxlZEJveFZlcnNpb24gPSBzdHlsZWQoQm94KTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnksXG4gIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZS5zbSxcbn0pKTtcbiJdfQ== */",
|
|
75
76
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
76
77
|
});
|
|
77
78
|
var StyledHeading = /*#__PURE__*/_styled(Heading, process.env.NODE_ENV === "production" ? {
|
|
@@ -85,7 +86,7 @@ var StyledHeading = /*#__PURE__*/_styled(Heading, process.env.NODE_ENV === "prod
|
|
|
85
86
|
} : {
|
|
86
87
|
name: "1wd9x1m",
|
|
87
88
|
styles: "font-size:1rem;font-weight:700",
|
|
88
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
89
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXRsZS9TaWRlQmFyVGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJGc0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2lkZUJhclRpdGxlL1NpZGVCYXJUaXRsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL1RoZW1lJztcbmltcG9ydCBIZWFkaW5nIGZyb20gJy4uL0hlYWRpbmcnO1xuaW1wb3J0IHsgQ29tbW9uSlMsIEVTNk1vZHVsZXMsIFR5cGVTY3JpcHQgfSBmcm9tICcuLi9JY29ucyc7XG5pbXBvcnQgeyBmb3JtYXREYXRlLCBmb3JtYXREYXRlRGlzdGFuY2UgfSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IHR5cGUgTW9kdWxlVHlwZSA9ICdjb21tb25qcycgfCAnbW9kdWxlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcGFja2FnZU5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIHZlcnNpb246IHN0cmluZztcbiAgaXNMYXRlc3Q6IGJvb2xlYW47XG4gIGhhc1R5cGVzPzogYm9vbGVhbjtcbiAgbW9kdWxlVHlwZXM6IE1vZHVsZVR5cGVbXTtcbiAgdGltZTogc3RyaW5nO1xufVxuXG5jb25zdCBJY29uID0gc3R5bGVkLmRpdjx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2luZygxKSxcbn0pKTtcblxuY29uc3QgTW9kdWxlSlM6IFJlYWN0LkZDPHsgbW9kdWxlOiBNb2R1bGVUeXBlIHwgdm9pZCB9PiA9ICh7IG1vZHVsZSB9KSA9PiB7XG4gIGlmIChtb2R1bGUgPT09ICdjb21tb25qcycpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb24+XG4gICAgICAgIDxDb21tb25KUyAvPlxuICAgICAgPC9JY29uPlxuICAgICk7XG4gIH0gZWxzZSBpZiAobW9kdWxlID09PSAnbW9kdWxlJykge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbj5cbiAgICAgICAgPEVTNk1vZHVsZXMgLz5cbiAgICAgIDwvSWNvbj5cbiAgICApO1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlcyxcbiAgdGltZSxcbn0pID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxCb3ggY2xhc3NOYW1lPXsnZGV0YWlsLWluZm8nfSBkaXNwbGF5PVwiZmxleFwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBtYXJnaW5Cb3R0b209XCI4cHhcIj5cbiAgICAgIDxTdHlsZWRIZWFkaW5nPlxuICAgICAgICA8VGl0bGVXcmFwcGVyPlxuICAgICAgICAgIDw+XG4gICAgICAgICAgICB7cGFja2FnZU5hbWV9XG4gICAgICAgICAgICB7aGFzVHlwZXMgJiYgKFxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8VHlwZVNjcmlwdCAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge21vZHVsZVR5cGVzLm1hcCgobW9kdWxlLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8TW9kdWxlSlMga2V5PXtpbmRleH0gbW9kdWxlPXttb2R1bGV9IC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8Lz5cbiAgICAgICAgPC9UaXRsZVdyYXBwZXI+XG4gICAgICA8L1N0eWxlZEhlYWRpbmc+XG4gICAgICB7ZGVzY3JpcHRpb24gJiYgPGRpdj57ZGVzY3JpcHRpb259PC9kaXY+fVxuICAgICAgPFN0eWxlZEJveFZlcnNpb24gdGl0bGU9e2Zvcm1hdERhdGUodGltZSl9PlxuICAgICAgICB7aXNMYXRlc3RcbiAgICAgICAgICA/IHQoJ3NpZGViYXIuZGV0YWlsLmxhdGVzdC12ZXJzaW9uJywgeyB2ZXJzaW9uIH0pXG4gICAgICAgICAgOiB0KCdzaWRlYmFyLmRldGFpbC52ZXJzaW9uJywgeyB2ZXJzaW9uIH0pfVxuICAgICAgICB7dGltZVxuICAgICAgICAgID8gJyAtICcgKyB0KCdzaWRlYmFyLmRldGFpbC5wdWJsaXNoZWQnKSArICcgJyArIGZvcm1hdERhdGVEaXN0YW5jZSh0aW1lKVxuICAgICAgICAgIDogdCgndmVyc2lvbnMubm90LWF2YWlsYWJsZScpfVxuICAgICAgPC9TdHlsZWRCb3hWZXJzaW9uPlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGV0YWlsU2lkZWJhclRpdGxlO1xuXG5jb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbn0pO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkKEhlYWRpbmcpKHtcbiAgZm9udFNpemU6ICcxcmVtJyxcbiAgZm9udFdlaWdodDogNzAwLFxufSk7XG5cbmNvbnN0IFN0eWxlZEJveFZlcnNpb24gPSBzdHlsZWQoQm94KTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnksXG4gIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZS5zbSxcbn0pKTtcbiJdfQ== */",
|
|
89
90
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
90
91
|
});
|
|
91
92
|
var StyledBoxVersion = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "production" ? {
|
|
@@ -101,5 +102,5 @@ var StyledBoxVersion = /*#__PURE__*/_styled(Box, process.env.NODE_ENV === "produ
|
|
|
101
102
|
color: theme.palette.text.secondary,
|
|
102
103
|
fontSize: theme.fontSize.sm
|
|
103
104
|
};
|
|
104
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
105
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXRsZS9TaWRlQmFyVGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdHeUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvU2lkZUJhclRpdGxlL1NpZGVCYXJUaXRsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL1RoZW1lJztcbmltcG9ydCBIZWFkaW5nIGZyb20gJy4uL0hlYWRpbmcnO1xuaW1wb3J0IHsgQ29tbW9uSlMsIEVTNk1vZHVsZXMsIFR5cGVTY3JpcHQgfSBmcm9tICcuLi9JY29ucyc7XG5pbXBvcnQgeyBmb3JtYXREYXRlLCBmb3JtYXREYXRlRGlzdGFuY2UgfSBmcm9tICcuL3V0aWxzJztcblxuZXhwb3J0IHR5cGUgTW9kdWxlVHlwZSA9ICdjb21tb25qcycgfCAnbW9kdWxlJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcGFja2FnZU5hbWU6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmc7XG4gIHZlcnNpb246IHN0cmluZztcbiAgaXNMYXRlc3Q6IGJvb2xlYW47XG4gIGhhc1R5cGVzPzogYm9vbGVhbjtcbiAgbW9kdWxlVHlwZXM6IE1vZHVsZVR5cGVbXTtcbiAgdGltZTogc3RyaW5nO1xufVxuXG5jb25zdCBJY29uID0gc3R5bGVkLmRpdjx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2luZygxKSxcbn0pKTtcblxuY29uc3QgTW9kdWxlSlM6IFJlYWN0LkZDPHsgbW9kdWxlOiBNb2R1bGVUeXBlIHwgdm9pZCB9PiA9ICh7IG1vZHVsZSB9KSA9PiB7XG4gIGlmIChtb2R1bGUgPT09ICdjb21tb25qcycpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb24+XG4gICAgICAgIDxDb21tb25KUyAvPlxuICAgICAgPC9JY29uPlxuICAgICk7XG4gIH0gZWxzZSBpZiAobW9kdWxlID09PSAnbW9kdWxlJykge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbj5cbiAgICAgICAgPEVTNk1vZHVsZXMgLz5cbiAgICAgIDwvSWNvbj5cbiAgICApO1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlcyxcbiAgdGltZSxcbn0pID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxCb3ggY2xhc3NOYW1lPXsnZGV0YWlsLWluZm8nfSBkaXNwbGF5PVwiZmxleFwiIGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIiBtYXJnaW5Cb3R0b209XCI4cHhcIj5cbiAgICAgIDxTdHlsZWRIZWFkaW5nPlxuICAgICAgICA8VGl0bGVXcmFwcGVyPlxuICAgICAgICAgIDw+XG4gICAgICAgICAgICB7cGFja2FnZU5hbWV9XG4gICAgICAgICAgICB7aGFzVHlwZXMgJiYgKFxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8VHlwZVNjcmlwdCAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAge21vZHVsZVR5cGVzLm1hcCgobW9kdWxlLCBpbmRleCkgPT4gKFxuICAgICAgICAgICAgICA8TW9kdWxlSlMga2V5PXtpbmRleH0gbW9kdWxlPXttb2R1bGV9IC8+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8Lz5cbiAgICAgICAgPC9UaXRsZVdyYXBwZXI+XG4gICAgICA8L1N0eWxlZEhlYWRpbmc+XG4gICAgICB7ZGVzY3JpcHRpb24gJiYgPGRpdj57ZGVzY3JpcHRpb259PC9kaXY+fVxuICAgICAgPFN0eWxlZEJveFZlcnNpb24gdGl0bGU9e2Zvcm1hdERhdGUodGltZSl9PlxuICAgICAgICB7aXNMYXRlc3RcbiAgICAgICAgICA/IHQoJ3NpZGViYXIuZGV0YWlsLmxhdGVzdC12ZXJzaW9uJywgeyB2ZXJzaW9uIH0pXG4gICAgICAgICAgOiB0KCdzaWRlYmFyLmRldGFpbC52ZXJzaW9uJywgeyB2ZXJzaW9uIH0pfVxuICAgICAgICB7dGltZVxuICAgICAgICAgID8gJyAtICcgKyB0KCdzaWRlYmFyLmRldGFpbC5wdWJsaXNoZWQnKSArICcgJyArIGZvcm1hdERhdGVEaXN0YW5jZSh0aW1lKVxuICAgICAgICAgIDogdCgndmVyc2lvbnMubm90LWF2YWlsYWJsZScpfVxuICAgICAgPC9TdHlsZWRCb3hWZXJzaW9uPlxuICAgIDwvQm94PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRGV0YWlsU2lkZWJhclRpdGxlO1xuXG5jb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbn0pO1xuXG5jb25zdCBTdHlsZWRIZWFkaW5nID0gc3R5bGVkKEhlYWRpbmcpKHtcbiAgZm9udFNpemU6ICcxcmVtJyxcbiAgZm9udFdlaWdodDogNzAwLFxufSk7XG5cbmNvbnN0IFN0eWxlZEJveFZlcnNpb24gPSBzdHlsZWQoQm94KTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnBhbGV0dGUudGV4dC5zZWNvbmRhcnksXG4gIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZS5zbSxcbn0pKTtcbiJdfQ== */");
|
|
105
106
|
//# sourceMappingURL=SideBarTitle.js.map
|
|
@@ -12,13 +12,13 @@ import Repository from '../../components/Repository';
|
|
|
12
12
|
import SideBarTitle from '../../components/SideBarTitle';
|
|
13
13
|
import { useConfig } from '../../providers';
|
|
14
14
|
import { useVersion } from '../../providers';
|
|
15
|
-
var
|
|
15
|
+
var getModuleTypes = manifest => {
|
|
16
|
+
if (!manifest.latest) return [];
|
|
17
|
+
var moduleTypes = [manifest.latest.type || 'commonjs'];
|
|
16
18
|
if (manifest.latest.main) {
|
|
17
|
-
|
|
18
|
-
} else if (manifest.latest.type) {
|
|
19
|
-
return manifest.latest.type;
|
|
19
|
+
moduleTypes.push('commonjs');
|
|
20
20
|
}
|
|
21
|
-
return;
|
|
21
|
+
return Array.from(new Set(moduleTypes));
|
|
22
22
|
};
|
|
23
23
|
var DetailSidebar = () => {
|
|
24
24
|
var _packageMeta$latest, _packageMeta$latest2;
|
|
@@ -47,7 +47,7 @@ var DetailSidebar = () => {
|
|
|
47
47
|
description: (_packageMeta$latest = packageMeta.latest) === null || _packageMeta$latest === void 0 ? void 0 : _packageMeta$latest.description,
|
|
48
48
|
hasTypes: typeof ((_packageMeta$latest2 = packageMeta.latest) === null || _packageMeta$latest2 === void 0 ? void 0 : _packageMeta$latest2.types) === 'string',
|
|
49
49
|
isLatest: typeof packageVersion === 'undefined',
|
|
50
|
-
|
|
50
|
+
moduleTypes: getModuleTypes(packageMeta),
|
|
51
51
|
packageName: packageName,
|
|
52
52
|
time: time,
|
|
53
53
|
version: version
|
|
@@ -5,5 +5,6 @@ export default meta;
|
|
|
5
5
|
type Story = StoryObj<typeof SideBarTittle>;
|
|
6
6
|
export declare const Commonjs: Story;
|
|
7
7
|
export declare const ES6: Story;
|
|
8
|
+
export declare const CommonjsAndES6: Story;
|
|
8
9
|
export declare const Description: Story;
|
|
9
10
|
export declare const WithTypes: Story;
|
package/package.json
CHANGED
|
@@ -17,7 +17,7 @@ export const Commonjs: Story = {
|
|
|
17
17
|
render: () => (
|
|
18
18
|
<SideBarTittle
|
|
19
19
|
isLatest={false}
|
|
20
|
-
|
|
20
|
+
moduleTypes={['commonjs']}
|
|
21
21
|
packageName="jquery"
|
|
22
22
|
time="2012-12-31T06:54:14.275Z"
|
|
23
23
|
version="1.0.0"
|
|
@@ -30,7 +30,7 @@ export const ES6: Story = {
|
|
|
30
30
|
render: () => (
|
|
31
31
|
<SideBarTittle
|
|
32
32
|
isLatest={true}
|
|
33
|
-
|
|
33
|
+
moduleTypes={['module']}
|
|
34
34
|
packageName="react"
|
|
35
35
|
time="2012-12-31T06:54:14.275Z"
|
|
36
36
|
version="14.0.0"
|
|
@@ -38,13 +38,26 @@ export const ES6: Story = {
|
|
|
38
38
|
),
|
|
39
39
|
};
|
|
40
40
|
|
|
41
|
+
export const CommonjsAndES6: Story = {
|
|
42
|
+
name: 'CommonJS and ES6 package',
|
|
43
|
+
render: () => (
|
|
44
|
+
<SideBarTittle
|
|
45
|
+
isLatest={true}
|
|
46
|
+
moduleTypes={['commonjs', 'module']}
|
|
47
|
+
packageName="jquery"
|
|
48
|
+
time="2012-12-31T06:54:14.275Z"
|
|
49
|
+
version="1.0.0"
|
|
50
|
+
/>
|
|
51
|
+
),
|
|
52
|
+
};
|
|
53
|
+
|
|
41
54
|
export const Description: Story = {
|
|
42
55
|
name: 'With description',
|
|
43
56
|
render: () => (
|
|
44
57
|
<SideBarTittle
|
|
45
58
|
description="Storybook's CLI - easiest method of adding storybook to your projects"
|
|
46
59
|
isLatest={true}
|
|
47
|
-
|
|
60
|
+
moduleTypes={['module']}
|
|
48
61
|
packageName="storybook"
|
|
49
62
|
time="2012-12-31T06:54:14.275Z"
|
|
50
63
|
version="14.0.0"
|
|
@@ -59,7 +72,7 @@ export const WithTypes: Story = {
|
|
|
59
72
|
description="Storybook's CLI - easiest method of adding storybook to your projects"
|
|
60
73
|
hasTypes={true}
|
|
61
74
|
isLatest={true}
|
|
62
|
-
|
|
75
|
+
moduleTypes={['module']}
|
|
63
76
|
packageName="storybook"
|
|
64
77
|
time="2012-12-31T06:54:14.275Z"
|
|
65
78
|
version="14.0.0"
|
|
@@ -16,7 +16,7 @@ interface Props {
|
|
|
16
16
|
version: string;
|
|
17
17
|
isLatest: boolean;
|
|
18
18
|
hasTypes?: boolean;
|
|
19
|
-
|
|
19
|
+
moduleTypes: ModuleType[];
|
|
20
20
|
time: string;
|
|
21
21
|
}
|
|
22
22
|
|
|
@@ -48,7 +48,7 @@ const DetailSidebarTitle: React.FC<Props> = ({
|
|
|
48
48
|
version,
|
|
49
49
|
isLatest,
|
|
50
50
|
hasTypes,
|
|
51
|
-
|
|
51
|
+
moduleTypes,
|
|
52
52
|
time,
|
|
53
53
|
}) => {
|
|
54
54
|
const { t } = useTranslation();
|
|
@@ -63,7 +63,9 @@ const DetailSidebarTitle: React.FC<Props> = ({
|
|
|
63
63
|
<TypeScript />
|
|
64
64
|
</Icon>
|
|
65
65
|
)}
|
|
66
|
-
|
|
66
|
+
{moduleTypes.map((module, index) => (
|
|
67
|
+
<ModuleJS key={index} module={module} />
|
|
68
|
+
))}
|
|
67
69
|
</>
|
|
68
70
|
</TitleWrapper>
|
|
69
71
|
</StyledHeading>
|
|
@@ -13,15 +13,18 @@ import Repository from '../../components/Repository';
|
|
|
13
13
|
import SideBarTitle from '../../components/SideBarTitle';
|
|
14
14
|
import { useConfig } from '../../providers';
|
|
15
15
|
import { useVersion } from '../../providers';
|
|
16
|
-
import { PackageMetaInterface } from '../../types/packageMeta';
|
|
16
|
+
import { ModuleType, PackageMetaInterface } from '../../types/packageMeta';
|
|
17
|
+
|
|
18
|
+
const getModuleTypes = (manifest: PackageMetaInterface) => {
|
|
19
|
+
if (!manifest.latest) return [];
|
|
20
|
+
|
|
21
|
+
const moduleTypes: ModuleType[] = [manifest.latest.type || 'commonjs'];
|
|
17
22
|
|
|
18
|
-
const getModuleType = (manifest: PackageMetaInterface) => {
|
|
19
23
|
if (manifest.latest.main) {
|
|
20
|
-
|
|
21
|
-
} else if (manifest.latest.type) {
|
|
22
|
-
return manifest.latest.type;
|
|
24
|
+
moduleTypes.push('commonjs');
|
|
23
25
|
}
|
|
24
|
-
|
|
26
|
+
|
|
27
|
+
return Array.from(new Set(moduleTypes));
|
|
25
28
|
};
|
|
26
29
|
|
|
27
30
|
const DetailSidebar: React.FC = () => {
|
|
@@ -40,7 +43,7 @@ const DetailSidebar: React.FC = () => {
|
|
|
40
43
|
description={packageMeta.latest?.description}
|
|
41
44
|
hasTypes={typeof packageMeta.latest?.types === 'string'}
|
|
42
45
|
isLatest={typeof packageVersion === 'undefined'}
|
|
43
|
-
|
|
46
|
+
moduleTypes={getModuleTypes(packageMeta)}
|
|
44
47
|
packageName={packageName}
|
|
45
48
|
time={time}
|
|
46
49
|
version={version}
|