npm - @verdaccio/ui-components - Versions diffs - 5.0.0-next-9.14 → 5.0.0-next-9.16 - Mend

@verdaccio/ui-components 5.0.0-next-9.14 → 5.0.0-next-9.16

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.

Files changed (635) hide show

package/build/Theme/ResetStyles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 declare const ResetStyles: React.FC<{
     children?: React.ReactNode;
 }>;

package/build/Theme/ResetStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResetStyles.js","names":[],"sources":["../../src/Theme/ResetStyles.tsx"],"sourcesContent":["import { GlobalStyles } from '@mui/material';\nimport React from 'react';\n\nimport type { Theme } from './theme';\n\nconst ResetStyles: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n return (\n <>\n <GlobalStyles\n styles={(theme: Theme) => ({\n 'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video':\n {\n fontFamily: '\"Roboto\", Helvetica Neue, Arial, sans-serif',\n },\n strong: {\n fontWeight: theme.fontWeight.semiBold,\n },\n 'html, body, #root': {\n height: '100%',\n },\n ul: {\n margin: 0,\n padding: 0,\n listStyle: 'none',\n },\n '.container': {\n paddingTop: 15,\n paddingBottom: 15,\n flex: 1,\n height: '100%',\n [`@media screen and (min-width: ${theme.breakPoints.container}px)`]: {\n maxWidth: theme.breakPoints.container,\n width: '100%',\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n },\n })}\n />\n {children}\n </>\n );\n};\n\nexport default ResetStyles;\n"],"mappings":";;;;;;AAKA,IAAM,eAAyD,EAAE,eAAe;~~AAC9E~~,~~QACE~~,iBAAA,GAAA,kBAAA,~~MAAA~~,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,~~KAAC~~,cAAA,cAAD,EACE,SAAS,WAAkB;EACzB,8eACE,EACE,YAAY,~~iDACb~~;~~EACH~~,QAAQ,EACN,YAAY,MAAM,WAAW,~~UAC9B~~;~~EACD~~,qBAAqB,EACnB,QAAQ,~~QACT~~;~~EACD~~,IAAI;GACF,QAAQ;GACR,SAAS;GACT,WAAW;~~GACZ~~;~~EACD~~,cAAc;GACZ,YAAY;GACZ,eAAe;GACf,MAAM;GACN,QAAQ;IACP,iCAAiC,MAAM,YAAY,UAAU,OAAO;IACnE,UAAU,MAAM,YAAY;IAC5B,OAAO;IACP,YAAY;IACZ,aAAa;~~IACd~~;~~GACF~~;~~EACF~~,GACD,CAAA,~~EACD~~,~~SACA~~,EAAA,CAAA"}
1	+ {"version":3,"file":"ResetStyles.js","names":[],"sources":["../../src/Theme/ResetStyles.tsx"],"sourcesContent":["import { GlobalStyles } from '@mui/material';\nimport React from 'react';\n\nimport type { Theme } from './theme';\n\nconst ResetStyles: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n return (\n <>\n <GlobalStyles\n styles={(theme: Theme) => ({\n 'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video':\n {\n fontFamily: '\"Roboto\", Helvetica Neue, Arial, sans-serif',\n },\n strong: {\n fontWeight: theme.fontWeight.semiBold,\n },\n 'html, body, #root': {\n height: '100%',\n },\n ul: {\n margin: 0,\n padding: 0,\n listStyle: 'none',\n },\n '.container': {\n paddingTop: 15,\n paddingBottom: 15,\n flex: 1,\n height: '100%',\n [`@media screen and (min-width: ${theme.breakPoints.container}px)`]: {\n maxWidth: theme.breakPoints.container,\n width: '100%',\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n },\n })}\n />\n {children}\n </>\n );\n};\n\nexport default ResetStyles;\n"],"mappings":";;;;;;AAKA,IAAM,eAAyD,EAAE,eAAe;CAC9E,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,cAAD,EACE,SAAS,WAAkB;EACzB,8eACE,EACE,YAAY,gDACd;EACF,QAAQ,EACN,YAAY,MAAM,WAAW,SAC/B;EACA,qBAAqB,EACnB,QAAQ,OACV;EACA,IAAI;GACF,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA,cAAc;GACZ,YAAY;GACZ,eAAe;GACf,MAAM;GACN,QAAQ;IACP,iCAAiC,MAAM,YAAY,UAAU,OAAO;IACnE,UAAU,MAAM,YAAY;IAC5B,OAAO;IACP,YAAY;IACZ,aAAa;GACf;EACF;CACF,GACD,CAAA,GACA,QACD,EAAA,CAAA;AAEN"}

package/build/Theme/ResetStyles.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ResetStyles.mjs","names":[],"sources":["../../src/Theme/ResetStyles.tsx"],"sourcesContent":["import { GlobalStyles } from '@mui/material';\nimport React from 'react';\n\nimport type { Theme } from './theme';\n\nconst ResetStyles: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n return (\n <>\n <GlobalStyles\n styles={(theme: Theme) => ({\n 'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video':\n {\n fontFamily: '\"Roboto\", Helvetica Neue, Arial, sans-serif',\n },\n strong: {\n fontWeight: theme.fontWeight.semiBold,\n },\n 'html, body, #root': {\n height: '100%',\n },\n ul: {\n margin: 0,\n padding: 0,\n listStyle: 'none',\n },\n '.container': {\n paddingTop: 15,\n paddingBottom: 15,\n flex: 1,\n height: '100%',\n [`@media screen and (min-width: ${theme.breakPoints.container}px)`]: {\n maxWidth: theme.breakPoints.container,\n width: '100%',\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n },\n })}\n />\n {children}\n </>\n );\n};\n\nexport default ResetStyles;\n"],"mappings":";;;;AAKA,IAAM,eAAyD,EAAE,eAAe;~~AAC9E~~,~~QACE~~,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,cAAD,EACE,SAAS,WAAkB;EACzB,8eACE,EACE,YAAY,~~iDACb~~;~~EACH~~,QAAQ,EACN,YAAY,MAAM,WAAW,~~UAC9B~~;~~EACD~~,qBAAqB,EACnB,QAAQ,~~QACT~~;~~EACD~~,IAAI;GACF,QAAQ;GACR,SAAS;GACT,WAAW;~~GACZ~~;~~EACD~~,cAAc;GACZ,YAAY;GACZ,eAAe;GACf,MAAM;GACN,QAAQ;IACP,iCAAiC,MAAM,YAAY,UAAU,OAAO;IACnE,UAAU,MAAM,YAAY;IAC5B,OAAO;IACP,YAAY;IACZ,aAAa;~~IACd~~;~~GACF~~;~~EACF~~,GACD,CAAA,~~EACD~~,~~SACA~~,EAAA,CAAA"}
1	+ {"version":3,"file":"ResetStyles.mjs","names":[],"sources":["../../src/Theme/ResetStyles.tsx"],"sourcesContent":["import { GlobalStyles } from '@mui/material';\nimport React from 'react';\n\nimport type { Theme } from './theme';\n\nconst ResetStyles: React.FC<{ children?: React.ReactNode }> = ({ children }) => {\n return (\n <>\n <GlobalStyles\n styles={(theme: Theme) => ({\n 'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video':\n {\n fontFamily: '\"Roboto\", Helvetica Neue, Arial, sans-serif',\n },\n strong: {\n fontWeight: theme.fontWeight.semiBold,\n },\n 'html, body, #root': {\n height: '100%',\n },\n ul: {\n margin: 0,\n padding: 0,\n listStyle: 'none',\n },\n '.container': {\n paddingTop: 15,\n paddingBottom: 15,\n flex: 1,\n height: '100%',\n [`@media screen and (min-width: ${theme.breakPoints.container}px)`]: {\n maxWidth: theme.breakPoints.container,\n width: '100%',\n marginLeft: 'auto',\n marginRight: 'auto',\n },\n },\n })}\n />\n {children}\n </>\n );\n};\n\nexport default ResetStyles;\n"],"mappings":";;;;AAKA,IAAM,eAAyD,EAAE,eAAe;CAC9E,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,cAAD,EACE,SAAS,WAAkB;EACzB,8eACE,EACE,YAAY,gDACd;EACF,QAAQ,EACN,YAAY,MAAM,WAAW,SAC/B;EACA,qBAAqB,EACnB,QAAQ,OACV;EACA,IAAI;GACF,QAAQ;GACR,SAAS;GACT,WAAW;EACb;EACA,cAAc;GACZ,YAAY;GACZ,eAAe;GACf,MAAM;GACN,QAAQ;IACP,iCAAiC,MAAM,YAAY,UAAU,OAAO;IACnE,UAAU,MAAM,YAAY;IAC5B,OAAO;IACP,YAAY;IACZ,aAAa;GACf;EACF;CACF,GACD,CAAA,GACA,QACD,EAAA,CAAA;AAEN"}

package/build/Theme/StyleBaseline.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
-import { default as React } from 'react';
+import 'normalize.css';
+import React from 'react';
 declare const StyleBaseline: React.FC;
 export default StyleBaseline;

package/build/Theme/StyleBaseline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StyleBaseline.js","names":[],"sources":["../../src/Theme/StyleBaseline.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport 'normalize.css';\nimport React from 'react';\n\nimport ResetCSS from './ResetStyles';\n\nconst StyleBaseline: React.FC = () => (\n <>\n <CssBaseline />\n <ResetCSS />\n </>\n);\n\nexport default StyleBaseline;\n"],"mappings":";;;;;;;;;AAMA,IAAM,sBACJ,iBAAA,GAAA,kBAAA,~~MAAA~~,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,~~KAAC~~,0BAAA,SAAD,~~EAAe~~,CAAA,~~EACf~~,iBAAA,GAAA,kBAAA,~~KAAC~~,oBAAA,SAAD,~~EAAY~~,CAAA,CACX,EAAA,CAAA"}
1	+ {"version":3,"file":"StyleBaseline.js","names":[],"sources":["../../src/Theme/StyleBaseline.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport 'normalize.css';\nimport React from 'react';\n\nimport ResetCSS from './ResetStyles';\n\nconst StyleBaseline: React.FC = () => (\n <>\n <CssBaseline />\n <ResetCSS />\n </>\n);\n\nexport default StyleBaseline;\n"],"mappings":";;;;;;;;;AAMA,IAAM,sBACJ,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,0BAAA,SAAD,CAAc,CAAA,GACd,iBAAA,GAAA,kBAAA,IAAA,CAAC,oBAAA,SAAD,CAAW,CAAA,CACX,EAAA,CAAA"}

package/build/Theme/StyleBaseline.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StyleBaseline.mjs","names":[],"sources":["../../src/Theme/StyleBaseline.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport 'normalize.css';\nimport React from 'react';\n\nimport ResetCSS from './ResetStyles';\n\nconst StyleBaseline: React.FC = () => (\n <>\n <CssBaseline />\n <ResetCSS />\n </>\n);\n\nexport default StyleBaseline;\n"],"mappings":";;;;;;AAMA,IAAM,sBACJ,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,aAAD,~~EAAe~~,CAAA,~~EACf~~,oBAAC,aAAD,~~EAAY~~,CAAA,CACX,EAAA,CAAA"}
1	+ {"version":3,"file":"StyleBaseline.mjs","names":[],"sources":["../../src/Theme/StyleBaseline.tsx"],"sourcesContent":["import CssBaseline from '@mui/material/CssBaseline';\nimport 'normalize.css';\nimport React from 'react';\n\nimport ResetCSS from './ResetStyles';\n\nconst StyleBaseline: React.FC = () => (\n <>\n <CssBaseline />\n <ResetCSS />\n </>\n);\n\nexport default StyleBaseline;\n"],"mappings":";;;;;;AAMA,IAAM,sBACJ,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,aAAD,CAAc,CAAA,GACd,oBAAC,aAAD,CAAW,CAAA,CACX,EAAA,CAAA"}

package/build/Theme/ThemeProvider.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 interface Props {
     isDarkMode: boolean;
     setIsDarkMode: (isDarkMode: boolean) => void;

package/build/Theme/ThemeProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.js","names":[],"sources":["../../src/Theme/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MUIThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport React, { createContext, useContext } from 'react';\n\nimport useLocalStorage from '../hooks/useLocalStorage';\nimport { useConfig } from '../providers/AppConfigurationProvider';\nimport type { ThemeMode } from './modes';\nimport { getTheme } from './theme';\n\ninterface Props {\n isDarkMode: boolean;\n setIsDarkMode: (isDarkMode: boolean) => void;\n}\n\nconst ThemeContext = createContext<undefined \| Props>(undefined);\n\nfunction getDarkModeDefault(darkModeConfig?: boolean) {\n const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;\n if (typeof darkModeConfig === 'boolean') {\n return darkModeConfig;\n } else {\n return prefersDarkMode;\n }\n}\n\nconst ThemeProvider: React.FC<{ children: any }> = ({ children }) => {\n const { configOptions } = useConfig();\n const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);\n const isSwitchThemeEnabled = configOptions.showThemeSwitch;\n const [isDarkModeStorage, setIsDarkMode] = useLocalStorage('darkMode', isDarkModeDefault);\n const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;\n const themeMode: ThemeMode = isDarkMode ? 'dark' : 'light';\n\n const currentTheme = getTheme(themeMode, configOptions.primaryColor);\n\n return (\n <ThemeContext.Provider value={{ isDarkMode, setIsDarkMode }}>\n <StyledEngineProvider injectFirst={true}>\n <MUIThemeProvider theme={currentTheme}>{children}</MUIThemeProvider>\n </StyledEngineProvider>\n </ThemeContext.Provider>\n );\n};\n\nexport const useCustomTheme = () => useContext(ThemeContext);\n\nexport { ThemeProvider };\n"],"mappings":";;;;;;;;;;AAaA,IAAM,gBAAA,GAAA,MAAA,~~eAAgD~~,KAAA,~~EAAU~~;~~AAEhE~~,SAAS,mBAAmB,gBAA0B;CACpD,MAAM,kBAAkB,OAAO,aAAa,~~8BAA8B~~,CAAC;~~AAC3E~~,~~KAAI~~,OAAO,mBAAmB,~~UAC5B~~,~~QAAO~~;~~KAEP~~,~~QAAO;;AAIX~~,IAAM,iBAA8C,EAAE,eAAe;CACnE,MAAM,EAAE,kBAAkB,iCAAA,~~WAAW~~;~~CACrC~~,MAAM,oBAAoB,mBAAmB,cAAc,~~SAAS~~;~~CACpE~~,MAAM,uBAAuB,cAAc;CAC3C,MAAM,CAAC,mBAAmB,iBAAiB,wBAAA,QAAgB,YAAY,~~kBAAkB~~;~~CACzF~~,MAAM,aAAa,yBAAyB,OAAO,oBAAoB;CAGvE,MAAM,eAAe,cAAA,SAFQ,aAAa,SAAS,SAEV,cAAc,~~aAAa~~;~~AAEpE~~,~~QACE~~,iBAAA,GAAA,kBAAA,~~KAAC~~,aAAa,UAAd;EAAuB,OAAO;GAAE;GAAY;~~GAAe~~;~~YACzD~~,iBAAA,GAAA,kBAAA,~~KAAC~~,qBAAA,sBAAD;GAAsB,aAAa;aACjC,iBAAA,GAAA,kBAAA,~~KAAC~~,qBAAA,eAAD;IAAkB,OAAO;IAAe;~~IAA4B~~,CAAA;~~GAC~~/C,CAAA;~~EACD~~,CAAA~~;;AAI5B~~,IAAa,wBAAA,GAAA,MAAA,~~YAAkC~~,~~aAAa~~"}
1	+ {"version":3,"file":"ThemeProvider.js","names":[],"sources":["../../src/Theme/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MUIThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport React, { createContext, useContext } from 'react';\n\nimport useLocalStorage from '../hooks/useLocalStorage';\nimport { useConfig } from '../providers/AppConfigurationProvider';\nimport type { ThemeMode } from './modes';\nimport { getTheme } from './theme';\n\ninterface Props {\n isDarkMode: boolean;\n setIsDarkMode: (isDarkMode: boolean) => void;\n}\n\nconst ThemeContext = createContext<undefined \| Props>(undefined);\n\nfunction getDarkModeDefault(darkModeConfig?: boolean) {\n const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;\n if (typeof darkModeConfig === 'boolean') {\n return darkModeConfig;\n } else {\n return prefersDarkMode;\n }\n}\n\nconst ThemeProvider: React.FC<{ children: any }> = ({ children }) => {\n const { configOptions } = useConfig();\n const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);\n const isSwitchThemeEnabled = configOptions.showThemeSwitch;\n const [isDarkModeStorage, setIsDarkMode] = useLocalStorage('darkMode', isDarkModeDefault);\n const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;\n const themeMode: ThemeMode = isDarkMode ? 'dark' : 'light';\n\n const currentTheme = getTheme(themeMode, configOptions.primaryColor);\n\n return (\n <ThemeContext.Provider value={{ isDarkMode, setIsDarkMode }}>\n <StyledEngineProvider injectFirst={true}>\n <MUIThemeProvider theme={currentTheme}>{children}</MUIThemeProvider>\n </StyledEngineProvider>\n </ThemeContext.Provider>\n );\n};\n\nexport const useCustomTheme = () => useContext(ThemeContext);\n\nexport { ThemeProvider };\n"],"mappings":";;;;;;;;;;AAaA,IAAM,gBAAA,GAAA,MAAA,cAAA,CAAgD,KAAA,CAAS;AAE/D,SAAS,mBAAmB,gBAA0B;CACpD,MAAM,kBAAkB,OAAO,aAAa,6BAA6B,CAAC,CAAC;CAC3E,IAAI,OAAO,mBAAmB,WAC5B,OAAO;MAEP,OAAO;AAEX;AAEA,IAAM,iBAA8C,EAAE,eAAe;CACnE,MAAM,EAAE,kBAAkB,iCAAA,UAAU;CACpC,MAAM,oBAAoB,mBAAmB,cAAc,QAAQ;CACnE,MAAM,uBAAuB,cAAc;CAC3C,MAAM,CAAC,mBAAmB,iBAAiB,wBAAA,QAAgB,YAAY,iBAAiB;CACxF,MAAM,aAAa,yBAAyB,OAAO,oBAAoB;CAGvE,MAAM,eAAe,cAAA,SAFQ,aAAa,SAAS,SAEV,cAAc,YAAY;CAEnE,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAa,UAAd;EAAuB,OAAO;GAAE;GAAY;EAAc;YACxD,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,sBAAD;GAAsB,aAAa;aACjC,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,eAAD;IAAkB,OAAO;IAAe;GAA2B,CAAA;EAC/C,CAAA;CACD,CAAA;AAE3B;AAEA,IAAa,wBAAA,GAAA,MAAA,WAAA,CAAkC,YAAY"}

package/build/Theme/ThemeProvider.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThemeProvider.mjs","names":[],"sources":["../../src/Theme/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MUIThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport React, { createContext, useContext } from 'react';\n\nimport useLocalStorage from '../hooks/useLocalStorage';\nimport { useConfig } from '../providers/AppConfigurationProvider';\nimport type { ThemeMode } from './modes';\nimport { getTheme } from './theme';\n\ninterface Props {\n isDarkMode: boolean;\n setIsDarkMode: (isDarkMode: boolean) => void;\n}\n\nconst ThemeContext = createContext<undefined \| Props>(undefined);\n\nfunction getDarkModeDefault(darkModeConfig?: boolean) {\n const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;\n if (typeof darkModeConfig === 'boolean') {\n return darkModeConfig;\n } else {\n return prefersDarkMode;\n }\n}\n\nconst ThemeProvider: React.FC<{ children: any }> = ({ children }) => {\n const { configOptions } = useConfig();\n const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);\n const isSwitchThemeEnabled = configOptions.showThemeSwitch;\n const [isDarkModeStorage, setIsDarkMode] = useLocalStorage('darkMode', isDarkModeDefault);\n const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;\n const themeMode: ThemeMode = isDarkMode ? 'dark' : 'light';\n\n const currentTheme = getTheme(themeMode, configOptions.primaryColor);\n\n return (\n <ThemeContext.Provider value={{ isDarkMode, setIsDarkMode }}>\n <StyledEngineProvider injectFirst={true}>\n <MUIThemeProvider theme={currentTheme}>{children}</MUIThemeProvider>\n </StyledEngineProvider>\n </ThemeContext.Provider>\n );\n};\n\nexport const useCustomTheme = () => useContext(ThemeContext);\n\nexport { ThemeProvider };\n"],"mappings":";;;;;;;;AAaA,IAAM,eAAe,cAAiC,KAAA,~~EAAU~~;~~AAEhE~~,SAAS,mBAAmB,gBAA0B;CACpD,MAAM,kBAAkB,OAAO,aAAa,~~8BAA8B~~,CAAC;~~AAC3E~~,~~KAAI~~,OAAO,mBAAmB,~~UAC5B~~,~~QAAO~~;~~KAEP~~,~~QAAO;;AAIX~~,IAAM,mBAA8C,EAAE,eAAe;CACnE,MAAM,EAAE,kBAAkB,~~WAAW~~;~~CACrC~~,MAAM,oBAAoB,mBAAmB,cAAc,~~SAAS~~;~~CACpE~~,MAAM,uBAAuB,cAAc;CAC3C,MAAM,CAAC,mBAAmB,iBAAiB,gBAAgB,YAAY,~~kBAAkB~~;~~CACzF~~,MAAM,aAAa,yBAAyB,OAAO,oBAAoB;CAGvE,MAAM,eAAe,SAFQ,aAAa,SAAS,SAEV,cAAc,~~aAAa~~;~~AAEpE~~,~~QACE~~,oBAAC,aAAa,UAAd;EAAuB,OAAO;GAAE;GAAY;~~GAAe~~;~~YACzD~~,oBAAC,sBAAD;GAAsB,aAAa;aACjC,oBAAC,eAAD;IAAkB,OAAO;IAAe;~~IAA4B~~,CAAA;~~GAC~~/C,CAAA;~~EACD~~,CAAA~~;;AAI5B~~,IAAa,uBAAuB,WAAW,~~aAAa~~"}
1	+ {"version":3,"file":"ThemeProvider.mjs","names":[],"sources":["../../src/Theme/ThemeProvider.tsx"],"sourcesContent":["import { ThemeProvider as MUIThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport React, { createContext, useContext } from 'react';\n\nimport useLocalStorage from '../hooks/useLocalStorage';\nimport { useConfig } from '../providers/AppConfigurationProvider';\nimport type { ThemeMode } from './modes';\nimport { getTheme } from './theme';\n\ninterface Props {\n isDarkMode: boolean;\n setIsDarkMode: (isDarkMode: boolean) => void;\n}\n\nconst ThemeContext = createContext<undefined \| Props>(undefined);\n\nfunction getDarkModeDefault(darkModeConfig?: boolean) {\n const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;\n if (typeof darkModeConfig === 'boolean') {\n return darkModeConfig;\n } else {\n return prefersDarkMode;\n }\n}\n\nconst ThemeProvider: React.FC<{ children: any }> = ({ children }) => {\n const { configOptions } = useConfig();\n const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);\n const isSwitchThemeEnabled = configOptions.showThemeSwitch;\n const [isDarkModeStorage, setIsDarkMode] = useLocalStorage('darkMode', isDarkModeDefault);\n const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;\n const themeMode: ThemeMode = isDarkMode ? 'dark' : 'light';\n\n const currentTheme = getTheme(themeMode, configOptions.primaryColor);\n\n return (\n <ThemeContext.Provider value={{ isDarkMode, setIsDarkMode }}>\n <StyledEngineProvider injectFirst={true}>\n <MUIThemeProvider theme={currentTheme}>{children}</MUIThemeProvider>\n </StyledEngineProvider>\n </ThemeContext.Provider>\n );\n};\n\nexport const useCustomTheme = () => useContext(ThemeContext);\n\nexport { ThemeProvider };\n"],"mappings":";;;;;;;;AAaA,IAAM,eAAe,cAAiC,KAAA,CAAS;AAE/D,SAAS,mBAAmB,gBAA0B;CACpD,MAAM,kBAAkB,OAAO,aAAa,6BAA6B,CAAC,CAAC;CAC3E,IAAI,OAAO,mBAAmB,WAC5B,OAAO;MAEP,OAAO;AAEX;AAEA,IAAM,mBAA8C,EAAE,eAAe;CACnE,MAAM,EAAE,kBAAkB,UAAU;CACpC,MAAM,oBAAoB,mBAAmB,cAAc,QAAQ;CACnE,MAAM,uBAAuB,cAAc;CAC3C,MAAM,CAAC,mBAAmB,iBAAiB,gBAAgB,YAAY,iBAAiB;CACxF,MAAM,aAAa,yBAAyB,OAAO,oBAAoB;CAGvE,MAAM,eAAe,SAFQ,aAAa,SAAS,SAEV,cAAc,YAAY;CAEnE,OACE,oBAAC,aAAa,UAAd;EAAuB,OAAO;GAAE;GAAY;EAAc;YACxD,oBAAC,sBAAD;GAAsB,aAAa;aACjC,oBAAC,eAAD;IAAkB,OAAO;IAAe;GAA2B,CAAA;EAC/C,CAAA;CACD,CAAA;AAE3B;AAEA,IAAa,uBAAuB,WAAW,YAAY"}

package/build/Theme/colors.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ export declare const baseColors: {
         readonly main: "#4b5e40";
     };
     readonly secondary: {
-        readonly main: "#20232a";
+        readonly main: '#20232a';
     };
 };
 export declare const greyDark: "#212121";

package/build/Theme/colors.js CHANGED Viewed

@@ -26,6 +26,7 @@ Object.defineProperty(exports, "colors_exports", {
 	}
 });
 exports.greyDark = greyDark;
+exports.greyLight = greyLight;
 exports.greyMedium = greyMedium;
 //# sourceMappingURL=colors.js.map

package/build/Theme/colors.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colors.js","names":[],"sources":["../../src/Theme/colors.ts"],"sourcesContent":["import { grey } from '@mui/material/colors';\n\nexport const PRIMARY_COLOR = '#4b5e40';\n\nexport const baseColors = {\n primary: {\n main: PRIMARY_COLOR,\n },\n secondary: {\n main: '#20232a',\n },\n} as const;\n\nexport const greyDark = grey[900];\nexport const greyMedium = grey[700];\nexport const greyLight = grey[200];\n"],"mappings":";;;;;;;;;;AAEA,IAAa,gBAAgB;AAE7B,IAAa,aAAa;CACxB,SAAS,EACP,MAAM,~~eACP~~;~~CACD~~,WAAW,EACT,MAAM,~~WACP~~;~~CACF~~;~~AAED~~,IAAa,WAAW,qBAAA,KAAK;AAC7B,IAAa,aAAa,qBAAA,KAAK;AAC/B,IAAa,YAAY,qBAAA,KAAK"}
1	+ {"version":3,"file":"colors.js","names":[],"sources":["../../src/Theme/colors.ts"],"sourcesContent":["import { grey } from '@mui/material/colors';\n\nexport const PRIMARY_COLOR = '#4b5e40';\n\nexport const baseColors = {\n primary: {\n main: PRIMARY_COLOR,\n },\n secondary: {\n main: '#20232a',\n },\n} as const;\n\nexport const greyDark = grey[900];\nexport const greyMedium = grey[700];\nexport const greyLight = grey[200];\n"],"mappings":";;;;;;;;;;AAEA,IAAa,gBAAgB;AAE7B,IAAa,aAAa;CACxB,SAAS,EACP,MAAM,cACR;CACA,WAAW,EACT,MAAM,UACR;AACF;AAEA,IAAa,WAAW,qBAAA,KAAK;AAC7B,IAAa,aAAa,qBAAA,KAAK;AAC/B,IAAa,YAAY,qBAAA,KAAK"}

package/build/Theme/colors.mjs CHANGED Viewed

@@ -17,6 +17,6 @@ var greyDark = grey[900];
 var greyMedium = grey[700];
 var greyLight = grey[200];
 //#endregion
-export { PRIMARY_COLOR, baseColors, colors_exports, greyDark, greyMedium };
+export { PRIMARY_COLOR, baseColors, colors_exports, greyDark, greyLight, greyMedium };
 //# sourceMappingURL=colors.mjs.map

package/build/Theme/colors.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"colors.mjs","names":[],"sources":["../../src/Theme/colors.ts"],"sourcesContent":["import { grey } from '@mui/material/colors';\n\nexport const PRIMARY_COLOR = '#4b5e40';\n\nexport const baseColors = {\n primary: {\n main: PRIMARY_COLOR,\n },\n secondary: {\n main: '#20232a',\n },\n} as const;\n\nexport const greyDark = grey[900];\nexport const greyMedium = grey[700];\nexport const greyLight = grey[200];\n"],"mappings":";;;;;;;;;;AAEA,IAAa,gBAAgB;AAE7B,IAAa,aAAa;CACxB,SAAS,EACP,MAAM,~~eACP~~;~~CACD~~,WAAW,EACT,MAAM,~~WACP~~;~~CACF~~;~~AAED~~,IAAa,WAAW,KAAK;AAC7B,IAAa,aAAa,KAAK;AAC/B,IAAa,YAAY,KAAK"}
1	+ {"version":3,"file":"colors.mjs","names":[],"sources":["../../src/Theme/colors.ts"],"sourcesContent":["import { grey } from '@mui/material/colors';\n\nexport const PRIMARY_COLOR = '#4b5e40';\n\nexport const baseColors = {\n primary: {\n main: PRIMARY_COLOR,\n },\n secondary: {\n main: '#20232a',\n },\n} as const;\n\nexport const greyDark = grey[900];\nexport const greyMedium = grey[700];\nexport const greyLight = grey[200];\n"],"mappings":";;;;;;;;;;AAEA,IAAa,gBAAgB;AAE7B,IAAa,aAAa;CACxB,SAAS,EACP,MAAM,cACR;CACA,WAAW,EACT,MAAM,UACR;AACF;AAEA,IAAa,WAAW,KAAK;AAC7B,IAAa,aAAa,KAAK;AAC/B,IAAa,YAAY,KAAK"}

package/build/Theme/index.js CHANGED Viewed

@@ -1,5 +1,19 @@
-require("./colors.js");
-require("./tokens.js");
-require("./theme.js");
-require("./ThemeProvider.js");
-require("./StyleBaseline.js");
+const require_colors = require("./colors.js");
+const require_tokens = require("./tokens.js");
+const require_theme = require("./theme.js");
+const require_ThemeProvider = require("./ThemeProvider.js");
+const require_StyleBaseline = require("./StyleBaseline.js");
+exports.StyleBaseline = require_StyleBaseline.default;
+exports.ThemeProvider = require_ThemeProvider.ThemeProvider;
+exports.breakPoints = require_tokens.breakPoints;
+Object.defineProperty(exports, "colors", {
+	enumerable: true,
+	get: function() {
+		return require_colors.colors_exports;
+	}
+});
+exports.customizedTheme = require_tokens.customizedTheme;
+exports.fontSize = require_tokens.fontSize;
+exports.fontWeight = require_tokens.fontWeight;
+exports.getTheme = require_theme.getTheme;
+exports.useCustomTheme = require_ThemeProvider.useCustomTheme;

package/build/Theme/index.mjs CHANGED Viewed

@@ -1,5 +1,6 @@
-import "./colors.mjs";
-import "./tokens.mjs";
-import "./theme.mjs";
-import "./ThemeProvider.mjs";
-import "./StyleBaseline.mjs";
+import { colors_exports } from "./colors.mjs";
+import { breakPoints, customizedTheme, fontSize, fontWeight } from "./tokens.mjs";
+import { getTheme } from "./theme.mjs";
+import { ThemeProvider, useCustomTheme } from "./ThemeProvider.mjs";
+import StyleBaseline from "./StyleBaseline.mjs";
+export { StyleBaseline, ThemeProvider, breakPoints, colors_exports as colors, customizedTheme, fontSize, fontWeight, getTheme, useCustomTheme };

package/build/Theme/modes.d.ts CHANGED Viewed

@@ -1,15 +1,15 @@
-import { PaletteOptions } from '@mui/material/styles';
+import type { PaletteOptions } from '@mui/material/styles';
 export type ThemeMode = 'light' | 'dark';
 export declare const customPaletteColors: {
-    readonly black: "#000";
-    readonly cyanBlue: "#253341";
-    readonly greyLight: "#d3d3d3";
-    readonly greyLight2: "#908ba1";
-    readonly greyDark2: "#586069";
-    readonly greyGainsboro: "#e3e3e3";
-    readonly greyAthens: "#d3dddd";
-    readonly snow: "#f9f9f9";
-    readonly love: "#e25555";
-    readonly nobel01: "#999999";
+    readonly black: '#000';
+    readonly cyanBlue: '#253341';
+    readonly greyLight: '#d3d3d3';
+    readonly greyLight2: '#908ba1';
+    readonly greyDark2: '#586069';
+    readonly greyGainsboro: '#e3e3e3';
+    readonly greyAthens: '#d3dddd';
+    readonly snow: '#f9f9f9';
+    readonly love: '#e25555';
+    readonly nobel01: '#999999';
 };
 export declare const getModePalette: (mode: ThemeMode, primaryColor?: string) => PaletteOptions;

package/build/Theme/modes.js CHANGED Viewed

@@ -1,4 +1,3 @@
-require("../_virtual/_rolldown/runtime.js");
 const require_colors = require("./colors.js");
 let _mui_material_colors = require("@mui/material/colors");
 //#region src/Theme/modes.ts
@@ -40,6 +39,7 @@ var getModePalette = (mode, primaryColor) => {
 	};
 };
 //#endregion
+exports.customPaletteColors = customPaletteColors;
 exports.getModePalette = getModePalette;
 //# sourceMappingURL=modes.js.map

package/build/Theme/modes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modes.js","names":[],"sources":["../../src/Theme/modes.ts"],"sourcesContent":["import { common } from '@mui/material/colors';\nimport type { PaletteOptions } from '@mui/material/styles';\n\nimport { baseColors } from './colors';\n\nexport type ThemeMode = 'light' \| 'dark';\n\nexport const customPaletteColors = {\n black: '#000',\n cyanBlue: '#253341',\n greyLight: '#d3d3d3',\n greyLight2: '#908ba1',\n greyDark2: '#586069',\n greyGainsboro: '#e3e3e3',\n greyAthens: '#d3dddd',\n snow: '#f9f9f9',\n love: '#e25555',\n nobel01: '#999999',\n} as const;\n\nconst DARK_MODE_PRIMARY = common.white;\n\nexport const getModePalette = (mode: ThemeMode, primaryColor?: string): PaletteOptions => {\n const basePrimary = primaryColor \|\| baseColors.primary.main;\n const primary = mode === 'dark' ? { main: DARK_MODE_PRIMARY } : { main: basePrimary };\n\n if (mode === 'dark') {\n return {\n mode,\n primary,\n secondary: { main: '#424242' },\n background: {\n default: '#1a202c',\n paper: '#2d3748',\n },\n ...customPaletteColors,\n };\n }\n\n return {\n mode,\n primary,\n secondary: baseColors.secondary,\n background: {\n default: '#f4f4f4',\n paper: '#ffffff',\n },\n ...customPaletteColors,\n };\n};\n"],"mappings":"~~;;;;~~AAOA,IAAa,sBAAsB;CACjC,OAAO;CACP,UAAU;CACV,WAAW;CACX,YAAY;CACZ,WAAW;CACX,eAAe;CACf,YAAY;CACZ,MAAM;CACN,MAAM;CACN,SAAS;~~CACV~~;~~AAED~~,IAAM,oBAAoB,qBAAA,OAAO;AAEjC,IAAa,kBAAkB,MAAiB,iBAA0C;CACxF,MAAM,cAAc,gBAAgB,eAAA,WAAW,QAAQ;CACvD,MAAM,UAAU,SAAS,SAAS,EAAE,MAAM,~~mBAAmB~~,~~GAAG~~,EAAE,MAAM,~~aAAa~~;~~AAErF~~,~~KAAI~~,SAAS,~~OACX~~,~~QAAO~~;EACL;EACA;EACA,WAAW,EAAE,MAAM,~~WAAW~~;~~EAC9B~~,YAAY;GACV,SAAS;GACT,OAAO;~~GACR~~;~~EACD~~,GAAG;~~EACJ~~;~~AAGH~~,~~QAAO~~;EACL;EACA;EACA,WAAW,eAAA,WAAW;EACtB,YAAY;GACV,SAAS;GACT,OAAO;~~GACR~~;~~EACD~~,GAAG;~~EACJ~~"}
1	+ {"version":3,"file":"modes.js","names":[],"sources":["../../src/Theme/modes.ts"],"sourcesContent":["import { common } from '@mui/material/colors';\nimport type { PaletteOptions } from '@mui/material/styles';\n\nimport { baseColors } from './colors';\n\nexport type ThemeMode = 'light' \| 'dark';\n\nexport const customPaletteColors = {\n black: '#000',\n cyanBlue: '#253341',\n greyLight: '#d3d3d3',\n greyLight2: '#908ba1',\n greyDark2: '#586069',\n greyGainsboro: '#e3e3e3',\n greyAthens: '#d3dddd',\n snow: '#f9f9f9',\n love: '#e25555',\n nobel01: '#999999',\n} as const;\n\nconst DARK_MODE_PRIMARY = common.white;\n\nexport const getModePalette = (mode: ThemeMode, primaryColor?: string): PaletteOptions => {\n const basePrimary = primaryColor \|\| baseColors.primary.main;\n const primary = mode === 'dark' ? { main: DARK_MODE_PRIMARY } : { main: basePrimary };\n\n if (mode === 'dark') {\n return {\n mode,\n primary,\n secondary: { main: '#424242' },\n background: {\n default: '#1a202c',\n paper: '#2d3748',\n },\n ...customPaletteColors,\n };\n }\n\n return {\n mode,\n primary,\n secondary: baseColors.secondary,\n background: {\n default: '#f4f4f4',\n paper: '#ffffff',\n },\n ...customPaletteColors,\n };\n};\n"],"mappings":";;;AAOA,IAAa,sBAAsB;CACjC,OAAO;CACP,UAAU;CACV,WAAW;CACX,YAAY;CACZ,WAAW;CACX,eAAe;CACf,YAAY;CACZ,MAAM;CACN,MAAM;CACN,SAAS;AACX;AAEA,IAAM,oBAAoB,qBAAA,OAAO;AAEjC,IAAa,kBAAkB,MAAiB,iBAA0C;CACxF,MAAM,cAAc,gBAAgB,eAAA,WAAW,QAAQ;CACvD,MAAM,UAAU,SAAS,SAAS,EAAE,MAAM,kBAAkB,IAAI,EAAE,MAAM,YAAY;CAEpF,IAAI,SAAS,QACX,OAAO;EACL;EACA;EACA,WAAW,EAAE,MAAM,UAAU;EAC7B,YAAY;GACV,SAAS;GACT,OAAO;EACT;EACA,GAAG;CACL;CAGF,OAAO;EACL;EACA;EACA,WAAW,eAAA,WAAW;EACtB,YAAY;GACV,SAAS;GACT,OAAO;EACT;EACA,GAAG;CACL;AACF"}

package/build/Theme/modes.mjs CHANGED Viewed

@@ -39,6 +39,6 @@ var getModePalette = (mode, primaryColor) => {
 	};
 };
 //#endregion
-export { getModePalette };
+export { customPaletteColors, getModePalette };
 //# sourceMappingURL=modes.mjs.map

package/build/Theme/modes.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modes.mjs","names":[],"sources":["../../src/Theme/modes.ts"],"sourcesContent":["import { common } from '@mui/material/colors';\nimport type { PaletteOptions } from '@mui/material/styles';\n\nimport { baseColors } from './colors';\n\nexport type ThemeMode = 'light' \| 'dark';\n\nexport const customPaletteColors = {\n black: '#000',\n cyanBlue: '#253341',\n greyLight: '#d3d3d3',\n greyLight2: '#908ba1',\n greyDark2: '#586069',\n greyGainsboro: '#e3e3e3',\n greyAthens: '#d3dddd',\n snow: '#f9f9f9',\n love: '#e25555',\n nobel01: '#999999',\n} as const;\n\nconst DARK_MODE_PRIMARY = common.white;\n\nexport const getModePalette = (mode: ThemeMode, primaryColor?: string): PaletteOptions => {\n const basePrimary = primaryColor \|\| baseColors.primary.main;\n const primary = mode === 'dark' ? { main: DARK_MODE_PRIMARY } : { main: basePrimary };\n\n if (mode === 'dark') {\n return {\n mode,\n primary,\n secondary: { main: '#424242' },\n background: {\n default: '#1a202c',\n paper: '#2d3748',\n },\n ...customPaletteColors,\n };\n }\n\n return {\n mode,\n primary,\n secondary: baseColors.secondary,\n background: {\n default: '#f4f4f4',\n paper: '#ffffff',\n },\n ...customPaletteColors,\n };\n};\n"],"mappings":";;;AAOA,IAAa,sBAAsB;CACjC,OAAO;CACP,UAAU;CACV,WAAW;CACX,YAAY;CACZ,WAAW;CACX,eAAe;CACf,YAAY;CACZ,MAAM;CACN,MAAM;CACN,SAAS;~~CACV~~;~~AAED~~,IAAM,oBAAoB,OAAO;AAEjC,IAAa,kBAAkB,MAAiB,iBAA0C;CACxF,MAAM,cAAc,gBAAgB,WAAW,QAAQ;CACvD,MAAM,UAAU,SAAS,SAAS,EAAE,MAAM,~~mBAAmB~~,~~GAAG~~,EAAE,MAAM,~~aAAa~~;~~AAErF~~,~~KAAI~~,SAAS,~~OACX~~,~~QAAO~~;EACL;EACA;EACA,WAAW,EAAE,MAAM,~~WAAW~~;~~EAC9B~~,YAAY;GACV,SAAS;GACT,OAAO;~~GACR~~;~~EACD~~,GAAG;~~EACJ~~;~~AAGH~~,~~QAAO~~;EACL;EACA;EACA,WAAW,WAAW;EACtB,YAAY;GACV,SAAS;GACT,OAAO;~~GACR~~;~~EACD~~,GAAG;~~EACJ~~"}
1	+ {"version":3,"file":"modes.mjs","names":[],"sources":["../../src/Theme/modes.ts"],"sourcesContent":["import { common } from '@mui/material/colors';\nimport type { PaletteOptions } from '@mui/material/styles';\n\nimport { baseColors } from './colors';\n\nexport type ThemeMode = 'light' \| 'dark';\n\nexport const customPaletteColors = {\n black: '#000',\n cyanBlue: '#253341',\n greyLight: '#d3d3d3',\n greyLight2: '#908ba1',\n greyDark2: '#586069',\n greyGainsboro: '#e3e3e3',\n greyAthens: '#d3dddd',\n snow: '#f9f9f9',\n love: '#e25555',\n nobel01: '#999999',\n} as const;\n\nconst DARK_MODE_PRIMARY = common.white;\n\nexport const getModePalette = (mode: ThemeMode, primaryColor?: string): PaletteOptions => {\n const basePrimary = primaryColor \|\| baseColors.primary.main;\n const primary = mode === 'dark' ? { main: DARK_MODE_PRIMARY } : { main: basePrimary };\n\n if (mode === 'dark') {\n return {\n mode,\n primary,\n secondary: { main: '#424242' },\n background: {\n default: '#1a202c',\n paper: '#2d3748',\n },\n ...customPaletteColors,\n };\n }\n\n return {\n mode,\n primary,\n secondary: baseColors.secondary,\n background: {\n default: '#f4f4f4',\n paper: '#ffffff',\n },\n ...customPaletteColors,\n };\n};\n"],"mappings":";;;AAOA,IAAa,sBAAsB;CACjC,OAAO;CACP,UAAU;CACV,WAAW;CACX,YAAY;CACZ,WAAW;CACX,eAAe;CACf,YAAY;CACZ,MAAM;CACN,MAAM;CACN,SAAS;AACX;AAEA,IAAM,oBAAoB,OAAO;AAEjC,IAAa,kBAAkB,MAAiB,iBAA0C;CACxF,MAAM,cAAc,gBAAgB,WAAW,QAAQ;CACvD,MAAM,UAAU,SAAS,SAAS,EAAE,MAAM,kBAAkB,IAAI,EAAE,MAAM,YAAY;CAEpF,IAAI,SAAS,QACX,OAAO;EACL;EACA;EACA,WAAW,EAAE,MAAM,UAAU;EAC7B,YAAY;GACV,SAAS;GACT,OAAO;EACT;EACA,GAAG;CACL;CAGF,OAAO;EACL;EACA;EACA,WAAW,WAAW;EACtB,YAAY;GACV,SAAS;GACT,OAAO;EACT;EACA,GAAG;CACL;AACF"}

package/build/Theme/theme.d.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import { Theme as MuiTheme } from '@mui/material/styles';
-import { ThemeMode } from './modes';
-import { CustomTheme, CustomizedTheme } from './tokens';
+import type { Theme as MuiTheme } from '@mui/material/styles';
+import type { ThemeMode } from './modes';
+import type { CustomTheme, CustomizedTheme } from './tokens';
 export type Theme = MuiTheme & CustomizedTheme;
 declare module '@mui/material/styles' {
-    interface Theme extends CustomTheme {
+    interface Theme extends CustomTheme, CustomizedTheme {
     }
     interface ThemeOptions extends CustomTheme {
     }
@@ -32,10 +32,4 @@ declare module '@mui/material/styles' {
         nobel01?: string;
     }
 }
-declare module '@mui/material/styles/createTheme' {
-    interface Theme extends CustomizedTheme {
-    }
-    interface DeprecatedThemeOptions extends CustomizedTheme {
-    }
-}
 export declare const getTheme: (mode: ThemeMode, primaryColor?: string) => Theme;

package/build/Theme/theme.js CHANGED Viewed

@@ -1,4 +1,3 @@
-require("../_virtual/_rolldown/runtime.js");
 const require_modes = require("./modes.js");
 const require_tokens = require("./tokens.js");
 let _mui_material_styles = require("@mui/material/styles");

package/build/Theme/theme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.js","names":[],"sources":["../../src/Theme/theme.ts"],"sourcesContent":["import type { Theme as MuiTheme } from '@mui/material/styles';\nimport { createTheme } from '@mui/material/styles';\n\nimport type { ThemeMode } from './modes';\nimport { getModePalette } from './modes';\nimport type { CustomTheme, CustomizedTheme } from './tokens';\nimport { customizedTheme } from './tokens';\n\nexport type Theme = MuiTheme & CustomizedTheme;\n\ndeclare module '@mui/material/styles' {\n interface Theme extends CustomTheme {}\n interface ThemeOptions extends CustomTheme {}\n interface Palette {\n black: string;\n cyanBlue: string;\n greyLight: string;\n greyLight2: string;\n greyDark2: string;\n greyGainsboro: string;\n greyAthens: string;\n snow: string;\n love: string;\n nobel01: string;\n }\n interface PaletteOptions {\n black?: string;\n cyanBlue?: string;\n greyLight?: string;\n greyLight2?: string;\n greyDark2?: string;\n greyGainsboro?: string;\n greyAthens?: string;\n snow?: string;\n love?: string;\n nobel01?: string;\n }\n}\n\~~ndeclare module '@mui/material/styles/createTheme' {\n interface Theme extends CustomizedTheme {}\n\n interface DeprecatedThemeOptions extends CustomizedTheme {}\n}\n\~~nexport const getTheme = (mode: ThemeMode, primaryColor?: string): Theme => {\n return createTheme({\n palette: getModePalette(mode, primaryColor),\n\n typography: {\n fontFamily: [\n '-apple-system',\n 'BlinkMacSystemFont',\n '\"Helvetica Neue\"',\n 'Arial',\n 'sans-serif',\n ].join(','),\n },\n\n components: {\n MuiPaper: {\n styleOverrides: {\n root: {\n backgroundImage: 'unset',\n },\n },\n },\n },\n\n ...customizedTheme,\n });\n};\n"],"mappings":"~~;;;;;AA6CA~~,IAAa,YAAY,MAAiB,iBAAiC;~~AACzE~~,~~SAAA~~,GAAA,qBAAA,~~aAAmB~~;EACjB,SAAS,cAAA,eAAe,MAAM,~~aAAa~~;~~EAE3C~~,YAAY,EACV,YAAY;GACV;GACA;GACA;GACA;GACA;~~GACD~~,CAAC,KAAK,~~IAAI~~,EACZ;~~EAED~~,YAAY,EACV,UAAU,EACR,gBAAgB,EACd,MAAM,EACJ,iBAAiB,~~SAClB~~,EACF,EACF,EACF;~~EAED~~,GAAG,eAAA;~~EACJ~~,CAAC"}
1	+ {"version":3,"file":"theme.js","names":[],"sources":["../../src/Theme/theme.ts"],"sourcesContent":["import type { Theme as MuiTheme } from '@mui/material/styles';\nimport { createTheme } from '@mui/material/styles';\n\nimport type { ThemeMode } from './modes';\nimport { getModePalette } from './modes';\nimport type { CustomTheme, CustomizedTheme } from './tokens';\nimport { customizedTheme } from './tokens';\n\nexport type Theme = MuiTheme & CustomizedTheme;\n\ndeclare module '@mui/material/styles' {\n interface Theme extends CustomTheme, CustomizedTheme {}\n interface ThemeOptions extends CustomTheme {}\n interface Palette {\n black: string;\n cyanBlue: string;\n greyLight: string;\n greyLight2: string;\n greyDark2: string;\n greyGainsboro: string;\n greyAthens: string;\n snow: string;\n love: string;\n nobel01: string;\n }\n interface PaletteOptions {\n black?: string;\n cyanBlue?: string;\n greyLight?: string;\n greyLight2?: string;\n greyDark2?: string;\n greyGainsboro?: string;\n greyAthens?: string;\n snow?: string;\n love?: string;\n nobel01?: string;\n }\n}\n\nexport const getTheme = (mode: ThemeMode, primaryColor?: string): Theme => {\n return createTheme({\n palette: getModePalette(mode, primaryColor),\n\n typography: {\n fontFamily: [\n '-apple-system',\n 'BlinkMacSystemFont',\n '\"Helvetica Neue\"',\n 'Arial',\n 'sans-serif',\n ].join(','),\n },\n\n components: {\n MuiPaper: {\n styleOverrides: {\n root: {\n backgroundImage: 'unset',\n },\n },\n },\n },\n\n ...customizedTheme,\n });\n};\n"],"mappings":";;;;AAuCA,IAAa,YAAY,MAAiB,iBAAiC;CACzE,QAAA,GAAA,qBAAA,YAAA,CAAmB;EACjB,SAAS,cAAA,eAAe,MAAM,YAAY;EAE1C,YAAY,EACV,YAAY;GACV;GACA;GACA;GACA;GACA;EACF,CAAC,CAAC,KAAK,GAAG,EACZ;EAEA,YAAY,EACV,UAAU,EACR,gBAAgB,EACd,MAAM,EACJ,iBAAiB,QACnB,EACF,EACF,EACF;EAEA,GAAG,eAAA;CACL,CAAC;AACH"}

package/build/Theme/theme.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"theme.mjs","names":[],"sources":["../../src/Theme/theme.ts"],"sourcesContent":["import type { Theme as MuiTheme } from '@mui/material/styles';\nimport { createTheme } from '@mui/material/styles';\n\nimport type { ThemeMode } from './modes';\nimport { getModePalette } from './modes';\nimport type { CustomTheme, CustomizedTheme } from './tokens';\nimport { customizedTheme } from './tokens';\n\nexport type Theme = MuiTheme & CustomizedTheme;\n\ndeclare module '@mui/material/styles' {\n interface Theme extends CustomTheme {}\n interface ThemeOptions extends CustomTheme {}\n interface Palette {\n black: string;\n cyanBlue: string;\n greyLight: string;\n greyLight2: string;\n greyDark2: string;\n greyGainsboro: string;\n greyAthens: string;\n snow: string;\n love: string;\n nobel01: string;\n }\n interface PaletteOptions {\n black?: string;\n cyanBlue?: string;\n greyLight?: string;\n greyLight2?: string;\n greyDark2?: string;\n greyGainsboro?: string;\n greyAthens?: string;\n snow?: string;\n love?: string;\n nobel01?: string;\n }\n}\n\~~ndeclare module '@mui/material/styles/createTheme' {\n interface Theme extends CustomizedTheme {}\n\n interface DeprecatedThemeOptions extends CustomizedTheme {}\n}\n\~~nexport const getTheme = (mode: ThemeMode, primaryColor?: string): Theme => {\n return createTheme({\n palette: getModePalette(mode, primaryColor),\n\n typography: {\n fontFamily: [\n '-apple-system',\n 'BlinkMacSystemFont',\n '\"Helvetica Neue\"',\n 'Arial',\n 'sans-serif',\n ].join(','),\n },\n\n components: {\n MuiPaper: {\n styleOverrides: {\n root: {\n backgroundImage: 'unset',\n },\n },\n },\n },\n\n ...customizedTheme,\n });\n};\n"],"mappings":";;;;~~AA6CA~~,IAAa,YAAY,MAAiB,iBAAiC;~~AACzE~~,~~QAAO~~,YAAY;EACjB,SAAS,eAAe,MAAM,~~aAAa~~;~~EAE3C~~,YAAY,EACV,YAAY;GACV;GACA;GACA;GACA;GACA;~~GACD~~,CAAC,KAAK,~~IAAI~~,EACZ;~~EAED~~,YAAY,EACV,UAAU,EACR,gBAAgB,EACd,MAAM,EACJ,iBAAiB,~~SAClB~~,EACF,EACF,EACF;~~EAED~~,GAAG;~~EACJ~~,CAAC"}
1	+ {"version":3,"file":"theme.mjs","names":[],"sources":["../../src/Theme/theme.ts"],"sourcesContent":["import type { Theme as MuiTheme } from '@mui/material/styles';\nimport { createTheme } from '@mui/material/styles';\n\nimport type { ThemeMode } from './modes';\nimport { getModePalette } from './modes';\nimport type { CustomTheme, CustomizedTheme } from './tokens';\nimport { customizedTheme } from './tokens';\n\nexport type Theme = MuiTheme & CustomizedTheme;\n\ndeclare module '@mui/material/styles' {\n interface Theme extends CustomTheme, CustomizedTheme {}\n interface ThemeOptions extends CustomTheme {}\n interface Palette {\n black: string;\n cyanBlue: string;\n greyLight: string;\n greyLight2: string;\n greyDark2: string;\n greyGainsboro: string;\n greyAthens: string;\n snow: string;\n love: string;\n nobel01: string;\n }\n interface PaletteOptions {\n black?: string;\n cyanBlue?: string;\n greyLight?: string;\n greyLight2?: string;\n greyDark2?: string;\n greyGainsboro?: string;\n greyAthens?: string;\n snow?: string;\n love?: string;\n nobel01?: string;\n }\n}\n\nexport const getTheme = (mode: ThemeMode, primaryColor?: string): Theme => {\n return createTheme({\n palette: getModePalette(mode, primaryColor),\n\n typography: {\n fontFamily: [\n '-apple-system',\n 'BlinkMacSystemFont',\n '\"Helvetica Neue\"',\n 'Arial',\n 'sans-serif',\n ].join(','),\n },\n\n components: {\n MuiPaper: {\n styleOverrides: {\n root: {\n backgroundImage: 'unset',\n },\n },\n },\n },\n\n ...customizedTheme,\n });\n};\n"],"mappings":";;;;AAuCA,IAAa,YAAY,MAAiB,iBAAiC;CACzE,OAAO,YAAY;EACjB,SAAS,eAAe,MAAM,YAAY;EAE1C,YAAY,EACV,YAAY;GACV;GACA;GACA;GACA;GACA;EACF,CAAC,CAAC,KAAK,GAAG,EACZ;EAEA,YAAY,EACV,UAAU,EACR,gBAAgB,EACd,MAAM,EACJ,iBAAiB,QACnB,EACF,EACF,EACF;EAEA,GAAG;CACL,CAAC;AACH"}

package/build/Theme/tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tokens.js","names":[],"sources":["../../src/Theme/tokens.ts"],"sourcesContent":["export const fontSize = {\n xxl: 26,\n xl: 24,\n lg: 21,\n md: 18,\n default: 16,\n sm: 14,\n ssm: 12,\n} as const;\n\nexport type FontSize = keyof typeof fontSize;\n\nexport const fontWeight = {\n light: 300,\n regular: 400,\n semiBold: 500,\n bold: 700,\n} as const;\n\nexport type FontWeight = keyof typeof fontWeight;\n\nexport const breakPoints = {\n xsmall: 400,\n small: 576,\n medium: 768,\n large: 1024,\n container: 1240,\n xlarge: 1275,\n} as const;\n\nexport type BreakPoints = typeof breakPoints;\n\nexport interface CustomTheme {\n fontSize: typeof fontSize;\n fontWeight: typeof fontWeight;\n breakPoints: typeof breakPoints;\n}\n\nexport const customizedTheme = {\n fontSize,\n fontWeight,\n breakPoints,\n};\n\nexport type CustomizedTheme = typeof customizedTheme;\n"],"mappings":";AAAA,IAAa,WAAW;CACtB,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,SAAS;CACT,IAAI;CACJ,KAAK;~~CACN~~;~~AAID~~,IAAa,aAAa;CACxB,OAAO;CACP,SAAS;CACT,UAAU;CACV,MAAM;~~CACP~~;~~AAID~~,IAAa,cAAc;CACzB,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,QAAQ;~~CACT~~;~~AAUD~~,IAAa,kBAAkB;CAC7B;CACA;CACA;~~CACD~~"}
1	+ {"version":3,"file":"tokens.js","names":[],"sources":["../../src/Theme/tokens.ts"],"sourcesContent":["export const fontSize = {\n xxl: 26,\n xl: 24,\n lg: 21,\n md: 18,\n default: 16,\n sm: 14,\n ssm: 12,\n} as const;\n\nexport type FontSize = keyof typeof fontSize;\n\nexport const fontWeight = {\n light: 300,\n regular: 400,\n semiBold: 500,\n bold: 700,\n} as const;\n\nexport type FontWeight = keyof typeof fontWeight;\n\nexport const breakPoints = {\n xsmall: 400,\n small: 576,\n medium: 768,\n large: 1024,\n container: 1240,\n xlarge: 1275,\n} as const;\n\nexport type BreakPoints = typeof breakPoints;\n\nexport interface CustomTheme {\n fontSize: typeof fontSize;\n fontWeight: typeof fontWeight;\n breakPoints: typeof breakPoints;\n}\n\nexport const customizedTheme = {\n fontSize,\n fontWeight,\n breakPoints,\n};\n\nexport type CustomizedTheme = typeof customizedTheme;\n"],"mappings":";AAAA,IAAa,WAAW;CACtB,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,SAAS;CACT,IAAI;CACJ,KAAK;AACP;AAIA,IAAa,aAAa;CACxB,OAAO;CACP,SAAS;CACT,UAAU;CACV,MAAM;AACR;AAIA,IAAa,cAAc;CACzB,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,QAAQ;AACV;AAUA,IAAa,kBAAkB;CAC7B;CACA;CACA;AACF"}

package/build/Theme/tokens.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tokens.mjs","names":[],"sources":["../../src/Theme/tokens.ts"],"sourcesContent":["export const fontSize = {\n xxl: 26,\n xl: 24,\n lg: 21,\n md: 18,\n default: 16,\n sm: 14,\n ssm: 12,\n} as const;\n\nexport type FontSize = keyof typeof fontSize;\n\nexport const fontWeight = {\n light: 300,\n regular: 400,\n semiBold: 500,\n bold: 700,\n} as const;\n\nexport type FontWeight = keyof typeof fontWeight;\n\nexport const breakPoints = {\n xsmall: 400,\n small: 576,\n medium: 768,\n large: 1024,\n container: 1240,\n xlarge: 1275,\n} as const;\n\nexport type BreakPoints = typeof breakPoints;\n\nexport interface CustomTheme {\n fontSize: typeof fontSize;\n fontWeight: typeof fontWeight;\n breakPoints: typeof breakPoints;\n}\n\nexport const customizedTheme = {\n fontSize,\n fontWeight,\n breakPoints,\n};\n\nexport type CustomizedTheme = typeof customizedTheme;\n"],"mappings":";AAAA,IAAa,WAAW;CACtB,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,SAAS;CACT,IAAI;CACJ,KAAK;~~CACN~~;~~AAID~~,IAAa,aAAa;CACxB,OAAO;CACP,SAAS;CACT,UAAU;CACV,MAAM;~~CACP~~;~~AAID~~,IAAa,cAAc;CACzB,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,QAAQ;~~CACT~~;~~AAUD~~,IAAa,kBAAkB;CAC7B;CACA;CACA;~~CACD~~"}
1	+ {"version":3,"file":"tokens.mjs","names":[],"sources":["../../src/Theme/tokens.ts"],"sourcesContent":["export const fontSize = {\n xxl: 26,\n xl: 24,\n lg: 21,\n md: 18,\n default: 16,\n sm: 14,\n ssm: 12,\n} as const;\n\nexport type FontSize = keyof typeof fontSize;\n\nexport const fontWeight = {\n light: 300,\n regular: 400,\n semiBold: 500,\n bold: 700,\n} as const;\n\nexport type FontWeight = keyof typeof fontWeight;\n\nexport const breakPoints = {\n xsmall: 400,\n small: 576,\n medium: 768,\n large: 1024,\n container: 1240,\n xlarge: 1275,\n} as const;\n\nexport type BreakPoints = typeof breakPoints;\n\nexport interface CustomTheme {\n fontSize: typeof fontSize;\n fontWeight: typeof fontWeight;\n breakPoints: typeof breakPoints;\n}\n\nexport const customizedTheme = {\n fontSize,\n fontWeight,\n breakPoints,\n};\n\nexport type CustomizedTheme = typeof customizedTheme;\n"],"mappings":";AAAA,IAAa,WAAW;CACtB,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,SAAS;CACT,IAAI;CACJ,KAAK;AACP;AAIA,IAAa,aAAa;CACxB,OAAO;CACP,SAAS;CACT,UAAU;CACV,MAAM;AACR;AAIA,IAAa,cAAc;CACzB,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,QAAQ;AACV;AAUA,IAAa,kBAAkB;CAC7B;CACA;CACA;AACF"}

package/build/api/use-data-mutation.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { APIRoute } from '../store/routes';
+import type { APIRoute } from '../store/routes';
 export declare const fetcher: <T>(url: string, method: string, body: any, options?: {
     signal?: AbortSignal;
 }) => Promise<T>;
@@ -8,10 +8,10 @@ export declare function useDataMutation<T>(basePath: string, route: APIRoute | s
     data: T | undefined;
     error: any;
     isMutating: boolean;
-    trigger: import('swr/dist/mutation').TriggerWithOptionsArgs<T, any, string, any>;
+    trigger: import("swr/mutation").TriggerWithOptionsArgs<T, any, string, any>;
 };
 export declare function useTarballDownload(): {
-    download: import('swr/dist/mutation').TriggerWithArgs<Blob, any, string, {
+    download: import("swr/mutation").TriggerWithArgs<Blob, any, string, {
         link: string;
     }>;
     isDownloading: boolean;

package/build/api/use-data-mutation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-data-mutation.js","names":[],"sources":["../../src/api/use-data-mutation.ts"],"sourcesContent":["import useSWRMutation from 'swr/mutation';\n\nimport API from '../store/api';\nimport type { APIRoute } from '../store/routes';\nimport { HEADERS } from '../store/utils';\n\nexport const fetcher = async <T>(\n url: string,\n method: string,\n body: any,\n options?: { signal?: AbortSignal }\n): Promise<T> => {\n const isGet = method.toUpperCase() === 'GET';\n const finalUrl = url;\n\n return API.request<T>(finalUrl, method, {\n // Only stringify and send body if it's NOT a GET request\n body: isGet ? undefined : JSON.stringify(body),\n headers: {\n Accept: HEADERS.JSON,\n ...(isGet ? {} : { 'Content-Type': HEADERS.JSON }),\n },\n signal: options?.signal,\n });\n};\n\nexport function useDataMutation<T>(\n basePath: string,\n route: APIRoute \| string,\n method = 'POST',\n options: { buildUrl?: (basePath: string, route: string) => string } = {}\n) {\n const key = options.buildUrl ? options.buildUrl(basePath, route) : `${basePath}${route}`;\n\n const { data, error, isMutating, trigger } = useSWRMutation<T, any, string, any>(\n key,\n (url, { arg }) => {\n return fetcher<T>(url, method, arg ?? {});\n }\n );\n\n return { data, error, isMutating, trigger };\n}\n\nasync function tarballFetcher(url: string, { arg }: { arg: { link: string } }): Promise<Blob> {\n return API.request<Blob>(arg.link, 'GET', {\n headers: {\n accept:\n 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,/;q=0.8,application/signed-exchange;v=b3',\n },\n credentials: 'include',\n });\n}\n\nexport function useTarballDownload() {\n const { trigger, isMutating, error } = useSWRMutation<Blob, any, string, { link: string }>(\n 'tarball-download',\n tarballFetcher\n );\n\n return {\n download: trigger,\n isDownloading: isMutating,\n error,\n };\n}\n"],"mappings":";;;;;;AAMA,IAAa,UAAU,OACrB,KACA,QACA,MACA,YACe;CACf,MAAM,QAAQ,OAAO,~~aAAa~~,~~KAAK~~;CACvC,MAAM,WAAW;~~AAEjB~~,~~QAAO~~,YAAA,QAAI,QAAW,UAAU,QAAQ;EAEtC,MAAM,QAAQ,KAAA,IAAY,KAAK,UAAU,~~KAAK~~;~~EAC9C~~,SAAS;GACP,QAAQ,cAAA,QAAQ;GAChB,GAAI,QAAQ,~~EAAE~~,~~GAAG~~,EAAE,gBAAgB,cAAA,QAAQ,~~MAAM~~;~~GAClD~~;~~EACD~~,QAAQ,SAAS;~~EAClB~~,CAAC~~;;AAGJ~~,SAAgB,gBACd,UACA,OACA,SAAS,QACT,UAAsE,~~EAAE~~,~~EACxE~~;CAGA,MAAM,EAAE,MAAM,OAAO,YAAY,aAAA,GAAA,aAAA,~~SAFrB~~,QAAQ,WAAW,QAAQ,SAAS,UAAU,~~MAAM~~,~~GAAG~~,GAAG,WAAW,UAI9E,KAAK,EAAE,UAAU;~~AAChB~~,~~SAAO~~,QAAW,KAAK,QAAQ,OAAO,~~EAAE~~,CAAC;~~GAE5C~~;~~AAED~~,~~QAAO~~;EAAE;EAAM;EAAO;EAAY;~~EAAS;;AAG7C~~,eAAe,eAAe,KAAa,EAAE,OAAiD;~~AAC5F~~,~~QAAO~~,YAAA,QAAI,QAAc,IAAI,MAAM,OAAO;EACxC,SAAS,EACP,QACE,~~0HACH~~;~~EACD~~,aAAa;~~EACd~~,CAAC~~;;AAGJ~~,SAAgB,qBAAqB;CACnC,MAAM,EAAE,SAAS,YAAY,WAAA,GAAA,aAAA,~~SAC3B~~,oBACA,~~eACD~~;~~AAED~~,~~QAAO~~;EACL,UAAU;EACV,eAAe;EACf;~~EACD~~"}
1	+ {"version":3,"file":"use-data-mutation.js","names":[],"sources":["../../src/api/use-data-mutation.ts"],"sourcesContent":["import useSWRMutation from 'swr/mutation';\n\nimport API from '../store/api';\nimport type { APIRoute } from '../store/routes';\nimport { HEADERS } from '../store/utils';\n\nexport const fetcher = async <T>(\n url: string,\n method: string,\n body: any,\n options?: { signal?: AbortSignal }\n): Promise<T> => {\n const isGet = method.toUpperCase() === 'GET';\n const finalUrl = url;\n\n return API.request<T>(finalUrl, method, {\n // Only stringify and send body if it's NOT a GET request\n body: isGet ? undefined : JSON.stringify(body),\n headers: {\n Accept: HEADERS.JSON,\n ...(isGet ? {} : { 'Content-Type': HEADERS.JSON }),\n },\n signal: options?.signal,\n });\n};\n\nexport function useDataMutation<T>(\n basePath: string,\n route: APIRoute \| string,\n method = 'POST',\n options: { buildUrl?: (basePath: string, route: string) => string } = {}\n) {\n const key = options.buildUrl ? options.buildUrl(basePath, route) : `${basePath}${route}`;\n\n const { data, error, isMutating, trigger } = useSWRMutation<T, any, string, any>(\n key,\n (url, { arg }) => {\n return fetcher<T>(url, method, arg ?? {});\n }\n );\n\n return { data, error, isMutating, trigger };\n}\n\nasync function tarballFetcher(url: string, { arg }: { arg: { link: string } }): Promise<Blob> {\n return API.request<Blob>(arg.link, 'GET', {\n headers: {\n accept:\n 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,/;q=0.8,application/signed-exchange;v=b3',\n },\n credentials: 'include',\n });\n}\n\nexport function useTarballDownload() {\n const { trigger, isMutating, error } = useSWRMutation<Blob, any, string, { link: string }>(\n 'tarball-download',\n tarballFetcher\n );\n\n return {\n download: trigger,\n isDownloading: isMutating,\n error,\n };\n}\n"],"mappings":";;;;;;AAMA,IAAa,UAAU,OACrB,KACA,QACA,MACA,YACe;CACf,MAAM,QAAQ,OAAO,YAAY,MAAM;CACvC,MAAM,WAAW;CAEjB,OAAO,YAAA,QAAI,QAAW,UAAU,QAAQ;EAEtC,MAAM,QAAQ,KAAA,IAAY,KAAK,UAAU,IAAI;EAC7C,SAAS;GACP,QAAQ,cAAA,QAAQ;GAChB,GAAI,QAAQ,CAAC,IAAI,EAAE,gBAAgB,cAAA,QAAQ,KAAK;EAClD;EACA,QAAQ,SAAS;CACnB,CAAC;AACH;AAEA,SAAgB,gBACd,UACA,OACA,SAAS,QACT,UAAsE,CAAC,GACvE;CAGA,MAAM,EAAE,MAAM,OAAO,YAAY,aAAA,GAAA,aAAA,QAAA,CAFrB,QAAQ,WAAW,QAAQ,SAAS,UAAU,KAAK,IAAI,GAAG,WAAW,UAI9E,KAAK,EAAE,UAAU;EAChB,OAAO,QAAW,KAAK,QAAQ,OAAO,CAAC,CAAC;CAC1C,CACF;CAEA,OAAO;EAAE;EAAM;EAAO;EAAY;CAAQ;AAC5C;AAEA,eAAe,eAAe,KAAa,EAAE,OAAiD;CAC5F,OAAO,YAAA,QAAI,QAAc,IAAI,MAAM,OAAO;EACxC,SAAS,EACP,QACE,yHACJ;EACA,aAAa;CACf,CAAC;AACH;AAEA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,SAAS,YAAY,WAAA,GAAA,aAAA,QAAA,CAC3B,oBACA,cACF;CAEA,OAAO;EACL,UAAU;EACV,eAAe;EACf;CACF;AACF"}

package/build/api/use-data-mutation.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-data-mutation.mjs","names":[],"sources":["../../src/api/use-data-mutation.ts"],"sourcesContent":["import useSWRMutation from 'swr/mutation';\n\nimport API from '../store/api';\nimport type { APIRoute } from '../store/routes';\nimport { HEADERS } from '../store/utils';\n\nexport const fetcher = async <T>(\n url: string,\n method: string,\n body: any,\n options?: { signal?: AbortSignal }\n): Promise<T> => {\n const isGet = method.toUpperCase() === 'GET';\n const finalUrl = url;\n\n return API.request<T>(finalUrl, method, {\n // Only stringify and send body if it's NOT a GET request\n body: isGet ? undefined : JSON.stringify(body),\n headers: {\n Accept: HEADERS.JSON,\n ...(isGet ? {} : { 'Content-Type': HEADERS.JSON }),\n },\n signal: options?.signal,\n });\n};\n\nexport function useDataMutation<T>(\n basePath: string,\n route: APIRoute \| string,\n method = 'POST',\n options: { buildUrl?: (basePath: string, route: string) => string } = {}\n) {\n const key = options.buildUrl ? options.buildUrl(basePath, route) : `${basePath}${route}`;\n\n const { data, error, isMutating, trigger } = useSWRMutation<T, any, string, any>(\n key,\n (url, { arg }) => {\n return fetcher<T>(url, method, arg ?? {});\n }\n );\n\n return { data, error, isMutating, trigger };\n}\n\nasync function tarballFetcher(url: string, { arg }: { arg: { link: string } }): Promise<Blob> {\n return API.request<Blob>(arg.link, 'GET', {\n headers: {\n accept:\n 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,/;q=0.8,application/signed-exchange;v=b3',\n },\n credentials: 'include',\n });\n}\n\nexport function useTarballDownload() {\n const { trigger, isMutating, error } = useSWRMutation<Blob, any, string, { link: string }>(\n 'tarball-download',\n tarballFetcher\n );\n\n return {\n download: trigger,\n isDownloading: isMutating,\n error,\n };\n}\n"],"mappings":";;;;AAMA,IAAa,UAAU,OACrB,KACA,QACA,MACA,YACe;CACf,MAAM,QAAQ,OAAO,~~aAAa~~,~~KAAK~~;CACvC,MAAM,WAAW;~~AAEjB~~,~~QAAO~~,YAAI,QAAW,UAAU,QAAQ;EAEtC,MAAM,QAAQ,KAAA,IAAY,KAAK,UAAU,~~KAAK~~;~~EAC9C~~,SAAS;GACP,QAAQ,QAAQ;GAChB,GAAI,QAAQ,~~EAAE~~,~~GAAG~~,EAAE,gBAAgB,QAAQ,~~MAAM~~;~~GAClD~~;~~EACD~~,QAAQ,SAAS;~~EAClB~~,CAAC~~;;AAGJ~~,SAAgB,gBACd,UACA,OACA,SAAS,QACT,UAAsE,~~EAAE~~,~~EACxE~~;CAGA,MAAM,EAAE,MAAM,OAAO,YAAY,YAAY,eAFjC,QAAQ,WAAW,QAAQ,SAAS,UAAU,~~MAAM~~,~~GAAG~~,GAAG,WAAW,UAI9E,KAAK,EAAE,UAAU;~~AAChB~~,~~SAAO~~,QAAW,KAAK,QAAQ,OAAO,~~EAAE~~,CAAC;~~GAE5C~~;~~AAED~~,~~QAAO~~;EAAE;EAAM;EAAO;EAAY;~~EAAS;;AAG7C~~,eAAe,eAAe,KAAa,EAAE,OAAiD;~~AAC5F~~,~~QAAO~~,YAAI,QAAc,IAAI,MAAM,OAAO;EACxC,SAAS,EACP,QACE,~~0HACH~~;~~EACD~~,aAAa;~~EACd~~,CAAC~~;;AAGJ~~,SAAgB,qBAAqB;CACnC,MAAM,EAAE,SAAS,YAAY,UAAU,eACrC,oBACA,~~eACD~~;~~AAED~~,~~QAAO~~;EACL,UAAU;EACV,eAAe;EACf;~~EACD~~"}
1	+ {"version":3,"file":"use-data-mutation.mjs","names":[],"sources":["../../src/api/use-data-mutation.ts"],"sourcesContent":["import useSWRMutation from 'swr/mutation';\n\nimport API from '../store/api';\nimport type { APIRoute } from '../store/routes';\nimport { HEADERS } from '../store/utils';\n\nexport const fetcher = async <T>(\n url: string,\n method: string,\n body: any,\n options?: { signal?: AbortSignal }\n): Promise<T> => {\n const isGet = method.toUpperCase() === 'GET';\n const finalUrl = url;\n\n return API.request<T>(finalUrl, method, {\n // Only stringify and send body if it's NOT a GET request\n body: isGet ? undefined : JSON.stringify(body),\n headers: {\n Accept: HEADERS.JSON,\n ...(isGet ? {} : { 'Content-Type': HEADERS.JSON }),\n },\n signal: options?.signal,\n });\n};\n\nexport function useDataMutation<T>(\n basePath: string,\n route: APIRoute \| string,\n method = 'POST',\n options: { buildUrl?: (basePath: string, route: string) => string } = {}\n) {\n const key = options.buildUrl ? options.buildUrl(basePath, route) : `${basePath}${route}`;\n\n const { data, error, isMutating, trigger } = useSWRMutation<T, any, string, any>(\n key,\n (url, { arg }) => {\n return fetcher<T>(url, method, arg ?? {});\n }\n );\n\n return { data, error, isMutating, trigger };\n}\n\nasync function tarballFetcher(url: string, { arg }: { arg: { link: string } }): Promise<Blob> {\n return API.request<Blob>(arg.link, 'GET', {\n headers: {\n accept:\n 'text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,/;q=0.8,application/signed-exchange;v=b3',\n },\n credentials: 'include',\n });\n}\n\nexport function useTarballDownload() {\n const { trigger, isMutating, error } = useSWRMutation<Blob, any, string, { link: string }>(\n 'tarball-download',\n tarballFetcher\n );\n\n return {\n download: trigger,\n isDownloading: isMutating,\n error,\n };\n}\n"],"mappings":";;;;AAMA,IAAa,UAAU,OACrB,KACA,QACA,MACA,YACe;CACf,MAAM,QAAQ,OAAO,YAAY,MAAM;CACvC,MAAM,WAAW;CAEjB,OAAO,YAAI,QAAW,UAAU,QAAQ;EAEtC,MAAM,QAAQ,KAAA,IAAY,KAAK,UAAU,IAAI;EAC7C,SAAS;GACP,QAAQ,QAAQ;GAChB,GAAI,QAAQ,CAAC,IAAI,EAAE,gBAAgB,QAAQ,KAAK;EAClD;EACA,QAAQ,SAAS;CACnB,CAAC;AACH;AAEA,SAAgB,gBACd,UACA,OACA,SAAS,QACT,UAAsE,CAAC,GACvE;CAGA,MAAM,EAAE,MAAM,OAAO,YAAY,YAAY,eAFjC,QAAQ,WAAW,QAAQ,SAAS,UAAU,KAAK,IAAI,GAAG,WAAW,UAI9E,KAAK,EAAE,UAAU;EAChB,OAAO,QAAW,KAAK,QAAQ,OAAO,CAAC,CAAC;CAC1C,CACF;CAEA,OAAO;EAAE;EAAM;EAAO;EAAY;CAAQ;AAC5C;AAEA,eAAe,eAAe,KAAa,EAAE,OAAiD;CAC5F,OAAO,YAAI,QAAc,IAAI,MAAM,OAAO;EACxC,SAAS,EACP,QACE,yHACJ;EACA,aAAa;CACf,CAAC;AACH;AAEA,SAAgB,qBAAqB;CACnC,MAAM,EAAE,SAAS,YAAY,UAAU,eACrC,oBACA,cACF;CAEA,OAAO;EACL,UAAU;EACV,eAAe;EACf;CACF;AACF"}

package/build/api/use-data.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import { SWRResponse } from 'swr';
-import { APIRoute } from '../store/routes';
+import type { SWRResponse } from 'swr';
+import type { APIRoute } from '../store/routes';
 export declare function useData<T>(basePath: string, route: APIRoute, packageName?: string, packageVersion?: string): Pick<SWRResponse<T>, 'data' | 'error' | 'isLoading' | 'mutate'>;

package/build/api/use-data.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-data.js","names":[],"sources":["../../src/api/use-data.ts"],"sourcesContent":["import type { SWRResponse } from 'swr';\nimport useSWR from 'swr';\n\nimport API from '../store/api';\nimport type { APIRoute } from '../store/routes';\n\nfunction buildUrl(\n basePath: string,\n route: APIRoute,\n packageName?: string,\n packageVersion?: string\n): string {\n let url = `${basePath}${route}`;\n if (packageName) {\n url += packageName;\n }\n if (packageVersion) {\n url += `?v=${packageVersion}`;\n }\n return url;\n}\n\nexport function useData<T>(\n basePath: string,\n route: APIRoute,\n packageName?: string,\n packageVersion?: string\n): Pick<SWRResponse<T>, 'data' \| 'error' \| 'isLoading' \| 'mutate'> {\n const url = buildUrl(basePath, route, packageName, packageVersion);\n\n const { data, error, isLoading, mutate } = useSWR<T>(url, () => API.request<T>(url));\n\n return { data, error, isLoading, mutate };\n}\n"],"mappings":";;;;;AAMA,SAAS,SACP,UACA,OACA,aACA,gBACQ;CACR,IAAI,MAAM,GAAG,WAAW;~~AACxB~~,~~KAAI~~,~~YACF~~,~~QAAO~~;~~AAET~~,~~KAAI~~,~~eACF~~,~~QAAO~~,MAAM;~~AAEf~~,~~QAAO;;AAGT~~,SAAgB,QACd,UACA,OACA,aACA,gBACiE;CACjE,MAAM,MAAM,SAAS,UAAU,OAAO,aAAa,~~eAAe~~;~~CAElE~~,MAAM,EAAE,MAAM,OAAO,WAAW,YAAA,GAAA,IAAA,~~SAAqB~~,WAAW,YAAA,QAAI,QAAW,~~IAAI~~,CAAC;~~AAEpF~~,~~QAAO~~;EAAE;EAAM;EAAO;EAAW;~~EAAQ~~"}
1	+ {"version":3,"file":"use-data.js","names":[],"sources":["../../src/api/use-data.ts"],"sourcesContent":["import type { SWRResponse } from 'swr';\nimport useSWR from 'swr';\n\nimport API from '../store/api';\nimport type { APIRoute } from '../store/routes';\n\nfunction buildUrl(\n basePath: string,\n route: APIRoute,\n packageName?: string,\n packageVersion?: string\n): string {\n let url = `${basePath}${route}`;\n if (packageName) {\n url += packageName;\n }\n if (packageVersion) {\n url += `?v=${packageVersion}`;\n }\n return url;\n}\n\nexport function useData<T>(\n basePath: string,\n route: APIRoute,\n packageName?: string,\n packageVersion?: string\n): Pick<SWRResponse<T>, 'data' \| 'error' \| 'isLoading' \| 'mutate'> {\n const url = buildUrl(basePath, route, packageName, packageVersion);\n\n const { data, error, isLoading, mutate } = useSWR<T>(url, () => API.request<T>(url));\n\n return { data, error, isLoading, mutate };\n}\n"],"mappings":";;;;;AAMA,SAAS,SACP,UACA,OACA,aACA,gBACQ;CACR,IAAI,MAAM,GAAG,WAAW;CACxB,IAAI,aACF,OAAO;CAET,IAAI,gBACF,OAAO,MAAM;CAEf,OAAO;AACT;AAEA,SAAgB,QACd,UACA,OACA,aACA,gBACiE;CACjE,MAAM,MAAM,SAAS,UAAU,OAAO,aAAa,cAAc;CAEjE,MAAM,EAAE,MAAM,OAAO,WAAW,YAAA,GAAA,IAAA,QAAA,CAAqB,WAAW,YAAA,QAAI,QAAW,GAAG,CAAC;CAEnF,OAAO;EAAE;EAAM;EAAO;EAAW;CAAO;AAC1C"}

package/build/api/use-data.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-data.mjs","names":[],"sources":["../../src/api/use-data.ts"],"sourcesContent":["import type { SWRResponse } from 'swr';\nimport useSWR from 'swr';\n\nimport API from '../store/api';\nimport type { APIRoute } from '../store/routes';\n\nfunction buildUrl(\n basePath: string,\n route: APIRoute,\n packageName?: string,\n packageVersion?: string\n): string {\n let url = `${basePath}${route}`;\n if (packageName) {\n url += packageName;\n }\n if (packageVersion) {\n url += `?v=${packageVersion}`;\n }\n return url;\n}\n\nexport function useData<T>(\n basePath: string,\n route: APIRoute,\n packageName?: string,\n packageVersion?: string\n): Pick<SWRResponse<T>, 'data' \| 'error' \| 'isLoading' \| 'mutate'> {\n const url = buildUrl(basePath, route, packageName, packageVersion);\n\n const { data, error, isLoading, mutate } = useSWR<T>(url, () => API.request<T>(url));\n\n return { data, error, isLoading, mutate };\n}\n"],"mappings":";;;AAMA,SAAS,SACP,UACA,OACA,aACA,gBACQ;CACR,IAAI,MAAM,GAAG,WAAW;~~AACxB~~,~~KAAI~~,~~YACF~~,~~QAAO~~;~~AAET~~,~~KAAI~~,~~eACF~~,~~QAAO~~,MAAM;~~AAEf~~,~~QAAO;;AAGT~~,SAAgB,QACd,UACA,OACA,aACA,gBACiE;CACjE,MAAM,MAAM,SAAS,UAAU,OAAO,aAAa,~~eAAe~~;~~CAElE~~,MAAM,EAAE,MAAM,OAAO,WAAW,WAAW,OAAU,WAAW,YAAI,QAAW,~~IAAI~~,CAAC;~~AAEpF~~,~~QAAO~~;EAAE;EAAM;EAAO;EAAW;~~EAAQ~~"}
1	+ {"version":3,"file":"use-data.mjs","names":[],"sources":["../../src/api/use-data.ts"],"sourcesContent":["import type { SWRResponse } from 'swr';\nimport useSWR from 'swr';\n\nimport API from '../store/api';\nimport type { APIRoute } from '../store/routes';\n\nfunction buildUrl(\n basePath: string,\n route: APIRoute,\n packageName?: string,\n packageVersion?: string\n): string {\n let url = `${basePath}${route}`;\n if (packageName) {\n url += packageName;\n }\n if (packageVersion) {\n url += `?v=${packageVersion}`;\n }\n return url;\n}\n\nexport function useData<T>(\n basePath: string,\n route: APIRoute,\n packageName?: string,\n packageVersion?: string\n): Pick<SWRResponse<T>, 'data' \| 'error' \| 'isLoading' \| 'mutate'> {\n const url = buildUrl(basePath, route, packageName, packageVersion);\n\n const { data, error, isLoading, mutate } = useSWR<T>(url, () => API.request<T>(url));\n\n return { data, error, isLoading, mutate };\n}\n"],"mappings":";;;AAMA,SAAS,SACP,UACA,OACA,aACA,gBACQ;CACR,IAAI,MAAM,GAAG,WAAW;CACxB,IAAI,aACF,OAAO;CAET,IAAI,gBACF,OAAO,MAAM;CAEf,OAAO;AACT;AAEA,SAAgB,QACd,UACA,OACA,aACA,gBACiE;CACjE,MAAM,MAAM,SAAS,UAAU,OAAO,aAAa,cAAc;CAEjE,MAAM,EAAE,MAAM,OAAO,WAAW,WAAW,OAAU,WAAW,YAAI,QAAW,GAAG,CAAC;CAEnF,OAAO;EAAE;EAAM;EAAO;EAAW;CAAO;AAC1C"}

package/build/components/ActionBar/ActionBar.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export type Props = {
     showRaw?: boolean;
     showDownloadTarball?: boolean;

package/build/components/ActionBar/ActionBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionBar.js","names":[],"sources":["../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport React, { useState } from 'react';\n\nimport { url } from '../../utils';\nimport RawViewer from '../RawViewer';\nimport type { ActionBarActionProps } from './ActionBarAction';\nimport ActionBarAction from './ActionBarAction';\n\nexport type Props = {\n showRaw?: boolean;\n showDownloadTarball?: boolean;\n packageMeta: any;\n};\n\nconst ActionBar: React.FC<Props> = ({ showRaw, showDownloadTarball = true, packageMeta }) => {\n const [isRawViewerOpen, setIsRawViewerOpen] = useState(false);\n\n if (!packageMeta?.latest) {\n return null;\n }\n\n const { homepage, bugs, dist } = packageMeta.latest;\n\n const actions: ActionBarActionProps[] = [];\n\n if (homepage && url.isURL(homepage)) {\n actions.push({ type: 'VISIT_HOMEPAGE', link: homepage });\n }\n\n if (bugs?.url && url.isURL(bugs.url)) {\n actions.push({ type: 'OPEN_AN_ISSUE', link: bugs.url });\n }\n\n if (dist?.tarball && url.isURL(dist.tarball) && showDownloadTarball) {\n actions.push({ type: 'DOWNLOAD_TARBALL', link: dist.tarball });\n }\n\n if (showRaw) {\n actions.push({ type: 'RAW_DATA', action: () => setIsRawViewerOpen(true) });\n }\n\n return (\n <Box alignItems=\"center\" display=\"flex\" sx={{ my: 2 }}>\n <Stack direction=\"row\" spacing={1}>\n {actions.map((action) => (\n <ActionBarAction key={action.type} {...action} />\n ))}\n {isRawViewerOpen && (\n <RawViewer\n isOpen={isRawViewerOpen}\n onClose={() => {\n setIsRawViewerOpen(false);\n }}\n packageMeta={packageMeta}\n />\n )}\n </Stack>\n </Box>\n );\n};\n\nexport default ActionBar;\n"],"mappings":";;;;;;;;;;;;;;AAeA,IAAM,aAA8B,EAAE,SAAS,sBAAsB,MAAM,kBAAkB;CAC3F,MAAM,CAAC,iBAAiB,uBAAA,GAAA,MAAA,~~UAA~~+B,~~MAAM~~;~~AAE7D~~,~~KAAI~~,CAAC,aAAa,~~OAChB~~,~~QAAO~~;CAGT,MAAM,EAAE,UAAU,MAAM,SAAS,YAAY;CAE7C,MAAM,UAAkC,~~EAAE~~;~~AAE1C~~,~~KAAI~~,YAAA,YAAA,MAAsB,~~SAAS~~,~~CACjC~~,~~SAAQ~~,KAAK;EAAE,MAAM;EAAkB,MAAM;~~EAAU~~,CAAC;~~AAG1D~~,~~KAAI~~,MAAM,OAAA,YAAA,MAAiB,KAAK,~~IAAI~~,~~CAClC~~,~~SAAQ~~,KAAK;EAAE,MAAM;EAAiB,MAAM,KAAK;~~EAAK~~,CAAC;~~AAGzD~~,~~KAAI~~,MAAM,WAAA,YAAA,MAAqB,KAAK,~~QAAQ~~,~~IAAI~~,~~oBAC9C~~,~~SAAQ~~,KAAK;EAAE,MAAM;EAAoB,MAAM,KAAK;~~EAAS~~,CAAC;~~AAGhE~~,~~KAAI~~,~~QACF~~,~~SAAQ~~,KAAK;EAAE,MAAM;EAAY,cAAc,mBAAmB,~~KAAK~~;~~EAAE~~,CAAC;~~AAG5E~~,~~QACE~~,iBAAA,GAAA,kBAAA,~~KAAC~~,kBAAA,SAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,IAAI,EAAE,IAAI,~~GAAG~~;~~YACnD~~,iBAAA,GAAA,kBAAA,~~MAAC~~,oBAAA,SAAD;GAAO,WAAU;GAAM,SAAS;aAAhC,CACG,QAAQ,KAAK,WACZ,iBAAA,GAAA,kBAAA,~~KAAC~~,wBAAA,SAAD,EAAmC,GAAI,~~QAAU~~,~~EAA3B~~,OAAO,~~KAAoB~~,CACjD,~~EACD~~,mBACC,iBAAA,GAAA,kBAAA,~~KAAC~~,kBAAA,SAAD;IACE,QAAQ;IACR,eAAe;~~AACb~~,~~wBAAmB~~,~~MAAM;;IAEd~~;~~IACb~~,CAAA,CAEE;;~~EACJ~~,CAAA"}
1	+ {"version":3,"file":"ActionBar.js","names":[],"sources":["../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport React, { useState } from 'react';\n\nimport { url } from '../../utils';\nimport RawViewer from '../RawViewer';\nimport type { ActionBarActionProps } from './ActionBarAction';\nimport ActionBarAction from './ActionBarAction';\n\nexport type Props = {\n showRaw?: boolean;\n showDownloadTarball?: boolean;\n packageMeta: any;\n};\n\nconst ActionBar: React.FC<Props> = ({ showRaw, showDownloadTarball = true, packageMeta }) => {\n const [isRawViewerOpen, setIsRawViewerOpen] = useState(false);\n\n if (!packageMeta?.latest) {\n return null;\n }\n\n const { homepage, bugs, dist } = packageMeta.latest;\n\n const actions: ActionBarActionProps[] = [];\n\n if (homepage && url.isURL(homepage)) {\n actions.push({ type: 'VISIT_HOMEPAGE', link: homepage });\n }\n\n if (bugs?.url && url.isURL(bugs.url)) {\n actions.push({ type: 'OPEN_AN_ISSUE', link: bugs.url });\n }\n\n if (dist?.tarball && url.isURL(dist.tarball) && showDownloadTarball) {\n actions.push({ type: 'DOWNLOAD_TARBALL', link: dist.tarball });\n }\n\n if (showRaw) {\n actions.push({ type: 'RAW_DATA', action: () => setIsRawViewerOpen(true) });\n }\n\n return (\n <Box alignItems=\"center\" display=\"flex\" sx={{ my: 2 }}>\n <Stack direction=\"row\" spacing={1}>\n {actions.map((action) => (\n <ActionBarAction key={action.type} {...action} />\n ))}\n {isRawViewerOpen && (\n <RawViewer\n isOpen={isRawViewerOpen}\n onClose={() => {\n setIsRawViewerOpen(false);\n }}\n packageMeta={packageMeta}\n />\n )}\n </Stack>\n </Box>\n );\n};\n\nexport default ActionBar;\n"],"mappings":";;;;;;;;;;;;;;AAeA,IAAM,aAA8B,EAAE,SAAS,sBAAsB,MAAM,kBAAkB;CAC3F,MAAM,CAAC,iBAAiB,uBAAA,GAAA,MAAA,SAAA,CAA+B,KAAK;CAE5D,IAAI,CAAC,aAAa,QAChB,OAAO;CAGT,MAAM,EAAE,UAAU,MAAM,SAAS,YAAY;CAE7C,MAAM,UAAkC,CAAC;CAEzC,IAAI,YAAA,YAAA,MAAsB,QAAQ,GAChC,QAAQ,KAAK;EAAE,MAAM;EAAkB,MAAM;CAAS,CAAC;CAGzD,IAAI,MAAM,OAAA,YAAA,MAAiB,KAAK,GAAG,GACjC,QAAQ,KAAK;EAAE,MAAM;EAAiB,MAAM,KAAK;CAAI,CAAC;CAGxD,IAAI,MAAM,WAAA,YAAA,MAAqB,KAAK,OAAO,KAAK,qBAC9C,QAAQ,KAAK;EAAE,MAAM;EAAoB,MAAM,KAAK;CAAQ,CAAC;CAG/D,IAAI,SACF,QAAQ,KAAK;EAAE,MAAM;EAAY,cAAc,mBAAmB,IAAI;CAAE,CAAC;CAG3E,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,SAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,IAAI,EAAE,IAAI,EAAE;YAClD,iBAAA,GAAA,kBAAA,KAAA,CAAC,oBAAA,SAAD;GAAO,WAAU;GAAM,SAAS;aAAhC,CACG,QAAQ,KAAK,WACZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,wBAAA,SAAD,EAAmC,GAAI,OAAS,GAA1B,OAAO,IAAmB,CACjD,GACA,mBACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,kBAAA,SAAD;IACE,QAAQ;IACR,eAAe;KACb,mBAAmB,KAAK;IAC1B;IACa;GACd,CAAA,CAEE;;CACJ,CAAA;AAET"}

package/build/components/ActionBar/ActionBar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionBar.mjs","names":[],"sources":["../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport React, { useState } from 'react';\n\nimport { url } from '../../utils';\nimport RawViewer from '../RawViewer';\nimport type { ActionBarActionProps } from './ActionBarAction';\nimport ActionBarAction from './ActionBarAction';\n\nexport type Props = {\n showRaw?: boolean;\n showDownloadTarball?: boolean;\n packageMeta: any;\n};\n\nconst ActionBar: React.FC<Props> = ({ showRaw, showDownloadTarball = true, packageMeta }) => {\n const [isRawViewerOpen, setIsRawViewerOpen] = useState(false);\n\n if (!packageMeta?.latest) {\n return null;\n }\n\n const { homepage, bugs, dist } = packageMeta.latest;\n\n const actions: ActionBarActionProps[] = [];\n\n if (homepage && url.isURL(homepage)) {\n actions.push({ type: 'VISIT_HOMEPAGE', link: homepage });\n }\n\n if (bugs?.url && url.isURL(bugs.url)) {\n actions.push({ type: 'OPEN_AN_ISSUE', link: bugs.url });\n }\n\n if (dist?.tarball && url.isURL(dist.tarball) && showDownloadTarball) {\n actions.push({ type: 'DOWNLOAD_TARBALL', link: dist.tarball });\n }\n\n if (showRaw) {\n actions.push({ type: 'RAW_DATA', action: () => setIsRawViewerOpen(true) });\n }\n\n return (\n <Box alignItems=\"center\" display=\"flex\" sx={{ my: 2 }}>\n <Stack direction=\"row\" spacing={1}>\n {actions.map((action) => (\n <ActionBarAction key={action.type} {...action} />\n ))}\n {isRawViewerOpen && (\n <RawViewer\n isOpen={isRawViewerOpen}\n onClose={() => {\n setIsRawViewerOpen(false);\n }}\n packageMeta={packageMeta}\n />\n )}\n </Stack>\n </Box>\n );\n};\n\nexport default ActionBar;\n"],"mappings":";;;;;;;;;;AAeA,IAAM,aAA8B,EAAE,SAAS,sBAAsB,MAAM,kBAAkB;CAC3F,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,~~MAAM~~;~~AAE7D~~,~~KAAI~~,CAAC,aAAa,~~OAChB~~,~~QAAO~~;CAGT,MAAM,EAAE,UAAU,MAAM,SAAS,YAAY;CAE7C,MAAM,UAAkC,~~EAAE~~;~~AAE1C~~,~~KAAI~~,YAAY,MAAU,~~SAAS~~,~~CACjC~~,~~SAAQ~~,KAAK;EAAE,MAAM;EAAkB,MAAM;~~EAAU~~,CAAC;~~AAG1D~~,~~KAAI~~,MAAM,OAAO,MAAU,KAAK,~~IAAI~~,~~CAClC~~,~~SAAQ~~,KAAK;EAAE,MAAM;EAAiB,MAAM,KAAK;~~EAAK~~,CAAC;~~AAGzD~~,~~KAAI~~,MAAM,WAAW,MAAU,KAAK,~~QAAQ~~,~~IAAI~~,~~oBAC9C~~,~~SAAQ~~,KAAK;EAAE,MAAM;EAAoB,MAAM,KAAK;~~EAAS~~,CAAC;~~AAGhE~~,~~KAAI~~,~~QACF~~,~~SAAQ~~,KAAK;EAAE,MAAM;EAAY,cAAc,mBAAmB,~~KAAK~~;~~EAAE~~,CAAC;~~AAG5E~~,~~QACE~~,oBAAC,KAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,IAAI,EAAE,IAAI,~~GAAG~~;~~YACnD~~,qBAAC,OAAD;GAAO,WAAU;GAAM,SAAS;aAAhC,CACG,QAAQ,KAAK,WACZ,oBAAC,iBAAD,EAAmC,GAAI,~~QAAU~~,~~EAA3B~~,OAAO,~~KAAoB~~,CACjD,~~EACD~~,mBACC,oBAAC,WAAD;IACE,QAAQ;IACR,eAAe;~~AACb~~,~~wBAAmB~~,~~MAAM;;IAEd~~;~~IACb~~,CAAA,CAEE;;~~EACJ~~,CAAA"}
1	+ {"version":3,"file":"ActionBar.mjs","names":[],"sources":["../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport React, { useState } from 'react';\n\nimport { url } from '../../utils';\nimport RawViewer from '../RawViewer';\nimport type { ActionBarActionProps } from './ActionBarAction';\nimport ActionBarAction from './ActionBarAction';\n\nexport type Props = {\n showRaw?: boolean;\n showDownloadTarball?: boolean;\n packageMeta: any;\n};\n\nconst ActionBar: React.FC<Props> = ({ showRaw, showDownloadTarball = true, packageMeta }) => {\n const [isRawViewerOpen, setIsRawViewerOpen] = useState(false);\n\n if (!packageMeta?.latest) {\n return null;\n }\n\n const { homepage, bugs, dist } = packageMeta.latest;\n\n const actions: ActionBarActionProps[] = [];\n\n if (homepage && url.isURL(homepage)) {\n actions.push({ type: 'VISIT_HOMEPAGE', link: homepage });\n }\n\n if (bugs?.url && url.isURL(bugs.url)) {\n actions.push({ type: 'OPEN_AN_ISSUE', link: bugs.url });\n }\n\n if (dist?.tarball && url.isURL(dist.tarball) && showDownloadTarball) {\n actions.push({ type: 'DOWNLOAD_TARBALL', link: dist.tarball });\n }\n\n if (showRaw) {\n actions.push({ type: 'RAW_DATA', action: () => setIsRawViewerOpen(true) });\n }\n\n return (\n <Box alignItems=\"center\" display=\"flex\" sx={{ my: 2 }}>\n <Stack direction=\"row\" spacing={1}>\n {actions.map((action) => (\n <ActionBarAction key={action.type} {...action} />\n ))}\n {isRawViewerOpen && (\n <RawViewer\n isOpen={isRawViewerOpen}\n onClose={() => {\n setIsRawViewerOpen(false);\n }}\n packageMeta={packageMeta}\n />\n )}\n </Stack>\n </Box>\n );\n};\n\nexport default ActionBar;\n"],"mappings":";;;;;;;;;;AAeA,IAAM,aAA8B,EAAE,SAAS,sBAAsB,MAAM,kBAAkB;CAC3F,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,KAAK;CAE5D,IAAI,CAAC,aAAa,QAChB,OAAO;CAGT,MAAM,EAAE,UAAU,MAAM,SAAS,YAAY;CAE7C,MAAM,UAAkC,CAAC;CAEzC,IAAI,YAAY,MAAU,QAAQ,GAChC,QAAQ,KAAK;EAAE,MAAM;EAAkB,MAAM;CAAS,CAAC;CAGzD,IAAI,MAAM,OAAO,MAAU,KAAK,GAAG,GACjC,QAAQ,KAAK;EAAE,MAAM;EAAiB,MAAM,KAAK;CAAI,CAAC;CAGxD,IAAI,MAAM,WAAW,MAAU,KAAK,OAAO,KAAK,qBAC9C,QAAQ,KAAK;EAAE,MAAM;EAAoB,MAAM,KAAK;CAAQ,CAAC;CAG/D,IAAI,SACF,QAAQ,KAAK;EAAE,MAAM;EAAY,cAAc,mBAAmB,IAAI;CAAE,CAAC;CAG3E,OACE,oBAAC,KAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,IAAI,EAAE,IAAI,EAAE;YAClD,qBAAC,OAAD;GAAO,WAAU;GAAM,SAAS;aAAhC,CACG,QAAQ,KAAK,WACZ,oBAAC,iBAAD,EAAmC,GAAI,OAAS,GAA1B,OAAO,IAAmB,CACjD,GACA,mBACC,oBAAC,WAAD;IACE,QAAQ;IACR,eAAe;KACb,mBAAmB,KAAK;IAC1B;IACa;GACd,CAAA,CAEE;;CACJ,CAAA;AAET"}

package/build/components/ActionBar/ActionBarAction.d.ts CHANGED Viewed

@@ -1,10 +1,5 @@
-import { default as React } from 'react';
-import { Theme } from '../../Theme';
-export declare const Fab: import('@emotion/styled').StyledComponent<import('@mui/material/Fab').FabOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "style" | "color" | "className" | "classes" | "sx" | "variant" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableFocusRipple" | "size"> & {
-    theme?: import('@emotion/react').Theme;
-} & {
-    theme?: Theme;
-}, {}, {}>;
+import React from 'react';
+export declare const Fab: import("@emotion/styled").StyledComponent<any, {}, {}>;
 type ActionType = 'VISIT_HOMEPAGE' | 'OPEN_AN_ISSUE' | 'DOWNLOAD_TARBALL' | 'RAW_DATA';
 export interface ActionBarActionProps {
     type: ActionType;

package/build/components/ActionBar/ActionBarAction.js CHANGED Viewed

@@ -87,6 +87,7 @@ var ActionBarAction = ({ type, link, action }) => {
 	}
 };
 //#endregion
+exports.Fab = Fab;
 exports.default = ActionBarAction;
 //# sourceMappingURL=ActionBarAction.js.map

package/build/components/ActionBar/ActionBarAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActionBarAction.js","names":[],"sources":["../../../src/components/ActionBar/ActionBarAction.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport BugReportIcon from '@mui/icons-material/BugReport';\nimport DownloadIcon from '@mui/icons-material/CloudDownload';\nimport HomeIcon from '@mui/icons-material/Home';\nimport RawOnIcon from '@mui/icons-material/RawOn';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport FabMUI from '@mui/material/Fab';\nimport Tooltip from '@mui/material/Tooltip';\nimport { common } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { greyMedium } from '../../Theme/colors';\nimport { useDownload, useVersion } from '../../providers';\nimport LinkExternal from '../LinkExternal';\n\nexport const Fab = styled(FabMUI)<{ theme?: Theme }>(({ theme }) => ({\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.secondary.main : theme.palette.primary.main,\n '&:hover': {\n backgroundColor: theme.palette.mode === 'dark' ? greyMedium : undefined,\n color: theme.palette.mode === 'light' ? theme.palette.primary.main : common.white,\n },\n color: common.white,\n}));\n\ntype ActionType = 'VISIT_HOMEPAGE' \| 'OPEN_AN_ISSUE' \| 'DOWNLOAD_TARBALL' \| 'RAW_DATA';\n\nexport interface ActionBarActionProps {\n type: ActionType;\n link?: string;\n action?: () => void;\n}\n\nconst ActionBarAction: React.FC<ActionBarActionProps> = ({ type, link, action }) => {\n const { t } = useTranslation();\n const { isLoading } = useVersion();\n const { downloadTarball } = useDownload();\n\n const handleDownload = useCallback(async () => {\n downloadTarball?.({ link: link as string });\n }, [link, downloadTarball]);\n\n switch (type) {\n case 'VISIT_HOMEPAGE':\n return (\n <Tooltip title={t('action-bar-action.visit-home-page') as string}>\n <LinkExternal to={link} variant=\"button\">\n <Fab color=\"primary\" size=\"small\">\n <HomeIcon />\n </Fab>\n </LinkExternal>\n </Tooltip>\n );\n case 'OPEN_AN_ISSUE':\n return (\n <Tooltip title={t('action-bar-action.open-an-issue') as string}>\n <LinkExternal to={link} variant=\"button\">\n <Fab size=\"small\">\n <BugReportIcon />\n </Fab>\n </LinkExternal>\n </Tooltip>\n );\n case 'DOWNLOAD_TARBALL':\n return (\n <Tooltip title={t('action-bar-action.download-tarball') as string}>\n {isLoading ? (\n <CircularProgress sx={{ marginX: 0 }} />\n ) : (\n <Fab data-testid=\"download-tarball-btn\" onClick={handleDownload} size=\"small\">\n <DownloadIcon />\n </Fab>\n )}\n </Tooltip>\n );\n case 'RAW_DATA':\n return (\n <Tooltip title={t('action-bar-action.raw') as string}>\n <Fab data-testid=\"raw-btn\" onClick={action} size=\"small\">\n <RawOnIcon />\n </Fab>\n </Tooltip>\n );\n }\n};\n\nexport default ActionBarAction;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAa,OAAA,GAAA,gBAAA,~~SAAa~~,kBAAA,~~QAAO~~,EAAqB,EAAE,aAAa;CACnE,iBACE,MAAM,QAAQ,SAAS,SAAS,MAAM,QAAQ,UAAU,OAAO,MAAM,QAAQ,QAAQ;CACvF,WAAW;EACT,iBAAiB,MAAM,QAAQ,SAAS,SAAS,eAAA,aAAa,KAAA;EAC9D,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,qBAAA,OAAO;~~EAC7E~~;~~CACD~~,OAAO,qBAAA,OAAO;~~CACf~~,EAAE;~~AAUH~~,IAAM,mBAAmD,EAAE,MAAM,MAAM,aAAa;CAClF,MAAM,EAAE,OAAA,GAAA,cAAA,~~iBAAsB~~;~~CAC9B~~,MAAM,EAAE,cAAc,wBAAA,~~YAAY~~;~~CAClC~~,MAAM,EAAE,oBAAoB,yBAAA,~~aAAa~~;~~CAEzC~~,MAAM,kBAAA,GAAA,MAAA,~~aAA6B~~,YAAY;~~AAC7C~~,~~oBAAkB~~,EAAQ,~~MAAgB~~,CAAC;~~IAC1C~~,CAAC,MAAM,~~gBAAgB~~,CAAC;~~AAE3B~~,~~SAAQ~~,MAAR;EACE,KAAK,~~iBACH~~,~~QACE~~,iBAAA,GAAA,kBAAA,~~KAAC~~,sBAAA,SAAD;GAAS,OAAO,EAAE,~~oCAAoC~~;~~aACpD~~,iBAAA,GAAA,kBAAA,~~KAAC~~,qBAAA,SAAD;IAAc,IAAI;IAAM,SAAQ;cAC9B,iBAAA,GAAA,kBAAA,~~KAAC~~,KAAD;KAAK,OAAM;KAAU,MAAK;eACxB,iBAAA,GAAA,kBAAA,~~KAAC~~,yBAAA,SAAD,~~EAAY~~,CAAA;~~KACR~~,CAAA;~~IACO~~,CAAA;~~GACP~~,CAAA;~~EAEd~~,KAAK,~~gBACH~~,~~QACE~~,iBAAA,GAAA,kBAAA,~~KAAC~~,sBAAA,SAAD;GAAS,OAAO,EAAE,~~kCAAkC~~;~~aAClD~~,iBAAA,GAAA,kBAAA,~~KAAC~~,qBAAA,SAAD;IAAc,IAAI;IAAM,SAAQ;cAC9B,iBAAA,GAAA,kBAAA,~~KAAC~~,KAAD;KAAK,MAAK;eACR,iBAAA,GAAA,kBAAA,~~KAAC~~,8BAAA,SAAD,~~EAAiB~~,CAAA;~~KACb~~,CAAA;~~IACO~~,CAAA;~~GACP~~,CAAA;~~EAEd~~,KAAK,~~mBACH~~,~~QACE~~,iBAAA,GAAA,kBAAA,~~KAAC~~,sBAAA,SAAD;GAAS,OAAO,EAAE,~~qCAAqC~~;~~aACpD~~,YACC,iBAAA,GAAA,kBAAA,~~KAAC~~,+BAAA,SAAD,EAAkB,IAAI,EAAE,SAAS,~~GAAG~~,EAAI,CAAA,~~GAExC~~,iBAAA,GAAA,kBAAA,~~KAAC~~,KAAD;IAAK,eAAY;IAAuB,SAAS;IAAgB,MAAK;cACpE,iBAAA,GAAA,kBAAA,~~KAAC~~,kCAAA,SAAD,~~EAAgB~~,CAAA;~~IACZ~~,CAAA;~~GAEA~~,CAAA;~~EAEd~~,KAAK,~~WACH~~,~~QACE~~,iBAAA,GAAA,kBAAA,~~KAAC~~,sBAAA,SAAD;GAAS,OAAO,EAAE,~~wBAAwB~~;~~aACxC~~,iBAAA,GAAA,kBAAA,~~KAAC~~,KAAD;IAAK,eAAY;IAAU,SAAS;IAAQ,MAAK;cAC/C,iBAAA,GAAA,kBAAA,~~KAAC~~,0BAAA,SAAD,~~EAAa~~,CAAA;~~IACT~~,CAAA;~~GACE~~,CAAA"}
1	+ {"version":3,"file":"ActionBarAction.js","names":[],"sources":["../../../src/components/ActionBar/ActionBarAction.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport BugReportIcon from '@mui/icons-material/BugReport';\nimport DownloadIcon from '@mui/icons-material/CloudDownload';\nimport HomeIcon from '@mui/icons-material/Home';\nimport RawOnIcon from '@mui/icons-material/RawOn';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport FabMUI from '@mui/material/Fab';\nimport Tooltip from '@mui/material/Tooltip';\nimport { common } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { greyMedium } from '../../Theme/colors';\nimport { useDownload, useVersion } from '../../providers';\nimport LinkExternal from '../LinkExternal';\n\nexport const Fab = styled(FabMUI)<{ theme?: Theme }>(({ theme }) => ({\n backgroundColor:\n theme.palette.mode === 'dark' ? theme.palette.secondary.main : theme.palette.primary.main,\n '&:hover': {\n backgroundColor: theme.palette.mode === 'dark' ? greyMedium : undefined,\n color: theme.palette.mode === 'light' ? theme.palette.primary.main : common.white,\n },\n color: common.white,\n}));\n\ntype ActionType = 'VISIT_HOMEPAGE' \| 'OPEN_AN_ISSUE' \| 'DOWNLOAD_TARBALL' \| 'RAW_DATA';\n\nexport interface ActionBarActionProps {\n type: ActionType;\n link?: string;\n action?: () => void;\n}\n\nconst ActionBarAction: React.FC<ActionBarActionProps> = ({ type, link, action }) => {\n const { t } = useTranslation();\n const { isLoading } = useVersion();\n const { downloadTarball } = useDownload();\n\n const handleDownload = useCallback(async () => {\n downloadTarball?.({ link: link as string });\n }, [link, downloadTarball]);\n\n switch (type) {\n case 'VISIT_HOMEPAGE':\n return (\n <Tooltip title={t('action-bar-action.visit-home-page') as string}>\n <LinkExternal to={link} variant=\"button\">\n <Fab color=\"primary\" size=\"small\">\n <HomeIcon />\n </Fab>\n </LinkExternal>\n </Tooltip>\n );\n case 'OPEN_AN_ISSUE':\n return (\n <Tooltip title={t('action-bar-action.open-an-issue') as string}>\n <LinkExternal to={link} variant=\"button\">\n <Fab size=\"small\">\n <BugReportIcon />\n </Fab>\n </LinkExternal>\n </Tooltip>\n );\n case 'DOWNLOAD_TARBALL':\n return (\n <Tooltip title={t('action-bar-action.download-tarball') as string}>\n {isLoading ? (\n <CircularProgress sx={{ marginX: 0 }} />\n ) : (\n <Fab data-testid=\"download-tarball-btn\" onClick={handleDownload} size=\"small\">\n <DownloadIcon />\n </Fab>\n )}\n </Tooltip>\n );\n case 'RAW_DATA':\n return (\n <Tooltip title={t('action-bar-action.raw') as string}>\n <Fab data-testid=\"raw-btn\" onClick={action} size=\"small\">\n <RawOnIcon />\n </Fab>\n </Tooltip>\n );\n }\n};\n\nexport default ActionBarAction;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAa,OAAA,GAAA,gBAAA,QAAA,CAAa,kBAAA,OAAM,CAAC,EAAqB,EAAE,aAAa;CACnE,iBACE,MAAM,QAAQ,SAAS,SAAS,MAAM,QAAQ,UAAU,OAAO,MAAM,QAAQ,QAAQ;CACvF,WAAW;EACT,iBAAiB,MAAM,QAAQ,SAAS,SAAS,eAAA,aAAa,KAAA;EAC9D,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,qBAAA,OAAO;CAC9E;CACA,OAAO,qBAAA,OAAO;AAChB,EAAE;AAUF,IAAM,mBAAmD,EAAE,MAAM,MAAM,aAAa;CAClF,MAAM,EAAE,OAAA,GAAA,cAAA,eAAA,CAAqB;CAC7B,MAAM,EAAE,cAAc,wBAAA,WAAW;CACjC,MAAM,EAAE,oBAAoB,yBAAA,YAAY;CAExC,MAAM,kBAAA,GAAA,MAAA,YAAA,CAA6B,YAAY;EAC7C,kBAAkB,EAAQ,KAAe,CAAC;CAC5C,GAAG,CAAC,MAAM,eAAe,CAAC;CAE1B,QAAQ,MAAR;EACE,KAAK,kBACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;GAAS,OAAO,EAAE,mCAAmC;aACnD,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;IAAc,IAAI;IAAM,SAAQ;cAC9B,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;KAAK,OAAM;KAAU,MAAK;eACxB,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,SAAD,CAAW,CAAA;IACR,CAAA;GACO,CAAA;EACP,CAAA;EAEb,KAAK,iBACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;GAAS,OAAO,EAAE,iCAAiC;aACjD,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;IAAc,IAAI;IAAM,SAAQ;cAC9B,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;KAAK,MAAK;eACR,iBAAA,GAAA,kBAAA,IAAA,CAAC,8BAAA,SAAD,CAAgB,CAAA;IACb,CAAA;GACO,CAAA;EACP,CAAA;EAEb,KAAK,oBACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;GAAS,OAAO,EAAE,oCAAoC;aACnD,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,+BAAA,SAAD,EAAkB,IAAI,EAAE,SAAS,EAAE,EAAI,CAAA,IAEvC,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAK,eAAY;IAAuB,SAAS;IAAgB,MAAK;cACpE,iBAAA,GAAA,kBAAA,IAAA,CAAC,kCAAA,SAAD,CAAe,CAAA;GACZ,CAAA;EAEA,CAAA;EAEb,KAAK,YACH,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;GAAS,OAAO,EAAE,uBAAuB;aACvC,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAK,eAAY;IAAU,SAAS;IAAQ,MAAK;cAC/C,iBAAA,GAAA,kBAAA,IAAA,CAAC,0BAAA,SAAD,CAAY,CAAA;GACT,CAAA;EACE,CAAA;CAEf;AACF"}

package/build/components/ActionBar/ActionBarAction.mjs CHANGED Viewed

@@ -9,7 +9,7 @@ import Tooltip from "@mui/material/Tooltip";
 import { useCallback } from "react";
 import { jsx } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import BugReport from "@mui/icons-material/BugReport";
+import BugReportIcon from "@mui/icons-material/BugReport";
 import DownloadIcon from "@mui/icons-material/CloudDownload";
 import HomeIcon from "@mui/icons-material/Home";
 import RawOnIcon from "@mui/icons-material/RawOn";
@@ -52,7 +52,7 @@ var ActionBarAction = ({ type, link, action }) => {
 				variant: "button",
 				children: /* @__PURE__ */ jsx(Fab, {
 					size: "small",
-					children: /* @__PURE__ */ jsx(BugReport, {})
+					children: /* @__PURE__ */ jsx(BugReportIcon, {})
 				})
 			})
 		});
@@ -77,6 +77,6 @@ var ActionBarAction = ({ type, link, action }) => {
 	}
 };
 //#endregion
-export { ActionBarAction as default };
+export { Fab, ActionBarAction as default };
 //# sourceMappingURL=ActionBarAction.mjs.map