@verdaccio/ui-components 5.0.0-next-9.9 → 5.0.0-next-9.10
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/build/components/AppRoute/AppRoute.js +54 -47
- package/build/components/AppRoute/AppRoute.js.map +1 -1
- package/build/components/AppRoute/AppRoute.mjs +54 -47
- package/build/components/AppRoute/AppRoute.mjs.map +1 -1
- package/build/components/Install/InstallListItem.mjs +2 -2
- package/build/components/Install/InstallListItem.mjs.map +1 -1
- package/build/components/Package/styles.mjs +2 -2
- package/build/components/Package/styles.mjs.map +1 -1
- package/build/components/Readme/github-markdown.css +255 -317
- package/build/components/Repository/Repository.mjs +2 -2
- package/build/components/Repository/Repository.mjs.map +1 -1
- package/build/components/UpLinks/styles.mjs +3 -3
- package/build/components/UpLinks/styles.mjs.map +1 -1
- package/build/components/Versions/styles.mjs +3 -3
- package/build/components/Versions/styles.mjs.map +1 -1
- package/build/providers/AuthProvider/AuthProvider.js +11 -10
- package/build/providers/AuthProvider/AuthProvider.js.map +1 -1
- package/build/providers/AuthProvider/AuthProvider.mjs +12 -11
- package/build/providers/AuthProvider/AuthProvider.mjs.map +1 -1
- package/build/sections/Security/Login.js +4 -6
- package/build/sections/Security/Login.js.map +1 -1
- package/build/sections/Security/Login.mjs +5 -7
- package/build/sections/Security/Login.mjs.map +1 -1
- package/build/ui-components.css +255 -317
- package/package.json +5 -3
|
@@ -12,6 +12,7 @@ let react = require("react");
|
|
|
12
12
|
react = require_runtime.__toESM(react);
|
|
13
13
|
let react_jsx_runtime = require("react/jsx-runtime");
|
|
14
14
|
let react_router = require("react-router");
|
|
15
|
+
let swr = require("swr");
|
|
15
16
|
//#region src/components/AppRoute/AppRoute.tsx
|
|
16
17
|
var VersionPage = require_loadable.default(() => Promise.resolve().then(() => require("../../pages/Version/index.js")));
|
|
17
18
|
var Front = require_loadable.default(() => Promise.resolve().then(() => require("../../pages/Front/index.js")));
|
|
@@ -24,53 +25,59 @@ var AppRoute = () => {
|
|
|
24
25
|
const { configOptions } = require_AppConfigurationProvider.useConfig();
|
|
25
26
|
const createUserEnabled = configOptions?.flags?.createUser;
|
|
26
27
|
const changePasswordEnabled = configOptions?.flags?.changePassword;
|
|
27
|
-
return /* @__PURE__ */ (0, react_jsx_runtime.
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
}
|
|
32
|
-
/* @__PURE__ */ (0, react_jsx_runtime.
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
}),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
28
|
+
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(swr.SWRConfig, {
|
|
29
|
+
value: {
|
|
30
|
+
revalidateOnFocus: false,
|
|
31
|
+
revalidateOnReconnect: false
|
|
32
|
+
},
|
|
33
|
+
children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router.Routes, { children: [
|
|
34
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
|
|
35
|
+
element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ManifestsProvider.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Front, {}) }),
|
|
36
|
+
path: require_routes.Route.ROOT
|
|
37
|
+
}),
|
|
38
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
|
|
39
|
+
element: versionElement,
|
|
40
|
+
path: require_routes.Route.SCOPE_PACKAGE_VERSION
|
|
41
|
+
}),
|
|
42
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
|
|
43
|
+
element: versionElement,
|
|
44
|
+
path: require_routes.Route.SCOPE_PACKAGE
|
|
45
|
+
}),
|
|
46
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
|
|
47
|
+
element: versionElement,
|
|
48
|
+
path: require_routes.Route.PACKAGE_VERSION
|
|
49
|
+
}),
|
|
50
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
|
|
51
|
+
element: versionElement,
|
|
52
|
+
path: require_routes.Route.PACKAGE
|
|
53
|
+
}),
|
|
54
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_router.Route, {
|
|
55
|
+
element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Outlet, {}),
|
|
56
|
+
children: [
|
|
57
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
|
|
58
|
+
element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Login, {}),
|
|
59
|
+
path: require_routes.Route.LOGIN
|
|
60
|
+
}),
|
|
61
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
|
|
62
|
+
element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Success, {}),
|
|
63
|
+
path: require_routes.Route.SUCCESS
|
|
64
|
+
}),
|
|
65
|
+
createUserEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
|
|
66
|
+
element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddUser, {}),
|
|
67
|
+
path: require_routes.Route.ADD_USER
|
|
68
|
+
}),
|
|
69
|
+
changePasswordEnabled && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
|
|
70
|
+
element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ChangePassword, {}),
|
|
71
|
+
path: require_routes.Route.CHANGE_PASSWORD
|
|
72
|
+
})
|
|
73
|
+
]
|
|
74
|
+
}),
|
|
75
|
+
/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_router.Route, {
|
|
76
|
+
element: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_NotFound.default, {}),
|
|
77
|
+
path: "*"
|
|
78
|
+
})
|
|
79
|
+
] })
|
|
80
|
+
});
|
|
74
81
|
};
|
|
75
82
|
//#endregion
|
|
76
83
|
exports.default = AppRoute;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppRoute.js","names":[],"sources":["../../../src/components/AppRoute/AppRoute.tsx"],"sourcesContent":["import React from 'react';\nimport { Outlet, Route as RouterRoute, Routes } from 'react-router';\n\nimport { ManifestsProvider, VersionProvider } from '../../providers';\nimport { useConfig } from '../../providers/AppConfigurationProvider/AppConfigurationProvider';\nimport { Route } from '../../utils';\nimport loadable from '../../utils/loadable';\nimport NotFound from '../NotFound';\n\nconst VersionPage = loadable(() => import('../../pages/Version'));\nconst Front = loadable(() => import('../../pages/Front'));\nconst Login = loadable(() => import('../../pages/Security/Login'));\nconst Success = loadable(() => import('../../pages/Security/Success'));\nconst AddUser = loadable(() => import('../../pages/Security/AddUser'));\nconst ChangePassword = loadable(() => import('../../pages/Security/ChangePassword'));\n\nconst versionElement = (\n <VersionProvider>\n <VersionPage />\n </VersionProvider>\n);\n\nconst AppRoute: React.FC = () => {\n const { configOptions } = useConfig();\n const createUserEnabled = configOptions?.flags?.createUser;\n const changePasswordEnabled = configOptions?.flags?.changePassword;\n return (\n <
|
|
1
|
+
{"version":3,"file":"AppRoute.js","names":[],"sources":["../../../src/components/AppRoute/AppRoute.tsx"],"sourcesContent":["import React from 'react';\nimport { Outlet, Route as RouterRoute, Routes } from 'react-router';\nimport { SWRConfig } from 'swr';\n\nimport { ManifestsProvider, VersionProvider } from '../../providers';\nimport { useConfig } from '../../providers/AppConfigurationProvider/AppConfigurationProvider';\nimport { Route } from '../../utils';\nimport loadable from '../../utils/loadable';\nimport NotFound from '../NotFound';\n\nconst VersionPage = loadable(() => import('../../pages/Version'));\nconst Front = loadable(() => import('../../pages/Front'));\nconst Login = loadable(() => import('../../pages/Security/Login'));\nconst Success = loadable(() => import('../../pages/Security/Success'));\nconst AddUser = loadable(() => import('../../pages/Security/AddUser'));\nconst ChangePassword = loadable(() => import('../../pages/Security/ChangePassword'));\n\nconst versionElement = (\n <VersionProvider>\n <VersionPage />\n </VersionProvider>\n);\n\nconst AppRoute: React.FC = () => {\n const { configOptions } = useConfig();\n const createUserEnabled = configOptions?.flags?.createUser;\n const changePasswordEnabled = configOptions?.flags?.changePassword;\n return (\n <SWRConfig value={{ revalidateOnFocus: false, revalidateOnReconnect: false }}>\n <Routes>\n <RouterRoute\n element={\n <ManifestsProvider>\n <Front />\n </ManifestsProvider>\n }\n path={Route.ROOT}\n />\n <RouterRoute element={versionElement} path={Route.SCOPE_PACKAGE_VERSION} />\n <RouterRoute element={versionElement} path={Route.SCOPE_PACKAGE} />\n <RouterRoute element={versionElement} path={Route.PACKAGE_VERSION} />\n <RouterRoute element={versionElement} path={Route.PACKAGE} />\n <RouterRoute element={<Outlet />}>\n <RouterRoute element={<Login />} path={Route.LOGIN} />\n <RouterRoute element={<Success />} path={Route.SUCCESS} />\n {createUserEnabled && <RouterRoute element={<AddUser />} path={Route.ADD_USER} />}\n {changePasswordEnabled && (\n <RouterRoute element={<ChangePassword />} path={Route.CHANGE_PASSWORD} />\n )}\n </RouterRoute>\n <RouterRoute element={<NotFound />} path=\"*\" />\n </Routes>\n </SWRConfig>\n );\n};\n\nexport default AppRoute;\n"],"mappings":";;;;;;;;;;;;;;;;AAUA,IAAM,cAAc,iBAAA,cAAA,QAAA,SAAA,CAAA,WAAA,QAAe,+BAAA,CAAA,CAA8B;AACjE,IAAM,QAAQ,iBAAA,cAAA,QAAA,SAAA,CAAA,WAAA,QAAe,6BAAA,CAAA,CAA4B;AACzD,IAAM,QAAQ,iBAAA,cAAA,QAAA,SAAA,CAAA,WAAA,QAAe,gCAAA,CAAA,CAAqC;AAClE,IAAM,UAAU,iBAAA,cAAA,QAAA,SAAA,CAAA,WAAA,QAAe,kCAAA,CAAA,CAAuC;AACtE,IAAM,UAAU,iBAAA,cAAA,QAAA,SAAA,CAAA,WAAA,QAAe,kCAAA,CAAA,CAAuC;AACtE,IAAM,iBAAiB,iBAAA,cAAA,QAAA,SAAA,CAAA,WAAA,QAAe,yCAAA,CAAA,CAA8C;AAEpF,IAAM,iBACJ,iBAAA,GAAA,kBAAA,KAAC,wBAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,aAAD,EAAe,CAAA,EACC,CAAA;AAGpB,IAAM,iBAA2B;CAC/B,MAAM,EAAE,kBAAkB,iCAAA,WAAW;CACrC,MAAM,oBAAoB,eAAe,OAAO;CAChD,MAAM,wBAAwB,eAAe,OAAO;AACpD,QACE,iBAAA,GAAA,kBAAA,KAAC,IAAA,WAAD;EAAW,OAAO;GAAE,mBAAmB;GAAO,uBAAuB;GAAO;YAC1E,iBAAA,GAAA,kBAAA,MAAC,aAAA,QAAD,EAAA,UAAA;GACE,iBAAA,GAAA,kBAAA,KAAC,aAAA,OAAD;IACE,SACE,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAS,CAAA,EACS,CAAA;IAEtB,MAAM,eAAA,MAAM;IACZ,CAAA;GACF,iBAAA,GAAA,kBAAA,KAAC,aAAA,OAAD;IAAa,SAAS;IAAgB,MAAM,eAAA,MAAM;IAAyB,CAAA;GAC3E,iBAAA,GAAA,kBAAA,KAAC,aAAA,OAAD;IAAa,SAAS;IAAgB,MAAM,eAAA,MAAM;IAAiB,CAAA;GACnE,iBAAA,GAAA,kBAAA,KAAC,aAAA,OAAD;IAAa,SAAS;IAAgB,MAAM,eAAA,MAAM;IAAmB,CAAA;GACrE,iBAAA,GAAA,kBAAA,KAAC,aAAA,OAAD;IAAa,SAAS;IAAgB,MAAM,eAAA,MAAM;IAAW,CAAA;GAC7D,iBAAA,GAAA,kBAAA,MAAC,aAAA,OAAD;IAAa,SAAS,iBAAA,GAAA,kBAAA,KAAC,aAAA,QAAD,EAAU,CAAA;cAAhC;KACE,iBAAA,GAAA,kBAAA,KAAC,aAAA,OAAD;MAAa,SAAS,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAS,CAAA;MAAE,MAAM,eAAA,MAAM;MAAS,CAAA;KACtD,iBAAA,GAAA,kBAAA,KAAC,aAAA,OAAD;MAAa,SAAS,iBAAA,GAAA,kBAAA,KAAC,SAAD,EAAW,CAAA;MAAE,MAAM,eAAA,MAAM;MAAW,CAAA;KACzD,qBAAqB,iBAAA,GAAA,kBAAA,KAAC,aAAA,OAAD;MAAa,SAAS,iBAAA,GAAA,kBAAA,KAAC,SAAD,EAAW,CAAA;MAAE,MAAM,eAAA,MAAM;MAAY,CAAA;KAChF,yBACC,iBAAA,GAAA,kBAAA,KAAC,aAAA,OAAD;MAAa,SAAS,iBAAA,GAAA,kBAAA,KAAC,gBAAD,EAAkB,CAAA;MAAE,MAAM,eAAA,MAAM;MAAmB,CAAA;KAE/D;;GACd,iBAAA,GAAA,kBAAA,KAAC,aAAA,OAAD;IAAa,SAAS,iBAAA,GAAA,kBAAA,KAAC,iBAAA,SAAD,EAAY,CAAA;IAAE,MAAK;IAAM,CAAA;GACxC,EAAA,CAAA;EACC,CAAA"}
|
|
@@ -10,6 +10,7 @@ import "../NotFound/index.mjs";
|
|
|
10
10
|
import "react";
|
|
11
11
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
12
|
import { Outlet, Route, Routes } from "react-router";
|
|
13
|
+
import { SWRConfig } from "swr";
|
|
13
14
|
//#region src/components/AppRoute/AppRoute.tsx
|
|
14
15
|
var VersionPage = loadable_default(() => import("../../pages/Version/index.mjs"));
|
|
15
16
|
var Front = loadable_default(() => import("../../pages/Front/index.mjs"));
|
|
@@ -22,53 +23,59 @@ var AppRoute = () => {
|
|
|
22
23
|
const { configOptions } = useConfig();
|
|
23
24
|
const createUserEnabled = configOptions?.flags?.createUser;
|
|
24
25
|
const changePasswordEnabled = configOptions?.flags?.changePassword;
|
|
25
|
-
return /* @__PURE__ */
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}
|
|
30
|
-
/* @__PURE__ */
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
}),
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
26
|
+
return /* @__PURE__ */ jsx(SWRConfig, {
|
|
27
|
+
value: {
|
|
28
|
+
revalidateOnFocus: false,
|
|
29
|
+
revalidateOnReconnect: false
|
|
30
|
+
},
|
|
31
|
+
children: /* @__PURE__ */ jsxs(Routes, { children: [
|
|
32
|
+
/* @__PURE__ */ jsx(Route, {
|
|
33
|
+
element: /* @__PURE__ */ jsx(ManifestsProvider, { children: /* @__PURE__ */ jsx(Front, {}) }),
|
|
34
|
+
path: Route$1.ROOT
|
|
35
|
+
}),
|
|
36
|
+
/* @__PURE__ */ jsx(Route, {
|
|
37
|
+
element: versionElement,
|
|
38
|
+
path: Route$1.SCOPE_PACKAGE_VERSION
|
|
39
|
+
}),
|
|
40
|
+
/* @__PURE__ */ jsx(Route, {
|
|
41
|
+
element: versionElement,
|
|
42
|
+
path: Route$1.SCOPE_PACKAGE
|
|
43
|
+
}),
|
|
44
|
+
/* @__PURE__ */ jsx(Route, {
|
|
45
|
+
element: versionElement,
|
|
46
|
+
path: Route$1.PACKAGE_VERSION
|
|
47
|
+
}),
|
|
48
|
+
/* @__PURE__ */ jsx(Route, {
|
|
49
|
+
element: versionElement,
|
|
50
|
+
path: Route$1.PACKAGE
|
|
51
|
+
}),
|
|
52
|
+
/* @__PURE__ */ jsxs(Route, {
|
|
53
|
+
element: /* @__PURE__ */ jsx(Outlet, {}),
|
|
54
|
+
children: [
|
|
55
|
+
/* @__PURE__ */ jsx(Route, {
|
|
56
|
+
element: /* @__PURE__ */ jsx(Login, {}),
|
|
57
|
+
path: Route$1.LOGIN
|
|
58
|
+
}),
|
|
59
|
+
/* @__PURE__ */ jsx(Route, {
|
|
60
|
+
element: /* @__PURE__ */ jsx(Success, {}),
|
|
61
|
+
path: Route$1.SUCCESS
|
|
62
|
+
}),
|
|
63
|
+
createUserEnabled && /* @__PURE__ */ jsx(Route, {
|
|
64
|
+
element: /* @__PURE__ */ jsx(AddUser, {}),
|
|
65
|
+
path: Route$1.ADD_USER
|
|
66
|
+
}),
|
|
67
|
+
changePasswordEnabled && /* @__PURE__ */ jsx(Route, {
|
|
68
|
+
element: /* @__PURE__ */ jsx(ChangePassword, {}),
|
|
69
|
+
path: Route$1.CHANGE_PASSWORD
|
|
70
|
+
})
|
|
71
|
+
]
|
|
72
|
+
}),
|
|
73
|
+
/* @__PURE__ */ jsx(Route, {
|
|
74
|
+
element: /* @__PURE__ */ jsx(NotFound, {}),
|
|
75
|
+
path: "*"
|
|
76
|
+
})
|
|
77
|
+
] })
|
|
78
|
+
});
|
|
72
79
|
};
|
|
73
80
|
//#endregion
|
|
74
81
|
export { AppRoute as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppRoute.mjs","names":[],"sources":["../../../src/components/AppRoute/AppRoute.tsx"],"sourcesContent":["import React from 'react';\nimport { Outlet, Route as RouterRoute, Routes } from 'react-router';\n\nimport { ManifestsProvider, VersionProvider } from '../../providers';\nimport { useConfig } from '../../providers/AppConfigurationProvider/AppConfigurationProvider';\nimport { Route } from '../../utils';\nimport loadable from '../../utils/loadable';\nimport NotFound from '../NotFound';\n\nconst VersionPage = loadable(() => import('../../pages/Version'));\nconst Front = loadable(() => import('../../pages/Front'));\nconst Login = loadable(() => import('../../pages/Security/Login'));\nconst Success = loadable(() => import('../../pages/Security/Success'));\nconst AddUser = loadable(() => import('../../pages/Security/AddUser'));\nconst ChangePassword = loadable(() => import('../../pages/Security/ChangePassword'));\n\nconst versionElement = (\n <VersionProvider>\n <VersionPage />\n </VersionProvider>\n);\n\nconst AppRoute: React.FC = () => {\n const { configOptions } = useConfig();\n const createUserEnabled = configOptions?.flags?.createUser;\n const changePasswordEnabled = configOptions?.flags?.changePassword;\n return (\n <
|
|
1
|
+
{"version":3,"file":"AppRoute.mjs","names":[],"sources":["../../../src/components/AppRoute/AppRoute.tsx"],"sourcesContent":["import React from 'react';\nimport { Outlet, Route as RouterRoute, Routes } from 'react-router';\nimport { SWRConfig } from 'swr';\n\nimport { ManifestsProvider, VersionProvider } from '../../providers';\nimport { useConfig } from '../../providers/AppConfigurationProvider/AppConfigurationProvider';\nimport { Route } from '../../utils';\nimport loadable from '../../utils/loadable';\nimport NotFound from '../NotFound';\n\nconst VersionPage = loadable(() => import('../../pages/Version'));\nconst Front = loadable(() => import('../../pages/Front'));\nconst Login = loadable(() => import('../../pages/Security/Login'));\nconst Success = loadable(() => import('../../pages/Security/Success'));\nconst AddUser = loadable(() => import('../../pages/Security/AddUser'));\nconst ChangePassword = loadable(() => import('../../pages/Security/ChangePassword'));\n\nconst versionElement = (\n <VersionProvider>\n <VersionPage />\n </VersionProvider>\n);\n\nconst AppRoute: React.FC = () => {\n const { configOptions } = useConfig();\n const createUserEnabled = configOptions?.flags?.createUser;\n const changePasswordEnabled = configOptions?.flags?.changePassword;\n return (\n <SWRConfig value={{ revalidateOnFocus: false, revalidateOnReconnect: false }}>\n <Routes>\n <RouterRoute\n element={\n <ManifestsProvider>\n <Front />\n </ManifestsProvider>\n }\n path={Route.ROOT}\n />\n <RouterRoute element={versionElement} path={Route.SCOPE_PACKAGE_VERSION} />\n <RouterRoute element={versionElement} path={Route.SCOPE_PACKAGE} />\n <RouterRoute element={versionElement} path={Route.PACKAGE_VERSION} />\n <RouterRoute element={versionElement} path={Route.PACKAGE} />\n <RouterRoute element={<Outlet />}>\n <RouterRoute element={<Login />} path={Route.LOGIN} />\n <RouterRoute element={<Success />} path={Route.SUCCESS} />\n {createUserEnabled && <RouterRoute element={<AddUser />} path={Route.ADD_USER} />}\n {changePasswordEnabled && (\n <RouterRoute element={<ChangePassword />} path={Route.CHANGE_PASSWORD} />\n )}\n </RouterRoute>\n <RouterRoute element={<NotFound />} path=\"*\" />\n </Routes>\n </SWRConfig>\n );\n};\n\nexport default AppRoute;\n"],"mappings":";;;;;;;;;;;;;;AAUA,IAAM,cAAc,uBAAe,OAAO,iCAAuB;AACjE,IAAM,QAAQ,uBAAe,OAAO,+BAAqB;AACzD,IAAM,QAAQ,uBAAe,OAAO,kCAA8B;AAClE,IAAM,UAAU,uBAAe,OAAO,oCAAgC;AACtE,IAAM,UAAU,uBAAe,OAAO,oCAAgC;AACtE,IAAM,iBAAiB,uBAAe,OAAO,2CAAuC;AAEpF,IAAM,iBACJ,oBAAC,iBAAD,EAAA,UACE,oBAAC,aAAD,EAAe,CAAA,EACC,CAAA;AAGpB,IAAM,iBAA2B;CAC/B,MAAM,EAAE,kBAAkB,WAAW;CACrC,MAAM,oBAAoB,eAAe,OAAO;CAChD,MAAM,wBAAwB,eAAe,OAAO;AACpD,QACE,oBAAC,WAAD;EAAW,OAAO;GAAE,mBAAmB;GAAO,uBAAuB;GAAO;YAC1E,qBAAC,QAAD,EAAA,UAAA;GACE,oBAAC,OAAD;IACE,SACE,oBAAC,mBAAD,EAAA,UACE,oBAAC,OAAD,EAAS,CAAA,EACS,CAAA;IAEtB,MAAM,QAAM;IACZ,CAAA;GACF,oBAAC,OAAD;IAAa,SAAS;IAAgB,MAAM,QAAM;IAAyB,CAAA;GAC3E,oBAAC,OAAD;IAAa,SAAS;IAAgB,MAAM,QAAM;IAAiB,CAAA;GACnE,oBAAC,OAAD;IAAa,SAAS;IAAgB,MAAM,QAAM;IAAmB,CAAA;GACrE,oBAAC,OAAD;IAAa,SAAS;IAAgB,MAAM,QAAM;IAAW,CAAA;GAC7D,qBAAC,OAAD;IAAa,SAAS,oBAAC,QAAD,EAAU,CAAA;cAAhC;KACE,oBAAC,OAAD;MAAa,SAAS,oBAAC,OAAD,EAAS,CAAA;MAAE,MAAM,QAAM;MAAS,CAAA;KACtD,oBAAC,OAAD;MAAa,SAAS,oBAAC,SAAD,EAAW,CAAA;MAAE,MAAM,QAAM;MAAW,CAAA;KACzD,qBAAqB,oBAAC,OAAD;MAAa,SAAS,oBAAC,SAAD,EAAW,CAAA;MAAE,MAAM,QAAM;MAAY,CAAA;KAChF,yBACC,oBAAC,OAAD;MAAa,SAAS,oBAAC,gBAAD,EAAkB,CAAA;MAAE,MAAM,QAAM;MAAmB,CAAA;KAE/D;;GACd,oBAAC,OAAD;IAAa,SAAS,oBAAC,UAAD,EAAY,CAAA;IAAE,MAAK;IAAM,CAAA;GACxC,EAAA,CAAA;EACC,CAAA"}
|
|
@@ -12,13 +12,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
12
12
|
import { common } from "@mui/material/colors";
|
|
13
13
|
import Avatar from "@mui/material/Avatar";
|
|
14
14
|
import ListItem from "@mui/material/ListItem";
|
|
15
|
-
import
|
|
15
|
+
import ListItemText from "@mui/material/ListItemText";
|
|
16
16
|
//#region src/components/Install/InstallListItem.tsx
|
|
17
17
|
var InstallItem = styled(ListItem)({
|
|
18
18
|
padding: 0,
|
|
19
19
|
":hover": { backgroundColor: "transparent" }
|
|
20
20
|
});
|
|
21
|
-
var InstallListItemText = styled(
|
|
21
|
+
var InstallListItemText = styled(ListItemText)({
|
|
22
22
|
padding: "0 0 0 10px",
|
|
23
23
|
margin: 0
|
|
24
24
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InstallListItem.mjs","names":[],"sources":["../../../src/components/Install/InstallListItem.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\n\nimport { useSettings } from '../../providers/PersistenceSettingProvider';\nimport CopyToClipBoard from '../CopyClipboard';\nimport { Npm, Pnpm, Yarn } from '../Icons';\n\nconst InstallItem = styled(ListItem)({\n padding: 0,\n ':hover': {\n backgroundColor: 'transparent',\n },\n});\n\nconst InstallListItemText = styled(ListItemText)({\n padding: '0 0 0 10px',\n margin: 0,\n});\n\nconst PackageMangerAvatar = styled(Avatar)({\n backgroundColor: 'transparent',\n padding: 0,\n marginLeft: 0,\n});\n\nexport enum DependencyManager {\n NPM = 'npm',\n YARN = 'yarn',\n PNPM = 'pnpm',\n}\n\ninterface Interface {\n packageName: string;\n dependencyManager: DependencyManager;\n packageVersion?: string;\n}\n\nexport function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, isYarn = false) {\n const name = isGlobal\n ? `${isYarn ? '' : '-g'} ${packageVersion && !isLatest ? `${packageName}@${packageVersion}` : packageName}`\n : packageVersion && !isLatest\n ? `${packageName}@${packageVersion}`\n : packageName;\n\n return name.trim();\n}\n\nconst InstallListItem: React.FC<Interface> = ({\n packageName,\n dependencyManager,\n packageVersion,\n}) => {\n const { localSettings } = useSettings();\n // const theme: Theme = useTheme();\n const isLatest = localSettings[packageName]?.latest ?? false;\n const isGlobal = localSettings[packageName]?.global ?? false;\n switch (dependencyManager) {\n case DependencyManager.NPM:\n return (\n <InstallItem data-testid={'installListItem-npm'}>\n <PackageMangerAvatar alt=\"npm\" sx={{ bgcolor: common.white }}>\n <Npm />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installNpm\"\n text={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n title={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n />\n }\n />\n </InstallItem>\n );\n case DependencyManager.YARN:\n return (\n <InstallItem data-testid={'installListItem-yarn'}>\n <PackageMangerAvatar alt=\"yarn\" sx={{ bgcolor: common.white }}>\n <Yarn />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installYarn\"\n text={\n isGlobal\n ? `yarn ${localSettings.yarnModern ? '' : 'global'} add ${getGlobalInstall(\n isGlobal,\n packageVersion,\n packageName,\n true\n )}`\n : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n }\n title={\n isGlobal\n ? `yarn global add ${getGlobalInstall(\n isGlobal,\n packageVersion,\n packageName,\n true\n )}`\n : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n }\n />\n }\n />\n </InstallItem>\n );\n case DependencyManager.PNPM:\n return (\n <InstallItem data-testid={'installListItem-pnpm'}>\n <PackageMangerAvatar alt={'pnpm'} sx={{ bgcolor: common.white }}>\n <Pnpm />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installPnpm\"\n text={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n title={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n />\n }\n />\n </InstallItem>\n );\n default:\n return null;\n }\n};\n\nexport default InstallListItem;\n"],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAM,cAAc,OAAO,SAAS,CAAC;CACnC,SAAS;CACT,UAAU,EACR,iBAAiB,eAClB;CACF,CAAC;AAEF,IAAM,sBAAsB,OAAO,
|
|
1
|
+
{"version":3,"file":"InstallListItem.mjs","names":[],"sources":["../../../src/components/Install/InstallListItem.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\n\nimport { useSettings } from '../../providers/PersistenceSettingProvider';\nimport CopyToClipBoard from '../CopyClipboard';\nimport { Npm, Pnpm, Yarn } from '../Icons';\n\nconst InstallItem = styled(ListItem)({\n padding: 0,\n ':hover': {\n backgroundColor: 'transparent',\n },\n});\n\nconst InstallListItemText = styled(ListItemText)({\n padding: '0 0 0 10px',\n margin: 0,\n});\n\nconst PackageMangerAvatar = styled(Avatar)({\n backgroundColor: 'transparent',\n padding: 0,\n marginLeft: 0,\n});\n\nexport enum DependencyManager {\n NPM = 'npm',\n YARN = 'yarn',\n PNPM = 'pnpm',\n}\n\ninterface Interface {\n packageName: string;\n dependencyManager: DependencyManager;\n packageVersion?: string;\n}\n\nexport function getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, isYarn = false) {\n const name = isGlobal\n ? `${isYarn ? '' : '-g'} ${packageVersion && !isLatest ? `${packageName}@${packageVersion}` : packageName}`\n : packageVersion && !isLatest\n ? `${packageName}@${packageVersion}`\n : packageName;\n\n return name.trim();\n}\n\nconst InstallListItem: React.FC<Interface> = ({\n packageName,\n dependencyManager,\n packageVersion,\n}) => {\n const { localSettings } = useSettings();\n // const theme: Theme = useTheme();\n const isLatest = localSettings[packageName]?.latest ?? false;\n const isGlobal = localSettings[packageName]?.global ?? false;\n switch (dependencyManager) {\n case DependencyManager.NPM:\n return (\n <InstallItem data-testid={'installListItem-npm'}>\n <PackageMangerAvatar alt=\"npm\" sx={{ bgcolor: common.white }}>\n <Npm />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installNpm\"\n text={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n title={`npm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n />\n }\n />\n </InstallItem>\n );\n case DependencyManager.YARN:\n return (\n <InstallItem data-testid={'installListItem-yarn'}>\n <PackageMangerAvatar alt=\"yarn\" sx={{ bgcolor: common.white }}>\n <Yarn />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installYarn\"\n text={\n isGlobal\n ? `yarn ${localSettings.yarnModern ? '' : 'global'} add ${getGlobalInstall(\n isGlobal,\n packageVersion,\n packageName,\n true\n )}`\n : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n }\n title={\n isGlobal\n ? `yarn global add ${getGlobalInstall(\n isGlobal,\n packageVersion,\n packageName,\n true\n )}`\n : `yarn add ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName, true)}`\n }\n />\n }\n />\n </InstallItem>\n );\n case DependencyManager.PNPM:\n return (\n <InstallItem data-testid={'installListItem-pnpm'}>\n <PackageMangerAvatar alt={'pnpm'} sx={{ bgcolor: common.white }}>\n <Pnpm />\n </PackageMangerAvatar>\n <InstallListItemText\n primary={\n <CopyToClipBoard\n dataTestId=\"installPnpm\"\n text={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n title={`pnpm install ${getGlobalInstall(isLatest, isGlobal, packageVersion, packageName)}`}\n />\n }\n />\n </InstallItem>\n );\n default:\n return null;\n }\n};\n\nexport default InstallListItem;\n"],"mappings":";;;;;;;;;;;;;;;;AAWA,IAAM,cAAc,OAAO,SAAS,CAAC;CACnC,SAAS;CACT,UAAU,EACR,iBAAiB,eAClB;CACF,CAAC;AAEF,IAAM,sBAAsB,OAAO,aAAa,CAAC;CAC/C,SAAS;CACT,QAAQ;CACT,CAAC;AAEF,IAAM,sBAAsB,OAAO,OAAO,CAAC;CACzC,iBAAiB;CACjB,SAAS;CACT,YAAY;CACb,CAAC;AAEF,IAAY,oBAAL,yBAAA,mBAAA;AACL,mBAAA,SAAA;AACA,mBAAA,UAAA;AACA,mBAAA,UAAA;;KACD;AAQD,SAAgB,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,SAAS,OAAO;AAOhG,SANa,WACT,GAAG,SAAS,KAAK,KAAK,GAAG,kBAAkB,CAAC,WAAW,GAAG,YAAY,GAAG,mBAAmB,gBAC5F,kBAAkB,CAAC,WACjB,GAAG,YAAY,GAAG,mBAClB,aAEM,MAAM;;AAGpB,IAAM,mBAAwC,EAC5C,aACA,mBACA,qBACI;CACJ,MAAM,EAAE,kBAAkB,aAAa;CAEvC,MAAM,WAAW,cAAc,cAAc,UAAU;CACvD,MAAM,WAAW,cAAc,cAAc,UAAU;AACvD,SAAQ,mBAAR;EACE,KAAK,kBAAkB,IACrB,QACE,qBAAC,aAAD;GAAa,eAAa;aAA1B,CACE,oBAAC,qBAAD;IAAqB,KAAI;IAAM,IAAI,EAAE,SAAS,OAAO,OAAO;cAC1D,oBAAC,KAAD,EAAO,CAAA;IACa,CAAA,EACtB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MAAM,eAAe,iBAAiB,UAAU,UAAU,gBAAgB,YAAY;IACtF,OAAO,eAAe,iBAAiB,UAAU,UAAU,gBAAgB,YAAY;IACvF,CAAA,EAEJ,CAAA,CACU;;EAElB,KAAK,kBAAkB,KACrB,QACE,qBAAC,aAAD;GAAa,eAAa;aAA1B,CACE,oBAAC,qBAAD;IAAqB,KAAI;IAAO,IAAI,EAAE,SAAS,OAAO,OAAO;cAC3D,oBAAC,MAAD,EAAQ,CAAA;IACY,CAAA,EACtB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MACE,WACI,QAAQ,cAAc,aAAa,KAAK,SAAS,OAAO,iBACtD,UACA,gBACA,aACA,KACD,KACD,YAAY,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,KAAK;IAEzF,OACE,WACI,mBAAmB,iBACjB,UACA,gBACA,aACA,KACD,KACD,YAAY,iBAAiB,UAAU,UAAU,gBAAgB,aAAa,KAAK;IAEzF,CAAA,EAEJ,CAAA,CACU;;EAElB,KAAK,kBAAkB,KACrB,QACE,qBAAC,aAAD;GAAa,eAAa;aAA1B,CACE,oBAAC,qBAAD;IAAqB,KAAK;IAAQ,IAAI,EAAE,SAAS,OAAO,OAAO;cAC7D,oBAAC,MAAD,EAAQ,CAAA;IACY,CAAA,EACtB,oBAAC,qBAAD,EACE,SACE,oBAAC,iBAAD;IACE,YAAW;IACX,MAAM,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,YAAY;IACvF,OAAO,gBAAgB,iBAAiB,UAAU,UAAU,gBAAgB,YAAY;IACxF,CAAA,EAEJ,CAAA,CACU;;EAElB,QACE,QAAO"}
|
|
@@ -6,7 +6,7 @@ import { Link } from "react-router";
|
|
|
6
6
|
import List from "@mui/material/List";
|
|
7
7
|
import Avatar from "@mui/material/Avatar";
|
|
8
8
|
import Grid from "@mui/material/Grid";
|
|
9
|
-
import
|
|
9
|
+
import ListItemText from "@mui/material/ListItemText";
|
|
10
10
|
//#region src/components/Package/styles.ts
|
|
11
11
|
var OverviewItem = styled("span")(({ theme }) => ({
|
|
12
12
|
display: "flex",
|
|
@@ -53,7 +53,7 @@ var IconButton$1 = styled(IconButton)({
|
|
|
53
53
|
padding: 6,
|
|
54
54
|
svg: { fontSize: 16 }
|
|
55
55
|
});
|
|
56
|
-
var PackageListItemText = styled(
|
|
56
|
+
var PackageListItemText = styled(ListItemText)({ paddingRight: 0 });
|
|
57
57
|
var Description = styled("span")(({ theme }) => ({
|
|
58
58
|
color: theme.palette.mode === "light" ? greyDark : common.white,
|
|
59
59
|
fontSize: "14px",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/Package/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as Photo } from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport { default as MuiIconButton } from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport { Link } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { greyDark } from '../../Theme/colors';\n\nexport const OverviewItem = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n margin: '0 20px 0 0',\n color: theme.palette.mode === 'light' ? theme.palette.greyDark2 : common.white,\n fontSize: 12,\n [`@media (max-width: ${theme.breakPoints.medium}px)`]: {\n ':nth-of-type(3)': {\n display: 'none',\n },\n },\n [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n ':nth-of-type(4)': {\n display: 'none',\n },\n },\n}));\n\nexport const Published = styled('span')({\n margin: '0 5px 0 0',\n});\n\nexport const Details = styled('span')({\n marginLeft: '5px',\n lineHeight: 1.5,\n display: 'flex',\n flexDirection: 'column',\n});\n\nexport const Author = styled('div')({\n display: 'flex',\n alignItems: 'center',\n});\n\nexport const Avatar = styled(Photo)({\n width: '20px',\n height: '20px',\n});\n\nexport const WrapperLink = styled(Link)({\n textDecoration: 'none',\n});\n\nexport const PackageTitle = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n fontWeight: theme.fontWeight.bold,\n fontSize: 20,\n display: 'block',\n color: theme.palette.primary.main,\n cursor: 'pointer',\n textDecoration: 'none',\n wordBreak: 'break-word',\n [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n fontSize: 16,\n },\n}));\n\nexport const GridRightAligned = styled(Grid)({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n});\n\nexport const Wrapper = styled(List)<{ theme?: Theme }>(({ theme }) => ({\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n}));\n\nexport const IconButton = styled(MuiIconButton)({\n padding: 6,\n svg: {\n fontSize: 16,\n },\n});\n\nexport const PackageListItemText = styled(ListItemText)({\n paddingRight: 0,\n});\n\nexport const Description = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n color: theme.palette.mode === 'light' ? greyDark : common.white,\n fontSize: '14px',\n paddingRight: 0,\n}));\n"],"mappings":";;;;;;;;;;AAYA,IAAa,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC5E,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,YAAY,OAAO;CACzE,UAAU;EACT,sBAAsB,MAAM,YAAY,OAAO,OAAO,EACrD,mBAAmB,EACjB,SAAS,QACV,EACF;EACA,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,mBAAmB,EACjB,SAAS,QACV,EACF;CACF,EAAE;AAEH,IAAa,YAAY,OAAO,OAAO,CAAC,EACtC,QAAQ,aACT,CAAC;AAEF,IAAa,UAAU,OAAO,OAAO,CAAC;CACpC,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,eAAe;CAChB,CAAC;AAEF,IAAa,SAAS,OAAO,MAAM,CAAC;CAClC,SAAS;CACT,YAAY;CACb,CAAC;AAEF,IAAa,WAAS,OAAO,OAAM,CAAC;CAClC,OAAO;CACP,QAAQ;CACT,CAAC;AAEF,IAAa,cAAc,OAAO,KAAK,CAAC,EACtC,gBAAgB,QACjB,CAAC;AAEF,IAAa,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC5E,YAAY,MAAM,WAAW;CAC7B,UAAU;CACV,SAAS;CACT,OAAO,MAAM,QAAQ,QAAQ;CAC7B,QAAQ;CACR,gBAAgB;CAChB,WAAW;EACV,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,UAAU,IACX;CACF,EAAE;AAEH,IAAa,mBAAmB,OAAO,KAAK,CAAC;CAC3C,SAAS;CACT,YAAY;CACZ,gBAAgB;CACjB,CAAC;AAEF,IAAa,UAAU,OAAO,KAAK,EAAqB,EAAE,aAAa,EACrE,WAAW,EACT,iBAAiB,MAAM,QAAQ,OAAO,OACvC,EACF,EAAE;AAEH,IAAa,eAAa,OAAO,WAAc,CAAC;CAC9C,SAAS;CACT,KAAK,EACH,UAAU,IACX;CACF,CAAC;AAEF,IAAa,sBAAsB,OAAO,
|
|
1
|
+
{"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/Package/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as Photo } from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport { default as MuiIconButton } from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport { Link } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { greyDark } from '../../Theme/colors';\n\nexport const OverviewItem = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n display: 'flex',\n alignItems: 'center',\n margin: '0 20px 0 0',\n color: theme.palette.mode === 'light' ? theme.palette.greyDark2 : common.white,\n fontSize: 12,\n [`@media (max-width: ${theme.breakPoints.medium}px)`]: {\n ':nth-of-type(3)': {\n display: 'none',\n },\n },\n [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n ':nth-of-type(4)': {\n display: 'none',\n },\n },\n}));\n\nexport const Published = styled('span')({\n margin: '0 5px 0 0',\n});\n\nexport const Details = styled('span')({\n marginLeft: '5px',\n lineHeight: 1.5,\n display: 'flex',\n flexDirection: 'column',\n});\n\nexport const Author = styled('div')({\n display: 'flex',\n alignItems: 'center',\n});\n\nexport const Avatar = styled(Photo)({\n width: '20px',\n height: '20px',\n});\n\nexport const WrapperLink = styled(Link)({\n textDecoration: 'none',\n});\n\nexport const PackageTitle = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n fontWeight: theme.fontWeight.bold,\n fontSize: 20,\n display: 'block',\n color: theme.palette.primary.main,\n cursor: 'pointer',\n textDecoration: 'none',\n wordBreak: 'break-word',\n [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n fontSize: 16,\n },\n}));\n\nexport const GridRightAligned = styled(Grid)({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'flex-end',\n});\n\nexport const Wrapper = styled(List)<{ theme?: Theme }>(({ theme }) => ({\n '&:hover': {\n backgroundColor: theme.palette.action.hover,\n },\n}));\n\nexport const IconButton = styled(MuiIconButton)({\n padding: 6,\n svg: {\n fontSize: 16,\n },\n});\n\nexport const PackageListItemText = styled(ListItemText)({\n paddingRight: 0,\n});\n\nexport const Description = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n color: theme.palette.mode === 'light' ? greyDark : common.white,\n fontSize: '14px',\n paddingRight: 0,\n}));\n"],"mappings":";;;;;;;;;;AAYA,IAAa,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC5E,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,YAAY,OAAO;CACzE,UAAU;EACT,sBAAsB,MAAM,YAAY,OAAO,OAAO,EACrD,mBAAmB,EACjB,SAAS,QACV,EACF;EACA,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,mBAAmB,EACjB,SAAS,QACV,EACF;CACF,EAAE;AAEH,IAAa,YAAY,OAAO,OAAO,CAAC,EACtC,QAAQ,aACT,CAAC;AAEF,IAAa,UAAU,OAAO,OAAO,CAAC;CACpC,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,eAAe;CAChB,CAAC;AAEF,IAAa,SAAS,OAAO,MAAM,CAAC;CAClC,SAAS;CACT,YAAY;CACb,CAAC;AAEF,IAAa,WAAS,OAAO,OAAM,CAAC;CAClC,OAAO;CACP,QAAQ;CACT,CAAC;AAEF,IAAa,cAAc,OAAO,KAAK,CAAC,EACtC,gBAAgB,QACjB,CAAC;AAEF,IAAa,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC5E,YAAY,MAAM,WAAW;CAC7B,UAAU;CACV,SAAS;CACT,OAAO,MAAM,QAAQ,QAAQ;CAC7B,QAAQ;CACR,gBAAgB;CAChB,WAAW;EACV,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,UAAU,IACX;CACF,EAAE;AAEH,IAAa,mBAAmB,OAAO,KAAK,CAAC;CAC3C,SAAS;CACT,YAAY;CACZ,gBAAgB;CACjB,CAAC;AAEF,IAAa,UAAU,OAAO,KAAK,EAAqB,EAAE,aAAa,EACrE,WAAW,EACT,iBAAiB,MAAM,QAAQ,OAAO,OACvC,EACF,EAAE;AAEH,IAAa,eAAa,OAAO,WAAc,CAAC;CAC9C,SAAS;CACT,KAAK,EACH,UAAU,IACX;CACF,CAAC;AAEF,IAAa,sBAAsB,OAAO,aAAa,CAAC,EACtD,cAAc,GACf,CAAC;AAEF,IAAa,cAAc,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC3E,OAAO,MAAM,QAAQ,SAAS,UAAU,WAAW,OAAO;CAC1D,UAAU;CACV,cAAc;CACf,EAAE"}
|