@pallasoft/ps-internal-components 1.3.1 → 1.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ps-confirm-action.d.ts +2 -0
- package/dist/components/ps-confirm-action.js +16 -0
- package/dist/components/ps-notice.d.ts +2 -0
- package/dist/components/ps-notice.js +15 -0
- package/dist/components/ps-page-header.d.ts +2 -0
- package/dist/components/ps-page-header.js +13 -0
- package/dist/components/ps-page-skeleton.d.ts +2 -0
- package/dist/components/ps-page-skeleton.js +7 -0
- package/dist/components/ps-section-heading.d.ts +2 -0
- package/dist/components/ps-section-heading.js +6 -0
- package/dist/components/ps-stat-card.d.ts +2 -0
- package/dist/components/ps-stat-card.js +10 -0
- package/dist/constants/ps-notice-variant.d.ts +4 -0
- package/dist/constants/ps-notice-variant.js +8 -0
- package/dist/esm/components/ps-confirm-action.js +12 -0
- package/dist/esm/components/ps-notice.js +11 -0
- package/dist/esm/components/ps-page-header.js +9 -0
- package/dist/esm/components/ps-page-skeleton.js +3 -0
- package/dist/esm/components/ps-section-heading.js +2 -0
- package/dist/esm/components/ps-stat-card.js +6 -0
- package/dist/esm/constants/ps-notice-variant.js +5 -0
- package/dist/esm/index.js +14 -0
- package/dist/esm/models/ps-confirm-action-props.js +1 -0
- package/dist/esm/models/ps-notice-props.js +1 -0
- package/dist/esm/models/ps-page-crumb-data.js +1 -0
- package/dist/esm/models/ps-page-header-props.js +1 -0
- package/dist/esm/models/ps-page-skeleton-props.js +1 -0
- package/dist/esm/models/ps-section-heading-props.js +1 -0
- package/dist/esm/models/ps-stat-card-props.js +1 -0
- package/dist/index.d.ts +14 -0
- package/dist/index.js +14 -0
- package/dist/models/ps-confirm-action-props.d.ts +10 -0
- package/dist/models/ps-confirm-action-props.js +2 -0
- package/dist/models/ps-notice-props.d.ts +6 -0
- package/dist/models/ps-notice-props.js +2 -0
- package/dist/models/ps-page-crumb-data.d.ts +4 -0
- package/dist/models/ps-page-crumb-data.js +2 -0
- package/dist/models/ps-page-header-props.d.ts +10 -0
- package/dist/models/ps-page-header-props.js +2 -0
- package/dist/models/ps-page-skeleton-props.d.ts +5 -0
- package/dist/models/ps-page-skeleton-props.js +2 -0
- package/dist/models/ps-section-heading-props.d.ts +6 -0
- package/dist/models/ps-section-heading-props.js +2 -0
- package/dist/models/ps-stat-card-props.d.ts +4 -0
- package/dist/models/ps-stat-card-props.js +2 -0
- package/package.json +1 -3
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PsConfirmAction = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const ps_button_variants_js_1 = require("../constants/ps-button-variants.js");
|
|
6
|
+
const ps_alert_dialog_action_js_1 = require("./ps-alert-dialog-action.js");
|
|
7
|
+
const ps_alert_dialog_cancel_js_1 = require("./ps-alert-dialog-cancel.js");
|
|
8
|
+
const ps_alert_dialog_content_js_1 = require("./ps-alert-dialog-content.js");
|
|
9
|
+
const ps_alert_dialog_description_js_1 = require("./ps-alert-dialog-description.js");
|
|
10
|
+
const ps_alert_dialog_footer_js_1 = require("./ps-alert-dialog-footer.js");
|
|
11
|
+
const ps_alert_dialog_header_js_1 = require("./ps-alert-dialog-header.js");
|
|
12
|
+
const ps_alert_dialog_title_js_1 = require("./ps-alert-dialog-title.js");
|
|
13
|
+
const ps_alert_dialog_trigger_js_1 = require("./ps-alert-dialog-trigger.js");
|
|
14
|
+
const ps_alert_dialog_js_1 = require("./ps-alert-dialog.js");
|
|
15
|
+
const PsConfirmAction = ({ cancelLabel, confirmLabel, description, destructive = false, onConfirm, title, trigger, }) => ((0, jsx_runtime_1.jsxs)(ps_alert_dialog_js_1.PsAlertDialog, { children: [(0, jsx_runtime_1.jsx)(ps_alert_dialog_trigger_js_1.PsAlertDialogTrigger, { asChild: true, children: trigger }), (0, jsx_runtime_1.jsxs)(ps_alert_dialog_content_js_1.PsAlertDialogContent, { children: [(0, jsx_runtime_1.jsxs)(ps_alert_dialog_header_js_1.PsAlertDialogHeader, { children: [(0, jsx_runtime_1.jsx)(ps_alert_dialog_title_js_1.PsAlertDialogTitle, { children: title }), (0, jsx_runtime_1.jsx)(ps_alert_dialog_description_js_1.PsAlertDialogDescription, { children: description })] }), (0, jsx_runtime_1.jsxs)(ps_alert_dialog_footer_js_1.PsAlertDialogFooter, { children: [(0, jsx_runtime_1.jsx)(ps_alert_dialog_cancel_js_1.PsAlertDialogCancel, { children: cancelLabel }), (0, jsx_runtime_1.jsx)(ps_alert_dialog_action_js_1.PsAlertDialogAction, { className: destructive ? (0, ps_button_variants_js_1.PsButtonVariants)({ variant: 'destructive' }) : undefined, onClick: onConfirm, children: confirmLabel })] })] })] }));
|
|
16
|
+
exports.PsConfirmAction = PsConfirmAction;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PsNotice = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const lucide_react_1 = require("lucide-react");
|
|
6
|
+
const ps_notice_variant_js_1 = require("../constants/ps-notice-variant.js");
|
|
7
|
+
const ps_alert_description_js_1 = require("./ps-alert-description.js");
|
|
8
|
+
const ps_alert_title_js_1 = require("./ps-alert-title.js");
|
|
9
|
+
const ps_alert_js_1 = require("./ps-alert.js");
|
|
10
|
+
const PsNotice = ({ message, title, variant }) => {
|
|
11
|
+
if (message === null)
|
|
12
|
+
return null;
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)(ps_alert_js_1.PsAlert, { variant: variant === ps_notice_variant_js_1.PsNoticeVariant.Error ? 'destructive' : 'warning', children: [variant === ps_notice_variant_js_1.PsNoticeVariant.Error ? (0, jsx_runtime_1.jsx)(lucide_react_1.CircleAlert, {}) : (0, jsx_runtime_1.jsx)(lucide_react_1.TriangleAlert, {}), (0, jsx_runtime_1.jsx)(ps_alert_title_js_1.PsAlertTitle, { children: title }), (0, jsx_runtime_1.jsx)(ps_alert_description_js_1.PsAlertDescription, { children: message })] }));
|
|
14
|
+
};
|
|
15
|
+
exports.PsNotice = PsNotice;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PsPageHeader = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const ps_breadcrumb_item_js_1 = require("./ps-breadcrumb-item.js");
|
|
7
|
+
const ps_breadcrumb_link_js_1 = require("./ps-breadcrumb-link.js");
|
|
8
|
+
const ps_breadcrumb_list_js_1 = require("./ps-breadcrumb-list.js");
|
|
9
|
+
const ps_breadcrumb_page_js_1 = require("./ps-breadcrumb-page.js");
|
|
10
|
+
const ps_breadcrumb_separator_js_1 = require("./ps-breadcrumb-separator.js");
|
|
11
|
+
const ps_breadcrumb_js_1 = require("./ps-breadcrumb.js");
|
|
12
|
+
const PsPageHeader = ({ actions, crumbs = [], description, meta, renderLink, title, }) => ((0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-3', children: [crumbs.length > 0 ? ((0, jsx_runtime_1.jsx)(ps_breadcrumb_js_1.PsBreadcrumb, { children: (0, jsx_runtime_1.jsxs)(ps_breadcrumb_list_js_1.PsBreadcrumbList, { children: [crumbs.map((crumb) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ps_breadcrumb_item_js_1.PsBreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(ps_breadcrumb_link_js_1.PsBreadcrumbLink, { asChild: true, children: renderLink ? (renderLink(crumb.href, crumb.label)) : ((0, jsx_runtime_1.jsx)("a", { href: crumb.href, children: crumb.label })) }) }), (0, jsx_runtime_1.jsx)(ps_breadcrumb_separator_js_1.PsBreadcrumbSeparator, {})] }, crumb.href))), (0, jsx_runtime_1.jsx)(ps_breadcrumb_item_js_1.PsBreadcrumbItem, { children: (0, jsx_runtime_1.jsx)(ps_breadcrumb_page_js_1.PsBreadcrumbPage, { children: title }) })] }) })) : null, (0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex min-w-0 flex-col gap-2', children: [(0, jsx_runtime_1.jsx)("h1", { className: 'break-words text-2xl font-semibold tracking-tight text-foreground', children: title }), description ? ((0, jsx_runtime_1.jsx)("p", { className: 'max-w-2xl text-sm text-muted-foreground', children: description })) : null, meta ? (0, jsx_runtime_1.jsx)("div", { className: 'flex flex-wrap items-center gap-2', children: meta }) : null] }), actions ? (0, jsx_runtime_1.jsx)("div", { className: 'flex shrink-0 flex-wrap items-center gap-2', children: actions }) : null] })] }));
|
|
13
|
+
exports.PsPageHeader = PsPageHeader;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PsPageSkeleton = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const ps_skeleton_page_header_js_1 = require("./ps-skeleton-page-header.js");
|
|
6
|
+
const PsPageSkeleton = ({ children, withActions = false }) => ((0, jsx_runtime_1.jsxs)("section", { className: 'flex flex-col gap-6', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_page_header_js_1.PsSkeletonPageHeader, { withActions: withActions }), children] }));
|
|
7
|
+
exports.PsPageSkeleton = PsPageSkeleton;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PsSectionHeading = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const PsSectionHeading = ({ actions, description, title }) => ((0, jsx_runtime_1.jsxs)("div", { className: 'flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between', children: [(0, jsx_runtime_1.jsxs)("div", { className: 'flex min-w-0 flex-col gap-1', children: [(0, jsx_runtime_1.jsx)("h2", { className: 'text-base font-semibold text-foreground', children: title }), description ? (0, jsx_runtime_1.jsx)("p", { className: 'text-sm text-muted-foreground', children: description }) : null] }), actions ? (0, jsx_runtime_1.jsx)("div", { className: 'flex shrink-0 flex-wrap items-center gap-2', children: actions }) : null] }));
|
|
6
|
+
exports.PsSectionHeading = PsSectionHeading;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PsStatCard = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const ps_card_description_js_1 = require("./ps-card-description.js");
|
|
6
|
+
const ps_card_header_js_1 = require("./ps-card-header.js");
|
|
7
|
+
const ps_card_title_js_1 = require("./ps-card-title.js");
|
|
8
|
+
const ps_card_js_1 = require("./ps-card.js");
|
|
9
|
+
const PsStatCard = ({ label, value }) => ((0, jsx_runtime_1.jsx)(ps_card_js_1.PsCard, { children: (0, jsx_runtime_1.jsxs)(ps_card_header_js_1.PsCardHeader, { className: 'gap-1 p-4', children: [(0, jsx_runtime_1.jsx)(ps_card_description_js_1.PsCardDescription, { children: label }), (0, jsx_runtime_1.jsx)(ps_card_title_js_1.PsCardTitle, { className: 'text-2xl tabular-nums', children: value })] }) }));
|
|
10
|
+
exports.PsStatCard = PsStatCard;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PsNoticeVariant = void 0;
|
|
4
|
+
var PsNoticeVariant;
|
|
5
|
+
(function (PsNoticeVariant) {
|
|
6
|
+
PsNoticeVariant["Error"] = "error";
|
|
7
|
+
PsNoticeVariant["Warning"] = "warning";
|
|
8
|
+
})(PsNoticeVariant || (exports.PsNoticeVariant = PsNoticeVariant = {}));
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { PsButtonVariants } from '../constants/ps-button-variants.js';
|
|
3
|
+
import { PsAlertDialogAction } from './ps-alert-dialog-action.js';
|
|
4
|
+
import { PsAlertDialogCancel } from './ps-alert-dialog-cancel.js';
|
|
5
|
+
import { PsAlertDialogContent } from './ps-alert-dialog-content.js';
|
|
6
|
+
import { PsAlertDialogDescription } from './ps-alert-dialog-description.js';
|
|
7
|
+
import { PsAlertDialogFooter } from './ps-alert-dialog-footer.js';
|
|
8
|
+
import { PsAlertDialogHeader } from './ps-alert-dialog-header.js';
|
|
9
|
+
import { PsAlertDialogTitle } from './ps-alert-dialog-title.js';
|
|
10
|
+
import { PsAlertDialogTrigger } from './ps-alert-dialog-trigger.js';
|
|
11
|
+
import { PsAlertDialog } from './ps-alert-dialog.js';
|
|
12
|
+
export const PsConfirmAction = ({ cancelLabel, confirmLabel, description, destructive = false, onConfirm, title, trigger, }) => (_jsxs(PsAlertDialog, { children: [_jsx(PsAlertDialogTrigger, { asChild: true, children: trigger }), _jsxs(PsAlertDialogContent, { children: [_jsxs(PsAlertDialogHeader, { children: [_jsx(PsAlertDialogTitle, { children: title }), _jsx(PsAlertDialogDescription, { children: description })] }), _jsxs(PsAlertDialogFooter, { children: [_jsx(PsAlertDialogCancel, { children: cancelLabel }), _jsx(PsAlertDialogAction, { className: destructive ? PsButtonVariants({ variant: 'destructive' }) : undefined, onClick: onConfirm, children: confirmLabel })] })] })] }));
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { CircleAlert, TriangleAlert } from 'lucide-react';
|
|
3
|
+
import { PsNoticeVariant } from '../constants/ps-notice-variant.js';
|
|
4
|
+
import { PsAlertDescription } from './ps-alert-description.js';
|
|
5
|
+
import { PsAlertTitle } from './ps-alert-title.js';
|
|
6
|
+
import { PsAlert } from './ps-alert.js';
|
|
7
|
+
export const PsNotice = ({ message, title, variant }) => {
|
|
8
|
+
if (message === null)
|
|
9
|
+
return null;
|
|
10
|
+
return (_jsxs(PsAlert, { variant: variant === PsNoticeVariant.Error ? 'destructive' : 'warning', children: [variant === PsNoticeVariant.Error ? _jsx(CircleAlert, {}) : _jsx(TriangleAlert, {}), _jsx(PsAlertTitle, { children: title }), _jsx(PsAlertDescription, { children: message })] }));
|
|
11
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment } from 'react';
|
|
3
|
+
import { PsBreadcrumbItem } from './ps-breadcrumb-item.js';
|
|
4
|
+
import { PsBreadcrumbLink } from './ps-breadcrumb-link.js';
|
|
5
|
+
import { PsBreadcrumbList } from './ps-breadcrumb-list.js';
|
|
6
|
+
import { PsBreadcrumbPage } from './ps-breadcrumb-page.js';
|
|
7
|
+
import { PsBreadcrumbSeparator } from './ps-breadcrumb-separator.js';
|
|
8
|
+
import { PsBreadcrumb } from './ps-breadcrumb.js';
|
|
9
|
+
export const PsPageHeader = ({ actions, crumbs = [], description, meta, renderLink, title, }) => (_jsxs("div", { className: 'flex flex-col gap-3', children: [crumbs.length > 0 ? (_jsx(PsBreadcrumb, { children: _jsxs(PsBreadcrumbList, { children: [crumbs.map((crumb) => (_jsxs(Fragment, { children: [_jsx(PsBreadcrumbItem, { children: _jsx(PsBreadcrumbLink, { asChild: true, children: renderLink ? (renderLink(crumb.href, crumb.label)) : (_jsx("a", { href: crumb.href, children: crumb.label })) }) }), _jsx(PsBreadcrumbSeparator, {})] }, crumb.href))), _jsx(PsBreadcrumbItem, { children: _jsx(PsBreadcrumbPage, { children: title }) })] }) })) : null, _jsxs("div", { className: 'flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between', children: [_jsxs("div", { className: 'flex min-w-0 flex-col gap-2', children: [_jsx("h1", { className: 'break-words text-2xl font-semibold tracking-tight text-foreground', children: title }), description ? (_jsx("p", { className: 'max-w-2xl text-sm text-muted-foreground', children: description })) : null, meta ? _jsx("div", { className: 'flex flex-wrap items-center gap-2', children: meta }) : null] }), actions ? _jsx("div", { className: 'flex shrink-0 flex-wrap items-center gap-2', children: actions }) : null] })] }));
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { PsSkeletonPageHeader } from './ps-skeleton-page-header.js';
|
|
3
|
+
export const PsPageSkeleton = ({ children, withActions = false }) => (_jsxs("section", { className: 'flex flex-col gap-6', children: [_jsx(PsSkeletonPageHeader, { withActions: withActions }), children] }));
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export const PsSectionHeading = ({ actions, description, title }) => (_jsxs("div", { className: 'flex flex-col gap-3 sm:flex-row sm:items-end sm:justify-between', children: [_jsxs("div", { className: 'flex min-w-0 flex-col gap-1', children: [_jsx("h2", { className: 'text-base font-semibold text-foreground', children: title }), description ? _jsx("p", { className: 'text-sm text-muted-foreground', children: description }) : null] }), actions ? _jsx("div", { className: 'flex shrink-0 flex-wrap items-center gap-2', children: actions }) : null] }));
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { PsCardDescription } from './ps-card-description.js';
|
|
3
|
+
import { PsCardHeader } from './ps-card-header.js';
|
|
4
|
+
import { PsCardTitle } from './ps-card-title.js';
|
|
5
|
+
import { PsCard } from './ps-card.js';
|
|
6
|
+
export const PsStatCard = ({ label, value }) => (_jsx(PsCard, { children: _jsxs(PsCardHeader, { className: 'gap-1 p-4', children: [_jsx(PsCardDescription, { children: label }), _jsx(PsCardTitle, { className: 'text-2xl tabular-nums', children: value })] }) }));
|
package/dist/esm/index.js
CHANGED
|
@@ -375,3 +375,17 @@ export * from './models/ps-pagination-link-props.js';
|
|
|
375
375
|
export * from './models/ps-pagination-props.js';
|
|
376
376
|
export * from './constants/ps-pagination-config.js';
|
|
377
377
|
export * from './services/ps-pagination-service.js';
|
|
378
|
+
export * from './components/ps-confirm-action.js';
|
|
379
|
+
export * from './components/ps-notice.js';
|
|
380
|
+
export * from './components/ps-page-header.js';
|
|
381
|
+
export * from './components/ps-page-skeleton.js';
|
|
382
|
+
export * from './components/ps-section-heading.js';
|
|
383
|
+
export * from './components/ps-stat-card.js';
|
|
384
|
+
export * from './constants/ps-notice-variant.js';
|
|
385
|
+
export * from './models/ps-confirm-action-props.js';
|
|
386
|
+
export * from './models/ps-notice-props.js';
|
|
387
|
+
export * from './models/ps-page-crumb-data.js';
|
|
388
|
+
export * from './models/ps-page-header-props.js';
|
|
389
|
+
export * from './models/ps-page-skeleton-props.js';
|
|
390
|
+
export * from './models/ps-section-heading-props.js';
|
|
391
|
+
export * from './models/ps-stat-card-props.js';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -375,3 +375,17 @@ export * from './models/ps-pagination-link-props.js';
|
|
|
375
375
|
export * from './models/ps-pagination-props.js';
|
|
376
376
|
export * from './constants/ps-pagination-config.js';
|
|
377
377
|
export * from './services/ps-pagination-service.js';
|
|
378
|
+
export * from './components/ps-confirm-action.js';
|
|
379
|
+
export * from './components/ps-notice.js';
|
|
380
|
+
export * from './components/ps-page-header.js';
|
|
381
|
+
export * from './components/ps-page-skeleton.js';
|
|
382
|
+
export * from './components/ps-section-heading.js';
|
|
383
|
+
export * from './components/ps-stat-card.js';
|
|
384
|
+
export * from './constants/ps-notice-variant.js';
|
|
385
|
+
export * from './models/ps-confirm-action-props.js';
|
|
386
|
+
export * from './models/ps-notice-props.js';
|
|
387
|
+
export * from './models/ps-page-crumb-data.js';
|
|
388
|
+
export * from './models/ps-page-header-props.js';
|
|
389
|
+
export * from './models/ps-page-skeleton-props.js';
|
|
390
|
+
export * from './models/ps-section-heading-props.js';
|
|
391
|
+
export * from './models/ps-stat-card-props.js';
|
package/dist/index.js
CHANGED
|
@@ -391,3 +391,17 @@ __exportStar(require("./models/ps-pagination-link-props.js"), exports);
|
|
|
391
391
|
__exportStar(require("./models/ps-pagination-props.js"), exports);
|
|
392
392
|
__exportStar(require("./constants/ps-pagination-config.js"), exports);
|
|
393
393
|
__exportStar(require("./services/ps-pagination-service.js"), exports);
|
|
394
|
+
__exportStar(require("./components/ps-confirm-action.js"), exports);
|
|
395
|
+
__exportStar(require("./components/ps-notice.js"), exports);
|
|
396
|
+
__exportStar(require("./components/ps-page-header.js"), exports);
|
|
397
|
+
__exportStar(require("./components/ps-page-skeleton.js"), exports);
|
|
398
|
+
__exportStar(require("./components/ps-section-heading.js"), exports);
|
|
399
|
+
__exportStar(require("./components/ps-stat-card.js"), exports);
|
|
400
|
+
__exportStar(require("./constants/ps-notice-variant.js"), exports);
|
|
401
|
+
__exportStar(require("./models/ps-confirm-action-props.js"), exports);
|
|
402
|
+
__exportStar(require("./models/ps-notice-props.js"), exports);
|
|
403
|
+
__exportStar(require("./models/ps-page-crumb-data.js"), exports);
|
|
404
|
+
__exportStar(require("./models/ps-page-header-props.js"), exports);
|
|
405
|
+
__exportStar(require("./models/ps-page-skeleton-props.js"), exports);
|
|
406
|
+
__exportStar(require("./models/ps-section-heading-props.js"), exports);
|
|
407
|
+
__exportStar(require("./models/ps-stat-card-props.js"), exports);
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { ReactNode } from 'react';
|
|
2
|
+
import type { PsPageCrumbData } from './ps-page-crumb-data.js';
|
|
3
|
+
export interface PsPageHeaderProps {
|
|
4
|
+
actions?: ReactNode;
|
|
5
|
+
crumbs?: PsPageCrumbData[];
|
|
6
|
+
description?: string;
|
|
7
|
+
meta?: ReactNode;
|
|
8
|
+
renderLink?: (href: string, children: ReactNode) => ReactNode;
|
|
9
|
+
title: string;
|
|
10
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pallasoft/ps-internal-components",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.4.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Shared Pallasoft internal UI: app header, app switcher and shadcn primitives for staff tools",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -12,7 +12,6 @@
|
|
|
12
12
|
"exports": {
|
|
13
13
|
".": {
|
|
14
14
|
"types": "./dist/index.d.ts",
|
|
15
|
-
"import": "./dist/esm/index.js",
|
|
16
15
|
"module": "./dist/esm/index.js",
|
|
17
16
|
"require": "./dist/index.js",
|
|
18
17
|
"default": "./dist/index.js"
|
|
@@ -20,7 +19,6 @@
|
|
|
20
19
|
"./theme.css": "./src/styles/theme.css",
|
|
21
20
|
"./tailwind-preset": {
|
|
22
21
|
"types": "./dist/pallasoft-internal-tailwind-preset.d.ts",
|
|
23
|
-
"import": "./dist/esm/pallasoft-internal-tailwind-preset.js",
|
|
24
22
|
"module": "./dist/esm/pallasoft-internal-tailwind-preset.js",
|
|
25
23
|
"require": "./dist/pallasoft-internal-tailwind-preset.js",
|
|
26
24
|
"default": "./dist/pallasoft-internal-tailwind-preset.js"
|