@ziky/ui 0.1.1 → 0.1.2
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/dist/index.d.ts +19 -19
- package/dist/layout/AppConfig.d.ts +1 -1
- package/dist/layout/AppConfig.d.ts.map +1 -1
- package/dist/layout/AppConfig.js +6 -6
- package/dist/layout/AppConfig.js.map +1 -1
- package/dist/layout/AppFooter.d.ts.map +1 -1
- package/dist/layout/AppFooter.js +1 -1
- package/dist/layout/AppFooter.js.map +1 -1
- package/dist/layout/AppMenu.d.ts +1 -1
- package/dist/layout/AppMenuitem.d.ts +1 -1
- package/dist/layout/AppMenuitem.d.ts.map +1 -1
- package/dist/layout/AppMenuitem.js +7 -9
- package/dist/layout/AppMenuitem.js.map +1 -1
- package/dist/layout/AppSidebar.d.ts +1 -1
- package/dist/layout/AppTopbar.d.ts +2 -2
- package/dist/layout/AppTopbar.d.ts.map +1 -1
- package/dist/layout/AppTopbar.js +17 -17
- package/dist/layout/AppTopbar.js.map +1 -1
- package/dist/layout/RidinAdminLayout.d.ts +1 -1
- package/dist/layout/RidinAdminLayoutContext.d.ts +2 -2
- package/dist/layout/SakaiLayout.d.ts +1 -1
- package/dist/layout/context/layoutcontext.d.ts +2 -2
- package/dist/layout/context/layoutcontext.d.ts.map +1 -1
- package/dist/layout/context/layoutcontext.js +6 -6
- package/dist/layout/context/layoutcontext.js.map +1 -1
- package/dist/layout/context/menucontext.d.ts +2 -2
- package/dist/layout/context/menucontext.js +1 -1
- package/dist/layout/layout.d.ts +1 -1
- package/dist/layout/layout.d.ts.map +1 -1
- package/dist/layout/layout.js +15 -16
- package/dist/layout/layout.js.map +1 -1
- package/dist/menu/adminMenu.d.ts.map +1 -1
- package/dist/menu/adminMenu.js +56 -32
- package/dist/menu/adminMenu.js.map +1 -1
- package/dist/providers/RidinProviders.d.ts +1 -1
- package/dist/providers/RidinProviders.js +1 -1
- package/dist/styles/index.d.ts +5 -5
- package/dist/styles/index.ts +5 -5
- package/dist/styles/layout/_config.scss +55 -54
- package/dist/styles/layout/_content.scss +17 -17
- package/dist/styles/layout/_footer.scss +10 -10
- package/dist/styles/layout/_main.scss +27 -27
- package/dist/styles/layout/_menu.scss +166 -159
- package/dist/styles/layout/_mixins.scss +13 -13
- package/dist/styles/layout/_responsive.scss +102 -101
- package/dist/styles/layout/_topbar.scss +158 -152
- package/dist/styles/layout/_typography.scss +70 -65
- package/dist/styles/layout/_utils.scss +40 -40
- package/dist/styles/layout/_variables.scss +3 -3
- package/dist/styles/layout/layout.scss +11 -11
- package/dist/types.d.ts +2 -2
- package/package.json +12 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { default as Layout } from
|
|
3
|
-
export type { LayoutProps } from
|
|
4
|
-
export { SakaiLayout } from
|
|
5
|
-
export type { SakaiLayoutProps } from
|
|
6
|
-
export { RidinAdminLayout } from
|
|
7
|
-
export type { RidinAdminLayoutProps } from
|
|
8
|
-
export * from
|
|
9
|
-
export { LayoutContext, LayoutProvider } from
|
|
10
|
-
export { MenuContext, MenuProvider } from
|
|
11
|
-
export { default as AppTopbar } from
|
|
12
|
-
export { default as AppSidebar } from
|
|
13
|
-
export { default as AppFooter } from
|
|
14
|
-
export { default as AppConfig } from
|
|
15
|
-
export { default as AppMenu } from
|
|
16
|
-
export { default as AppMenuitem } from
|
|
17
|
-
export * from
|
|
18
|
-
export * from
|
|
19
|
-
export * from
|
|
1
|
+
import './styles';
|
|
2
|
+
export { default as Layout } from './layout/layout';
|
|
3
|
+
export type { LayoutProps } from './layout/layout';
|
|
4
|
+
export { SakaiLayout } from './layout/SakaiLayout';
|
|
5
|
+
export type { SakaiLayoutProps } from './layout/SakaiLayout';
|
|
6
|
+
export { RidinAdminLayout } from './layout/RidinAdminLayout';
|
|
7
|
+
export type { RidinAdminLayoutProps } from './layout/RidinAdminLayout';
|
|
8
|
+
export * from './layout/RidinAdminLayoutContext';
|
|
9
|
+
export { LayoutContext, LayoutProvider } from './layout/context/layoutcontext';
|
|
10
|
+
export { MenuContext, MenuProvider } from './layout/context/menucontext';
|
|
11
|
+
export { default as AppTopbar } from './layout/AppTopbar';
|
|
12
|
+
export { default as AppSidebar } from './layout/AppSidebar';
|
|
13
|
+
export { default as AppFooter } from './layout/AppFooter';
|
|
14
|
+
export { default as AppConfig } from './layout/AppConfig';
|
|
15
|
+
export { default as AppMenu } from './layout/AppMenu';
|
|
16
|
+
export { default as AppMenuitem } from './layout/AppMenuitem';
|
|
17
|
+
export * from './types';
|
|
18
|
+
export * from './menu/adminMenu';
|
|
19
|
+
export * from './providers/RidinProviders';
|
|
20
20
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppConfig.d.ts","sourceRoot":"","sources":["../../src/layout/AppConfig.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAA6B,MAAM,UAAU,CAAC;AAG1E,QAAA,MAAM,SAAS,GAAI,OAAO,cAAc,
|
|
1
|
+
{"version":3,"file":"AppConfig.d.ts","sourceRoot":"","sources":["../../src/layout/AppConfig.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAA6B,MAAM,UAAU,CAAC;AAG1E,QAAA,MAAM,SAAS,GAAI,OAAO,cAAc,4CAwevC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/dist/layout/AppConfig.js
CHANGED
|
@@ -45,7 +45,7 @@ const AppConfig = (props) => {
|
|
|
45
45
|
}));
|
|
46
46
|
};
|
|
47
47
|
const _changeTheme = (theme, colorScheme) => {
|
|
48
|
-
changeTheme?.(layoutConfig.theme, theme,
|
|
48
|
+
changeTheme?.(layoutConfig.theme, theme, 'theme-css', () => {
|
|
49
49
|
setLayoutConfig((prevState) => ({
|
|
50
50
|
...prevState,
|
|
51
51
|
theme,
|
|
@@ -66,18 +66,18 @@ const AppConfig = (props) => {
|
|
|
66
66
|
}));
|
|
67
67
|
};
|
|
68
68
|
const applyScale = () => {
|
|
69
|
-
document.documentElement.style.fontSize = layoutConfig.scale +
|
|
69
|
+
document.documentElement.style.fontSize = layoutConfig.scale + 'px';
|
|
70
70
|
};
|
|
71
71
|
(0, react_1.useEffect)(() => {
|
|
72
72
|
applyScale();
|
|
73
73
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
74
74
|
}, [layoutConfig.scale]);
|
|
75
75
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("button", { className: "layout-config-button config-link", type: "button", onClick: onConfigButtonClick, children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-cog" }) }), (0, jsx_runtime_1.jsxs)(sidebar_1.Sidebar, { visible: layoutState.configSidebarVisible, onHide: onConfigSidebarHide, position: "right", className: "layout-config-sidebar w-20rem", children: [!props.simple && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h5", { children: "Scale" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex align-items-center", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-minus", type: "button", onClick: decrementScale, rounded: true, text: true, className: "w-2rem h-2rem mr-2", disabled: layoutConfig.scale === scales[0] }), (0, jsx_runtime_1.jsx)("div", { className: "flex gap-2 align-items-center", children: scales.map((item) => {
|
|
76
|
-
return ((0, jsx_runtime_1.jsx)("i", { className: (0, utils_1.classNames)(
|
|
77
|
-
|
|
78
|
-
|
|
76
|
+
return ((0, jsx_runtime_1.jsx)("i", { className: (0, utils_1.classNames)('pi pi-circle-fill', {
|
|
77
|
+
'text-primary-500': item === layoutConfig.scale,
|
|
78
|
+
'text-300': item !== layoutConfig.scale,
|
|
79
79
|
}) }, item));
|
|
80
|
-
}) }), (0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-plus", type: "button", onClick: incrementScale, rounded: true, text: true, className: "w-2rem h-2rem ml-2", disabled: layoutConfig.scale === scales[scales.length - 1] })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Menu Type" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex", children: [(0, jsx_runtime_1.jsxs)("div", { className: "field-radiobutton flex-1", children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { name: "menuMode", value: "static", checked: layoutConfig.menuMode === "static", onChange: (e) => changeMenuMode(e), inputId: "mode1" }), (0, jsx_runtime_1.jsx)("label", { htmlFor: "mode1", children: "Static" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "field-radiobutton flex-1", children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { name: "menuMode", value: "overlay", checked: layoutConfig.menuMode === "overlay", onChange: (e) => changeMenuMode(e), inputId: "mode2" }), (0, jsx_runtime_1.jsx)("label", { htmlFor: "mode2", children: "Overlay" })] })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Input Style" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex", children: [(0, jsx_runtime_1.jsxs)("div", { className: "field-radiobutton flex-1", children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { name: "inputStyle", value: "outlined", checked: layoutConfig.inputStyle === "outlined", onChange: (e) => changeInputStyle(e), inputId: "outlined_input" }), (0, jsx_runtime_1.jsx)("label", { htmlFor: "outlined_input", children: "Outlined" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "field-radiobutton flex-1", children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { name: "inputStyle", value: "filled", checked: layoutConfig.inputStyle === "filled", onChange: (e) => changeInputStyle(e), inputId: "filled_input" }), (0, jsx_runtime_1.jsx)("label", { htmlFor: "filled_input", children: "Filled" })] })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Ripple Effect" }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: layoutConfig.ripple, onChange: (e) => changeRipple(e) })] })), (0, jsx_runtime_1.jsx)("h5", { children: "PrimeOne Design" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("lara-light-indigo", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-light-indigo.png", className: "w-2rem h-2rem", alt: "Lara Light Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("lara-light-blue", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-light-blue.png", className: "w-2rem h-2rem", alt: "Lara Light Blue" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("lara-light-purple", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-light-purple.png", className: "w-2rem h-2rem", alt: "Lara Light Purple" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("lara-light-teal", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-light-teal.png", className: "w-2rem h-2rem", alt: "Lara Light Teal" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("lara-dark-indigo", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-dark-indigo.png", className: "w-2rem h-2rem", alt: "Lara Dark Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("lara-dark-blue", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-dark-blue.png", className: "w-2rem h-2rem", alt: "Lara Dark Blue" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("lara-dark-purple", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-dark-purple.png", className: "w-2rem h-2rem", alt: "Lara Dark Purple" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("lara-dark-teal", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-dark-teal.png", className: "w-2rem h-2rem", alt: "Lara Dark Teal" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("soho-light", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/soho-light.png", className: "w-2rem h-2rem", alt: "Soho Light" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("soho-dark", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/soho-dark.png", className: "w-2rem h-2rem", alt: "Soho Dark" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("viva-light", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/viva-light.svg", className: "w-2rem h-2rem", alt: "Viva Light" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("viva-dark", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/viva-dark.svg", className: "w-2rem h-2rem", alt: "Viva Dark" }) }) })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Bootstrap" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("bootstrap4-light-blue", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/bootstrap4-light-blue.svg", className: "w-2rem h-2rem", alt: "Bootstrap Light Blue" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("bootstrap4-light-purple", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/bootstrap4-light-purple.svg", className: "w-2rem h-2rem", alt: "Bootstrap Light Purple" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("bootstrap4-dark-blue", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/bootstrap4-dark-blue.svg", className: "w-2rem h-2rem", alt: "Bootstrap Dark Blue" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("bootstrap4-dark-purple", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/bootstrap4-dark-purple.svg", className: "w-2rem h-2rem", alt: "Bootstrap Dark Purple" }) }) })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Material Design" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("md-light-indigo", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-light-indigo.svg", className: "w-2rem h-2rem", alt: "Material Light Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("md-light-deeppurple", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-light-deeppurple.svg", className: "w-2rem h-2rem", alt: "Material Light DeepPurple" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("md-dark-indigo", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-dark-indigo.svg", className: "w-2rem h-2rem", alt: "Material Dark Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("md-dark-deeppurple", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-dark-deeppurple.svg", className: "w-2rem h-2rem", alt: "Material Dark DeepPurple" }) }) })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Material Design Compact" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("mdc-light-indigo", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-light-indigo.svg", className: "w-2rem h-2rem", alt: "Material Light Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("mdc-light-deeppurple", "light"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-light-deeppurple.svg", className: "w-2rem h-2rem", alt: "Material Light Deep Purple" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("mdc-dark-indigo", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-dark-indigo.svg", className: "w-2rem h-2rem", alt: "Material Dark Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme("mdc-dark-deeppurple", "dark"), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-dark-deeppurple.svg", className: "w-2rem h-2rem", alt: "Material Dark Deep Purple" }) }) })] })] })] }));
|
|
80
|
+
}) }), (0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-plus", type: "button", onClick: incrementScale, rounded: true, text: true, className: "w-2rem h-2rem ml-2", disabled: layoutConfig.scale === scales[scales.length - 1] })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Menu Type" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex", children: [(0, jsx_runtime_1.jsxs)("div", { className: "field-radiobutton flex-1", children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { name: "menuMode", value: 'static', checked: layoutConfig.menuMode === 'static', onChange: (e) => changeMenuMode(e), inputId: "mode1" }), (0, jsx_runtime_1.jsx)("label", { htmlFor: "mode1", children: "Static" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "field-radiobutton flex-1", children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { name: "menuMode", value: 'overlay', checked: layoutConfig.menuMode === 'overlay', onChange: (e) => changeMenuMode(e), inputId: "mode2" }), (0, jsx_runtime_1.jsx)("label", { htmlFor: "mode2", children: "Overlay" })] })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Input Style" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex", children: [(0, jsx_runtime_1.jsxs)("div", { className: "field-radiobutton flex-1", children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { name: "inputStyle", value: 'outlined', checked: layoutConfig.inputStyle === 'outlined', onChange: (e) => changeInputStyle(e), inputId: "outlined_input" }), (0, jsx_runtime_1.jsx)("label", { htmlFor: "outlined_input", children: "Outlined" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "field-radiobutton flex-1", children: [(0, jsx_runtime_1.jsx)(radiobutton_1.RadioButton, { name: "inputStyle", value: 'filled', checked: layoutConfig.inputStyle === 'filled', onChange: (e) => changeInputStyle(e), inputId: "filled_input" }), (0, jsx_runtime_1.jsx)("label", { htmlFor: "filled_input", children: "Filled" })] })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Ripple Effect" }), (0, jsx_runtime_1.jsx)(inputswitch_1.InputSwitch, { checked: layoutConfig.ripple, onChange: (e) => changeRipple(e) })] })), (0, jsx_runtime_1.jsx)("h5", { children: "PrimeOne Design" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('lara-light-indigo', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-light-indigo.png", className: "w-2rem h-2rem", alt: "Lara Light Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('lara-light-blue', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-light-blue.png", className: "w-2rem h-2rem", alt: "Lara Light Blue" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('lara-light-purple', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-light-purple.png", className: "w-2rem h-2rem", alt: "Lara Light Purple" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('lara-light-teal', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-light-teal.png", className: "w-2rem h-2rem", alt: "Lara Light Teal" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('lara-dark-indigo', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-dark-indigo.png", className: "w-2rem h-2rem", alt: "Lara Dark Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('lara-dark-blue', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-dark-blue.png", className: "w-2rem h-2rem", alt: "Lara Dark Blue" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('lara-dark-purple', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-dark-purple.png", className: "w-2rem h-2rem", alt: "Lara Dark Purple" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('lara-dark-teal', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/lara-dark-teal.png", className: "w-2rem h-2rem", alt: "Lara Dark Teal" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('soho-light', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/soho-light.png", className: "w-2rem h-2rem", alt: "Soho Light" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('soho-dark', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/soho-dark.png", className: "w-2rem h-2rem", alt: "Soho Dark" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('viva-light', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/viva-light.svg", className: "w-2rem h-2rem", alt: "Viva Light" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('viva-dark', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/viva-dark.svg", className: "w-2rem h-2rem", alt: "Viva Dark" }) }) })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Bootstrap" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('bootstrap4-light-blue', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/bootstrap4-light-blue.svg", className: "w-2rem h-2rem", alt: "Bootstrap Light Blue" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('bootstrap4-light-purple', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/bootstrap4-light-purple.svg", className: "w-2rem h-2rem", alt: "Bootstrap Light Purple" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('bootstrap4-dark-blue', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/bootstrap4-dark-blue.svg", className: "w-2rem h-2rem", alt: "Bootstrap Dark Blue" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('bootstrap4-dark-purple', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/bootstrap4-dark-purple.svg", className: "w-2rem h-2rem", alt: "Bootstrap Dark Purple" }) }) })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Material Design" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('md-light-indigo', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-light-indigo.svg", className: "w-2rem h-2rem", alt: "Material Light Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('md-light-deeppurple', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-light-deeppurple.svg", className: "w-2rem h-2rem", alt: "Material Light DeepPurple" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('md-dark-indigo', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-dark-indigo.svg", className: "w-2rem h-2rem", alt: "Material Dark Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('md-dark-deeppurple', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-dark-deeppurple.svg", className: "w-2rem h-2rem", alt: "Material Dark DeepPurple" }) }) })] }), (0, jsx_runtime_1.jsx)("h5", { children: "Material Design Compact" }), (0, jsx_runtime_1.jsxs)("div", { className: "grid", children: [(0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('mdc-light-indigo', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-light-indigo.svg", className: "w-2rem h-2rem", alt: "Material Light Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('mdc-light-deeppurple', 'light'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-light-deeppurple.svg", className: "w-2rem h-2rem", alt: "Material Light Deep Purple" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('mdc-dark-indigo', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-dark-indigo.svg", className: "w-2rem h-2rem", alt: "Material Dark Indigo" }) }) }), (0, jsx_runtime_1.jsx)("div", { className: "col-3", children: (0, jsx_runtime_1.jsx)("button", { className: "p-link w-2rem h-2rem", onClick: () => _changeTheme('mdc-dark-deeppurple', 'dark'), children: (0, jsx_runtime_1.jsx)("img", { src: "/layout/images/themes/md-dark-deeppurple.svg", className: "w-2rem h-2rem", alt: "Material Dark Deep Purple" }) }) })] })] })] }));
|
|
81
81
|
};
|
|
82
82
|
exports.default = AppConfig;
|
|
83
83
|
//# sourceMappingURL=AppConfig.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppConfig.js","sourceRoot":"","sources":["../../src/layout/AppConfig.tsx"],"names":[],"mappings":";;;AAAA,wCAAmD;AACnD,8CAA2C;AAC3C,wDAA6E;AAC7E,wDAA6E;AAC7E,gDAA6C;AAC7C,4CAA8C;AAC9C,iCAA+D;AAE/D,2DAAwD;AAExD,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,CAAC,MAAM,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;IAChD,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,WAAW,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"AppConfig.js","sourceRoot":"","sources":["../../src/layout/AppConfig.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppFooter.d.ts","sourceRoot":"","sources":["../../src/layout/AppFooter.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,SAAS,+
|
|
1
|
+
{"version":3,"file":"AppFooter.d.ts","sourceRoot":"","sources":["../../src/layout/AppFooter.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,SAAS,+CAed,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
package/dist/layout/AppFooter.js
CHANGED
|
@@ -5,7 +5,7 @@ const react_1 = require("react");
|
|
|
5
5
|
const layoutcontext_1 = require("./context/layoutcontext");
|
|
6
6
|
const AppFooter = () => {
|
|
7
7
|
const { layoutConfig } = (0, react_1.useContext)(layoutcontext_1.LayoutContext);
|
|
8
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "layout-footer", children: [(0, jsx_runtime_1.jsx)("img", { src: `/layout/images/logo-${layoutConfig.colorScheme ===
|
|
8
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "layout-footer", children: [(0, jsx_runtime_1.jsx)("img", { src: `/layout/images/logo-${layoutConfig.colorScheme === 'light' ? 'dark' : 'white'}.svg`, alt: "Logo", height: "20", className: "mr-2" }), "by", (0, jsx_runtime_1.jsx)("span", { className: "font-medium ml-2", children: "ReadIn Team" })] }));
|
|
9
9
|
};
|
|
10
10
|
exports.default = AppFooter;
|
|
11
11
|
//# sourceMappingURL=AppFooter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppFooter.js","sourceRoot":"","sources":["../../src/layout/AppFooter.tsx"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,2DAAwD;AAExD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,6BAAa,CAAC,CAAC;IAEnD,OAAO,CACL,iCAAK,SAAS,EAAC,eAAe,aAC5B,gCACE,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"AppFooter.js","sourceRoot":"","sources":["../../src/layout/AppFooter.tsx"],"names":[],"mappings":";;;AAAA,iCAA0C;AAC1C,2DAAwD;AAExD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,kBAAU,EAAC,6BAAa,CAAC,CAAC;IAEnD,OAAO,CACL,iCAAK,SAAS,EAAC,eAAe,aAC5B,gCACE,GAAG,EAAE,uBAAuB,YAAY,CAAC,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,MAAM,EACzF,GAAG,EAAC,MAAM,EACV,MAAM,EAAC,IAAI,EACX,SAAS,EAAC,MAAM,GAChB,QAEF,iCAAM,SAAS,EAAC,kBAAkB,4BAAmB,IACjD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC"}
|
package/dist/layout/AppMenu.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AppMenuItemProps } from
|
|
1
|
+
import type { AppMenuItemProps } from '../types';
|
|
2
2
|
declare const AppMenuitem: (props: AppMenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default AppMenuitem;
|
|
4
4
|
//# sourceMappingURL=AppMenuitem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppMenuitem.d.ts","sourceRoot":"","sources":["../../src/layout/AppMenuitem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,
|
|
1
|
+
{"version":3,"file":"AppMenuitem.d.ts","sourceRoot":"","sources":["../../src/layout/AppMenuitem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEjD,QAAA,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CA0G3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -11,11 +11,9 @@ const AppMenuitem = (props) => {
|
|
|
11
11
|
const location = (0, react_router_dom_1.useLocation)();
|
|
12
12
|
const { activeMenu, setActiveMenu } = (0, react_1.useContext)(menucontext_1.MenuContext);
|
|
13
13
|
const item = props.item;
|
|
14
|
-
const key = props.parentKey
|
|
15
|
-
? props.parentKey + "-" + props.index
|
|
16
|
-
: String(props.index);
|
|
14
|
+
const key = props.parentKey ? props.parentKey + '-' + props.index : String(props.index);
|
|
17
15
|
const isActiveRoute = item.to && location.pathname === item.to;
|
|
18
|
-
const active = activeMenu === key || activeMenu.startsWith(key +
|
|
16
|
+
const active = activeMenu === key || activeMenu.startsWith(key + '-');
|
|
19
17
|
const onRouteChange = (url) => {
|
|
20
18
|
if (item.to && item.to === url) {
|
|
21
19
|
setActiveMenu(key);
|
|
@@ -45,11 +43,11 @@ const AppMenuitem = (props) => {
|
|
|
45
43
|
return ((0, jsx_runtime_1.jsx)(AppMenuitem, { item: child, index: i, className: child.badgeClass, parentKey: key }, child.label));
|
|
46
44
|
}) }) }, item.label));
|
|
47
45
|
return ((0, jsx_runtime_1.jsxs)("li", { className: (0, utils_1.classNames)({
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
}), children: [props.root && item.visible !== false && ((0, jsx_runtime_1.jsx)("div", { className: "layout-menuitem-root-text", children: item.label })), (!item.to || item.items) && item.visible !== false ? ((0, jsx_runtime_1.jsxs)("a", { href: item.url, onClick: (e) => itemClick(e), className: (0, utils_1.classNames)(item.class,
|
|
51
|
-
|
|
52
|
-
}), tabIndex: 0, children: [(0, jsx_runtime_1.jsx)("i", { className: (0, utils_1.classNames)(
|
|
46
|
+
'layout-root-menuitem': props.root,
|
|
47
|
+
'active-menuitem': active,
|
|
48
|
+
}), children: [props.root && item.visible !== false && ((0, jsx_runtime_1.jsx)("div", { className: "layout-menuitem-root-text", children: item.label })), (!item.to || item.items) && item.visible !== false ? ((0, jsx_runtime_1.jsxs)("a", { href: item.url, onClick: (e) => itemClick(e), className: (0, utils_1.classNames)(item.class, 'p-ripple'), target: item.target, tabIndex: 0, children: [(0, jsx_runtime_1.jsx)("i", { className: (0, utils_1.classNames)('layout-menuitem-icon', item.icon) }), (0, jsx_runtime_1.jsx)("span", { className: "layout-menuitem-text", children: item.label }), item.items && (0, jsx_runtime_1.jsx)("i", { className: "pi pi-fw pi-angle-down layout-submenu-toggler" }), (0, jsx_runtime_1.jsx)(ripple_1.Ripple, {})] })) : null, item.to && !item.items && item.visible !== false ? ((0, jsx_runtime_1.jsxs)(react_router_dom_1.Link, { to: item.to, replace: item.replaceUrl, target: item.target, onClick: (e) => itemClick(e), className: (0, utils_1.classNames)(item.class, 'p-ripple', {
|
|
49
|
+
'active-route': isActiveRoute,
|
|
50
|
+
}), tabIndex: 0, children: [(0, jsx_runtime_1.jsx)("i", { className: (0, utils_1.classNames)('layout-menuitem-icon', item.icon) }), (0, jsx_runtime_1.jsx)("span", { className: "layout-menuitem-text", children: item.label }), item.items && (0, jsx_runtime_1.jsx)("i", { className: "pi pi-fw pi-angle-down layout-submenu-toggler" }), (0, jsx_runtime_1.jsx)(ripple_1.Ripple, {})] })) : null, subMenu] }));
|
|
53
51
|
};
|
|
54
52
|
exports.default = AppMenuitem;
|
|
55
53
|
//# sourceMappingURL=AppMenuitem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppMenuitem.js","sourceRoot":"","sources":["../../src/layout/AppMenuitem.tsx"],"names":[],"mappings":";;;AAAA,uDAAqD;AACrD,8CAA2C;AAC3C,4CAA8C;AAC9C,iCAAqD;AACrD,mEAAuD;AACvD,uDAAoD;AAGpD,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,yBAAW,CAAC,CAAC;IAC9D,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACxB,MAAM,GAAG,GAAG,KAAK,CAAC,SAAS
|
|
1
|
+
{"version":3,"file":"AppMenuitem.js","sourceRoot":"","sources":["../../src/layout/AppMenuitem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import type { AppTopbarProps, AppTopbarRef } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AppTopbarProps, AppTopbarRef } from '../types';
|
|
3
3
|
declare const AppTopbar: React.ForwardRefExoticComponent<AppTopbarProps & React.RefAttributes<AppTopbarRef>>;
|
|
4
4
|
export default AppTopbar;
|
|
5
5
|
//# sourceMappingURL=AppTopbar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppTopbar.d.ts","sourceRoot":"","sources":["../../src/layout/AppTopbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7D,QAAA,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"AppTopbar.d.ts","sourceRoot":"","sources":["../../src/layout/AppTopbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7D,QAAA,MAAM,SAAS,qFAsMb,CAAC;AAIH,eAAe,SAAS,CAAC"}
|
package/dist/layout/AppTopbar.js
CHANGED
|
@@ -15,18 +15,18 @@ const AppTopbar = (0, react_1.forwardRef)((props, ref) => {
|
|
|
15
15
|
const profileOverlayRef = (0, react_1.useRef)(null);
|
|
16
16
|
const navigate = (0, react_router_dom_1.useNavigate)();
|
|
17
17
|
const t = props.t ?? ((key) => key);
|
|
18
|
-
const [avatarUrl, setAvatarUrl] = (0, react_1.useState)(
|
|
18
|
+
const [avatarUrl, setAvatarUrl] = (0, react_1.useState)('/demo/images/avatar/profile.png');
|
|
19
19
|
const [avatarBusy, setAvatarBusy] = (0, react_1.useState)(false);
|
|
20
20
|
const [avatarError, setAvatarError] = (0, react_1.useState)(null);
|
|
21
21
|
const fileInputRef = (0, react_1.useRef)(null);
|
|
22
22
|
(0, react_1.useEffect)(() => {
|
|
23
|
-
if (typeof window ===
|
|
23
|
+
if (typeof window === 'undefined')
|
|
24
24
|
return;
|
|
25
25
|
if (props.user?.avatarUrl) {
|
|
26
26
|
setAvatarUrl(props.user.avatarUrl);
|
|
27
27
|
return;
|
|
28
28
|
}
|
|
29
|
-
const storedAvatar = localStorage.getItem(
|
|
29
|
+
const storedAvatar = localStorage.getItem('avatarUrl');
|
|
30
30
|
if (storedAvatar) {
|
|
31
31
|
setAvatarUrl(storedAvatar);
|
|
32
32
|
return;
|
|
@@ -35,7 +35,7 @@ const AppTopbar = (0, react_1.forwardRef)((props, ref) => {
|
|
|
35
35
|
setAvatarUrl(`/api/avatar?email=${encodeURIComponent(props.user.email)}`);
|
|
36
36
|
}
|
|
37
37
|
else {
|
|
38
|
-
setAvatarUrl(
|
|
38
|
+
setAvatarUrl('/demo/images/avatar/profile.png');
|
|
39
39
|
}
|
|
40
40
|
}, [props.user?.avatarUrl, props.user?.email]);
|
|
41
41
|
const handlePickAvatar = () => {
|
|
@@ -43,7 +43,7 @@ const AppTopbar = (0, react_1.forwardRef)((props, ref) => {
|
|
|
43
43
|
};
|
|
44
44
|
const handleAvatarSelected = async (event) => {
|
|
45
45
|
const file = event.target.files?.[0];
|
|
46
|
-
event.target.value =
|
|
46
|
+
event.target.value = '';
|
|
47
47
|
if (!file)
|
|
48
48
|
return;
|
|
49
49
|
setAvatarError(null);
|
|
@@ -56,7 +56,7 @@ const AppTopbar = (0, react_1.forwardRef)((props, ref) => {
|
|
|
56
56
|
setAvatarUrl(url);
|
|
57
57
|
}
|
|
58
58
|
catch (error) {
|
|
59
|
-
const message = error instanceof Error ? error.message :
|
|
59
|
+
const message = error instanceof Error ? error.message : 'Failed to upload avatar.';
|
|
60
60
|
setAvatarError(message);
|
|
61
61
|
}
|
|
62
62
|
finally {
|
|
@@ -64,30 +64,30 @@ const AppTopbar = (0, react_1.forwardRef)((props, ref) => {
|
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
66
|
const displayName = props.user?.fullName?.trim() ||
|
|
67
|
-
props.user?.email?.split(
|
|
67
|
+
props.user?.email?.split('@')[0] ||
|
|
68
68
|
props.user?.userId ||
|
|
69
|
-
|
|
70
|
-
const userEmail = props.user?.email ??
|
|
69
|
+
'User';
|
|
70
|
+
const userEmail = props.user?.email ?? 'user@example.com';
|
|
71
71
|
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
72
72
|
menubutton: menubuttonRef.current,
|
|
73
73
|
topbarmenu: topbarmenuRef.current,
|
|
74
74
|
topbarmenubutton: topbarmenubuttonRef.current,
|
|
75
75
|
}));
|
|
76
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className: "layout-topbar", children: [(0, jsx_runtime_1.jsxs)(react_router_dom_1.Link, { to: props.logoTo ??
|
|
77
|
-
|
|
78
|
-
}), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: "p-link layout-topbar-button", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-calendar" }), (0, jsx_runtime_1.jsx)("span", { children: t(
|
|
76
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: "layout-topbar", children: [(0, jsx_runtime_1.jsxs)(react_router_dom_1.Link, { to: props.logoTo ?? '/', className: "layout-topbar-logo", children: [(0, jsx_runtime_1.jsx)("img", { src: `/layout/images/logo-${layoutConfig.colorScheme !== 'light' ? 'white' : 'dark'}.svg`, width: "47.22px", height: '35px', alt: "logo" }), (0, jsx_runtime_1.jsx)("span", { children: props.logoText ?? 'SAKAI' })] }), (0, jsx_runtime_1.jsx)("button", { ref: menubuttonRef, type: "button", className: "p-link layout-menu-button layout-topbar-button", onClick: onMenuToggle, children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-bars" }) }), (0, jsx_runtime_1.jsx)("button", { ref: topbarmenubuttonRef, type: "button", className: "p-link layout-topbar-menu-button layout-topbar-button", onClick: showProfileSidebar, children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-ellipsis-v" }) }), (0, jsx_runtime_1.jsxs)("div", { ref: topbarmenuRef, className: (0, utils_1.classNames)('layout-topbar-menu', {
|
|
77
|
+
'layout-topbar-menu-mobile-active': layoutState.profileSidebarVisible,
|
|
78
|
+
}), children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", className: "p-link layout-topbar-button", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-calendar" }), (0, jsx_runtime_1.jsx)("span", { children: t('topbar.calendar') })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: "p-link layout-topbar-button", onClick: () => navigate(props.profileTo ?? '/profile'), children: [(0, jsx_runtime_1.jsx)("img", { src: avatarUrl, alt: t('topbar.profile'), width: 24, height: 24, className: "border-circle", style: { objectFit: 'cover' } }), (0, jsx_runtime_1.jsx)("span", { children: t('topbar.profile') })] }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: "p-link layout-topbar-button", onClick: (e) => profileOverlayRef.current?.toggle(e), children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-cog" }), (0, jsx_runtime_1.jsx)("span", { children: t('topbar.settings') })] })] }), (0, jsx_runtime_1.jsxs)(overlaypanel_1.OverlayPanel, { ref: profileOverlayRef, className: "p-3 w-19rem", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex align-items-center mb-3 gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative", children: [(0, jsx_runtime_1.jsx)("img", { src: avatarUrl, alt: "Profile avatar", width: 48, height: 48, className: "border-circle cursor-pointer", onClick: handlePickAvatar }), (0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: "image/*", style: { display: 'none' }, onChange: (e) => void handleAvatarSelected(e) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "min-w-0", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-900 font-semibold truncate", children: displayName }), (0, jsx_runtime_1.jsx)("div", { className: "text-600 text-sm truncate", children: userEmail })] })] }), avatarError && (0, jsx_runtime_1.jsx)("div", { className: "p-error mb-2", children: avatarError }), (0, jsx_runtime_1.jsxs)("div", { className: "surface-50 border-round p-3 mb-3", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-900 font-medium mb-2", children: t('topbar.quickActions') }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 flex-column", children: [(0, jsx_runtime_1.jsx)(button_1.Button, { label: t('topbar.settingsPage'), icon: "pi pi-sliders-h", className: "p-button-sm w-full", onClick: () => {
|
|
79
79
|
profileOverlayRef.current?.hide();
|
|
80
|
-
navigate(props.settingsTo ??
|
|
81
|
-
} }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { className: "w-full", to: props.profileTo ??
|
|
80
|
+
navigate(props.settingsTo ?? '/settings');
|
|
81
|
+
} }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Link, { className: "w-full", to: props.profileTo ?? '/profile', children: (0, jsx_runtime_1.jsx)(button_1.Button, { label: t('topbar.profile'), icon: "pi pi-user", className: "p-button-outlined p-button-sm w-full", onClick: () => {
|
|
82
82
|
profileOverlayRef.current?.hide();
|
|
83
|
-
navigate(props.profileTo ??
|
|
84
|
-
} }) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "border-top-1 surface-border pt-3", children: (0, jsx_runtime_1.jsx)(button_1.Button, { label: t(
|
|
83
|
+
navigate(props.profileTo ?? '/profile');
|
|
84
|
+
} }) })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "border-top-1 surface-border pt-3", children: (0, jsx_runtime_1.jsx)(button_1.Button, { label: t('topbar.signOut'), icon: "pi pi-sign-out", className: "p-button-text w-full justify-content-start", onClick: () => {
|
|
85
85
|
profileOverlayRef.current?.hide();
|
|
86
86
|
props.onSignOut?.();
|
|
87
87
|
if (props.signOutTo)
|
|
88
88
|
navigate(props.signOutTo);
|
|
89
89
|
} }) })] })] }));
|
|
90
90
|
});
|
|
91
|
-
AppTopbar.displayName =
|
|
91
|
+
AppTopbar.displayName = 'AppTopbar';
|
|
92
92
|
exports.default = AppTopbar;
|
|
93
93
|
//# sourceMappingURL=AppTopbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppTopbar.js","sourceRoot":"","sources":["../../src/layout/AppTopbar.tsx"],"names":[],"mappings":";;;AAAA,4CAA8C;AAC9C,iCAOe;AACf,2DAAwD;AACxD,0DAAuD;AACvD,8CAA2C;AAC3C,uDAAqD;AAGrD,MAAM,SAAS,GAAG,IAAA,kBAAU,EAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACxE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,
|
|
1
|
+
{"version":3,"file":"AppTopbar.js","sourceRoot":"","sources":["../../src/layout/AppTopbar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type SakaiLayoutProps } from
|
|
1
|
+
import { type SakaiLayoutProps } from './SakaiLayout';
|
|
2
2
|
export type RidinAdminLayoutProps = SakaiLayoutProps;
|
|
3
3
|
export declare function RidinAdminLayout(props: RidinAdminLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
//# sourceMappingURL=RidinAdminLayout.d.ts.map
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { LayoutContext, LayoutProvider } from
|
|
2
|
-
export type { LayoutConfig, LayoutContextProps, LayoutState } from
|
|
1
|
+
export { LayoutContext, LayoutProvider } from './context/layoutcontext';
|
|
2
|
+
export type { LayoutConfig, LayoutContextProps, LayoutState } from '../types';
|
|
3
3
|
//# sourceMappingURL=RidinAdminLayoutContext.d.ts.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type LayoutProps } from
|
|
1
|
+
import { type LayoutProps } from './layout';
|
|
2
2
|
export type SakaiLayoutProps = LayoutProps;
|
|
3
3
|
export declare function SakaiLayout(props: SakaiLayoutProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
//# sourceMappingURL=SakaiLayout.d.ts.map
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { ChildContainerProps, LayoutContextProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ChildContainerProps, LayoutContextProps } from '../../types';
|
|
3
3
|
export declare const LayoutContext: React.Context<LayoutContextProps>;
|
|
4
4
|
export declare const LayoutProvider: ({ children }: ChildContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
//# sourceMappingURL=layoutcontext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layoutcontext.d.ts","sourceRoot":"","sources":["../../../src/layout/context/layoutcontext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,
|
|
1
|
+
{"version":3,"file":"layoutcontext.d.ts","sourceRoot":"","sources":["../../../src/layout/context/layoutcontext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AACvD,OAAO,EAAe,mBAAmB,EAAgB,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjG,eAAO,MAAM,aAAa,mCAA0C,CAAC;AAErE,eAAO,MAAM,cAAc,GAAI,cAAc,mBAAmB,4CAiE/D,CAAC"}
|
|
@@ -7,10 +7,10 @@ exports.LayoutContext = (0, react_1.createContext)({});
|
|
|
7
7
|
const LayoutProvider = ({ children }) => {
|
|
8
8
|
const [layoutConfig, setLayoutConfig] = (0, react_1.useState)({
|
|
9
9
|
ripple: false,
|
|
10
|
-
inputStyle:
|
|
11
|
-
menuMode:
|
|
12
|
-
colorScheme:
|
|
13
|
-
theme:
|
|
10
|
+
inputStyle: 'outlined',
|
|
11
|
+
menuMode: 'static',
|
|
12
|
+
colorScheme: 'light',
|
|
13
|
+
theme: 'lara-light-indigo',
|
|
14
14
|
scale: 14,
|
|
15
15
|
});
|
|
16
16
|
const [layoutState, setLayoutState] = (0, react_1.useState)({
|
|
@@ -48,7 +48,7 @@ const LayoutProvider = ({ children }) => {
|
|
|
48
48
|
}));
|
|
49
49
|
};
|
|
50
50
|
const isOverlay = () => {
|
|
51
|
-
return layoutConfig.menuMode ===
|
|
51
|
+
return layoutConfig.menuMode === 'overlay';
|
|
52
52
|
};
|
|
53
53
|
const isDesktop = () => {
|
|
54
54
|
return window.innerWidth > 991;
|
|
@@ -61,7 +61,7 @@ const LayoutProvider = ({ children }) => {
|
|
|
61
61
|
onMenuToggle,
|
|
62
62
|
showProfileSidebar,
|
|
63
63
|
};
|
|
64
|
-
return (
|
|
64
|
+
return (0, jsx_runtime_1.jsx)(exports.LayoutContext.Provider, { value: value, children: children });
|
|
65
65
|
};
|
|
66
66
|
exports.LayoutProvider = LayoutProvider;
|
|
67
67
|
//# sourceMappingURL=layoutcontext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layoutcontext.js","sourceRoot":"","sources":["../../../src/layout/context/layoutcontext.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;
|
|
1
|
+
{"version":3,"file":"layoutcontext.js","sourceRoot":"","sources":["../../../src/layout/context/layoutcontext.tsx"],"names":[],"mappings":";;;;AAAA,iCAAuD;AAE1C,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAC,EAAwB,CAAC,CAAC;AAE9D,MAAM,cAAc,GAAG,CAAC,EAAE,QAAQ,EAAuB,EAAE,EAAE;IAClE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAe;QAC7D,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,QAAQ;QAClB,WAAW,EAAE,OAAO;QACpB,KAAK,EAAE,mBAAmB;QAC1B,KAAK,EAAE,EAAE;KACV,CAAC,CAAC;IAEH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAc;QAC1D,yBAAyB,EAAE,KAAK;QAChC,iBAAiB,EAAE,KAAK;QACxB,qBAAqB,EAAE,KAAK;QAC5B,oBAAoB,EAAE,KAAK;QAC3B,sBAAsB,EAAE,KAAK;QAC7B,eAAe,EAAE,KAAK;KACvB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,cAAc,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;gBACnC,GAAG,eAAe;gBAClB,iBAAiB,EAAE,CAAC,eAAe,CAAC,iBAAiB;aACtD,CAAC,CAAC,CAAC;QACN,CAAC;QAED,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,cAAc,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;gBACnC,GAAG,eAAe;gBAClB,yBAAyB,EAAE,CAAC,eAAe,CAAC,yBAAyB;aACtE,CAAC,CAAC,CAAC;QACN,CAAC;aAAM,CAAC;YACN,cAAc,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;gBACnC,GAAG,eAAe;gBAClB,sBAAsB,EAAE,CAAC,eAAe,CAAC,sBAAsB;aAChE,CAAC,CAAC,CAAC;QACN,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,GAAG,EAAE;QAC9B,cAAc,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;YACnC,GAAG,eAAe;YAClB,qBAAqB,EAAE,CAAC,eAAe,CAAC,qBAAqB;SAC9D,CAAC,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,OAAO,YAAY,CAAC,QAAQ,KAAK,SAAS,CAAC;IAC7C,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,OAAO,MAAM,CAAC,UAAU,GAAG,GAAG,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,KAAK,GAAuB;QAChC,YAAY;QACZ,eAAe;QACf,WAAW;QACX,cAAc;QACd,YAAY;QACZ,kBAAkB;KACnB,CAAC;IAEF,OAAO,uBAAC,qBAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAA0B,CAAC;AACnF,CAAC,CAAC;AAjEW,QAAA,cAAc,kBAiEzB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { ChildContainerProps, MenuContextProps } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ChildContainerProps, MenuContextProps } from '../../types';
|
|
3
3
|
export declare const MenuContext: React.Context<MenuContextProps>;
|
|
4
4
|
export declare const MenuProvider: ({ children }: ChildContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
//# sourceMappingURL=menucontext.d.ts.map
|
|
@@ -5,7 +5,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
exports.MenuContext = (0, react_1.createContext)({});
|
|
7
7
|
const MenuProvider = ({ children }) => {
|
|
8
|
-
const [activeMenu, setActiveMenu] = (0, react_1.useState)(
|
|
8
|
+
const [activeMenu, setActiveMenu] = (0, react_1.useState)('');
|
|
9
9
|
const value = {
|
|
10
10
|
activeMenu,
|
|
11
11
|
setActiveMenu,
|
package/dist/layout/layout.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { AppMenuItem, AppTopbarProps, ChildContainerProps } from
|
|
1
|
+
import type { AppMenuItem, AppTopbarProps, ChildContainerProps } from '../types';
|
|
2
2
|
export type LayoutProps = ChildContainerProps & {
|
|
3
3
|
menuModel: AppMenuItem[];
|
|
4
4
|
topbarProps?: AppTopbarProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/layout/layout.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EACd,mBAAmB,EAGpB,MAAM,UAAU,CAAC;AAGlB,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC9C,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,sCAAsC,WAAW,
|
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/layout/layout.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,WAAW,EACX,cAAc,EACd,mBAAmB,EAGpB,MAAM,UAAU,CAAC;AAGlB,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC9C,SAAS,EAAE,WAAW,EAAE,CAAC;IACzB,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B,CAAC;AAEF,QAAA,MAAM,MAAM,GAAI,sCAAsC,WAAW,4CAgIhE,CAAC;AAEF,eAAe,MAAM,CAAC"}
|