@1money/react-ui 0.2.1-beta.1 → 0.2.1

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 (11) hide show
  1. package/es/components/Sidebar/Sidebar.js +98 -8
  2. package/es/components/Sidebar/interface.d.ts +11 -1
  3. package/es/components/Sidebar/style/Sidebar.css +1 -1
  4. package/es/components/Sidebar/style/Sidebar.scss +150 -4
  5. package/es/index.css +1 -1
  6. package/lib/components/Sidebar/Sidebar.js +96 -6
  7. package/lib/components/Sidebar/interface.d.ts +11 -1
  8. package/lib/components/Sidebar/style/Sidebar.css +1 -1
  9. package/lib/components/Sidebar/style/Sidebar.scss +150 -4
  10. package/lib/index.css +1 -1
  11. package/package.json +3 -1
package/es/components/Sidebar/Sidebar.js CHANGED
@@ -1,18 +1,108 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { memo } from 'react';
1
+ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { memo, useState, useCallback } from 'react';
3
4
  import propTypes from 'prop-types';
5
+ import { Sidebar as ProSidebar, Menu as ProMenu, MenuItem as ProMenuItem, SubMenu as ProSubMenu } from 'react-pro-sidebar';
4
6
  import classnames from '../../utils/classnames';
7
+ import Icons from '../Icons';
5
8
  export var Sidebar = function Sidebar(props) {
6
9
  var children = props.children,
10
+ collapsible = props.collapsible,
11
+ menus = props.menus,
7
12
  className = props.className,
8
- onClick = props.onClick,
9
13
  _props$prefixCls = props.prefixCls,
10
- prefixCls = _props$prefixCls === void 0 ? 'sidebar' : _props$prefixCls;
14
+ prefixCls = _props$prefixCls === void 0 ? 'sidebar' : _props$prefixCls,
15
+ onCollapse = props.onCollapse,
16
+ onLogout = props.onLogout;
17
+ var _useState = useState(false),
18
+ _useState2 = _slicedToArray(_useState, 2),
19
+ collapsed = _useState2[0],
20
+ setCollapsed = _useState2[1];
11
21
  var classes = classnames(prefixCls);
12
- return _jsx("div", {
22
+ var handleCollapse = useCallback(function () {
23
+ setCollapsed(!collapsed);
24
+ onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(!collapsed);
25
+ }, [collapsed, onCollapse]);
26
+ return _jsxs(ProSidebar, {
13
27
  className: classes(void 0, className),
14
- onClick: onClick,
15
- children: children
28
+ width: '261px',
29
+ collapsedWidth: '81px',
30
+ collapsed: collapsed,
31
+ transitionDuration: 150,
32
+ children: [_jsxs("div", {
33
+ className: classes('header'),
34
+ children: [_jsx(Icons, {
35
+ name: collapsed ? 'logo' : 'logoWithWords',
36
+ color: '#3D73F2',
37
+ width: collapsed ? 18 : 103,
38
+ height: 18
39
+ }), collapsible && _jsx("span", {
40
+ className: classes('collapse'),
41
+ onClick: handleCollapse,
42
+ children: _jsx("i", {
43
+ className: ['pi', collapsed ? 'pi-angle-double-right' : 'pi-angle-double-left', classes('collapse-icon')].join(' '),
44
+ style: {
45
+ fontSize: '16px',
46
+ color: '#808080'
47
+ }
48
+ })
49
+ })]
50
+ }), _jsx(ProMenu, {
51
+ renderExpandIcon: function renderExpandIcon(_ref) {
52
+ var open = _ref.open;
53
+ return collapsed ? null : _jsx(Icons, {
54
+ name: 'dropDown',
55
+ color: '#808080',
56
+ className: [classes('expand-icon'), open ? classes('expand-icon-open') : ''].join(' ')
57
+ });
58
+ },
59
+ children: menus.map(function (menu) {
60
+ var _a;
61
+ var label = menu.label,
62
+ icon = menu.icon,
63
+ link = menu.link,
64
+ active = menu.active,
65
+ children = menu.children;
66
+ if (children) {
67
+ return _jsx(ProSubMenu, {
68
+ label: menu.label,
69
+ icon: icon,
70
+ component: link,
71
+ children: (_a = menu.children) === null || _a === void 0 ? void 0 : _a.map(function (child) {
72
+ return _jsx(ProMenuItem, {
73
+ icon: child.icon,
74
+ component: child.link,
75
+ active: child.active,
76
+ children: child.label
77
+ });
78
+ })
79
+ });
80
+ }
81
+ return _jsx(ProMenuItem, {
82
+ icon: icon,
83
+ component: link,
84
+ active: active,
85
+ children: label
86
+ });
87
+ })
88
+ }), children, _jsxs("div", {
89
+ className: classes('footer'),
90
+ onClick: function onClick() {
91
+ return onLogout === null || onLogout === void 0 ? void 0 : onLogout();
92
+ },
93
+ children: [_jsx("span", {
94
+ className: classes('footer-logout'),
95
+ children: _jsx("i", {
96
+ className: ['pi pi-sign-out', classes('footer-logout-icon')].join(' '),
97
+ style: {
98
+ fontSize: '16px'
99
+ }
100
+ })
101
+ }), _jsx("span", {
102
+ className: classes('footer-logout-text'),
103
+ children: "Log out"
104
+ })]
105
+ })]
16
106
  });
17
107
  };
18
108
  /**
@@ -23,4 +113,4 @@ Sidebar.propTypes = {
23
113
  prefixCls: propTypes.string
24
114
  };
25
115
  export default /*#__PURE__*/memo(Sidebar);
26
- //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2lkZWJhci9TaWRlYmFyLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TaWRlYmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJtZW1vIiwicHJvcFR5cGVzIiwiY2xhc3NuYW1lcyIsIlNpZGViYXIiLCJwcm9wcyIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwib25DbGljayIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJjbGFzc2VzIiwic3RyaW5nIl0sIm1hcHBpbmdzIjoiQUFBQSxTQUFTQSxHQUFHLElBQUlDLElBQUksUUFBUSxtQkFBbUI7QUNBL0MsU0FBU0MsSUFBSSxRQUFRLE9BQU87QUFDNUIsT0FBT0MsU0FBUyxNQUFNLFlBQVk7QUFDbEMsT0FBT0MsVUFBVSxNQUFNLHdCQUF3QjtBQUsvQyxPQUFPLElBQU1DLE9BQU8sR0FBd0MsU0FBL0NBLE9BQU9BLENBQXdDQyxLQUFLLEVBQUc7RUFDbEUsSUFBUUMsUUFBUSxHQUFnREQsS0FBSyxDQUE3REMsUUFBUTtJQUFFQyxTQUFTLEdBQXFDRixLQUFLLENBQW5ERSxTQUFTO0lBQUVDLE9BQU8sR0FBNEJILEtBQUssQ0FBeENHLE9BQU87SUFBQUMsZ0JBQUEsR0FBNEJKLEtBQUssQ0FBL0JLLFNBQVM7SUFBVEEsU0FBUyxHQUFBRCxnQkFBQSxjQUFHLFNBQVMsR0FBQUEsZ0JBQUE7RUFDM0QsSUFBTUUsT0FBTyxHQUFHUixVQUFVLENBQUNPLFNBQVMsQ0FBQztFQUVyQyxPQUNFVixJQUFBLENBQUEsS0FBQSxFQUFBO0lBQ0VPLFNBQVMsRUFBRUksT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFSixTQUFTLENBQUM7SUFDckNDLE9BQU8sRUFBRUEsT0FBTztJQUFBRixRQUFBLEVBRWRBO0VBQVEsQ0FBQSxDQUNOO0FBRVYsQ0FBQztBQUVEO0FEWEE7QUFDQTtBQ2FBRixPQUFPLENBQUNGLFNBQVMsR0FBRztFQUNsQkssU0FBUyxFQUFFTCxTQUFTLENBQUNVLE1BQU07RUFDM0JGLFNBQVMsRUFBRVIsU0FBUyxDQUFDVTtBRFh2QixDQ1lDO0FBRUQsNEJBQWVYLElBQUksQ0FBQ0csT0FBTyxDQUFDIiwiZmlsZSI6ImNvbXBvbmVudHMvU2lkZWJhci9TaWRlYmFyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgcHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5leHBvcnQgY29uc3QgU2lkZWJhciA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIG9uQ2xpY2ssIHByZWZpeENscyA9ICdzaWRlYmFyJyB9ID0gcHJvcHM7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICByZXR1cm4gKF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXModm9pZCAwLCBjbGFzc05hbWUpLCBvbkNsaWNrOiBvbkNsaWNrLCBjaGlsZHJlbjogY2hpbGRyZW4gfSkpO1xufTtcbi8qKlxuICogcHJvcC10eXBlcyBjYW4gbWFrZSBzdXJlIHRoZSB0eXBlLWNoZWNrIHdoYXRldmVyIHRoZSBlbnZpcm9ubWVudCB3aGV0aGVyIG9yIG5vdCB1c2UgdHlwZXNjcmlwdFxuICovXG5TaWRlYmFyLnByb3BUeXBlcyA9IHtcbiAgICBjbGFzc05hbWU6IHByb3BUeXBlcy5zdHJpbmcsXG4gICAgcHJlZml4Q2xzOiBwcm9wVHlwZXMuc3RyaW5nXG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhTaWRlYmFyKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
116
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2lkZWJhci9TaWRlYmFyLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TaWRlYmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbImpzeCIsIl9qc3giLCJqc3hzIiwiX2pzeHMiLCJtZW1vIiwidXNlU3RhdGUiLCJ1c2VDYWxsYmFjayIsInByb3BUeXBlcyIsIlNpZGViYXIiLCJQcm9TaWRlYmFyIiwiTWVudSIsIlByb01lbnUiLCJNZW51SXRlbSIsIlByb01lbnVJdGVtIiwiU3ViTWVudSIsIlByb1N1Yk1lbnUiLCJjbGFzc25hbWVzIiwiSWNvbnMiLCJwcm9wcyIsImNoaWxkcmVuIiwiY29sbGFwc2libGUiLCJtZW51cyIsImNsYXNzTmFtZSIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJvbkNvbGxhcHNlIiwib25Mb2dvdXQiLCJfdXNlU3RhdGUiLCJfdXNlU3RhdGUyIiwiX3NsaWNlZFRvQXJyYXkiLCJjb2xsYXBzZWQiLCJzZXRDb2xsYXBzZWQiLCJjbGFzc2VzIiwiaGFuZGxlQ29sbGFwc2UiLCJ3aWR0aCIsImNvbGxhcHNlZFdpZHRoIiwidHJhbnNpdGlvbkR1cmF0aW9uIiwibmFtZSIsImNvbG9yIiwiaGVpZ2h0Iiwib25DbGljayIsImpvaW4iLCJzdHlsZSIsImZvbnRTaXplIiwicmVuZGVyRXhwYW5kSWNvbiIsIl9yZWYiLCJvcGVuIiwibWFwIiwibWVudSIsIl9hIiwibGFiZWwiLCJpY29uIiwibGluayIsImFjdGl2ZSIsImNvbXBvbmVudCIsImNoaWxkIiwic3RyaW5nIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBU0EsR0FBRyxJQUFJQyxJQUFJLEVBQUVDLElBQUksSUFBSUMsS0FBSyxRQUFRLG1CQUFtQjtBQ0E5RCxTQUFTQyxJQUFJLEVBQUVDLFFBQVEsRUFBRUMsV0FBVyxRQUFRLE9BQU87QUFDbkQsT0FBT0MsU0FBUyxNQUFNLFlBQVk7QUFDbEMsU0FDRUMsT0FBTyxJQUFJQyxVQUFVLEVBQ3JCQyxJQUFJLElBQUlDLE9BQU8sRUFDZkMsUUFBUSxJQUFJQyxXQUFXLEVBQ3ZCQyxPQUFPLElBQUlDLFVBQVUsUUFDaEIsbUJBQW1CO0FBQzFCLE9BQU9DLFVBQVUsTUFBTSx3QkFBd0I7QUFDL0MsT0FBT0MsS0FBSyxNQUFNLFVBQVU7QUFLNUIsT0FBTyxJQUFNVCxPQUFPLEdBQXdDLFNBQS9DQSxPQUFPQSxDQUF3Q1UsS0FBSyxFQUFHO0VBQ2xFLElBQVFDLFFBQVEsR0FBaUZELEtBQUssQ0FBOUZDLFFBQVE7SUFBRUMsV0FBVyxHQUFvRUYsS0FBSyxDQUFwRkUsV0FBVztJQUFFQyxLQUFLLEdBQTZESCxLQUFLLENBQXZFRyxLQUFLO0lBQUVDLFNBQVMsR0FBa0RKLEtBQUssQ0FBaEVJLFNBQVM7SUFBQUMsZ0JBQUEsR0FBa0RMLEtBQUssQ0FBckRNLFNBQVM7SUFBVEEsU0FBUyxHQUFBRCxnQkFBQSxjQUFHLFNBQVMsR0FBQUEsZ0JBQUE7SUFBRUUsVUFBVSxHQUFlUCxLQUFLLENBQTlCTyxVQUFVO0lBQUVDLFFBQVEsR0FBS1IsS0FBSyxDQUFsQlEsUUFBUTtFQUM1RixJQUFBQyxTQUFBLEdBQWtDdEIsUUFBUSxDQUFDLEtBQUssQ0FBQztJQUFBdUIsVUFBQSxHQUFBQyxjQUFBLENBQUFGLFNBQUE7SUFBMUNHLFNBQVMsR0FBQUYsVUFBQTtJQUFFRyxZQUFZLEdBQUFILFVBQUE7RUFDOUIsSUFBTUksT0FBTyxHQUFHaEIsVUFBVSxDQUFDUSxTQUFTLENBQUM7RUFFckMsSUFBTVMsY0FBYyxHQUFHM0IsV0FBVyxDQUFDLFlBQUs7SUFDdEN5QixZQUFZLENBQUMsQ0FBQ0QsU0FBUyxDQUFDO0lBQ3hCTCxVQUFVLEtBQUEsSUFBQSxJQUFWQSxVQUFVLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQVZBLFVBQVUsQ0FBRyxDQUFDSyxTQUFTLENBQUM7RUFDMUIsQ0FBQyxFQUFFLENBQUNBLFNBQVMsRUFBRUwsVUFBVSxDQUFDLENBQUM7RUFFM0IsT0FDRXRCLEtBQUEsQ0FBQ00sVUFBVSxFQUFBO0lBQ1RhLFNBQVMsRUFBRVUsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFVixTQUFTLENBQUM7SUFDckNZLEtBQUssRUFBQyxPQUFPO0lBQ2JDLGNBQWMsRUFBQyxNQUFNO0lBQ3JCTCxTQUFTLEVBQUVBLFNBQVM7SUFDcEJNLGtCQUFrQixFQUFFLEdBQUc7SUFBQWpCLFFBQUEsRUFBQSxDQUV2QmhCLEtBQUEsQ0FBQSxLQUFBLEVBQUE7TUFBS21CLFNBQVMsRUFBRVUsT0FBTyxDQUFDLFFBQVEsQ0FBQztNQUFBYixRQUFBLEVBQUEsQ0FDL0JsQixJQUFBLENBQUNnQixLQUFLLEVBQUE7UUFBQ29CLElBQUksRUFBRVAsU0FBUyxHQUFHLE1BQU0sR0FBRyxlQUFlO1FBQUVRLEtBQUssRUFBQyxTQUFTO1FBQUNKLEtBQUssRUFBRUosU0FBUyxHQUFHLEVBQUUsR0FBRSxHQUFHO1FBQUVTLE1BQU0sRUFBRTtNQUFFLENBQUEsQ0FBSSxFQUUzR25CLFdBQVcsSUFBSW5CLElBQUEsQ0FBQSxNQUFBLEVBQUE7UUFBTXFCLFNBQVMsRUFBRVUsT0FBTyxDQUFDLFVBQVUsQ0FBQztRQUFFUSxPQUFPLEVBQUVQLGNBQWM7UUFBQWQsUUFBQSxFQUMxRWxCLElBQUEsQ0FBQSxHQUFBLEVBQUE7VUFBR3FCLFNBQVMsRUFBRSxDQUFDLElBQUksRUFBRVEsU0FBUyxHQUFHLHVCQUF1QixHQUFHLHNCQUFzQixFQUFFRSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQ1MsSUFBSSxDQUFDLEdBQUcsQ0FBQztVQUFFQyxLQUFLLEVBQUU7WUFBRUMsUUFBUSxFQUFFLE1BQU07WUFBRUwsS0FBSyxFQUFFO1VBQVM7UUFBRSxDQUFBO01BQUksQ0FBQSxDQUNwSztJQUFBLENBQUEsQ0FFTCxFQUNOckMsSUFBQSxDQUFDVSxPQUFPLEVBQUE7TUFBQ2lDLGdCQUFnQixFQUFFLFNBQWxCQSxnQkFBZ0JBLENBQUFDLElBQUE7UUFBQSxJQUFLQyxJQUFJLEdBQUFELElBQUEsQ0FBSkMsSUFBSTtRQUFBLE9BQU9oQixTQUFTLEdBQUcsSUFBSSxHQUFHN0IsSUFBQSxDQUFDZ0IsS0FBSyxFQUFBO1VBQUNvQixJQUFJLEVBQUMsVUFBVTtVQUFDQyxLQUFLLEVBQUMsU0FBUztVQUFDaEIsU0FBUyxFQUFFLENBQUNVLE9BQU8sQ0FBQyxhQUFhLENBQUMsRUFBRWMsSUFBSSxHQUFHZCxPQUFPLENBQUMsa0JBQWtCLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQ1MsSUFBSSxDQUFDLEdBQUc7UUFBQyxDQUFBLENBQUk7TUFBQTtNQUFBdEIsUUFBQSxFQUV6TEUsS0FBSyxDQUFDMEIsR0FBRyxDQUFDLFVBQUNDLElBQUksRUFBSTtRRDNCVCxJQUFJQyxFQUFFO1FDNEJkLElBQVFDLEtBQUssR0FBbUNGLElBQUksQ0FBNUNFLEtBQUs7VUFBRUMsSUFBSSxHQUE2QkgsSUFBSSxDQUFyQ0csSUFBSTtVQUFFQyxJQUFJLEdBQXVCSixJQUFJLENBQS9CSSxJQUFJO1VBQUVDLE1BQU0sR0FBZUwsSUFBSSxDQUF6QkssTUFBTTtVQUFFbEMsUUFBUSxHQUFLNkIsSUFBSSxDQUFqQjdCLFFBQVE7UUFDM0MsSUFBSUEsUUFBUSxFQUFFO1VBQ1osT0FBT2xCLElBQUEsQ0FBQ2MsVUFBVSxFQUFBO1lBQUNtQyxLQUFLLEVBQUVGLElBQUksQ0FBQ0UsS0FBSztZQUFFQyxJQUFJLEVBQUVBLElBQUk7WUFBRUcsU0FBUyxFQUFFRixJQUFJO1lBQUFqQyxRQUFBLEVBRTdELENBQUE4QixFQUFBLEdBQUFELElBQUksQ0FBQzdCLFFBQVEsTUFBQSxJQUFBLElBQUE4QixFQUFBLEtBQUEsS0FBQSxDQUFBLEdBQUEsS0FBQSxDQUFBLEdBQUFBLEVBQUEsQ0FBRUYsR0FBRyxDQUFDLFVBQUNRLEtBQUssRUFBSTtjQUMzQixPQUFPdEQsSUFBQSxDQUFDWSxXQUFXLEVBQUE7Z0JBQ2pCc0MsSUFBSSxFQUFFSSxLQUFLLENBQUNKLElBQUk7Z0JBQ2hCRyxTQUFTLEVBQUVDLEtBQUssQ0FBQ0gsSUFBSTtnQkFDckJDLE1BQU0sRUFBRUUsS0FBSyxDQUFDRixNQUFNO2dCQUFBbEMsUUFBQSxFQUVuQm9DLEtBQUssQ0FBQ0w7Y0FBSyxDQUFBLENBQ0E7WUFDaEIsQ0FBQztVQUFDLENBQUEsQ0FFTztRQUNmO1FBQ0EsT0FBT2pELElBQUEsQ0FBQ1ksV0FBVyxFQUFBO1VBQUNzQyxJQUFJLEVBQUVBLElBQUk7VUFBRUcsU0FBUyxFQUFFRixJQUFJO1VBQUVDLE1BQU0sRUFBRUEsTUFBTTtVQUFBbEMsUUFBQSxFQUFHK0I7UUFBSyxDQUFBLENBQWU7TUFDeEYsQ0FBQztJQUFDLENBQUEsQ0FFSSxFQUNSL0IsUUFBUSxFQUNWaEIsS0FBQSxDQUFBLEtBQUEsRUFBQTtNQUFLbUIsU0FBUyxFQUFFVSxPQUFPLENBQUMsUUFBUSxDQUFDO01BQUVRLE9BQU8sRUFBRSxTQUFUQSxPQUFPQSxDQUFBO1FBQUEsT0FBUWQsUUFBUSxLQUFBLElBQUEsSUFBUkEsUUFBUSxLQUFBLEtBQUEsQ0FBQSxHQUFBLEtBQUEsQ0FBQSxHQUFSQSxRQUFRLENBQUEsQ0FBSTtNQUFBO01BQUFQLFFBQUEsRUFBQSxDQUM1RGxCLElBQUEsQ0FBQSxNQUFBLEVBQUE7UUFBTXFCLFNBQVMsRUFBRVUsT0FBTyxDQUFDLGVBQWUsQ0FBQztRQUFBYixRQUFBLEVBQ3ZDbEIsSUFBQSxDQUFBLEdBQUEsRUFBQTtVQUFHcUIsU0FBUyxFQUFFLENBQUMsZ0JBQWdCLEVBQUVVLE9BQU8sQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUNTLElBQUksQ0FBQyxHQUFHLENBQUM7VUFBRUMsS0FBSyxFQUFFO1lBQUVDLFFBQVEsRUFBRTtVQUFNO1FBQUUsQ0FBQTtNQUFJLENBQUEsQ0FDckcsRUFDUDFDLElBQUEsQ0FBQSxNQUFBLEVBQUE7UUFBTXFCLFNBQVMsRUFBRVUsT0FBTyxDQUFDLG9CQUFvQixDQUFDO1FBQUFiLFFBQUEsRUFBQTtNQUFBLENBQUEsQ0FBZ0I7SUFBQSxDQUFBLENBQzFEO0VBQUEsQ0FBQSxDQUNLO0FBRWpCLENBQUM7QUFFRDtBRGhEQTtBQUNBO0FDa0RBWCxPQUFPLENBQUNELFNBQVMsR0FBRztFQUNsQmUsU0FBUyxFQUFFZixTQUFTLENBQUNpRCxNQUFNO0VBQzNCaEMsU0FBUyxFQUFFakIsU0FBUyxDQUFDaUQ7QURoRHZCLENDaURDO0FBRUQsNEJBQWVwRCxJQUFJLENBQUNJLE9BQU8sQ0FBQyIsImZpbGUiOiJjb21wb25lbnRzL1NpZGViYXIvU2lkZWJhci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XG5pbXBvcnQgeyBtZW1vLCB1c2VTdGF0ZSwgdXNlQ2FsbGJhY2sgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgcHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgU2lkZWJhciBhcyBQcm9TaWRlYmFyLCBNZW51IGFzIFByb01lbnUsIE1lbnVJdGVtIGFzIFByb01lbnVJdGVtLCBTdWJNZW51IGFzIFByb1N1Yk1lbnUgfSBmcm9tICdyZWFjdC1wcm8tc2lkZWJhcic7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCBJY29ucyBmcm9tICcuLi9JY29ucyc7XG5leHBvcnQgY29uc3QgU2lkZWJhciA9IHByb3BzID0+IHtcbiAgICBjb25zdCB7IGNoaWxkcmVuLCBjb2xsYXBzaWJsZSwgbWVudXMsIGNsYXNzTmFtZSwgcHJlZml4Q2xzID0gJ3NpZGViYXInLCBvbkNvbGxhcHNlLCBvbkxvZ291dCB9ID0gcHJvcHM7XG4gICAgY29uc3QgW2NvbGxhcHNlZCwgc2V0Q29sbGFwc2VkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IGhhbmRsZUNvbGxhcHNlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgICAgICBzZXRDb2xsYXBzZWQoIWNvbGxhcHNlZCk7XG4gICAgICAgIG9uQ29sbGFwc2UgPT09IG51bGwgfHwgb25Db2xsYXBzZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25Db2xsYXBzZSghY29sbGFwc2VkKTtcbiAgICB9LCBbY29sbGFwc2VkLCBvbkNvbGxhcHNlXSk7XG4gICAgcmV0dXJuIChfanN4cyhQcm9TaWRlYmFyLCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIGNsYXNzTmFtZSksIHdpZHRoOiAnMjYxcHgnLCBjb2xsYXBzZWRXaWR0aDogJzgxcHgnLCBjb2xsYXBzZWQ6IGNvbGxhcHNlZCwgdHJhbnNpdGlvbkR1cmF0aW9uOiAxNTAsIGNoaWxkcmVuOiBbX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2hlYWRlcicpLCBjaGlsZHJlbjogW19qc3goSWNvbnMsIHsgbmFtZTogY29sbGFwc2VkID8gJ2xvZ28nIDogJ2xvZ29XaXRoV29yZHMnLCBjb2xvcjogJyMzRDczRjInLCB3aWR0aDogY29sbGFwc2VkID8gMTggOiAxMDMsIGhlaWdodDogMTggfSksIGNvbGxhcHNpYmxlICYmIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdjb2xsYXBzZScpLCBvbkNsaWNrOiBoYW5kbGVDb2xsYXBzZSwgY2hpbGRyZW46IF9qc3goXCJpXCIsIHsgY2xhc3NOYW1lOiBbJ3BpJywgY29sbGFwc2VkID8gJ3BpLWFuZ2xlLWRvdWJsZS1yaWdodCcgOiAncGktYW5nbGUtZG91YmxlLWxlZnQnLCBjbGFzc2VzKCdjb2xsYXBzZS1pY29uJyldLmpvaW4oJyAnKSwgc3R5bGU6IHsgZm9udFNpemU6ICcxNnB4JywgY29sb3I6ICcjODA4MDgwJyB9IH0pIH0pXSB9KSwgX2pzeChQcm9NZW51LCB7IHJlbmRlckV4cGFuZEljb246ICh7IG9wZW4gfSkgPT4gY29sbGFwc2VkID8gbnVsbCA6IF9qc3goSWNvbnMsIHsgbmFtZTogJ2Ryb3BEb3duJywgY29sb3I6ICcjODA4MDgwJywgY2xhc3NOYW1lOiBbY2xhc3NlcygnZXhwYW5kLWljb24nKSwgb3BlbiA/IGNsYXNzZXMoJ2V4cGFuZC1pY29uLW9wZW4nKSA6ICcnXS5qb2luKCcgJykgfSksIGNoaWxkcmVuOiBtZW51cy5tYXAoKG1lbnUpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdmFyIF9hO1xuICAgICAgICAgICAgICAgICAgICBjb25zdCB7IGxhYmVsLCBpY29uLCBsaW5rLCBhY3RpdmUsIGNoaWxkcmVuIH0gPSBtZW51O1xuICAgICAgICAgICAgICAgICAgICBpZiAoY2hpbGRyZW4pIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBfanN4KFByb1N1Yk1lbnUsIHsgbGFiZWw6IG1lbnUubGFiZWwsIGljb246IGljb24sIGNvbXBvbmVudDogbGluaywgY2hpbGRyZW46IChfYSA9IG1lbnUuY2hpbGRyZW4pID09PSBudWxsIHx8IF9hID09PSB2b2lkIDAgPyB2b2lkIDAgOiBfYS5tYXAoKGNoaWxkKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybiBfanN4KFByb01lbnVJdGVtLCB7IGljb246IGNoaWxkLmljb24sIGNvbXBvbmVudDogY2hpbGQubGluaywgYWN0aXZlOiBjaGlsZC5hY3RpdmUsIGNoaWxkcmVuOiBjaGlsZC5sYWJlbCB9KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9KSB9KTtcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICByZXR1cm4gX2pzeChQcm9NZW51SXRlbSwgeyBpY29uOiBpY29uLCBjb21wb25lbnQ6IGxpbmssIGFjdGl2ZTogYWN0aXZlLCBjaGlsZHJlbjogbGFiZWwgfSk7XG4gICAgICAgICAgICAgICAgfSkgfSksIGNoaWxkcmVuLCBfanN4cyhcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnZm9vdGVyJyksIG9uQ2xpY2s6ICgpID0+IG9uTG9nb3V0ID09PSBudWxsIHx8IG9uTG9nb3V0ID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkxvZ291dCgpLCBjaGlsZHJlbjogW19qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdmb290ZXItbG9nb3V0JyksIGNoaWxkcmVuOiBfanN4KFwiaVwiLCB7IGNsYXNzTmFtZTogWydwaSBwaS1zaWduLW91dCcsIGNsYXNzZXMoJ2Zvb3Rlci1sb2dvdXQtaWNvbicpXS5qb2luKCcgJyksIHN0eWxlOiB7IGZvbnRTaXplOiAnMTZweCcgfSB9KSB9KSwgX2pzeChcInNwYW5cIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2Zvb3Rlci1sb2dvdXQtdGV4dCcpLCBjaGlsZHJlbjogXCJMb2cgb3V0XCIgfSldIH0pXSB9KSk7XG59O1xuLyoqXG4gKiBwcm9wLXR5cGVzIGNhbiBtYWtlIHN1cmUgdGhlIHR5cGUtY2hlY2sgd2hhdGV2ZXIgdGhlIGVudmlyb25tZW50IHdoZXRoZXIgb3Igbm90IHVzZSB0eXBlc2NyaXB0XG4gKi9cblNpZGViYXIucHJvcFR5cGVzID0ge1xuICAgIGNsYXNzTmFtZTogcHJvcFR5cGVzLnN0cmluZyxcbiAgICBwcmVmaXhDbHM6IHByb3BUeXBlcy5zdHJpbmdcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKFNpZGViYXIpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
package/es/components/Sidebar/interface.d.ts CHANGED
@@ -1,5 +1,15 @@
1
+ export interface MenuItem {
2
+ label: React.ReactNode;
3
+ icon?: React.ReactNode;
4
+ link?: string | React.ReactElement;
5
+ active?: boolean;
6
+ children?: Omit<MenuItem, 'children'>[];
7
+ }
1
8
  export interface SidebarProps {
2
9
  className?: string;
3
10
  prefixCls?: string;
4
- onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => any;
11
+ collapsible?: boolean;
12
+ onCollapse?: (collapsed: boolean) => any;
13
+ onLogout?: () => any;
14
+ menus: MenuItem[];
5
15
  }
package/es/components/Sidebar/style/Sidebar.css CHANGED
@@ -1 +1 @@
1
- .prefix-sidebar{display:block;color:blue}
1
+ .usd1-react-ui-sidebar{height:100vh;padding:0 8px;border-right:1px solid #f2f2f2!important}.usd1-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.usd1-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root>ul{display:flex;flex-direction:column;gap:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{padding:0;padding:16px;color:#404040;font-weight:700;font-size:14px;line-height:14px;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{width:16px;min-width:16px;height:16px;margin-right:16px;color:gray;line-height:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active{color:#3d73f2;background-color:#e5efff}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content{background-color:#f9fafb;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content.ps-open{padding:8px 0}.usd1-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 32px 16px}.usd1-react-ui-sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.usd1-react-ui-sidebar-collapse-icon{cursor:pointer}.usd1-react-ui-sidebar-footer{display:inline-flex;align-items:center;margin-top:auto;padding:16px;border-radius:16px;cursor:pointer}.usd1-react-ui-sidebar-footer-logout{display:inline-flex;width:16px;height:16px;margin-right:16px;color:gray}.usd1-react-ui-sidebar-footer:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar-footer:hover .usd1-react-ui-sidebar-footer-logout{color:#3d73f2}.usd1-react-ui-sidebar-footer-logout-text{font-weight:700;font-size:14px;line-height:14px}.usd1-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{margin-left:8px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-header{padding-left:22px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer{padding-left:24px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer-logout-text{display:none}
package/es/components/Sidebar/style/Sidebar.scss CHANGED
@@ -1,4 +1,150 @@
1
- .prefix-sidebar {
2
- display: block;
3
- color: blue;
4
- }
1
+ .usd1-react-ui-sidebar {
2
+ height: 100vh;
3
+ padding: 0 8px;
4
+ border-right: 1px solid #F2F2F2 !important;
5
+
6
+ &-expand-icon {
7
+ &-open {
8
+ transform: rotate(180deg);
9
+ }
10
+ }
11
+
12
+ .ps-sidebar-container {
13
+ display: flex;
14
+ flex-direction: column;
15
+ background-color: transparent;
16
+
17
+ .ps-menu-root {
18
+ >ul {
19
+ display: flex;
20
+ flex-direction: column;
21
+ gap: 16px;
22
+ }
23
+
24
+ .ps-menuitem-root {
25
+ .ps-menu-button {
26
+ padding: 0;
27
+ padding: 16px;
28
+ color: #404040;
29
+ font-weight: 700;
30
+ font-size: 14px;
31
+ line-height: 14px;
32
+ border-radius: 16px;
33
+
34
+ &:hover {
35
+ color: #3D73F2;
36
+ background-color: rgba(229, 239, 255, 50%);
37
+
38
+ .ps-menu-icon {
39
+ color: inherit;
40
+ }
41
+ }
42
+
43
+ .ps-menu-icon {
44
+ width: 16px;
45
+ min-width: 16px;
46
+ height: 16px;
47
+ margin-right: 16px;
48
+ color: #808080;
49
+ line-height: 16px;
50
+ }
51
+ }
52
+
53
+ .ps-menu-button.ps-active {
54
+ color: #3D73F2;
55
+ background-color: #E5EFFF;
56
+
57
+ .ps-menu-icon {
58
+ color: inherit;
59
+ }
60
+ }
61
+
62
+ .ps-submenu-content {
63
+ background-color: #F9FAFB;
64
+ border-radius: 16px;
65
+ }
66
+
67
+ .ps-submenu-content.ps-open {
68
+ padding: 8px 0;
69
+ }
70
+ }
71
+ }
72
+ }
73
+
74
+ &-header {
75
+ display: flex;
76
+ align-items: center;
77
+ justify-content: space-between;
78
+ padding: 32px 0 32px 16px;
79
+ }
80
+
81
+ &-collapse {
82
+ display: inline-flex;
83
+ align-items: center;
84
+ justify-content: center;
85
+ width: 24px;
86
+ height: 24px;
87
+
88
+ &-icon {
89
+ cursor: pointer;
90
+ }
91
+ }
92
+
93
+ &-footer {
94
+ display: inline-flex;
95
+ align-items: center;
96
+ margin-top: auto;
97
+ padding: 16px;
98
+ border-radius: 16px;
99
+ cursor: pointer;
100
+
101
+ &-logout {
102
+ display: inline-flex;
103
+ width: 16px;
104
+ height: 16px;
105
+ margin-right: 16px;
106
+ color: #808080;
107
+ }
108
+
109
+ &:hover {
110
+ color: #3D73F2;
111
+ background-color: rgba(229, 239, 255, 50%);
112
+
113
+ .usd1-react-ui-sidebar-footer-logout {
114
+ color: #3D73F2;
115
+ }
116
+ }
117
+
118
+ &-logout-text {
119
+ font-weight: 700;
120
+ font-size: 14px;
121
+ line-height: 14px;
122
+ }
123
+ }
124
+
125
+ &.ps-collapsed {
126
+ .ps-sidebar-container {
127
+ .ps-menu-root {
128
+ .ps-menuitem-root {
129
+ .ps-menu-button {
130
+ .ps-menu-icon {
131
+ margin-left: 8px;
132
+ }
133
+ }
134
+ }
135
+ }
136
+ }
137
+
138
+ .usd1-react-ui-sidebar-header {
139
+ padding-left: 22px;
140
+ }
141
+
142
+ .usd1-react-ui-sidebar-footer {
143
+ padding-left: 24px;
144
+
145
+ &-logout-text {
146
+ display: none;
147
+ }
148
+ }
149
+ }
150
+ }
package/es/index.css CHANGED
@@ -1 +1 @@
1
- .usd1-react-ui-calendar{display:block}.usd1-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:700;font-size:18px;line-height:100%;box-shadow:none}.usd1-react-ui-button-primary{color:#fff;background-color:#142d66;border:none}.usd1-react-ui-button-primary:hover{background-color:#183699}.usd1-react-ui-button-secondary{color:#000;background-color:#e5efff;border:none}.usd1-react-ui-button-secondary:hover{background-color:#cdf}.usd1-react-ui-button.p-disabled{color:gray;background-color:#e0e2ee;cursor:not-allowed}.usd1-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.usd1-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.usd1-react-ui-button.p-button-sm{padding:8px 16px;font-size:14px;line-height:20px}.usd1-react-ui-button-loading-icon{width:16px!important;height:16px!important;margin-right:8px}.usd1-react-ui-clipboard{display:flex;flex-direction:column;gap:8px}.usd1-react-ui-clipboard-label{margin-left:8px;font-weight:400;font-size:14px;line-height:20px}.usd1-react-ui-clipboard-content{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;padding:10px 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-clipboard-content-text{display:inline-block;font-weight:300;font-size:14px;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}.usd1-react-ui-icon [fill=none]{fill:currentcolor}.usd1-react-ui-icon [stroke=none]{stroke:currentcolor}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-family:inherit;font-style:normal;line-height:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-password input,.usd1-react-ui-input-text,.usd1-react-ui-input-textarea,.usd1-react-ui-input>input{width:100%;padding:12px 24px;font-weight:300;font-size:14px;font-family:inherit;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask.p-invalid,.usd1-react-ui-input-password input.p-invalid,.usd1-react-ui-input-text.p-invalid,.usd1-react-ui-input-textarea.p-invalid,.usd1-react-ui-input>input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input-otp .p-inputtext:enabled:hover:not(.p-invalid){border-color:#3d73f2}.usd1-react-ui-input-otp .p-inputotp{gap:16px}.usd1-react-ui-input-otp input{width:48px;height:50px;padding:12px 16px;font-weight:600;font-size:17px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:8px}.usd1-react-ui-input-otp input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input .p-inputtext:enabled:focus:not(.p-invalid),.usd1-react-ui-input.p-inputtext:enabled:focus:not(.p-invalid){border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input.p-invalid input{border-color:inherit!important;box-shadow:inherit!important}.usd1-react-ui-input-password .p-icon-field{width:100%;border:inherit;border-radius:inherit}.usd1-react-ui-input-password .p-input-icon{display:inline-flex;align-items:center;margin-top:0;transform:translateY(-50%);cursor:pointer}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{display:inline-block;margin-bottom:8px;padding:0 8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-input-error{display:inline-block;padding:4px 8px 0;color:#cc1461;font-weight:300;font-size:12px;font-style:normal;line-height:150%;word-wrap:break-word;word-break:break-all}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#000}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}@media (width <= 1279px){.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{padding:20px 0}}.usd1-react-ui-loading{display:block;width:150px}.usd1-react-ui-menu{width:auto;padding:10px 0;border:1px solid #e0e2ee;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-menu.p-menu .p-submenu-header:empty{display:none}.usd1-react-ui-menu.p-menu .p-menuitem{background-color:#fff}.usd1-react-ui-menu.p-menu .p-menuitem:hover{background-color:#fafafc}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:10px 20px}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{color:#000;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-message{align-items:start;justify-content:start;padding:10px;border-radius:6px}.usd1-react-ui-message .p-icon{width:14px;height:14px}.usd1-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.usd1-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}.usd1-react-ui-modal{display:block}.usd1-react-ui-popup{display:block}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight,.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-sidebar{display:block;color:#00f}.usd1-react-ui-switch{display:block}.usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;background-color:transparent;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;background-color:transparent;border-color:#3d73f2}.usd1-react-ui-toast{display:block}.usd1-react-ui-spinner{display:block}
1
+ .usd1-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:700;font-size:18px;line-height:100%;box-shadow:none}.usd1-react-ui-button-primary{color:#fff;background-color:#142d66;border:none}.usd1-react-ui-button-primary:hover{background-color:#183699}.usd1-react-ui-button-secondary{color:#000;background-color:#e5efff;border:none}.usd1-react-ui-button-secondary:hover{background-color:#cdf}.usd1-react-ui-button.p-disabled{color:gray;background-color:#e0e2ee;cursor:not-allowed}.usd1-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.usd1-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.usd1-react-ui-button.p-button-sm{padding:8px 16px;font-size:14px;line-height:20px}.usd1-react-ui-button-loading-icon{width:16px!important;height:16px!important;margin-right:8px}.usd1-react-ui-calendar{display:block}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#000}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-clipboard{display:flex;flex-direction:column;gap:8px}.usd1-react-ui-clipboard-label{margin-left:8px;font-weight:400;font-size:14px;line-height:20px}.usd1-react-ui-clipboard-content{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;padding:10px 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-clipboard-content-text{display:inline-block;font-weight:300;font-size:14px;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}@media (width <= 1279px){.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{padding:20px 0}}.usd1-react-ui-icon [fill=none]{fill:currentcolor}.usd1-react-ui-icon [stroke=none]{stroke:currentcolor}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-family:inherit;font-style:normal;line-height:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-password input,.usd1-react-ui-input-text,.usd1-react-ui-input-textarea,.usd1-react-ui-input>input{width:100%;padding:12px 24px;font-weight:300;font-size:14px;font-family:inherit;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask.p-invalid,.usd1-react-ui-input-password input.p-invalid,.usd1-react-ui-input-text.p-invalid,.usd1-react-ui-input-textarea.p-invalid,.usd1-react-ui-input>input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input-otp .p-inputtext:enabled:hover:not(.p-invalid){border-color:#3d73f2}.usd1-react-ui-input-otp .p-inputotp{gap:16px}.usd1-react-ui-input-otp input{width:48px;height:50px;padding:12px 16px;font-weight:600;font-size:17px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:8px}.usd1-react-ui-input-otp input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input .p-inputtext:enabled:focus:not(.p-invalid),.usd1-react-ui-input.p-inputtext:enabled:focus:not(.p-invalid){border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input.p-invalid input{border-color:inherit!important;box-shadow:inherit!important}.usd1-react-ui-input-password .p-icon-field{width:100%;border:inherit;border-radius:inherit}.usd1-react-ui-input-password .p-input-icon{display:inline-flex;align-items:center;margin-top:0;transform:translateY(-50%);cursor:pointer}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{display:inline-block;margin-bottom:8px;padding:0 8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-input-error{display:inline-block;padding:4px 8px 0;color:#cc1461;font-weight:300;font-size:12px;font-style:normal;line-height:150%;word-wrap:break-word;word-break:break-all}.usd1-react-ui-loading{display:block;width:150px}.usd1-react-ui-menu{width:auto;padding:10px 0;border:1px solid #e0e2ee;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-menu.p-menu .p-submenu-header:empty{display:none}.usd1-react-ui-menu.p-menu .p-menuitem{background-color:#fff}.usd1-react-ui-menu.p-menu .p-menuitem:hover{background-color:#fafafc}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:10px 20px}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{color:#000;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-message{align-items:start;justify-content:start;padding:10px;border-radius:6px}.usd1-react-ui-message .p-icon{width:14px;height:14px}.usd1-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.usd1-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}.usd1-react-ui-modal{display:block}.usd1-react-ui-popup{display:block}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight,.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-sidebar{height:100vh;padding:0 8px;border-right:1px solid #f2f2f2!important}.usd1-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.usd1-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root>ul{display:flex;flex-direction:column;gap:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{padding:0;padding:16px;color:#404040;font-weight:700;font-size:14px;line-height:14px;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{width:16px;min-width:16px;height:16px;margin-right:16px;color:gray;line-height:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active{color:#3d73f2;background-color:#e5efff}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content{background-color:#f9fafb;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content.ps-open{padding:8px 0}.usd1-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 32px 16px}.usd1-react-ui-sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.usd1-react-ui-sidebar-collapse-icon{cursor:pointer}.usd1-react-ui-sidebar-footer{display:inline-flex;align-items:center;margin-top:auto;padding:16px;border-radius:16px;cursor:pointer}.usd1-react-ui-sidebar-footer-logout{display:inline-flex;width:16px;height:16px;margin-right:16px;color:gray}.usd1-react-ui-sidebar-footer:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar-footer:hover .usd1-react-ui-sidebar-footer-logout{color:#3d73f2}.usd1-react-ui-sidebar-footer-logout-text{font-weight:700;font-size:14px;line-height:14px}.usd1-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{margin-left:8px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-header{padding-left:22px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer{padding-left:24px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer-logout-text{display:none}.usd1-react-ui-spinner{display:block}.usd1-react-ui-switch{display:block}.usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;background-color:transparent;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;background-color:transparent;border-color:#3d73f2}.usd1-react-ui-toast{display:block}
package/lib/components/Sidebar/Sidebar.js CHANGED
@@ -5,21 +5,111 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports["default"] = exports.Sidebar = void 0;
8
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
8
9
  var _jsxRuntime = require("react/jsx-runtime");
9
10
  var _react = require("react");
10
11
  var _propTypes = _interopRequireDefault(require("prop-types"));
12
+ var _reactProSidebar = require("react-pro-sidebar");
11
13
  var _classnames = _interopRequireDefault(require("../../utils/classnames"));
14
+ var _Icons = _interopRequireDefault(require("../Icons"));
12
15
  var Sidebar = exports.Sidebar = function Sidebar(props) {
13
16
  var children = props.children,
17
+ collapsible = props.collapsible,
18
+ menus = props.menus,
14
19
  className = props.className,
15
- onClick = props.onClick,
16
20
  _props$prefixCls = props.prefixCls,
17
- prefixCls = _props$prefixCls === void 0 ? 'sidebar' : _props$prefixCls;
21
+ prefixCls = _props$prefixCls === void 0 ? 'sidebar' : _props$prefixCls,
22
+ onCollapse = props.onCollapse,
23
+ onLogout = props.onLogout;
24
+ var _useState = (0, _react.useState)(false),
25
+ _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
26
+ collapsed = _useState2[0],
27
+ setCollapsed = _useState2[1];
18
28
  var classes = (0, _classnames["default"])(prefixCls);
19
- return (0, _jsxRuntime.jsx)("div", {
29
+ var handleCollapse = (0, _react.useCallback)(function () {
30
+ setCollapsed(!collapsed);
31
+ onCollapse === null || onCollapse === void 0 ? void 0 : onCollapse(!collapsed);
32
+ }, [collapsed, onCollapse]);
33
+ return (0, _jsxRuntime.jsxs)(_reactProSidebar.Sidebar, {
20
34
  className: classes(void 0, className),
21
- onClick: onClick,
22
- children: children
35
+ width: '261px',
36
+ collapsedWidth: '81px',
37
+ collapsed: collapsed,
38
+ transitionDuration: 150,
39
+ children: [(0, _jsxRuntime.jsxs)("div", {
40
+ className: classes('header'),
41
+ children: [(0, _jsxRuntime.jsx)(_Icons["default"], {
42
+ name: collapsed ? 'logo' : 'logoWithWords',
43
+ color: '#3D73F2',
44
+ width: collapsed ? 18 : 103,
45
+ height: 18
46
+ }), collapsible && (0, _jsxRuntime.jsx)("span", {
47
+ className: classes('collapse'),
48
+ onClick: handleCollapse,
49
+ children: (0, _jsxRuntime.jsx)("i", {
50
+ className: ['pi', collapsed ? 'pi-angle-double-right' : 'pi-angle-double-left', classes('collapse-icon')].join(' '),
51
+ style: {
52
+ fontSize: '16px',
53
+ color: '#808080'
54
+ }
55
+ })
56
+ })]
57
+ }), (0, _jsxRuntime.jsx)(_reactProSidebar.Menu, {
58
+ renderExpandIcon: function renderExpandIcon(_ref) {
59
+ var open = _ref.open;
60
+ return collapsed ? null : (0, _jsxRuntime.jsx)(_Icons["default"], {
61
+ name: 'dropDown',
62
+ color: '#808080',
63
+ className: [classes('expand-icon'), open ? classes('expand-icon-open') : ''].join(' ')
64
+ });
65
+ },
66
+ children: menus.map(function (menu) {
67
+ var _a;
68
+ var label = menu.label,
69
+ icon = menu.icon,
70
+ link = menu.link,
71
+ active = menu.active,
72
+ children = menu.children;
73
+ if (children) {
74
+ return (0, _jsxRuntime.jsx)(_reactProSidebar.SubMenu, {
75
+ label: menu.label,
76
+ icon: icon,
77
+ component: link,
78
+ children: (_a = menu.children) === null || _a === void 0 ? void 0 : _a.map(function (child) {
79
+ return (0, _jsxRuntime.jsx)(_reactProSidebar.MenuItem, {
80
+ icon: child.icon,
81
+ component: child.link,
82
+ active: child.active,
83
+ children: child.label
84
+ });
85
+ })
86
+ });
87
+ }
88
+ return (0, _jsxRuntime.jsx)(_reactProSidebar.MenuItem, {
89
+ icon: icon,
90
+ component: link,
91
+ active: active,
92
+ children: label
93
+ });
94
+ })
95
+ }), children, (0, _jsxRuntime.jsxs)("div", {
96
+ className: classes('footer'),
97
+ onClick: function onClick() {
98
+ return onLogout === null || onLogout === void 0 ? void 0 : onLogout();
99
+ },
100
+ children: [(0, _jsxRuntime.jsx)("span", {
101
+ className: classes('footer-logout'),
102
+ children: (0, _jsxRuntime.jsx)("i", {
103
+ className: ['pi pi-sign-out', classes('footer-logout-icon')].join(' '),
104
+ style: {
105
+ fontSize: '16px'
106
+ }
107
+ })
108
+ }), (0, _jsxRuntime.jsx)("span", {
109
+ className: classes('footer-logout-text'),
110
+ children: "Log out"
111
+ })]
112
+ })]
23
113
  });
24
114
  };
25
115
  /**
@@ -30,4 +120,4 @@ Sidebar.propTypes = {
30
120
  prefixCls: _propTypes["default"].string
31
121
  };
32
122
  var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(Sidebar);
33
- //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2lkZWJhci9TaWRlYmFyLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TaWRlYmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9wcm9wVHlwZXMiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX2NsYXNzbmFtZXMiLCJTaWRlYmFyIiwiZXhwb3J0cyIsInByb3BzIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJvbkNsaWNrIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsImNsYXNzZXMiLCJjbGFzc25hbWVzIiwiX2pzeCIsInByb3BUeXBlcyIsInN0cmluZyIsIl9kZWZhdWx0IiwibWVtbyJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFVBQUEsR0FBQUMsc0JBQUEsQ0FBQUgsT0FBQTtBQUNBLElBQUFJLFdBQUEsR0FBQUQsc0JBQUEsQ0FBQUgsT0FBQTtBQUtPLElBQU1LLE9BQU8sR0FBQUMsT0FBQSxDQUFBRCxPQUFBLEdBQXdDLFNBQS9DQSxPQUFPQSxDQUF3Q0UsS0FBSyxFQUFHO0VBQ2xFLElBQVFDLFFBQVEsR0FBZ0RELEtBQUssQ0FBN0RDLFFBQVE7SUFBRUMsU0FBUyxHQUFxQ0YsS0FBSyxDQUFuREUsU0FBUztJQUFFQyxPQUFPLEdBQTRCSCxLQUFLLENBQXhDRyxPQUFPO0lBQUFDLGdCQUFBLEdBQTRCSixLQUFLLENBQS9CSyxTQUFTO0lBQVRBLFNBQVMsR0FBQUQsZ0JBQUEsY0FBRyxTQUFTLEdBQUFBLGdCQUFBO0VBQzNELElBQU1FLE9BQU8sR0FBRyxJQUFBQyxzQkFBVSxFQUFDRixTQUFTLENBQUM7RUFFckMsT0FDRSxJQUFBRyxlQUFBLEVBQUEsS0FBQSxFQUFBO0lBQ0VOLFNBQVMsRUFBRUksT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFSixTQUFTLENBQUM7SUFDckNDLE9BQU8sRUFBRUEsT0FBTztJQUFBRixRQUFBLEVBRWRBO0VBQVEsQ0FBQSxDQUNOO0FBRVYsQ0FBQztBQUVEO0FEWEE7QUFDQTtBQ2FBSCxPQUFPLENBQUNXLFNBQVMsR0FBRztFQUNsQlAsU0FBUyxFQUFFTyxxQkFBUyxDQUFDQyxNQUFNO0VBQzNCTCxTQUFTLEVBQUVJLHFCQUFTLENBQUNDO0FEWHZCLENDWUM7QUFBQyxJQUFBQyxRQUFBLEdBQUFaLE9BQUEsMkJBRWEsSUFBQWEsV0FBSSxFQUFDZCxPQUFPLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9TaWRlYmFyL1NpZGViYXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBwcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmV4cG9ydCBjb25zdCBTaWRlYmFyID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgY2hpbGRyZW4sIGNsYXNzTmFtZSwgb25DbGljaywgcHJlZml4Q2xzID0gJ3NpZGViYXInIH0gPSBwcm9wcztcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIHJldHVybiAoX2pzeChcImRpdlwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcyh2b2lkIDAsIGNsYXNzTmFtZSksIG9uQ2xpY2s6IG9uQ2xpY2ssIGNoaWxkcmVuOiBjaGlsZHJlbiB9KSk7XG59O1xuLyoqXG4gKiBwcm9wLXR5cGVzIGNhbiBtYWtlIHN1cmUgdGhlIHR5cGUtY2hlY2sgd2hhdGV2ZXIgdGhlIGVudmlyb25tZW50IHdoZXRoZXIgb3Igbm90IHVzZSB0eXBlc2NyaXB0XG4gKi9cblNpZGViYXIucHJvcFR5cGVzID0ge1xuICAgIGNsYXNzTmFtZTogcHJvcFR5cGVzLnN0cmluZyxcbiAgICBwcmVmaXhDbHM6IHByb3BUeXBlcy5zdHJpbmdcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKFNpZGViYXIpOyIsbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==
123
+ //# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvU2lkZWJhci9TaWRlYmFyLmpzIiwiY29tcG9uZW50cy9zcmMvY29tcG9uZW50cy9TaWRlYmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbIl9qc3hSdW50aW1lIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9wcm9wVHlwZXMiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwiX3JlYWN0UHJvU2lkZWJhciIsIl9jbGFzc25hbWVzIiwiX0ljb25zIiwiU2lkZWJhciIsImV4cG9ydHMiLCJwcm9wcyIsImNoaWxkcmVuIiwiY29sbGFwc2libGUiLCJtZW51cyIsImNsYXNzTmFtZSIsIl9wcm9wcyRwcmVmaXhDbHMiLCJwcmVmaXhDbHMiLCJvbkNvbGxhcHNlIiwib25Mb2dvdXQiLCJfdXNlU3RhdGUiLCJ1c2VTdGF0ZSIsIl91c2VTdGF0ZTIiLCJfc2xpY2VkVG9BcnJheTIiLCJjb2xsYXBzZWQiLCJzZXRDb2xsYXBzZWQiLCJjbGFzc2VzIiwiY2xhc3NuYW1lcyIsImhhbmRsZUNvbGxhcHNlIiwidXNlQ2FsbGJhY2siLCJfanN4cyIsIlByb1NpZGViYXIiLCJ3aWR0aCIsImNvbGxhcHNlZFdpZHRoIiwidHJhbnNpdGlvbkR1cmF0aW9uIiwiX2pzeCIsIkljb25zIiwibmFtZSIsImNvbG9yIiwiaGVpZ2h0Iiwib25DbGljayIsImpvaW4iLCJzdHlsZSIsImZvbnRTaXplIiwiUHJvTWVudSIsInJlbmRlckV4cGFuZEljb24iLCJfcmVmIiwib3BlbiIsIm1hcCIsIm1lbnUiLCJfYSIsImxhYmVsIiwiaWNvbiIsImxpbmsiLCJhY3RpdmUiLCJQcm9TdWJNZW51IiwiY29tcG9uZW50IiwiY2hpbGQiLCJQcm9NZW51SXRlbSIsInByb3BUeXBlcyIsInN0cmluZyIsIl9kZWZhdWx0IiwibWVtbyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7QUFBQSxJQUFBQSxXQUFBLEdBQUFDLE9BQUE7QUNBQSxJQUFBQyxNQUFBLEdBQUFELE9BQUE7QUFDQSxJQUFBRSxVQUFB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QSxDQUFnQjtJQUFBLENBQUEsQ0FDMUQ7RUFBQSxDQUFBLENBQ0s7QUFFakIsQ0FBQztBQUVEO0FEaERBO0FBQ0E7QUNrREFILE9BQU8sQ0FBQ2tELFNBQVMsR0FBRztFQUNsQjVDLFNBQVMsRUFBRTRDLHFCQUFTLENBQUNDLE1BQU07RUFDM0IzQyxTQUFTLEVBQUUwQyxxQkFBUyxDQUFDQztBRGhEdkIsQ0NpREM7QUFBQyxJQUFBQyxRQUFBLEdBQUFuRCxPQUFBLDJCQUVhLElBQUFvRCxXQUFJLEVBQUNyRCxPQUFPLENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9TaWRlYmFyL1NpZGViYXIuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xuaW1wb3J0IHsgbWVtbywgdXNlU3RhdGUsIHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IFNpZGViYXIgYXMgUHJvU2lkZWJhciwgTWVudSBhcyBQcm9NZW51LCBNZW51SXRlbSBhcyBQcm9NZW51SXRlbSwgU3ViTWVudSBhcyBQcm9TdWJNZW51IH0gZnJvbSAncmVhY3QtcHJvLXNpZGViYXInO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSAnLi4vLi4vdXRpbHMvY2xhc3NuYW1lcyc7XG5pbXBvcnQgSWNvbnMgZnJvbSAnLi4vSWNvbnMnO1xuZXhwb3J0IGNvbnN0IFNpZGViYXIgPSBwcm9wcyA9PiB7XG4gICAgY29uc3QgeyBjaGlsZHJlbiwgY29sbGFwc2libGUsIG1lbnVzLCBjbGFzc05hbWUsIHByZWZpeENscyA9ICdzaWRlYmFyJywgb25Db2xsYXBzZSwgb25Mb2dvdXQgfSA9IHByb3BzO1xuICAgIGNvbnN0IFtjb2xsYXBzZWQsIHNldENvbGxhcHNlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgY29uc3QgY2xhc3NlcyA9IGNsYXNzbmFtZXMocHJlZml4Q2xzKTtcbiAgICBjb25zdCBoYW5kbGVDb2xsYXBzZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAgICAgc2V0Q29sbGFwc2VkKCFjb2xsYXBzZWQpO1xuICAgICAgICBvbkNvbGxhcHNlID09PSBudWxsIHx8IG9uQ29sbGFwc2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ29sbGFwc2UoIWNvbGxhcHNlZCk7XG4gICAgfSwgW2NvbGxhcHNlZCwgb25Db2xsYXBzZV0pO1xuICAgIHJldHVybiAoX2pzeHMoUHJvU2lkZWJhciwgeyBjbGFzc05hbWU6IGNsYXNzZXModm9pZCAwLCBjbGFzc05hbWUpLCB3aWR0aDogJzI2MXB4JywgY29sbGFwc2VkV2lkdGg6ICc4MXB4JywgY29sbGFwc2VkOiBjb2xsYXBzZWQsIHRyYW5zaXRpb25EdXJhdGlvbjogMTUwLCBjaGlsZHJlbjogW19qc3hzKFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdoZWFkZXInKSwgY2hpbGRyZW46IFtfanN4KEljb25zLCB7IG5hbWU6IGNvbGxhcHNlZCA/ICdsb2dvJyA6ICdsb2dvV2l0aFdvcmRzJywgY29sb3I6ICcjM0Q3M0YyJywgd2lkdGg6IGNvbGxhcHNlZCA/IDE4IDogMTAzLCBoZWlnaHQ6IDE4IH0pLCBjb2xsYXBzaWJsZSAmJiBfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnY29sbGFwc2UnKSwgb25DbGljazogaGFuZGxlQ29sbGFwc2UsIGNoaWxkcmVuOiBfanN4KFwiaVwiLCB7IGNsYXNzTmFtZTogWydwaScsIGNvbGxhcHNlZCA/ICdwaS1hbmdsZS1kb3VibGUtcmlnaHQnIDogJ3BpLWFuZ2xlLWRvdWJsZS1sZWZ0JywgY2xhc3NlcygnY29sbGFwc2UtaWNvbicpXS5qb2luKCcgJyksIHN0eWxlOiB7IGZvbnRTaXplOiAnMTZweCcsIGNvbG9yOiAnIzgwODA4MCcgfSB9KSB9KV0gfSksIF9qc3goUHJvTWVudSwgeyByZW5kZXJFeHBhbmRJY29uOiAoeyBvcGVuIH0pID0+IGNvbGxhcHNlZCA/IG51bGwgOiBfanN4KEljb25zLCB7IG5hbWU6ICdkcm9wRG93bicsIGNvbG9yOiAnIzgwODA4MCcsIGNsYXNzTmFtZTogW2NsYXNzZXMoJ2V4cGFuZC1pY29uJyksIG9wZW4gPyBjbGFzc2VzKCdleHBhbmQtaWNvbi1vcGVuJykgOiAnJ10uam9pbignICcpIH0pLCBjaGlsZHJlbjogbWVudXMubWFwKChtZW51KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIHZhciBfYTtcbiAgICAgICAgICAgICAgICAgICAgY29uc3QgeyBsYWJlbCwgaWNvbiwgbGluaywgYWN0aXZlLCBjaGlsZHJlbiB9ID0gbWVudTtcbiAgICAgICAgICAgICAgICAgICAgaWYgKGNoaWxkcmVuKSB7XG4gICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gX2pzeChQcm9TdWJNZW51LCB7IGxhYmVsOiBtZW51LmxhYmVsLCBpY29uOiBpY29uLCBjb21wb25lbnQ6IGxpbmssIGNoaWxkcmVuOiAoX2EgPSBtZW51LmNoaWxkcmVuKSA9PT0gbnVsbCB8fCBfYSA9PT0gdm9pZCAwID8gdm9pZCAwIDogX2EubWFwKChjaGlsZCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4gX2pzeChQcm9NZW51SXRlbSwgeyBpY29uOiBjaGlsZC5pY29uLCBjb21wb25lbnQ6IGNoaWxkLmxpbmssIGFjdGl2ZTogY2hpbGQuYWN0aXZlLCBjaGlsZHJlbjogY2hpbGQubGFiZWwgfSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfSkgfSk7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIF9qc3goUHJvTWVudUl0ZW0sIHsgaWNvbjogaWNvbiwgY29tcG9uZW50OiBsaW5rLCBhY3RpdmU6IGFjdGl2ZSwgY2hpbGRyZW46IGxhYmVsIH0pO1xuICAgICAgICAgICAgICAgIH0pIH0pLCBjaGlsZHJlbiwgX2pzeHMoXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2Zvb3RlcicpLCBvbkNsaWNrOiAoKSA9PiBvbkxvZ291dCA9PT0gbnVsbCB8fCBvbkxvZ291dCA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25Mb2dvdXQoKSwgY2hpbGRyZW46IFtfanN4KFwic3BhblwiLCB7IGNsYXNzTmFtZTogY2xhc3NlcygnZm9vdGVyLWxvZ291dCcpLCBjaGlsZHJlbjogX2pzeChcImlcIiwgeyBjbGFzc05hbWU6IFsncGkgcGktc2lnbi1vdXQnLCBjbGFzc2VzKCdmb290ZXItbG9nb3V0LWljb24nKV0uam9pbignICcpLCBzdHlsZTogeyBmb250U2l6ZTogJzE2cHgnIH0gfSkgfSksIF9qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdmb290ZXItbG9nb3V0LXRleHQnKSwgY2hpbGRyZW46IFwiTG9nIG91dFwiIH0pXSB9KV0gfSkpO1xufTtcbi8qKlxuICogcHJvcC10eXBlcyBjYW4gbWFrZSBzdXJlIHRoZSB0eXBlLWNoZWNrIHdoYXRldmVyIHRoZSBlbnZpcm9ubWVudCB3aGV0aGVyIG9yIG5vdCB1c2UgdHlwZXNjcmlwdFxuICovXG5TaWRlYmFyLnByb3BUeXBlcyA9IHtcbiAgICBjbGFzc05hbWU6IHByb3BUeXBlcy5zdHJpbmcsXG4gICAgcHJlZml4Q2xzOiBwcm9wVHlwZXMuc3RyaW5nXG59O1xuZXhwb3J0IGRlZmF1bHQgbWVtbyhTaWRlYmFyKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=
package/lib/components/Sidebar/interface.d.ts CHANGED
@@ -1,5 +1,15 @@
1
+ export interface MenuItem {
2
+ label: React.ReactNode;
3
+ icon?: React.ReactNode;
4
+ link?: string | React.ReactElement;
5
+ active?: boolean;
6
+ children?: Omit<MenuItem, 'children'>[];
7
+ }
1
8
  export interface SidebarProps {
2
9
  className?: string;
3
10
  prefixCls?: string;
4
- onClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => any;
11
+ collapsible?: boolean;
12
+ onCollapse?: (collapsed: boolean) => any;
13
+ onLogout?: () => any;
14
+ menus: MenuItem[];
5
15
  }
package/lib/components/Sidebar/style/Sidebar.css CHANGED
@@ -1 +1 @@
1
- .prefix-sidebar{display:block;color:blue}
1
+ .usd1-react-ui-sidebar{height:100vh;padding:0 8px;border-right:1px solid #f2f2f2!important}.usd1-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.usd1-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root>ul{display:flex;flex-direction:column;gap:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{padding:0;padding:16px;color:#404040;font-weight:700;font-size:14px;line-height:14px;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{width:16px;min-width:16px;height:16px;margin-right:16px;color:gray;line-height:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active{color:#3d73f2;background-color:#e5efff}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content{background-color:#f9fafb;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content.ps-open{padding:8px 0}.usd1-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 32px 16px}.usd1-react-ui-sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.usd1-react-ui-sidebar-collapse-icon{cursor:pointer}.usd1-react-ui-sidebar-footer{display:inline-flex;align-items:center;margin-top:auto;padding:16px;border-radius:16px;cursor:pointer}.usd1-react-ui-sidebar-footer-logout{display:inline-flex;width:16px;height:16px;margin-right:16px;color:gray}.usd1-react-ui-sidebar-footer:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar-footer:hover .usd1-react-ui-sidebar-footer-logout{color:#3d73f2}.usd1-react-ui-sidebar-footer-logout-text{font-weight:700;font-size:14px;line-height:14px}.usd1-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{margin-left:8px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-header{padding-left:22px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer{padding-left:24px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer-logout-text{display:none}
package/lib/components/Sidebar/style/Sidebar.scss CHANGED
@@ -1,4 +1,150 @@
1
- .prefix-sidebar {
2
- display: block;
3
- color: blue;
4
- }
1
+ .usd1-react-ui-sidebar {
2
+ height: 100vh;
3
+ padding: 0 8px;
4
+ border-right: 1px solid #F2F2F2 !important;
5
+
6
+ &-expand-icon {
7
+ &-open {
8
+ transform: rotate(180deg);
9
+ }
10
+ }
11
+
12
+ .ps-sidebar-container {
13
+ display: flex;
14
+ flex-direction: column;
15
+ background-color: transparent;
16
+
17
+ .ps-menu-root {
18
+ >ul {
19
+ display: flex;
20
+ flex-direction: column;
21
+ gap: 16px;
22
+ }
23
+
24
+ .ps-menuitem-root {
25
+ .ps-menu-button {
26
+ padding: 0;
27
+ padding: 16px;
28
+ color: #404040;
29
+ font-weight: 700;
30
+ font-size: 14px;
31
+ line-height: 14px;
32
+ border-radius: 16px;
33
+
34
+ &:hover {
35
+ color: #3D73F2;
36
+ background-color: rgba(229, 239, 255, 50%);
37
+
38
+ .ps-menu-icon {
39
+ color: inherit;
40
+ }
41
+ }
42
+
43
+ .ps-menu-icon {
44
+ width: 16px;
45
+ min-width: 16px;
46
+ height: 16px;
47
+ margin-right: 16px;
48
+ color: #808080;
49
+ line-height: 16px;
50
+ }
51
+ }
52
+
53
+ .ps-menu-button.ps-active {
54
+ color: #3D73F2;
55
+ background-color: #E5EFFF;
56
+
57
+ .ps-menu-icon {
58
+ color: inherit;
59
+ }
60
+ }
61
+
62
+ .ps-submenu-content {
63
+ background-color: #F9FAFB;
64
+ border-radius: 16px;
65
+ }
66
+
67
+ .ps-submenu-content.ps-open {
68
+ padding: 8px 0;
69
+ }
70
+ }
71
+ }
72
+ }
73
+
74
+ &-header {
75
+ display: flex;
76
+ align-items: center;
77
+ justify-content: space-between;
78
+ padding: 32px 0 32px 16px;
79
+ }
80
+
81
+ &-collapse {
82
+ display: inline-flex;
83
+ align-items: center;
84
+ justify-content: center;
85
+ width: 24px;
86
+ height: 24px;
87
+
88
+ &-icon {
89
+ cursor: pointer;
90
+ }
91
+ }
92
+
93
+ &-footer {
94
+ display: inline-flex;
95
+ align-items: center;
96
+ margin-top: auto;
97
+ padding: 16px;
98
+ border-radius: 16px;
99
+ cursor: pointer;
100
+
101
+ &-logout {
102
+ display: inline-flex;
103
+ width: 16px;
104
+ height: 16px;
105
+ margin-right: 16px;
106
+ color: #808080;
107
+ }
108
+
109
+ &:hover {
110
+ color: #3D73F2;
111
+ background-color: rgba(229, 239, 255, 50%);
112
+
113
+ .usd1-react-ui-sidebar-footer-logout {
114
+ color: #3D73F2;
115
+ }
116
+ }
117
+
118
+ &-logout-text {
119
+ font-weight: 700;
120
+ font-size: 14px;
121
+ line-height: 14px;
122
+ }
123
+ }
124
+
125
+ &.ps-collapsed {
126
+ .ps-sidebar-container {
127
+ .ps-menu-root {
128
+ .ps-menuitem-root {
129
+ .ps-menu-button {
130
+ .ps-menu-icon {
131
+ margin-left: 8px;
132
+ }
133
+ }
134
+ }
135
+ }
136
+ }
137
+
138
+ .usd1-react-ui-sidebar-header {
139
+ padding-left: 22px;
140
+ }
141
+
142
+ .usd1-react-ui-sidebar-footer {
143
+ padding-left: 24px;
144
+
145
+ &-logout-text {
146
+ display: none;
147
+ }
148
+ }
149
+ }
150
+ }
package/lib/index.css CHANGED
@@ -1 +1 @@
1
- .usd1-react-ui-calendar{display:block}.usd1-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:700;font-size:18px;line-height:100%;box-shadow:none}.usd1-react-ui-button-primary{color:#fff;background-color:#142d66;border:none}.usd1-react-ui-button-primary:hover{background-color:#183699}.usd1-react-ui-button-secondary{color:#000;background-color:#e5efff;border:none}.usd1-react-ui-button-secondary:hover{background-color:#cdf}.usd1-react-ui-button.p-disabled{color:gray;background-color:#e0e2ee;cursor:not-allowed}.usd1-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.usd1-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.usd1-react-ui-button.p-button-sm{padding:8px 16px;font-size:14px;line-height:20px}.usd1-react-ui-button-loading-icon{width:16px!important;height:16px!important;margin-right:8px}.usd1-react-ui-clipboard{display:flex;flex-direction:column;gap:8px}.usd1-react-ui-clipboard-label{margin-left:8px;font-weight:400;font-size:14px;line-height:20px}.usd1-react-ui-clipboard-content{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;padding:10px 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-clipboard-content-text{display:inline-block;font-weight:300;font-size:14px;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}.usd1-react-ui-icon [fill=none]{fill:currentcolor}.usd1-react-ui-icon [stroke=none]{stroke:currentcolor}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-family:inherit;font-style:normal;line-height:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-password input,.usd1-react-ui-input-text,.usd1-react-ui-input-textarea,.usd1-react-ui-input>input{width:100%;padding:12px 24px;font-weight:300;font-size:14px;font-family:inherit;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask.p-invalid,.usd1-react-ui-input-password input.p-invalid,.usd1-react-ui-input-text.p-invalid,.usd1-react-ui-input-textarea.p-invalid,.usd1-react-ui-input>input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input-otp .p-inputtext:enabled:hover:not(.p-invalid){border-color:#3d73f2}.usd1-react-ui-input-otp .p-inputotp{gap:16px}.usd1-react-ui-input-otp input{width:48px;height:50px;padding:12px 16px;font-weight:600;font-size:17px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:8px}.usd1-react-ui-input-otp input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input .p-inputtext:enabled:focus:not(.p-invalid),.usd1-react-ui-input.p-inputtext:enabled:focus:not(.p-invalid){border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input.p-invalid input{border-color:inherit!important;box-shadow:inherit!important}.usd1-react-ui-input-password .p-icon-field{width:100%;border:inherit;border-radius:inherit}.usd1-react-ui-input-password .p-input-icon{display:inline-flex;align-items:center;margin-top:0;transform:translateY(-50%);cursor:pointer}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{display:inline-block;margin-bottom:8px;padding:0 8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-input-error{display:inline-block;padding:4px 8px 0;color:#cc1461;font-weight:300;font-size:12px;font-style:normal;line-height:150%;word-wrap:break-word;word-break:break-all}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#000}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}@media (width <= 1279px){.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{padding:20px 0}}.usd1-react-ui-loading{display:block;width:150px}.usd1-react-ui-menu{width:auto;padding:10px 0;border:1px solid #e0e2ee;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-menu.p-menu .p-submenu-header:empty{display:none}.usd1-react-ui-menu.p-menu .p-menuitem{background-color:#fff}.usd1-react-ui-menu.p-menu .p-menuitem:hover{background-color:#fafafc}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:10px 20px}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{color:#000;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-message{align-items:start;justify-content:start;padding:10px;border-radius:6px}.usd1-react-ui-message .p-icon{width:14px;height:14px}.usd1-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.usd1-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}.usd1-react-ui-modal{display:block}.usd1-react-ui-popup{display:block}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight,.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.prefix-sidebar{display:block;color:#00f}.usd1-react-ui-switch{display:block}.usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;background-color:transparent;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;background-color:transparent;border-color:#3d73f2}.usd1-react-ui-toast{display:block}.usd1-react-ui-spinner{display:block}
1
+ .usd1-react-ui-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;font-weight:700;font-size:18px;line-height:100%;box-shadow:none}.usd1-react-ui-button-primary{color:#fff;background-color:#142d66;border:none}.usd1-react-ui-button-primary:hover{background-color:#183699}.usd1-react-ui-button-secondary{color:#000;background-color:#e5efff;border:none}.usd1-react-ui-button-secondary:hover{background-color:#cdf}.usd1-react-ui-button.p-disabled{color:gray;background-color:#e0e2ee;cursor:not-allowed}.usd1-react-ui-button-primary.p-button-loading.p-disabled{color:#fff;background-color:#142d66}.usd1-react-ui-button-secondary.p-button-loading.p-disabled{color:#000;background-color:#e5efff}.usd1-react-ui-button.p-button-sm{padding:8px 16px;font-size:14px;line-height:20px}.usd1-react-ui-button-loading-icon{width:16px!important;height:16px!important;margin-right:8px}.usd1-react-ui-calendar{display:block}.usd1-react-ui-checkbox-wrapper{display:flex;flex-direction:row}.usd1-react-ui-checkbox-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-checkbox-inner-checkbox{align-self:flex-start}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-box{border:1px solid #e0e2ee;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox>.p-checkbox-input{border:none;border-radius:2px}.usd1-react-ui-checkbox-inner-checkbox.p-checkbox.p-highlight .p-checkbox-box{background-color:#000}.usd1-react-ui-checkbox-inner label{margin-left:10px;font-weight:300;font-size:14px;font-style:normal;line-height:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-clipboard{display:flex;flex-direction:column;gap:8px}.usd1-react-ui-clipboard-label{margin-left:8px;font-weight:400;font-size:14px;line-height:20px}.usd1-react-ui-clipboard-content{display:flex;flex-direction:row;gap:24px;align-items:center;justify-content:space-between;padding:10px 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-clipboard-content-text{display:inline-block;font-weight:300;font-size:14px;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-clipboard-content-icon{flex-shrink:0;cursor:pointer}.usd1-react-ui-collapse{font-family:inherit;background-color:#fff}.usd1-react-ui-collapse>.p-accordion-tab{margin-bottom:0!important}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content){border-bottom:.5px solid #e0e2ee;cursor:pointer}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content):hover{background-color:#fafafc}.p-accordion-tab-active>.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{font-weight:600}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{display:inline-flex;align-items:center;width:100%;padding:30px 40px;font-weight:300;font-size:24px;font-style:normal;line-height:30px;background-color:inherit;border:none}.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a span{margin-left:40px}.usd1-react-ui-collapse-item-content{padding:20px 40px 30px 108px;font-weight:300;font-size:20px;font-style:normal;line-height:32px}.usd1-react-ui-collapse-item-content>.p-accordion-content{padding:0;border:none}.usd1-react-ui-collapse-item-content>.p-accordion-content p{margin:0}.usd1-react-ui-collapse-icon{display:inline-block;width:24px;height:24px}@media (width <= 1279px){.usd1-react-ui-collapse-item:not(.usd1-react-ui-collapse-item-content)>a{padding:20px 0}}.usd1-react-ui-icon [fill=none]{fill:currentcolor}.usd1-react-ui-icon [stroke=none]{stroke:currentcolor}.usd1-react-ui-input{display:inline-flex;color:#000;font-weight:300;font-size:14px;font-family:inherit;font-style:normal;line-height:20px}.usd1-react-ui-input-mask,.usd1-react-ui-input-password input,.usd1-react-ui-input-text,.usd1-react-ui-input-textarea,.usd1-react-ui-input>input{width:100%;padding:12px 24px;font-weight:300;font-size:14px;font-family:inherit;line-height:20px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-input-mask.p-invalid,.usd1-react-ui-input-password input.p-invalid,.usd1-react-ui-input-text.p-invalid,.usd1-react-ui-input-textarea.p-invalid,.usd1-react-ui-input>input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input-otp{background-color:inherit;border:none}.usd1-react-ui-input-otp .p-inputtext:enabled:hover:not(.p-invalid){border-color:#3d73f2}.usd1-react-ui-input-otp .p-inputotp{gap:16px}.usd1-react-ui-input-otp input{width:48px;height:50px;padding:12px 16px;font-weight:600;font-size:17px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:8px}.usd1-react-ui-input-otp input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input .p-inputtext:enabled:focus:not(.p-invalid),.usd1-react-ui-input.p-inputtext:enabled:focus:not(.p-invalid){border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-input.p-invalid{border-color:#cc1461;box-shadow:none}.usd1-react-ui-input.p-invalid input{border-color:inherit!important;box-shadow:inherit!important}.usd1-react-ui-input-password .p-icon-field{width:100%;border:inherit;border-radius:inherit}.usd1-react-ui-input-password .p-input-icon{display:inline-flex;align-items:center;margin-top:0;transform:translateY(-50%);cursor:pointer}.usd1-react-ui-input-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-input-label{display:inline-block;margin-bottom:8px;padding:0 8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px;word-wrap:break-word;word-break:break-all}.usd1-react-ui-input-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-input-error{display:inline-block;padding:4px 8px 0;color:#cc1461;font-weight:300;font-size:12px;font-style:normal;line-height:150%;word-wrap:break-word;word-break:break-all}.usd1-react-ui-loading{display:block;width:150px}.usd1-react-ui-menu{width:auto;padding:10px 0;border:1px solid #e0e2ee;border-radius:8px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-menu.p-menu .p-submenu-header:empty{display:none}.usd1-react-ui-menu.p-menu .p-menuitem{background-color:#fff}.usd1-react-ui-menu.p-menu .p-menuitem:hover{background-color:#fafafc}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link{padding:10px 20px}.usd1-react-ui-menu.p-menu .p-menuitem>.p-menuitem-content .p-menuitem-link .p-menuitem-text{color:#000;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-message{align-items:start;justify-content:start;padding:10px;border-radius:6px}.usd1-react-ui-message .p-icon{width:14px;height:14px}.usd1-react-ui-message .p-inline-message-text{font-weight:400;font-size:14px;line-height:normal}.usd1-react-ui-message.p-inline-message-error{color:#ff5757;background-color:hsla(2,100%,95%,.7)}.usd1-react-ui-modal{display:block}.usd1-react-ui-popup{display:block}.usd1-react-ui-radiogroup-wrapper{display:flex;flex-direction:row}.usd1-react-ui-radiogroup-inner{display:flex;align-items:center;margin-right:12px}.usd1-react-ui-radiogroup-inner-checkbox{align-self:flex-start}.usd1-react-ui-radiogroup-inner label{margin-left:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.usd1-react-ui-select{display:inline-flex;padding:0 24px;background-color:#fafafc;border:.5px solid #e0e2ee;border-radius:20px}.usd1-react-ui-select.p-dropdown:not(.p-disabled).p-focus,.usd1-react-ui-select.p-multiselect:not(.p-disabled).p-focus{border-color:#3d73f2;box-shadow:0 0 0 2px #abc4ff}.usd1-react-ui-select.p-dropdown:not(.p-disabled):hover,.usd1-react-ui-select.p-multiselect:not(.p-disabled):hover{border-color:#3d73f2}.usd1-react-ui-select .p-dropdown-label,.usd1-react-ui-select .p-multiselect-label{padding:12px 12px 12px 0}.usd1-react-ui-select .p-multiselect-label,.usd1-react-ui-select>.p-placeholder{color:gray;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select .p-dropdown-trigger,.usd1-react-ui-select .p-multiselect-trigger{width:auto}.usd1-react-ui-select-panel{border-radius:20px;box-shadow:0 4px 8px 0 rgba(0,0,0,.1)}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus{font-weight:600;background-color:inherit}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight,.p-disabled).p-focus{font-weight:600;background-color:#fafafc}.usd1-react-ui-select-panel.p-dropdown-panel .p-dropdown-items .p-dropdown-item{color:#000;font-weight:300;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-show svg{transform:rotate(180deg)}.usd1-react-ui-select-wrapper{display:inline-flex;flex-direction:column}.usd1-react-ui-select-label{margin-bottom:8px;padding-left:8px;font-weight:400;font-size:14px;font-style:normal;line-height:20px}.usd1-react-ui-select-label-required:after{color:#cc1461;font-weight:400;font-size:14px;font-style:normal;line-height:120%;content:"*"}.usd1-react-ui-sidebar{height:100vh;padding:0 8px;border-right:1px solid #f2f2f2!important}.usd1-react-ui-sidebar-expand-icon-open{transform:rotate(180deg)}.usd1-react-ui-sidebar .ps-sidebar-container{display:flex;flex-direction:column;background-color:transparent}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root>ul{display:flex;flex-direction:column;gap:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button{padding:0;padding:16px;color:#404040;font-weight:700;font-size:14px;line-height:14px;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button:hover .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{width:16px;min-width:16px;height:16px;margin-right:16px;color:gray;line-height:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active{color:#3d73f2;background-color:#e5efff}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button.ps-active .ps-menu-icon{color:inherit}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content{background-color:#f9fafb;border-radius:16px}.usd1-react-ui-sidebar .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-submenu-content.ps-open{padding:8px 0}.usd1-react-ui-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:32px 0 32px 16px}.usd1-react-ui-sidebar-collapse{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}.usd1-react-ui-sidebar-collapse-icon{cursor:pointer}.usd1-react-ui-sidebar-footer{display:inline-flex;align-items:center;margin-top:auto;padding:16px;border-radius:16px;cursor:pointer}.usd1-react-ui-sidebar-footer-logout{display:inline-flex;width:16px;height:16px;margin-right:16px;color:gray}.usd1-react-ui-sidebar-footer:hover{color:#3d73f2;background-color:rgba(229,239,255,.5)}.usd1-react-ui-sidebar-footer:hover .usd1-react-ui-sidebar-footer-logout{color:#3d73f2}.usd1-react-ui-sidebar-footer-logout-text{font-weight:700;font-size:14px;line-height:14px}.usd1-react-ui-sidebar.ps-collapsed .ps-sidebar-container .ps-menu-root .ps-menuitem-root .ps-menu-button .ps-menu-icon{margin-left:8px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-header{padding-left:22px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer{padding-left:24px}.usd1-react-ui-sidebar.ps-collapsed .usd1-react-ui-sidebar-footer-logout-text{display:none}.usd1-react-ui-spinner{display:block}.usd1-react-ui-switch{display:block}.usd1-react-ui-tab{border-bottom:2px solid #f2f2f2}.usd1-react-ui-tab .p-tabmenu{padding-bottom:2px}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav{background-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link{color:gray;font-size:14px;background-color:transparent;border-color:transparent}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:hover{background-color:transparent;border-color:#e0e2ee}.usd1-react-ui-tab .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link{color:#3d73f2;background-color:transparent;border-color:#3d73f2}.usd1-react-ui-toast{display:block}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1money/react-ui",
3
- "version": "0.2.1-beta.1",
3
+ "version": "0.2.1",
4
4
  "description": "React Components based on primereact for 1money front-end projects",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -150,6 +150,7 @@
150
150
  "author": "",
151
151
  "peerDependencies": {
152
152
  "primereact": ">=10",
153
+ "primeicons": ">=7",
153
154
  "prop-types": ">=15.7.0",
154
155
  "react": ">=16.8.0",
155
156
  "react-dom": ">=16.8.0",
@@ -240,6 +241,7 @@
240
241
  "less-loader": "~5.0.0",
241
242
  "lint-staged": "10.0.7",
242
243
  "prettier": "~3.3.3",
244
+ "primeicons": "^7.0.0",
243
245
  "primereact": "^10.8.0",
244
246
  "prop-types": "^15.7.2",
245
247
  "react": "^18.3.1",