@1money/react-ui 1.9.4 → 1.10.0
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/es/components/Sidebar/SimplySidebar.d.ts +8 -0
- package/es/components/Sidebar/SimplySidebar.js +129 -0
- package/es/components/Sidebar/index.d.ts +1 -0
- package/es/components/Sidebar/index.js +2 -1
- package/es/components/Sidebar/interface.d.ts +4 -1
- package/es/components/Sidebar/style/SimplySidebar.css +1 -0
- package/es/components/Sidebar/style/SimplySidebar.scss +304 -0
- package/es/components/Sidebar/style/css.js +2 -1
- package/es/components/Sidebar/style/index.d.ts +1 -0
- package/es/components/Sidebar/style/index.js +2 -1
- package/es/index.css +1 -1
- package/es/index.d.ts +4 -1
- package/es/index.js +4 -3
- package/lib/components/Sidebar/SimplySidebar.d.ts +8 -0
- package/lib/components/Sidebar/SimplySidebar.js +135 -0
- package/lib/components/Sidebar/index.d.ts +1 -0
- package/lib/components/Sidebar/index.js +9 -1
- package/lib/components/Sidebar/interface.d.ts +4 -1
- package/lib/components/Sidebar/style/SimplySidebar.css +1 -0
- package/lib/components/Sidebar/style/SimplySidebar.scss +304 -0
- package/lib/components/Sidebar/style/css.js +2 -1
- package/lib/components/Sidebar/style/index.d.ts +1 -0
- package/lib/components/Sidebar/style/index.js +2 -1
- package/lib/index.css +1 -1
- package/lib/index.d.ts +4 -1
- package/lib/index.js +8 -1
- package/package.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { SidebarProps } from './interface';
|
|
2
|
+
export declare const SimplySidebar: import("react").ForwardRefExoticComponent<SidebarProps & {
|
|
3
|
+
children?: import("react").ReactNode | undefined;
|
|
4
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const _default: import("react").NamedExoticComponent<SidebarProps & {
|
|
6
|
+
children?: import("react").ReactNode | undefined;
|
|
7
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export default _default;
|
|
@@ -0,0 +1,129 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
+
import { memo, forwardRef } from 'react';
|
|
5
|
+
import { Sidebar as ProSidebar, Menu as ProMenu, MenuItem as ProMenuItem, SubMenu as ProSubMenu } from 'react-pro-sidebar';
|
|
6
|
+
import classnames from '../../utils/classnames';
|
|
7
|
+
import Icons from '../Icons';
|
|
8
|
+
export var SimplySidebar = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
9
|
+
var id = props.id,
|
|
10
|
+
children = props.children,
|
|
11
|
+
menus = props.menus,
|
|
12
|
+
className = props.className,
|
|
13
|
+
_props$prefixCls = props.prefixCls,
|
|
14
|
+
prefixCls = _props$prefixCls === void 0 ? 'simply-sidebar' : _props$prefixCls,
|
|
15
|
+
headerCls = props.headerCls,
|
|
16
|
+
bodyCls = props.bodyCls,
|
|
17
|
+
betaLogo = props.betaLogo,
|
|
18
|
+
onLogoClick = props.onLogoClick;
|
|
19
|
+
var classes = classnames(prefixCls);
|
|
20
|
+
// Type guard to check if menu item is SimpleMenuItem
|
|
21
|
+
var isSimpleMenuItem = function isSimpleMenuItem(menu) {
|
|
22
|
+
return 'children' in menu && Array.isArray(menu.children);
|
|
23
|
+
};
|
|
24
|
+
// Render child items (non-top-level)
|
|
25
|
+
var _renderChildMenuItem = function renderChildMenuItem(menu, index) {
|
|
26
|
+
var key = menu.key,
|
|
27
|
+
label = menu.label,
|
|
28
|
+
icon = menu.icon,
|
|
29
|
+
suffix = menu.suffix,
|
|
30
|
+
link = menu.link,
|
|
31
|
+
active = menu.active,
|
|
32
|
+
disabled = menu.disabled,
|
|
33
|
+
onClick = menu.onClick;
|
|
34
|
+
if (isSimpleMenuItem(menu)) {
|
|
35
|
+
var defaultOpen = menu.defaultOpen,
|
|
36
|
+
onOpenChange = menu.onOpenChange,
|
|
37
|
+
_children = menu.children;
|
|
38
|
+
return _jsx(ProSubMenu, {
|
|
39
|
+
label: label,
|
|
40
|
+
icon: icon,
|
|
41
|
+
suffix: suffix,
|
|
42
|
+
component: link,
|
|
43
|
+
defaultOpen: defaultOpen,
|
|
44
|
+
onOpenChange: onOpenChange,
|
|
45
|
+
onClick: onClick,
|
|
46
|
+
active: active,
|
|
47
|
+
disabled: disabled,
|
|
48
|
+
children: _children === null || _children === void 0 ? void 0 : _children.map(function (child, childIndex) {
|
|
49
|
+
return _renderChildMenuItem(child, childIndex);
|
|
50
|
+
})
|
|
51
|
+
}, key !== null && key !== void 0 ? key : index);
|
|
52
|
+
}
|
|
53
|
+
return _jsx(ProMenuItem, {
|
|
54
|
+
icon: icon,
|
|
55
|
+
suffix: suffix,
|
|
56
|
+
component: link,
|
|
57
|
+
active: active,
|
|
58
|
+
disabled: disabled,
|
|
59
|
+
onClick: onClick,
|
|
60
|
+
children: label
|
|
61
|
+
}, key !== null && key !== void 0 ? key : index);
|
|
62
|
+
};
|
|
63
|
+
// Render top-level menu items
|
|
64
|
+
var renderTopLevelMenu = function renderTopLevelMenu(menu, index) {
|
|
65
|
+
if (!isSimpleMenuItem(menu)) {
|
|
66
|
+
return _renderChildMenuItem(menu, index);
|
|
67
|
+
}
|
|
68
|
+
var key = menu.key,
|
|
69
|
+
label = menu.label,
|
|
70
|
+
icon = menu.icon,
|
|
71
|
+
children = menu.children;
|
|
72
|
+
return _jsxs("div", {
|
|
73
|
+
children: [index > 0 && _jsx("div", {
|
|
74
|
+
className: classes('hr-line')
|
|
75
|
+
}), _jsxs("div", {
|
|
76
|
+
className: classes('group-label'),
|
|
77
|
+
children: [icon && _jsx("span", {
|
|
78
|
+
className: classes('group-icon'),
|
|
79
|
+
children: icon
|
|
80
|
+
}), _jsx("span", {
|
|
81
|
+
className: classes('group-label-text'),
|
|
82
|
+
children: label
|
|
83
|
+
})]
|
|
84
|
+
}), children === null || children === void 0 ? void 0 : children.map(function (child, childIndex) {
|
|
85
|
+
return _renderChildMenuItem(child, childIndex);
|
|
86
|
+
})]
|
|
87
|
+
}, key !== null && key !== void 0 ? key : index);
|
|
88
|
+
};
|
|
89
|
+
return _jsxs(ProSidebar, {
|
|
90
|
+
id: id,
|
|
91
|
+
className: classes(void 0, className),
|
|
92
|
+
width: '280px',
|
|
93
|
+
children: [_jsx("div", {
|
|
94
|
+
className: classes('header', headerCls),
|
|
95
|
+
children: _jsx("span", {
|
|
96
|
+
className: classes('logo'),
|
|
97
|
+
onClick: onLogoClick,
|
|
98
|
+
children: _jsx(Icons, {
|
|
99
|
+
name: betaLogo ? 'logoWithBeta' : 'logoWithWords',
|
|
100
|
+
// @ts-ignore
|
|
101
|
+
logoColor: '#073387',
|
|
102
|
+
// @ts-ignore
|
|
103
|
+
wordColor: '#131313',
|
|
104
|
+
// @ts-ignore
|
|
105
|
+
betaColor: '#073387',
|
|
106
|
+
color: '#073387',
|
|
107
|
+
width: betaLogo ? 152 : 131,
|
|
108
|
+
height: betaLogo ? 22 : 24
|
|
109
|
+
})
|
|
110
|
+
})
|
|
111
|
+
}), _jsx(ProMenu, {
|
|
112
|
+
className: classes('menu', bodyCls),
|
|
113
|
+
renderExpandIcon: function renderExpandIcon(_ref) {
|
|
114
|
+
var open = _ref.open;
|
|
115
|
+
return _jsx(Icons, {
|
|
116
|
+
name: 'chevronDown',
|
|
117
|
+
size: 16,
|
|
118
|
+
color: '#646465',
|
|
119
|
+
wrapperCls: [classes('expand-icon'), open ? classes('expand-icon-open') : ''].join(' ')
|
|
120
|
+
});
|
|
121
|
+
},
|
|
122
|
+
children: menus.map(function (menu, index) {
|
|
123
|
+
return renderTopLevelMenu(menu, index);
|
|
124
|
+
})
|
|
125
|
+
}), children]
|
|
126
|
+
});
|
|
127
|
+
});
|
|
128
|
+
export default /*#__PURE__*/memo(SimplySidebar);
|
|
129
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2lkZWJhci9TaW1wbHlTaWRlYmFyLnRzeCIsImNvbXBvbmVudHMvU2lkZWJhci9TaW1wbHlTaWRlYmFyLmpzIl0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJtZW1vIiwiZm9yd2FyZFJlZiIsIlNpZGViYXIiLCJQcm9TaWRlYmFyIiwiTWVudSIsIlByb01lbnUiLCJNZW51SXRlbSIsIlByb01lbnVJdGVtIiwiU3ViTWVudSIsIlByb1N1Yk1lbnUiLCJjbGFzc25hbWVzIiwiSWNvbnMiLCJTaW1wbHlTaWRlYmFyIiwicHJvcHMiLCJyZWYiLCJpZCIsImNoaWxkcmVuIiwibWVudXMiLCJjbGFzc05hbWUiLCJfcHJvcHMkcHJlZml4Q2xzIiwicHJlZml4Q2xzIiwiaGVhZGVyQ2xzIiwiYm9keUNscyIsImJldGFMb2dvIiwib25Mb2dvQ2xpY2siLCJjbGFzc2VzIiwiaXNTaW1wbGVNZW51SXRlbSIsIm1lbnUiLCJBcnJheSIsImlzQXJyYXkiLCJyZW5kZXJDaGlsZE1lbnVJdGVtIiwiaW5kZXgiLCJrZXkiLCJsYWJlbCIsImljb24iLCJzdWZmaXgiLCJsaW5rIiwiYWN0aXZlIiwiZGlzYWJsZWQiLCJvbkNsaWNrIiwiZGVmYXVsdE9wZW4iLCJvbk9wZW5DaGFuZ2UiLCJjb21wb25lbnQiLCJtYXAiLCJjaGlsZCIsImNoaWxkSW5kZXgiLCJyZW5kZXJUb3BMZXZlbE1lbnUiLCJ3aWR0aCIsIm5hbWUiLCJsb2dvQ29sb3IiLCJ3b3JkQ29sb3IiLCJiZXRhQ29sb3IiLCJjb2xvciIsImhlaWdodCIsInJlbmRlckV4cGFuZEljb24iLCJfcmVmIiwib3BlbiIsInNpemUiLCJ3cmFwcGVyQ2xzIiwiam9pbiJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWTs7QUNDWixTQUFTQSxHQUFHLElBQUlDLElBQUksRUFBRUMsSUFBSSxJQUFJQyxLQUFLLFFBQVEsbUJBQW1CO0FEQTlELFNBQVNDLElBQUksRUFB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QjtVQUNBQyxTQUFTLEVBQUMsU0FBUztVQUNuQkMsS0FBSyxFQUFDLFNBQVM7VUFDZkwsS0FBSyxFQUFFeEIsUUFBUSxHQUFHLEdBQUcsR0FBRyxHQUFHO1VBQzNCOEIsTUFBTSxFQUFFOUIsUUFBUSxHQUFHLEVBQUUsR0FBRztRQUFFLENBQUE7TUFDMUIsQ0FBQTtJQUNHLENBQUEsQ0FDSCxFQUNOMUIsSUFBQSxDQUFDUSxPQUFPLEVBQUE7TUFDTmEsU0FBUyxFQUFFTyxPQUFPLENBQUMsTUFBTSxFQUFFSCxPQUFPLENBQUM7TUFDbkNnQyxnQkFBZ0IsRUFBRSxTQUFsQkEsZ0JBQWdCQSxDQUFBQyxJQUFBO1FBQUEsSUFBS0MsSUFBSSxHQUFBRCxJQUFBLENBQUpDLElBQUk7UUFBQSxPQUFPM0QsSUFBQSxDQUFDYyxLQUFLLEVBQUE7VUFBQ3FDLElBQUksRUFBQyxhQUFhO1VBQUNTLElBQUksRUFBRSxFQUFFO1VBQUVMLEtBQUssRUFBQyxTQUFTO1VBQUNNLFVBQVUsRUFBRSxDQUFDakMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxFQUFFK0IsSUFBSSxHQUFHL0IsT0FBTyxDQUFDLGtCQUFrQixDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUNrQyxJQUFJLENBQUMsR0FBRztRQUFDLENBQUEsQ0FBSTtNQUFBO01BQUEzQyxRQUFBLEVBRTlLQyxLQUFLLENBQUMwQixHQUFHLENBQUMsVUFBQ2hCLElBQUksRUFBRUksS0FBSztRQUFBLE9BQUtlLGtCQUFrQixDQUFDbkIsSUFBSSxFQUFFSSxLQUFLLENBQUM7TUFBQTtJQUFDLENBQUEsQ0FDcEQsRUFDVGYsUUFBUTtFQUFBLENBQUEsQ0FDRTtBQUVqQixDQUFDLENBQUM7QUFFRiw0QkFBZWhCLElBQUksQ0FBQ1ksYUFBYSxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvU2lkZWJhci9TaW1wbHlTaWRlYmFyLmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsLCIndXNlIGNsaWVudCc7XG5pbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbywgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFNpZGViYXIgYXMgUHJvU2lkZWJhciwgTWVudSBhcyBQcm9NZW51LCBNZW51SXRlbSBhcyBQcm9NZW51SXRlbSwgU3ViTWVudSBhcyBQcm9TdWJNZW51IH0gZnJvbSAncmVhY3QtcHJvLXNpZGViYXInO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgSWNvbnMgZnJvbSAnLi4vSWNvbnMnO1xuZXhwb3J0IGNvbnN0IFNpbXBseVNpZGViYXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3QgeyBpZCwgY2hpbGRyZW4sIG1lbnVzLCBjbGFzc05hbWUsIHByZWZpeENscyA9ICdzaW1wbHktc2lkZWJhcicsIGhlYWRlckNscywgYm9keUNscywgYmV0YUxvZ28sIG9uTG9nb0NsaWNrIH0gPSBwcm9wcztcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIC8vIFR5cGUgZ3VhcmQgdG8gY2hlY2sgaWYgbWVudSBpdGVtIGlzIFNpbXBsZU1lbnVJdGVtXG4gICAgY29uc3QgaXNTaW1wbGVNZW51SXRlbSA9IChtZW51KSA9PiB7XG4gICAgICAgIHJldHVybiAnY2hpbGRyZW4nIGluIG1lbnUgJiYgQXJyYXkuaXNBcnJheShtZW51LmNoaWxkcmVuKTtcbiAgICB9O1xuICAgIC8vIFJlbmRlciBjaGlsZCBpdGVtcyAobm9uLXRvcC1sZXZlbClcbiAgICBjb25zdCByZW5kZXJDaGlsZE1lbnVJdGVtID0gKG1lbnUsIGluZGV4KSA9PiB7XG4gICAgICAgIGNvbnN0IHsga2V5LCBsYWJlbCwgaWNvbiwgc3VmZml4LCBsaW5rLCBhY3RpdmUsIGRpc2FibGVkLCBvbkNsaWNrIH0gPSBtZW51O1xuICAgICAgICBpZiAoaXNTaW1wbGVNZW51SXRlbShtZW51KSkge1xuICAgICAgICAgICAgY29uc3QgeyBkZWZhdWx0T3Blbiwgb25PcGVuQ2hhbmdlLCBjaGlsZHJlbiB9ID0gbWVudTtcbiAgICAgICAgICAgIHJldHVybiAoX2pzeChQcm9TdWJNZW51LCB7IGxhYmVsOiBsYWJlbCwgaWNvbjogaWNvbiwgc3VmZml4OiBzdWZmaXgsIGNvbXBvbmVudDogbGluaywgZGVmYXVsdE9wZW46IGRlZmF1bHRPcGVuLCBvbk9wZW5DaGFuZ2U6IG9uT3BlbkNoYW5nZSwgb25DbGljazogb25DbGljaywgYWN0aXZlOiBhY3RpdmUsIGRpc2FibGVkOiBkaXNhYmxlZCwgY2hpbGRyZW46IGNoaWxkcmVuID09PSBudWxsIHx8IGNoaWxkcmVuID09PSB2b2lkIDAgPyB2b2lkIDAgOiBjaGlsZHJlbi5tYXAoKGNoaWxkLCBjaGlsZEluZGV4KSA9PiByZW5kZXJDaGlsZE1lbnVJdGVtKGNoaWxkLCBjaGlsZEluZGV4KSkgfSwga2V5ICE9PSBudWxsICYmIGtleSAhPT0gdm9pZCAwID8ga2V5IDogaW5kZXgpKTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gKF9qc3goUHJvTWVudUl0ZW0sIHsgaWNvbjogaWNvbiwgc3VmZml4OiBzdWZmaXgsIGNvbXBvbmVudDogbGluaywgYWN0aXZlOiBhY3RpdmUsIGRpc2FibGVkOiBkaXNhYmxlZCwgb25DbGljazogb25DbGljaywgY2hpbGRyZW46IGxhYmVsIH0sIGtleSAhPT0gbnVsbCAmJiBrZXkgIT09IHZvaWQgMCA/IGtleSA6IGluZGV4KSk7XG4gICAgfTtcbiAgICAvLyBSZW5kZXIgdG9wLWxldmVsIG1lbnUgaXRlbXNcbiAgICBjb25zdCByZW5kZXJUb3BMZXZlbE1lbnUgPSAobWVudSwgaW5kZXgpID0+IHtcbiAgICAgICAgaWYgKCFpc1NpbXBsZU1lbnVJdGVtKG1lbnUpKSB7XG4gICAgICAgICAgICByZXR1cm4gcmVuZGVyQ2hpbGRNZW51SXRlbShtZW51LCBpbmRleCk7XG4gICAgICAgIH1cbiAgICAgICAgY29uc3QgeyBrZXksIGxhYmVsLCBpY29uLCBjaGlsZHJlbiB9ID0gbWVudTtcbiAgICAgICAgcmV0dXJuIChfanN4cyhcImRpdlwiLCB7IGNoaWxkcmVuOiBbaW5kZXggPiAwICYmIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2hyLWxpbmUnKSB9KSwgX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2dyb3VwLWxhYmVsJyksIGNoaWxkcmVuOiBbaWNvbiAmJiBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnZ3JvdXAtaWNvbicpLCBjaGlsZHJlbjogaWNvbiB9KSwgX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2dyb3VwLWxhYmVsLXRleHQnKSwgY2hpbGRyZW46IGxhYmVsIH0pXSB9KSwgY2hpbGRyZW4gPT09IG51bGwgfHwgY2hpbGRyZW4gPT09IHZvaWQgMCA/IHZvaWQgMCA6IGNoaWxkcmVuLm1hcCgoY2hpbGQsIGNoaWxkSW5kZXgpID0+IHJlbmRlckNoaWxkTWVudUl0ZW0oY2hpbGQsIGNoaWxkSW5kZXgpKV0gfSwga2V5ICE9PSBudWxsICYmIGtleSAhPT0gdm9pZCAwID8ga2V5IDogaW5kZXgpKTtcbiAgICB9O1xuICAgIHJldHVybiAoX2pzeHMoUHJvU2lkZWJhciwgeyBpZDogaWQsIGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIGNsYXNzTmFtZSksIHdpZHRoOiAnMjgwcHgnLCBjaGlsZHJlbjogW19qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2hlYWRlcicsIGhlYWRlckNscyksIGNoaWxkcmVuOiBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnbG9nbycpLCBvbkNsaWNrOiBvbkxvZ29DbGljaywgY2hpbGRyZW46IF9qc3goSWNvbnMsIHsgbmFtZTogYmV0YUxvZ28gPyAnbG9nb1dpdGhCZXRhJyA6ICdsb2dvV2l0aFdvcmRzJywgXG4gICAgICAgICAgICAgICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICAgICAgICAgICAgICBsb2dvQ29sb3I6ICcjMDczMzg3JywgXG4gICAgICAgICAgICAgICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICAgICAgICAgICAgICB3b3JkQ29sb3I6ICcjMTMxMzEzJywgXG4gICAgICAgICAgICAgICAgICAgICAgICAvLyBAdHMtaWdub3JlXG4gICAgICAgICAgICAgICAgICAgICAgICBiZXRhQ29sb3I6ICcjMDczMzg3JywgY29sb3I6ICcjMDczMzg3Jywgd2lkdGg6IGJldGFMb2dvID8gMTUyIDogMTMxLCBoZWlnaHQ6IGJldGFMb2dvID8gMjIgOiAyNCB9KSB9KSB9KSwgX2pzeChQcm9NZW51LCB7IGNsYXNzTmFtZTogY2xhc3NlcygnbWVudScsIGJvZHlDbHMpLCByZW5kZXJFeHBhbmRJY29uOiAoeyBvcGVuIH0pID0+IF9qc3goSWNvbnMsIHsgbmFtZTogJ2NoZXZyb25Eb3duJywgc2l6ZTogMTYsIGNvbG9yOiAnIzY0NjQ2NScsIHdyYXBwZXJDbHM6IFtjbGFzc2VzKCdleHBhbmQtaWNvbicpLCBvcGVuID8gY2xhc3NlcygnZXhwYW5kLWljb24tb3BlbicpIDogJyddLmpvaW4oJyAnKSB9KSwgY2hpbGRyZW46IG1lbnVzLm1hcCgobWVudSwgaW5kZXgpID0+IHJlbmRlclRvcExldmVsTWVudShtZW51LCBpbmRleCkpIH0pLCBjaGlsZHJlbl0gfSkpO1xufSk7XG5leHBvcnQgZGVmYXVsdCBtZW1vKFNpbXBseVNpZGViYXIpOyJdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import Sidebar from './Sidebar';
|
|
2
2
|
export { Sidebar } from './Sidebar';
|
|
3
|
+
export { SimplySidebar } from './SimplySidebar';
|
|
3
4
|
export { Stepper } from './Stepper';
|
|
4
5
|
export default Sidebar;
|
|
5
6
|
export * from './interface';
|
|
6
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
7
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvU2lkZWJhci9pbmRleC50cyJdLCJuYW1lcyI6WyJTaWRlYmFyIiwiU2ltcGx5U2lkZWJhciIsIlN0ZXBwZXIiXSwibWFwcGluZ3MiOiJBQUFBLE9BQU9BLE9BQU8sTUFBTSxXQUFXO0FBRS9CLFNBQVNBLE9BQU8sUUFBUSxXQUFXO0FBQ25DLFNBQVNDLGFBQWEsUUFBUSxpQkFBaUI7QUFDL0MsU0FBU0MsT0FBTyxRQUFRLFdBQVc7QUFFbkMsZUFBZUYsT0FBTztBQUV0QixjQUFjLGFBQWEiLCJmaWxlIjoiY29tcG9uZW50cy9TaWRlYmFyL2luZGV4LmpzIiwic291cmNlc0NvbnRlbnQiOltudWxsXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyJ9
|
|
@@ -12,6 +12,9 @@ export interface MenuItem {
|
|
|
12
12
|
onClick?: (e: MouseEvent<HTMLAnchorElement>) => any;
|
|
13
13
|
children?: Omit<MenuItem, 'children'>[];
|
|
14
14
|
}
|
|
15
|
+
export interface SimpleMenuItem extends MenuItem {
|
|
16
|
+
children?: SimpleMenuItem[];
|
|
17
|
+
}
|
|
15
18
|
export interface SidebarProps {
|
|
16
19
|
id?: string;
|
|
17
20
|
className?: string;
|
|
@@ -24,7 +27,7 @@ export interface SidebarProps {
|
|
|
24
27
|
betaLogo?: boolean;
|
|
25
28
|
onCollapse?: (collapsed: boolean) => any;
|
|
26
29
|
onLogoClick?: () => any;
|
|
27
|
-
menus: MenuItem[];
|
|
30
|
+
menus: (MenuItem | SimpleMenuItem)[];
|
|
28
31
|
}
|
|
29
32
|
export interface SidebarHandlers {
|
|
30
33
|
toggle: () => any;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.om-react-ui-simply-sidebar{height:100vh;padding:40px 16px 24px;background-color:#fefefe;border-right:1px solid #e3e4e4}.om-react-ui-simply-sidebar-expand-icon-open{transform:rotate(180deg)}.om-react-ui-simply-sidebar-group-label{display:flex;gap:8px;align-items:center;height:40px;padding:16px 12px}.om-react-ui-simply-sidebar-group-icon{display:inline-flex;gap:8px;align-items:center;justify-content:center;width:20px;height:20px}.om-react-ui-simply-sidebar-group-label-text{color:#404042;font-weight:700;font-size:14px;font-style:normal;line-height:108%}.om-react-ui-simply-sidebar-hr-line{width:100%;height:1px;margin:4px 0;background-color:#e3e4e4}.om-react-ui-simply-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu{margin-top:32px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu>ul{display:flex;flex-direction:column}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button{display:inline-flex;gap:8px;align-items:center;width:100%;height:40px;padding:8px 12px 8px 40px;color:#404042;font-weight:500;font-size:14px;font-family:Inter;font-style:normal;line-height:108%}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button:hover{color:#073387;background-color:#fff}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button.ps-active{color:#073387}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-menu-icon{display:inline-flex;align-items:center;justify-content:start;width:16px;min-width:16px;height:16px;margin-right:0;color:inherit}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-submenu-expand-icon{display:inline-flex;align-items:center}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button .ps-menu-suffix{height:16px;margin:0 0 0 auto}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-menu-button.ps-disabled{cursor:not-allowed;opacity:.4}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-submenu-content{background-color:#fefefe;border-radius:8px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root .ps-submenu-content.ps-open{padding:4px 0 8px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul{display:flex;flex-direction:column;gap:4px}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul .ps-menu-button{height:36px;padding:8px 16px 8px 64px;color:#404042}.om-react-ui-simply-sidebar .ps-sidebar-container .om-react-ui-simply-sidebar-menu .ps-menuitem-root.ps-submenu-root .ps-submenu-content ul .ps-menu-button.ps-active{color:#073387}.om-react-ui-simply-sidebar-header{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 0 8px 8px}.om-react-ui-simply-sidebar-logo{height:100%}.om-react-ui-simply-sidebar-collapse,.om-react-ui-simply-sidebar-logo{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.om-react-ui-simply-sidebar-collapse{gap:8px;margin:32px auto 0;padding:8px 12px;background-color:#f0f0f0;border-radius:12px}.om-react-ui-simply-sidebar-collapse-collapsed{width:36px;height:36px}.om-react-ui-simply-sidebar-collapse-collapsed .om-react-ui-simply-sidebar-collapse-text{display:none}.om-react-ui-simply-sidebar-collapse-text{color:#646465;font-weight:500;font-size:14px}.om-react-ui-simply-sidebar.ps-collapsed{padding:40px 8px 24px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container{align-items:center;overflow:visible}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-simply-sidebar-header{padding:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-simply-sidebar-menu{margin-top:32px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .om-react-ui-simply-sidebar-menu>ul{gap:8px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{flex-direction:column;gap:4px;height:auto;padding:8px;color:red;font-size:10px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-label{line-height:108%;white-space:pre-line;text-align:center}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content{padding:0;background-color:#f8f8f8;border-radius:12px;box-shadow:0 255px 71px 0 transparent,0 10px 22px 0 rgba(0,0,0,.1)}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content>ul{gap:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root{padding:0 12px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:hover{background-color:#f0f0f0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:has(.ps-menu-button.ps-active){background-color:#edf2f9}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:first-child .ps-menu-button{margin-top:4px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root:last-child .ps-menu-button{margin-bottom:4px;border-bottom:none}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button{height:40px;padding:12px 0;color:green;font-size:14px;border:none;border-bottom:1px solid #e3e4e4;border-radius:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menuitem-root .ps-menu-button.ps-active{background-color:inherit}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button{flex-direction:row;gap:8px}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button span{flex-grow:0}.om-react-ui-simply-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root.ps-submenu-root .ps-submenu-content .ps-menu-button span:only-child{padding-left:28px}.om-react-ui-simply-sidebar.ps-collapsed .om-react-ui-simply-sidebar-header{padding-left:22px}.om-react-ui-simply-sidebar.ps-collapsed .om-react-ui-simply-sidebar-footer{padding-left:16px}.om-react-ui-simply-sidebar.ps-collapsed .om-react-ui-simply-sidebar-footer-logout-text{display:none}
|
|
@@ -0,0 +1,304 @@
|
|
|
1
|
+
@use '../../../variable.scss'as *;
|
|
2
|
+
|
|
3
|
+
$component: 'simply-sidebar';
|
|
4
|
+
$cls: #{$prefix}-#{$component};
|
|
5
|
+
|
|
6
|
+
.#{$cls} {
|
|
7
|
+
height: 100vh;
|
|
8
|
+
padding: 40px 16px 24px;
|
|
9
|
+
background-color: $color-primary-white;
|
|
10
|
+
border-right: 1px solid $color-grey-deep;
|
|
11
|
+
|
|
12
|
+
&-expand-icon {
|
|
13
|
+
&-open {
|
|
14
|
+
transform: rotate(180deg);
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
&-group-label {
|
|
19
|
+
display: flex;
|
|
20
|
+
gap: 8px;
|
|
21
|
+
align-items: center;
|
|
22
|
+
height: 40px;
|
|
23
|
+
padding: 16px 12px;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&-group-icon {
|
|
27
|
+
display: inline-flex;
|
|
28
|
+
gap: 8px;
|
|
29
|
+
align-items: center;
|
|
30
|
+
justify-content: center;
|
|
31
|
+
width: 20px;
|
|
32
|
+
height: 20px;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&-group-label-text {
|
|
36
|
+
color: $color-grey-night;
|
|
37
|
+
font-weight: 700;
|
|
38
|
+
font-size: 14px;
|
|
39
|
+
font-style: normal;
|
|
40
|
+
line-height: 108%;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
&-hr-line {
|
|
44
|
+
width: 100%;
|
|
45
|
+
height: 1px;
|
|
46
|
+
margin: 4px 0;
|
|
47
|
+
background-color: $color-grey-deep;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
.ps-sidebar-container {
|
|
51
|
+
display: flex;
|
|
52
|
+
flex-direction: column;
|
|
53
|
+
background-color: transparent;
|
|
54
|
+
|
|
55
|
+
.#{$cls}-menu {
|
|
56
|
+
margin-top: 32px;
|
|
57
|
+
|
|
58
|
+
>ul {
|
|
59
|
+
display: flex;
|
|
60
|
+
flex-direction: column;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
.ps-menuitem-root {
|
|
64
|
+
.ps-menu-button {
|
|
65
|
+
display: inline-flex;
|
|
66
|
+
gap: 8px;
|
|
67
|
+
align-items: center;
|
|
68
|
+
width: 100%;
|
|
69
|
+
height: 40px;
|
|
70
|
+
padding: 8px 12px 8px 40px;
|
|
71
|
+
color: $color-grey-night;
|
|
72
|
+
font-weight: 500;
|
|
73
|
+
font-size: 14px;
|
|
74
|
+
font-family: Inter;
|
|
75
|
+
font-style: normal;
|
|
76
|
+
line-height: 108%;
|
|
77
|
+
|
|
78
|
+
&:hover {
|
|
79
|
+
color: $color-primary;
|
|
80
|
+
background-color: #fff;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
&.ps-active {
|
|
84
|
+
color: $color-primary;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
.ps-menu-icon {
|
|
88
|
+
display: inline-flex;
|
|
89
|
+
align-items: center;
|
|
90
|
+
justify-content: start;
|
|
91
|
+
width: 16px;
|
|
92
|
+
min-width: 16px;
|
|
93
|
+
height: 16px;
|
|
94
|
+
margin-right: 0;
|
|
95
|
+
color: inherit;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
.ps-submenu-expand-icon {
|
|
99
|
+
display: inline-flex;
|
|
100
|
+
align-items: center;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.ps-menu-suffix {
|
|
104
|
+
height: 16px;
|
|
105
|
+
margin: 0 0 0 auto;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.ps-menu-button.ps-disabled {
|
|
110
|
+
cursor: not-allowed;
|
|
111
|
+
opacity: 0.4;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.ps-submenu-content {
|
|
115
|
+
background-color: $color-primary-white;
|
|
116
|
+
border-radius: 8px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.ps-submenu-content.ps-open {
|
|
120
|
+
padding: 4px 0 8px;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.ps-menuitem-root.ps-submenu-root {
|
|
125
|
+
.ps-submenu-content ul {
|
|
126
|
+
display: flex;
|
|
127
|
+
flex-direction: column;
|
|
128
|
+
gap: 4px;
|
|
129
|
+
|
|
130
|
+
.ps-menu-button {
|
|
131
|
+
height: 36px;
|
|
132
|
+
padding: 8px 16px 8px 64px;
|
|
133
|
+
color: $color-grey-night;
|
|
134
|
+
|
|
135
|
+
&.ps-active {
|
|
136
|
+
color: $color-primary;
|
|
137
|
+
}
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
&-header {
|
|
145
|
+
display: flex;
|
|
146
|
+
align-items: center;
|
|
147
|
+
justify-content: space-between;
|
|
148
|
+
height: 32px;
|
|
149
|
+
padding: 0 0 8px 8px;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
&-logo {
|
|
153
|
+
display: inline-flex;
|
|
154
|
+
align-items: center;
|
|
155
|
+
justify-content: center;
|
|
156
|
+
height: 100%;
|
|
157
|
+
cursor: pointer;
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
&-collapse {
|
|
161
|
+
display: inline-flex;
|
|
162
|
+
gap: 8px;
|
|
163
|
+
align-items: center;
|
|
164
|
+
justify-content: center;
|
|
165
|
+
margin: 32px auto 0;
|
|
166
|
+
padding: 8px 12px;
|
|
167
|
+
background-color: $color-grey;
|
|
168
|
+
border-radius: 12px;
|
|
169
|
+
cursor: pointer;
|
|
170
|
+
|
|
171
|
+
&-collapsed {
|
|
172
|
+
width: 36px;
|
|
173
|
+
height: 36px;
|
|
174
|
+
|
|
175
|
+
.#{$cls}-collapse-text {
|
|
176
|
+
display: none;
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
|
|
180
|
+
&-text {
|
|
181
|
+
color: $color-grey-midnight;
|
|
182
|
+
font-weight: 500;
|
|
183
|
+
font-size: 14px;
|
|
184
|
+
}
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
&.ps-collapsed {
|
|
188
|
+
padding: 40px 8px 24px;
|
|
189
|
+
|
|
190
|
+
.ps-sidebar-container {
|
|
191
|
+
align-items: center;
|
|
192
|
+
overflow: visible;
|
|
193
|
+
|
|
194
|
+
.#{$cls}-header {
|
|
195
|
+
padding: 0;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.#{$cls}-menu {
|
|
199
|
+
margin-top: 32px;
|
|
200
|
+
|
|
201
|
+
>ul {
|
|
202
|
+
gap: 8px;
|
|
203
|
+
}
|
|
204
|
+
}
|
|
205
|
+
|
|
206
|
+
.ps-menu-root {
|
|
207
|
+
.ps-menuitem-root {
|
|
208
|
+
.ps-menu-button {
|
|
209
|
+
flex-direction: column;
|
|
210
|
+
gap: 4px;
|
|
211
|
+
height: auto;
|
|
212
|
+
padding: 8px;
|
|
213
|
+
color: red;
|
|
214
|
+
font-size: 10px;
|
|
215
|
+
|
|
216
|
+
.ps-menu-label {
|
|
217
|
+
line-height: 108%;
|
|
218
|
+
white-space: pre-line;
|
|
219
|
+
text-align: center;
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
.ps-menuitem-root.ps-submenu-root {
|
|
225
|
+
.ps-submenu-content {
|
|
226
|
+
padding: 0;
|
|
227
|
+
background-color: $color-grey-light;
|
|
228
|
+
border-radius: 12px;
|
|
229
|
+
box-shadow: 0 255px 71px 0 rgba(0, 0, 0, 0%), 0 10px 22px 0 rgba(0, 0, 0, 10%);
|
|
230
|
+
|
|
231
|
+
>ul {
|
|
232
|
+
gap: 0;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.ps-menuitem-root {
|
|
236
|
+
padding: 0 12px;
|
|
237
|
+
|
|
238
|
+
&:hover {
|
|
239
|
+
background-color: $color-grey;
|
|
240
|
+
}
|
|
241
|
+
|
|
242
|
+
&:has(.ps-menu-button.ps-active) {
|
|
243
|
+
background-color: $color-info-light;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
&:first-child {
|
|
247
|
+
.ps-menu-button {
|
|
248
|
+
margin-top: 4px;
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
|
|
252
|
+
&:last-child {
|
|
253
|
+
.ps-menu-button {
|
|
254
|
+
margin-bottom: 4px;
|
|
255
|
+
border-bottom: none;
|
|
256
|
+
}
|
|
257
|
+
}
|
|
258
|
+
|
|
259
|
+
.ps-menu-button {
|
|
260
|
+
height: 40px;
|
|
261
|
+
padding: 12px 0;
|
|
262
|
+
color: green;
|
|
263
|
+
font-size: 14px;
|
|
264
|
+
border: none;
|
|
265
|
+
border-bottom: 1px solid $color-grey-deep;
|
|
266
|
+
border-radius: 0;
|
|
267
|
+
}
|
|
268
|
+
|
|
269
|
+
.ps-menu-button.ps-active {
|
|
270
|
+
background-color: inherit;
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
|
|
275
|
+
.ps-menu-button {
|
|
276
|
+
flex-direction: row;
|
|
277
|
+
gap: 8px;
|
|
278
|
+
|
|
279
|
+
span {
|
|
280
|
+
flex-grow: 0;
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
span:only-child {
|
|
284
|
+
padding-left: 28px;
|
|
285
|
+
}
|
|
286
|
+
}
|
|
287
|
+
}
|
|
288
|
+
}
|
|
289
|
+
}
|
|
290
|
+
}
|
|
291
|
+
|
|
292
|
+
.#{$cls}-header {
|
|
293
|
+
padding-left: 22px;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
.#{$cls}-footer {
|
|
297
|
+
padding-left: 16px;
|
|
298
|
+
|
|
299
|
+
&-logout-text {
|
|
300
|
+
display: none;
|
|
301
|
+
}
|
|
302
|
+
}
|
|
303
|
+
}
|
|
304
|
+
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import './Sidebar.css';
|
|
2
|
+
import './SimplySidebar.css';
|
|
2
3
|
import './Stepper.css';
|
|
3
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
4
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2lkZWJhci9zcmMvY29tcG9uZW50cy9TaWRlYmFyL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sZ0JBQWdCO0FBQ3ZCLE9BQU8sc0JBQXNCO0FBQzdCLE9BQU8sZ0JBQWdCIiwiZmlsZSI6ImNvbXBvbmVudHMvU2lkZWJhci9zdHlsZS9jc3MuanMiLCJzb3VyY2VzQ29udGVudCI6W251bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import './Sidebar.scss';
|
|
2
|
+
import './SimplySidebar.scss';
|
|
2
3
|
import './Stepper.scss';
|
|
3
|
-
//# sourceMappingURL=data:application/json;charset=utf8;base64,
|
|
4
|
+
//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2lkZWJhci9zcmMvY29tcG9uZW50cy9TaWRlYmFyL3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sZ0JBQWdCO0FBQ3ZCLE9BQU8sc0JBQXNCO0FBQzdCLE9BQU8sZ0JBQWdCIiwiZmlsZSI6ImNvbXBvbmVudHMvU2lkZWJhci9zdHlsZS9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
|