@pallasoft/ps-internal-components 1.5.1 → 1.6.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.
- package/dist/components/ps-alert-dialog-content.js +1 -1
- package/dist/components/ps-alert-dialog-overlay.js +1 -1
- package/dist/components/ps-app-sidebar.d.ts +2 -0
- package/dist/components/ps-app-sidebar.js +14 -0
- package/dist/components/ps-dialog-content.js +1 -1
- package/dist/components/ps-dialog-overlay.js +1 -1
- package/dist/components/ps-sheet-overlay.js +1 -1
- package/dist/components/ps-sidebar-content.d.ts +3 -0
- package/dist/components/ps-sidebar-content.js +41 -0
- package/dist/components/ps-sidebar-footer.d.ts +3 -0
- package/dist/components/ps-sidebar-footer.js +41 -0
- package/dist/components/ps-sidebar-group-content.d.ts +3 -0
- package/dist/components/ps-sidebar-group-content.js +41 -0
- package/dist/components/ps-sidebar-group-label.d.ts +3 -0
- package/dist/components/ps-sidebar-group-label.js +45 -0
- package/dist/components/ps-sidebar-group.d.ts +3 -0
- package/dist/components/ps-sidebar-group.js +41 -0
- package/dist/components/ps-sidebar-header.d.ts +3 -0
- package/dist/components/ps-sidebar-header.js +41 -0
- package/dist/components/ps-sidebar-inset.d.ts +3 -0
- package/dist/components/ps-sidebar-inset.js +41 -0
- package/dist/components/ps-sidebar-layout.d.ts +3 -0
- package/dist/components/ps-sidebar-layout.js +58 -0
- package/dist/components/ps-sidebar-menu-action.d.ts +3 -0
- package/dist/components/ps-sidebar-menu-action.js +46 -0
- package/dist/components/ps-sidebar-menu-badge.d.ts +3 -0
- package/dist/components/ps-sidebar-menu-badge.js +41 -0
- package/dist/components/ps-sidebar-menu-button.d.ts +3 -0
- package/dist/components/ps-sidebar-menu-button.js +56 -0
- package/dist/components/ps-sidebar-menu-item.d.ts +3 -0
- package/dist/components/ps-sidebar-menu-item.js +41 -0
- package/dist/components/ps-sidebar-menu-sub-button.d.ts +3 -0
- package/dist/components/ps-sidebar-menu-sub-button.js +45 -0
- package/dist/components/ps-sidebar-menu-sub-item.d.ts +3 -0
- package/dist/components/ps-sidebar-menu-sub-item.js +41 -0
- package/dist/components/ps-sidebar-menu-sub.d.ts +3 -0
- package/dist/components/ps-sidebar-menu-sub.js +41 -0
- package/dist/components/ps-sidebar-menu.d.ts +3 -0
- package/dist/components/ps-sidebar-menu.js +41 -0
- package/dist/components/ps-sidebar-nav-groups.d.ts +2 -0
- package/dist/components/ps-sidebar-nav-groups.js +19 -0
- package/dist/components/ps-sidebar-provider.d.ts +3 -0
- package/dist/components/ps-sidebar-provider.js +89 -0
- package/dist/components/ps-sidebar-rail.d.ts +3 -0
- package/dist/components/ps-sidebar-rail.js +46 -0
- package/dist/components/ps-sidebar-separator.d.ts +3 -0
- package/dist/components/ps-sidebar-separator.js +42 -0
- package/dist/components/ps-sidebar-trigger.d.ts +3 -0
- package/dist/components/ps-sidebar-trigger.js +51 -0
- package/dist/components/ps-sidebar-user-menu.d.ts +2 -0
- package/dist/components/ps-sidebar-user-menu.js +26 -0
- package/dist/components/ps-sidebar-workspace-switcher.d.ts +2 -0
- package/dist/components/ps-sidebar-workspace-switcher.js +41 -0
- package/dist/components/ps-sidebar.d.ts +3 -0
- package/dist/components/ps-sidebar.js +66 -0
- package/dist/components/ps-workspace-badge.js +3 -2
- package/dist/constants/ps-app-sidebar-config.d.ts +7 -0
- package/dist/constants/ps-app-sidebar-config.js +10 -0
- package/dist/constants/ps-sidebar-config.d.ts +14 -0
- package/dist/constants/ps-sidebar-config.js +17 -0
- package/dist/constants/ps-sidebar-menu-button-variants.d.ts +4 -0
- package/dist/constants/ps-sidebar-menu-button-variants.js +21 -0
- package/dist/constants/ps-sidebar-state.d.ts +4 -0
- package/dist/constants/ps-sidebar-state.js +8 -0
- package/dist/constants/ps-workspace-badge-sizes.d.ts +14 -0
- package/dist/constants/ps-workspace-badge-sizes.js +8 -0
- package/dist/contexts/ps-sidebar-context.d.ts +3 -0
- package/dist/contexts/ps-sidebar-context.js +38 -0
- package/dist/esm/components/ps-alert-dialog-content.js +1 -1
- package/dist/esm/components/ps-alert-dialog-overlay.js +1 -1
- package/dist/esm/components/ps-app-sidebar.js +10 -0
- package/dist/esm/components/ps-dialog-content.js +1 -1
- package/dist/esm/components/ps-dialog-overlay.js +1 -1
- package/dist/esm/components/ps-sheet-overlay.js +1 -1
- package/dist/esm/components/ps-sidebar-content.js +5 -0
- package/dist/esm/components/ps-sidebar-footer.js +5 -0
- package/dist/esm/components/ps-sidebar-group-content.js +5 -0
- package/dist/esm/components/ps-sidebar-group-label.js +9 -0
- package/dist/esm/components/ps-sidebar-group.js +5 -0
- package/dist/esm/components/ps-sidebar-header.js +5 -0
- package/dist/esm/components/ps-sidebar-inset.js +5 -0
- package/dist/esm/components/ps-sidebar-layout.js +21 -0
- package/dist/esm/components/ps-sidebar-menu-action.js +10 -0
- package/dist/esm/components/ps-sidebar-menu-badge.js +5 -0
- package/dist/esm/components/ps-sidebar-menu-button.js +20 -0
- package/dist/esm/components/ps-sidebar-menu-item.js +5 -0
- package/dist/esm/components/ps-sidebar-menu-sub-button.js +9 -0
- package/dist/esm/components/ps-sidebar-menu-sub-item.js +5 -0
- package/dist/esm/components/ps-sidebar-menu-sub.js +5 -0
- package/dist/esm/components/ps-sidebar-menu.js +5 -0
- package/dist/esm/components/ps-sidebar-nav-groups.js +15 -0
- package/dist/esm/components/ps-sidebar-provider.js +53 -0
- package/dist/esm/components/ps-sidebar-rail.js +10 -0
- package/dist/esm/components/ps-sidebar-separator.js +6 -0
- package/dist/esm/components/ps-sidebar-trigger.js +15 -0
- package/dist/esm/components/ps-sidebar-user-menu.js +22 -0
- package/dist/esm/components/ps-sidebar-workspace-switcher.js +37 -0
- package/dist/esm/components/ps-sidebar.js +30 -0
- package/dist/esm/components/ps-workspace-badge.js +3 -2
- package/dist/esm/constants/ps-app-sidebar-config.js +7 -0
- package/dist/esm/constants/ps-sidebar-config.js +14 -0
- package/dist/esm/constants/ps-sidebar-menu-button-variants.js +18 -0
- package/dist/esm/constants/ps-sidebar-state.js +5 -0
- package/dist/esm/constants/ps-workspace-badge-sizes.js +5 -0
- package/dist/esm/contexts/ps-sidebar-context.js +2 -0
- package/dist/esm/hooks/use-ps-dialog-state.js +8 -0
- package/dist/esm/hooks/use-ps-is-mobile.js +13 -0
- package/dist/esm/hooks/use-ps-sidebar.js +9 -0
- package/dist/esm/index.js +66 -0
- package/dist/esm/models/ps-app-sidebar-group-data.js +1 -0
- package/dist/esm/models/ps-app-sidebar-item-data.js +1 -0
- package/dist/esm/models/ps-app-sidebar-props.js +1 -0
- package/dist/esm/models/ps-dialog-state-data.js +1 -0
- package/dist/esm/models/ps-dialog-state-value.js +1 -0
- package/dist/esm/models/ps-sidebar-content-props.js +1 -0
- package/dist/esm/models/ps-sidebar-context-data.js +1 -0
- package/dist/esm/models/ps-sidebar-footer-props.js +1 -0
- package/dist/esm/models/ps-sidebar-group-content-props.js +1 -0
- package/dist/esm/models/ps-sidebar-group-label-props.js +1 -0
- package/dist/esm/models/ps-sidebar-group-props.js +1 -0
- package/dist/esm/models/ps-sidebar-header-props.js +1 -0
- package/dist/esm/models/ps-sidebar-inset-props.js +1 -0
- package/dist/esm/models/ps-sidebar-layout-props.js +1 -0
- package/dist/esm/models/ps-sidebar-menu-action-props.js +1 -0
- package/dist/esm/models/ps-sidebar-menu-badge-props.js +1 -0
- package/dist/esm/models/ps-sidebar-menu-button-props.js +1 -0
- package/dist/esm/models/ps-sidebar-menu-item-props.js +1 -0
- package/dist/esm/models/ps-sidebar-menu-props.js +1 -0
- package/dist/esm/models/ps-sidebar-menu-sub-button-props.js +1 -0
- package/dist/esm/models/ps-sidebar-menu-sub-item-props.js +1 -0
- package/dist/esm/models/ps-sidebar-menu-sub-props.js +1 -0
- package/dist/esm/models/ps-sidebar-nav-groups-props.js +1 -0
- package/dist/esm/models/ps-sidebar-props.js +1 -0
- package/dist/esm/models/ps-sidebar-provider-props.js +1 -0
- package/dist/esm/models/ps-sidebar-rail-props.js +1 -0
- package/dist/esm/models/ps-sidebar-separator-props.js +1 -0
- package/dist/esm/models/ps-sidebar-trigger-props.js +1 -0
- package/dist/esm/models/ps-sidebar-user-menu-props.js +1 -0
- package/dist/esm/models/ps-sidebar-workspace-switcher-props.js +1 -0
- package/dist/esm/services/ps-link-service.js +12 -0
- package/dist/esm/services/ps-sidebar-service.js +14 -0
- package/dist/hooks/use-ps-dialog-state.d.ts +2 -0
- package/dist/hooks/use-ps-dialog-state.js +45 -0
- package/dist/hooks/use-ps-is-mobile.d.ts +1 -0
- package/dist/hooks/use-ps-is-mobile.js +50 -0
- package/dist/hooks/use-ps-sidebar.d.ts +2 -0
- package/dist/hooks/use-ps-sidebar.js +46 -0
- package/dist/index.d.ts +66 -0
- package/dist/index.js +66 -0
- package/dist/models/ps-app-sidebar-group-data.d.ts +6 -0
- package/dist/models/ps-app-sidebar-group-data.js +2 -0
- package/dist/models/ps-app-sidebar-item-data.d.ts +9 -0
- package/dist/models/ps-app-sidebar-item-data.js +2 -0
- package/dist/models/ps-app-sidebar-props.d.ts +16 -0
- package/dist/models/ps-app-sidebar-props.js +2 -0
- package/dist/models/ps-dialog-state-data.d.ts +7 -0
- package/dist/models/ps-dialog-state-data.js +2 -0
- package/dist/models/ps-dialog-state-value.d.ts +4 -0
- package/dist/models/ps-dialog-state-value.js +2 -0
- package/dist/models/ps-sidebar-content-props.d.ts +3 -0
- package/dist/models/ps-sidebar-content-props.js +2 -0
- package/dist/models/ps-sidebar-context-data.d.ts +10 -0
- package/dist/models/ps-sidebar-context-data.js +2 -0
- package/dist/models/ps-sidebar-footer-props.d.ts +3 -0
- package/dist/models/ps-sidebar-footer-props.js +2 -0
- package/dist/models/ps-sidebar-group-content-props.d.ts +3 -0
- package/dist/models/ps-sidebar-group-content-props.js +2 -0
- package/dist/models/ps-sidebar-group-label-props.d.ts +4 -0
- package/dist/models/ps-sidebar-group-label-props.js +2 -0
- package/dist/models/ps-sidebar-group-props.d.ts +3 -0
- package/dist/models/ps-sidebar-group-props.js +2 -0
- package/dist/models/ps-sidebar-header-props.d.ts +3 -0
- package/dist/models/ps-sidebar-header-props.js +2 -0
- package/dist/models/ps-sidebar-inset-props.d.ts +3 -0
- package/dist/models/ps-sidebar-inset-props.js +2 -0
- package/dist/models/ps-sidebar-layout-props.d.ts +11 -0
- package/dist/models/ps-sidebar-layout-props.js +2 -0
- package/dist/models/ps-sidebar-menu-action-props.d.ts +5 -0
- package/dist/models/ps-sidebar-menu-action-props.js +2 -0
- package/dist/models/ps-sidebar-menu-badge-props.d.ts +3 -0
- package/dist/models/ps-sidebar-menu-badge-props.js +2 -0
- package/dist/models/ps-sidebar-menu-button-props.d.ts +8 -0
- package/dist/models/ps-sidebar-menu-button-props.js +2 -0
- package/dist/models/ps-sidebar-menu-item-props.d.ts +3 -0
- package/dist/models/ps-sidebar-menu-item-props.js +2 -0
- package/dist/models/ps-sidebar-menu-props.d.ts +3 -0
- package/dist/models/ps-sidebar-menu-props.js +2 -0
- package/dist/models/ps-sidebar-menu-sub-button-props.d.ts +6 -0
- package/dist/models/ps-sidebar-menu-sub-button-props.js +2 -0
- package/dist/models/ps-sidebar-menu-sub-item-props.d.ts +3 -0
- package/dist/models/ps-sidebar-menu-sub-item-props.js +2 -0
- package/dist/models/ps-sidebar-menu-sub-props.d.ts +3 -0
- package/dist/models/ps-sidebar-menu-sub-props.js +2 -0
- package/dist/models/ps-sidebar-nav-groups-props.d.ts +7 -0
- package/dist/models/ps-sidebar-nav-groups-props.js +2 -0
- package/dist/models/ps-sidebar-props.d.ts +6 -0
- package/dist/models/ps-sidebar-props.js +2 -0
- package/dist/models/ps-sidebar-provider-props.d.ts +6 -0
- package/dist/models/ps-sidebar-provider-props.js +2 -0
- package/dist/models/ps-sidebar-rail-props.d.ts +3 -0
- package/dist/models/ps-sidebar-rail-props.js +2 -0
- package/dist/models/ps-sidebar-separator-props.d.ts +4 -0
- package/dist/models/ps-sidebar-separator-props.js +2 -0
- package/dist/models/ps-sidebar-trigger-props.d.ts +4 -0
- package/dist/models/ps-sidebar-trigger-props.js +2 -0
- package/dist/models/ps-sidebar-user-menu-props.d.ts +5 -0
- package/dist/models/ps-sidebar-user-menu-props.js +2 -0
- package/dist/models/ps-sidebar-workspace-switcher-props.d.ts +11 -0
- package/dist/models/ps-sidebar-workspace-switcher-props.js +2 -0
- package/dist/models/ps-workspace-badge-props.d.ts +1 -1
- package/dist/services/ps-link-service.d.ts +5 -0
- package/dist/services/ps-link-service.js +49 -0
- package/dist/services/ps-sidebar-service.d.ts +3 -0
- package/dist/services/ps-sidebar-service.js +18 -0
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const usePsIsMobile: () => boolean;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.usePsIsMobile = void 0;
|
|
37
|
+
const React = __importStar(require("react"));
|
|
38
|
+
const ps_sidebar_config_js_1 = require("../constants/ps-sidebar-config.js");
|
|
39
|
+
const usePsIsMobile = () => {
|
|
40
|
+
const [isMobile, setIsMobile] = React.useState(false);
|
|
41
|
+
React.useEffect(() => {
|
|
42
|
+
const query = window.matchMedia(`(max-width: ${ps_sidebar_config_js_1.PsSidebarConfig.mobileBreakpoint - 1}px)`);
|
|
43
|
+
const update = () => setIsMobile(query.matches);
|
|
44
|
+
update();
|
|
45
|
+
query.addEventListener('change', update);
|
|
46
|
+
return () => query.removeEventListener('change', update);
|
|
47
|
+
}, []);
|
|
48
|
+
return isMobile;
|
|
49
|
+
};
|
|
50
|
+
exports.usePsIsMobile = usePsIsMobile;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.usePsSidebar = void 0;
|
|
37
|
+
const React = __importStar(require("react"));
|
|
38
|
+
const ps_sidebar_config_js_1 = require("../constants/ps-sidebar-config.js");
|
|
39
|
+
const ps_sidebar_context_js_1 = require("../contexts/ps-sidebar-context.js");
|
|
40
|
+
const usePsSidebar = () => {
|
|
41
|
+
const context = React.useContext(ps_sidebar_context_js_1.PsSidebarContext);
|
|
42
|
+
if (context === null)
|
|
43
|
+
throw new Error(ps_sidebar_config_js_1.PsSidebarConfig.missingContext);
|
|
44
|
+
return context;
|
|
45
|
+
};
|
|
46
|
+
exports.usePsSidebar = usePsSidebar;
|
package/dist/index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export * from './components/ps-alert-dialog.js';
|
|
|
13
13
|
export * from './components/ps-alert-title.js';
|
|
14
14
|
export * from './components/ps-alert.js';
|
|
15
15
|
export * from './components/ps-app-header.js';
|
|
16
|
+
export * from './components/ps-app-sidebar.js';
|
|
16
17
|
export * from './components/ps-app-switcher-section.js';
|
|
17
18
|
export * from './components/ps-app-switcher-tile.js';
|
|
18
19
|
export * from './components/ps-app-switcher.js';
|
|
@@ -140,6 +141,30 @@ export * from './components/ps-sheet-portal.js';
|
|
|
140
141
|
export * from './components/ps-sheet-title.js';
|
|
141
142
|
export * from './components/ps-sheet-trigger.js';
|
|
142
143
|
export * from './components/ps-sheet.js';
|
|
144
|
+
export * from './components/ps-sidebar-content.js';
|
|
145
|
+
export * from './components/ps-sidebar-footer.js';
|
|
146
|
+
export * from './components/ps-sidebar-group-content.js';
|
|
147
|
+
export * from './components/ps-sidebar-group-label.js';
|
|
148
|
+
export * from './components/ps-sidebar-group.js';
|
|
149
|
+
export * from './components/ps-sidebar-header.js';
|
|
150
|
+
export * from './components/ps-sidebar-inset.js';
|
|
151
|
+
export * from './components/ps-sidebar-layout.js';
|
|
152
|
+
export * from './components/ps-sidebar-menu-action.js';
|
|
153
|
+
export * from './components/ps-sidebar-menu-badge.js';
|
|
154
|
+
export * from './components/ps-sidebar-menu-button.js';
|
|
155
|
+
export * from './components/ps-sidebar-menu-item.js';
|
|
156
|
+
export * from './components/ps-sidebar-menu-sub-button.js';
|
|
157
|
+
export * from './components/ps-sidebar-menu-sub-item.js';
|
|
158
|
+
export * from './components/ps-sidebar-menu-sub.js';
|
|
159
|
+
export * from './components/ps-sidebar-menu.js';
|
|
160
|
+
export * from './components/ps-sidebar-nav-groups.js';
|
|
161
|
+
export * from './components/ps-sidebar-provider.js';
|
|
162
|
+
export * from './components/ps-sidebar-rail.js';
|
|
163
|
+
export * from './components/ps-sidebar-separator.js';
|
|
164
|
+
export * from './components/ps-sidebar-trigger.js';
|
|
165
|
+
export * from './components/ps-sidebar-user-menu.js';
|
|
166
|
+
export * from './components/ps-sidebar-workspace-switcher.js';
|
|
167
|
+
export * from './components/ps-sidebar.js';
|
|
143
168
|
export * from './components/ps-skeleton.js';
|
|
144
169
|
export * from './components/ps-skeleton-card-grid.js';
|
|
145
170
|
export * from './components/ps-skeleton-list-card.js';
|
|
@@ -180,6 +205,7 @@ export * from './constants/ps-alert-variants.js';
|
|
|
180
205
|
export * from './constants/ps-app-category-labels.js';
|
|
181
206
|
export * from './constants/ps-app-category.js';
|
|
182
207
|
export * from './constants/ps-app-key.js';
|
|
208
|
+
export * from './constants/ps-app-sidebar-config.js';
|
|
183
209
|
export * from './constants/ps-app-switcher-config.js';
|
|
184
210
|
export * from './constants/ps-badge-variants.js';
|
|
185
211
|
export * from './constants/ps-button-variants.js';
|
|
@@ -201,10 +227,17 @@ export * from './constants/ps-password-input-config.js';
|
|
|
201
227
|
export * from './constants/ps-phone-input-config.js';
|
|
202
228
|
export * from './constants/ps-root-status-messages.js';
|
|
203
229
|
export * from './constants/ps-sheet-variants.js';
|
|
230
|
+
export * from './constants/ps-sidebar-config.js';
|
|
231
|
+
export * from './constants/ps-sidebar-menu-button-variants.js';
|
|
232
|
+
export * from './constants/ps-sidebar-state.js';
|
|
204
233
|
export * from './constants/ps-toggle-variants.js';
|
|
205
234
|
export * from './contexts/ps-chart-context.js';
|
|
235
|
+
export * from './contexts/ps-sidebar-context.js';
|
|
206
236
|
export * from './contexts/ps-toggle-group-context.js';
|
|
207
237
|
export * from './hooks/use-ps-chart.js';
|
|
238
|
+
export * from './hooks/use-ps-dialog-state.js';
|
|
239
|
+
export * from './hooks/use-ps-is-mobile.js';
|
|
240
|
+
export * from './hooks/use-ps-sidebar.js';
|
|
208
241
|
export * from './models/ps-alert-description-props.js';
|
|
209
242
|
export * from './models/ps-alert-dialog-action-props.js';
|
|
210
243
|
export * from './models/ps-alert-dialog-cancel-props.js';
|
|
@@ -220,6 +253,9 @@ export * from './models/ps-app-header-link-data.js';
|
|
|
220
253
|
export * from './models/ps-app-header-nav-item-data.js';
|
|
221
254
|
export * from './models/ps-app-header-props.js';
|
|
222
255
|
export * from './models/ps-app-header-user-data.js';
|
|
256
|
+
export * from './models/ps-app-sidebar-group-data.js';
|
|
257
|
+
export * from './models/ps-app-sidebar-item-data.js';
|
|
258
|
+
export * from './models/ps-app-sidebar-props.js';
|
|
223
259
|
export * from './models/ps-app-switcher-link-data.js';
|
|
224
260
|
export * from './models/ps-app-switcher-props.js';
|
|
225
261
|
export * from './models/ps-app-switcher-section-data.js';
|
|
@@ -270,6 +306,8 @@ export * from './models/ps-dialog-description-props.js';
|
|
|
270
306
|
export * from './models/ps-dialog-footer-props.js';
|
|
271
307
|
export * from './models/ps-dialog-header-props.js';
|
|
272
308
|
export * from './models/ps-dialog-overlay-props.js';
|
|
309
|
+
export * from './models/ps-dialog-state-data.js';
|
|
310
|
+
export * from './models/ps-dialog-state-value.js';
|
|
273
311
|
export * from './models/ps-dialog-title-props.js';
|
|
274
312
|
export * from './models/ps-dropdown-menu-checkbox-item-props.js';
|
|
275
313
|
export * from './models/ps-dropdown-menu-content-props.js';
|
|
@@ -329,6 +367,31 @@ export * from './models/ps-sheet-footer-props.js';
|
|
|
329
367
|
export * from './models/ps-sheet-header-props.js';
|
|
330
368
|
export * from './models/ps-sheet-overlay-props.js';
|
|
331
369
|
export * from './models/ps-sheet-title-props.js';
|
|
370
|
+
export * from './models/ps-sidebar-content-props.js';
|
|
371
|
+
export * from './models/ps-sidebar-context-data.js';
|
|
372
|
+
export * from './models/ps-sidebar-footer-props.js';
|
|
373
|
+
export * from './models/ps-sidebar-group-content-props.js';
|
|
374
|
+
export * from './models/ps-sidebar-group-label-props.js';
|
|
375
|
+
export * from './models/ps-sidebar-group-props.js';
|
|
376
|
+
export * from './models/ps-sidebar-header-props.js';
|
|
377
|
+
export * from './models/ps-sidebar-inset-props.js';
|
|
378
|
+
export * from './models/ps-sidebar-layout-props.js';
|
|
379
|
+
export * from './models/ps-sidebar-menu-action-props.js';
|
|
380
|
+
export * from './models/ps-sidebar-menu-badge-props.js';
|
|
381
|
+
export * from './models/ps-sidebar-menu-button-props.js';
|
|
382
|
+
export * from './models/ps-sidebar-menu-item-props.js';
|
|
383
|
+
export * from './models/ps-sidebar-menu-props.js';
|
|
384
|
+
export * from './models/ps-sidebar-menu-sub-button-props.js';
|
|
385
|
+
export * from './models/ps-sidebar-menu-sub-item-props.js';
|
|
386
|
+
export * from './models/ps-sidebar-menu-sub-props.js';
|
|
387
|
+
export * from './models/ps-sidebar-nav-groups-props.js';
|
|
388
|
+
export * from './models/ps-sidebar-props.js';
|
|
389
|
+
export * from './models/ps-sidebar-provider-props.js';
|
|
390
|
+
export * from './models/ps-sidebar-rail-props.js';
|
|
391
|
+
export * from './models/ps-sidebar-separator-props.js';
|
|
392
|
+
export * from './models/ps-sidebar-trigger-props.js';
|
|
393
|
+
export * from './models/ps-sidebar-user-menu-props.js';
|
|
394
|
+
export * from './models/ps-sidebar-workspace-switcher-props.js';
|
|
332
395
|
export * from './models/ps-skeleton-props.js';
|
|
333
396
|
export * from './models/ps-skeleton-card-grid-props.js';
|
|
334
397
|
export * from './models/ps-skeleton-list-card-props.js';
|
|
@@ -383,7 +446,9 @@ export * from './models/ps-pagination-item-props.js';
|
|
|
383
446
|
export * from './models/ps-pagination-link-props.js';
|
|
384
447
|
export * from './models/ps-pagination-props.js';
|
|
385
448
|
export * from './constants/ps-pagination-config.js';
|
|
449
|
+
export * from './services/ps-link-service.js';
|
|
386
450
|
export * from './services/ps-pagination-service.js';
|
|
451
|
+
export * from './services/ps-sidebar-service.js';
|
|
387
452
|
export * from './components/ps-confirm-action.js';
|
|
388
453
|
export * from './components/ps-notice.js';
|
|
389
454
|
export * from './components/ps-page-header.js';
|
|
@@ -391,6 +456,7 @@ export * from './components/ps-page-skeleton.js';
|
|
|
391
456
|
export * from './components/ps-section-heading.js';
|
|
392
457
|
export * from './components/ps-stat-card.js';
|
|
393
458
|
export * from './constants/ps-notice-variant.js';
|
|
459
|
+
export * from './constants/ps-workspace-badge-sizes.js';
|
|
394
460
|
export * from './models/ps-confirm-action-props.js';
|
|
395
461
|
export * from './models/ps-notice-props.js';
|
|
396
462
|
export * from './models/ps-page-crumb-data.js';
|
package/dist/index.js
CHANGED
|
@@ -29,6 +29,7 @@ __exportStar(require("./components/ps-alert-dialog.js"), exports);
|
|
|
29
29
|
__exportStar(require("./components/ps-alert-title.js"), exports);
|
|
30
30
|
__exportStar(require("./components/ps-alert.js"), exports);
|
|
31
31
|
__exportStar(require("./components/ps-app-header.js"), exports);
|
|
32
|
+
__exportStar(require("./components/ps-app-sidebar.js"), exports);
|
|
32
33
|
__exportStar(require("./components/ps-app-switcher-section.js"), exports);
|
|
33
34
|
__exportStar(require("./components/ps-app-switcher-tile.js"), exports);
|
|
34
35
|
__exportStar(require("./components/ps-app-switcher.js"), exports);
|
|
@@ -156,6 +157,30 @@ __exportStar(require("./components/ps-sheet-portal.js"), exports);
|
|
|
156
157
|
__exportStar(require("./components/ps-sheet-title.js"), exports);
|
|
157
158
|
__exportStar(require("./components/ps-sheet-trigger.js"), exports);
|
|
158
159
|
__exportStar(require("./components/ps-sheet.js"), exports);
|
|
160
|
+
__exportStar(require("./components/ps-sidebar-content.js"), exports);
|
|
161
|
+
__exportStar(require("./components/ps-sidebar-footer.js"), exports);
|
|
162
|
+
__exportStar(require("./components/ps-sidebar-group-content.js"), exports);
|
|
163
|
+
__exportStar(require("./components/ps-sidebar-group-label.js"), exports);
|
|
164
|
+
__exportStar(require("./components/ps-sidebar-group.js"), exports);
|
|
165
|
+
__exportStar(require("./components/ps-sidebar-header.js"), exports);
|
|
166
|
+
__exportStar(require("./components/ps-sidebar-inset.js"), exports);
|
|
167
|
+
__exportStar(require("./components/ps-sidebar-layout.js"), exports);
|
|
168
|
+
__exportStar(require("./components/ps-sidebar-menu-action.js"), exports);
|
|
169
|
+
__exportStar(require("./components/ps-sidebar-menu-badge.js"), exports);
|
|
170
|
+
__exportStar(require("./components/ps-sidebar-menu-button.js"), exports);
|
|
171
|
+
__exportStar(require("./components/ps-sidebar-menu-item.js"), exports);
|
|
172
|
+
__exportStar(require("./components/ps-sidebar-menu-sub-button.js"), exports);
|
|
173
|
+
__exportStar(require("./components/ps-sidebar-menu-sub-item.js"), exports);
|
|
174
|
+
__exportStar(require("./components/ps-sidebar-menu-sub.js"), exports);
|
|
175
|
+
__exportStar(require("./components/ps-sidebar-menu.js"), exports);
|
|
176
|
+
__exportStar(require("./components/ps-sidebar-nav-groups.js"), exports);
|
|
177
|
+
__exportStar(require("./components/ps-sidebar-provider.js"), exports);
|
|
178
|
+
__exportStar(require("./components/ps-sidebar-rail.js"), exports);
|
|
179
|
+
__exportStar(require("./components/ps-sidebar-separator.js"), exports);
|
|
180
|
+
__exportStar(require("./components/ps-sidebar-trigger.js"), exports);
|
|
181
|
+
__exportStar(require("./components/ps-sidebar-user-menu.js"), exports);
|
|
182
|
+
__exportStar(require("./components/ps-sidebar-workspace-switcher.js"), exports);
|
|
183
|
+
__exportStar(require("./components/ps-sidebar.js"), exports);
|
|
159
184
|
__exportStar(require("./components/ps-skeleton.js"), exports);
|
|
160
185
|
__exportStar(require("./components/ps-skeleton-card-grid.js"), exports);
|
|
161
186
|
__exportStar(require("./components/ps-skeleton-list-card.js"), exports);
|
|
@@ -196,6 +221,7 @@ __exportStar(require("./constants/ps-alert-variants.js"), exports);
|
|
|
196
221
|
__exportStar(require("./constants/ps-app-category-labels.js"), exports);
|
|
197
222
|
__exportStar(require("./constants/ps-app-category.js"), exports);
|
|
198
223
|
__exportStar(require("./constants/ps-app-key.js"), exports);
|
|
224
|
+
__exportStar(require("./constants/ps-app-sidebar-config.js"), exports);
|
|
199
225
|
__exportStar(require("./constants/ps-app-switcher-config.js"), exports);
|
|
200
226
|
__exportStar(require("./constants/ps-badge-variants.js"), exports);
|
|
201
227
|
__exportStar(require("./constants/ps-button-variants.js"), exports);
|
|
@@ -217,10 +243,17 @@ __exportStar(require("./constants/ps-password-input-config.js"), exports);
|
|
|
217
243
|
__exportStar(require("./constants/ps-phone-input-config.js"), exports);
|
|
218
244
|
__exportStar(require("./constants/ps-root-status-messages.js"), exports);
|
|
219
245
|
__exportStar(require("./constants/ps-sheet-variants.js"), exports);
|
|
246
|
+
__exportStar(require("./constants/ps-sidebar-config.js"), exports);
|
|
247
|
+
__exportStar(require("./constants/ps-sidebar-menu-button-variants.js"), exports);
|
|
248
|
+
__exportStar(require("./constants/ps-sidebar-state.js"), exports);
|
|
220
249
|
__exportStar(require("./constants/ps-toggle-variants.js"), exports);
|
|
221
250
|
__exportStar(require("./contexts/ps-chart-context.js"), exports);
|
|
251
|
+
__exportStar(require("./contexts/ps-sidebar-context.js"), exports);
|
|
222
252
|
__exportStar(require("./contexts/ps-toggle-group-context.js"), exports);
|
|
223
253
|
__exportStar(require("./hooks/use-ps-chart.js"), exports);
|
|
254
|
+
__exportStar(require("./hooks/use-ps-dialog-state.js"), exports);
|
|
255
|
+
__exportStar(require("./hooks/use-ps-is-mobile.js"), exports);
|
|
256
|
+
__exportStar(require("./hooks/use-ps-sidebar.js"), exports);
|
|
224
257
|
__exportStar(require("./models/ps-alert-description-props.js"), exports);
|
|
225
258
|
__exportStar(require("./models/ps-alert-dialog-action-props.js"), exports);
|
|
226
259
|
__exportStar(require("./models/ps-alert-dialog-cancel-props.js"), exports);
|
|
@@ -236,6 +269,9 @@ __exportStar(require("./models/ps-app-header-link-data.js"), exports);
|
|
|
236
269
|
__exportStar(require("./models/ps-app-header-nav-item-data.js"), exports);
|
|
237
270
|
__exportStar(require("./models/ps-app-header-props.js"), exports);
|
|
238
271
|
__exportStar(require("./models/ps-app-header-user-data.js"), exports);
|
|
272
|
+
__exportStar(require("./models/ps-app-sidebar-group-data.js"), exports);
|
|
273
|
+
__exportStar(require("./models/ps-app-sidebar-item-data.js"), exports);
|
|
274
|
+
__exportStar(require("./models/ps-app-sidebar-props.js"), exports);
|
|
239
275
|
__exportStar(require("./models/ps-app-switcher-link-data.js"), exports);
|
|
240
276
|
__exportStar(require("./models/ps-app-switcher-props.js"), exports);
|
|
241
277
|
__exportStar(require("./models/ps-app-switcher-section-data.js"), exports);
|
|
@@ -286,6 +322,8 @@ __exportStar(require("./models/ps-dialog-description-props.js"), exports);
|
|
|
286
322
|
__exportStar(require("./models/ps-dialog-footer-props.js"), exports);
|
|
287
323
|
__exportStar(require("./models/ps-dialog-header-props.js"), exports);
|
|
288
324
|
__exportStar(require("./models/ps-dialog-overlay-props.js"), exports);
|
|
325
|
+
__exportStar(require("./models/ps-dialog-state-data.js"), exports);
|
|
326
|
+
__exportStar(require("./models/ps-dialog-state-value.js"), exports);
|
|
289
327
|
__exportStar(require("./models/ps-dialog-title-props.js"), exports);
|
|
290
328
|
__exportStar(require("./models/ps-dropdown-menu-checkbox-item-props.js"), exports);
|
|
291
329
|
__exportStar(require("./models/ps-dropdown-menu-content-props.js"), exports);
|
|
@@ -345,6 +383,31 @@ __exportStar(require("./models/ps-sheet-footer-props.js"), exports);
|
|
|
345
383
|
__exportStar(require("./models/ps-sheet-header-props.js"), exports);
|
|
346
384
|
__exportStar(require("./models/ps-sheet-overlay-props.js"), exports);
|
|
347
385
|
__exportStar(require("./models/ps-sheet-title-props.js"), exports);
|
|
386
|
+
__exportStar(require("./models/ps-sidebar-content-props.js"), exports);
|
|
387
|
+
__exportStar(require("./models/ps-sidebar-context-data.js"), exports);
|
|
388
|
+
__exportStar(require("./models/ps-sidebar-footer-props.js"), exports);
|
|
389
|
+
__exportStar(require("./models/ps-sidebar-group-content-props.js"), exports);
|
|
390
|
+
__exportStar(require("./models/ps-sidebar-group-label-props.js"), exports);
|
|
391
|
+
__exportStar(require("./models/ps-sidebar-group-props.js"), exports);
|
|
392
|
+
__exportStar(require("./models/ps-sidebar-header-props.js"), exports);
|
|
393
|
+
__exportStar(require("./models/ps-sidebar-inset-props.js"), exports);
|
|
394
|
+
__exportStar(require("./models/ps-sidebar-layout-props.js"), exports);
|
|
395
|
+
__exportStar(require("./models/ps-sidebar-menu-action-props.js"), exports);
|
|
396
|
+
__exportStar(require("./models/ps-sidebar-menu-badge-props.js"), exports);
|
|
397
|
+
__exportStar(require("./models/ps-sidebar-menu-button-props.js"), exports);
|
|
398
|
+
__exportStar(require("./models/ps-sidebar-menu-item-props.js"), exports);
|
|
399
|
+
__exportStar(require("./models/ps-sidebar-menu-props.js"), exports);
|
|
400
|
+
__exportStar(require("./models/ps-sidebar-menu-sub-button-props.js"), exports);
|
|
401
|
+
__exportStar(require("./models/ps-sidebar-menu-sub-item-props.js"), exports);
|
|
402
|
+
__exportStar(require("./models/ps-sidebar-menu-sub-props.js"), exports);
|
|
403
|
+
__exportStar(require("./models/ps-sidebar-nav-groups-props.js"), exports);
|
|
404
|
+
__exportStar(require("./models/ps-sidebar-props.js"), exports);
|
|
405
|
+
__exportStar(require("./models/ps-sidebar-provider-props.js"), exports);
|
|
406
|
+
__exportStar(require("./models/ps-sidebar-rail-props.js"), exports);
|
|
407
|
+
__exportStar(require("./models/ps-sidebar-separator-props.js"), exports);
|
|
408
|
+
__exportStar(require("./models/ps-sidebar-trigger-props.js"), exports);
|
|
409
|
+
__exportStar(require("./models/ps-sidebar-user-menu-props.js"), exports);
|
|
410
|
+
__exportStar(require("./models/ps-sidebar-workspace-switcher-props.js"), exports);
|
|
348
411
|
__exportStar(require("./models/ps-skeleton-props.js"), exports);
|
|
349
412
|
__exportStar(require("./models/ps-skeleton-card-grid-props.js"), exports);
|
|
350
413
|
__exportStar(require("./models/ps-skeleton-list-card-props.js"), exports);
|
|
@@ -399,7 +462,9 @@ __exportStar(require("./models/ps-pagination-item-props.js"), exports);
|
|
|
399
462
|
__exportStar(require("./models/ps-pagination-link-props.js"), exports);
|
|
400
463
|
__exportStar(require("./models/ps-pagination-props.js"), exports);
|
|
401
464
|
__exportStar(require("./constants/ps-pagination-config.js"), exports);
|
|
465
|
+
__exportStar(require("./services/ps-link-service.js"), exports);
|
|
402
466
|
__exportStar(require("./services/ps-pagination-service.js"), exports);
|
|
467
|
+
__exportStar(require("./services/ps-sidebar-service.js"), exports);
|
|
403
468
|
__exportStar(require("./components/ps-confirm-action.js"), exports);
|
|
404
469
|
__exportStar(require("./components/ps-notice.js"), exports);
|
|
405
470
|
__exportStar(require("./components/ps-page-header.js"), exports);
|
|
@@ -407,6 +472,7 @@ __exportStar(require("./components/ps-page-skeleton.js"), exports);
|
|
|
407
472
|
__exportStar(require("./components/ps-section-heading.js"), exports);
|
|
408
473
|
__exportStar(require("./components/ps-stat-card.js"), exports);
|
|
409
474
|
__exportStar(require("./constants/ps-notice-variant.js"), exports);
|
|
475
|
+
__exportStar(require("./constants/ps-workspace-badge-sizes.js"), exports);
|
|
410
476
|
__exportStar(require("./models/ps-confirm-action-props.js"), exports);
|
|
411
477
|
__exportStar(require("./models/ps-notice-props.js"), exports);
|
|
412
478
|
__exportStar(require("./models/ps-page-crumb-data.js"), exports);
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
import type { PsAppHeaderLinkData } from './ps-app-header-link-data.js';
|
|
3
|
+
import type { PsAppHeaderUserData } from './ps-app-header-user-data.js';
|
|
4
|
+
import type { PsAppSidebarGroupData } from './ps-app-sidebar-group-data.js';
|
|
5
|
+
import type { PsWorkspaceSwitcherData } from './ps-workspace-switcher-data.js';
|
|
6
|
+
export interface PsAppSidebarProps {
|
|
7
|
+
appTitle: string;
|
|
8
|
+
groups: PsAppSidebarGroupData[];
|
|
9
|
+
homeHref: string;
|
|
10
|
+
logoAlt?: string;
|
|
11
|
+
logoSrc: string;
|
|
12
|
+
logoutHref: string;
|
|
13
|
+
renderLink?: (props: PsAppHeaderLinkData) => React.ReactNode;
|
|
14
|
+
user: PsAppHeaderUserData | null;
|
|
15
|
+
workspaceSwitcher?: PsWorkspaceSwitcherData;
|
|
16
|
+
}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { PsSidebarState } from '../constants/ps-sidebar-state.js';
|
|
2
|
+
export interface PsSidebarContextData {
|
|
3
|
+
isMobile: boolean;
|
|
4
|
+
open: boolean;
|
|
5
|
+
openMobile: boolean;
|
|
6
|
+
setOpen: (open: boolean) => void;
|
|
7
|
+
setOpenMobile: (open: boolean) => void;
|
|
8
|
+
state: PsSidebarState;
|
|
9
|
+
toggleSidebar: () => void;
|
|
10
|
+
}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
import type { PsAppSidebarProps } from './ps-app-sidebar-props.js';
|
|
3
|
+
import type { PsAppSwitcherProps } from './ps-app-switcher-props.js';
|
|
4
|
+
import type { PsPageCrumbData } from './ps-page-crumb-data.js';
|
|
5
|
+
export interface PsSidebarLayoutProps extends PsAppSidebarProps {
|
|
6
|
+
actions?: React.ReactNode;
|
|
7
|
+
appSwitcher?: PsAppSwitcherProps;
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
crumbs?: PsPageCrumbData[];
|
|
10
|
+
defaultOpen?: boolean;
|
|
11
|
+
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
import type { VariantProps } from 'class-variance-authority';
|
|
3
|
+
import type { PsSidebarMenuButtonVariants } from '../constants/ps-sidebar-menu-button-variants.js';
|
|
4
|
+
export interface PsSidebarMenuButtonProps extends React.ComponentProps<'button'>, VariantProps<typeof PsSidebarMenuButtonVariants> {
|
|
5
|
+
asChild?: boolean;
|
|
6
|
+
isActive?: boolean;
|
|
7
|
+
tooltip?: string;
|
|
8
|
+
}
|