@pallasoft/ps-internal-components 1.0.0 → 1.1.0

package/dist/esm/models/ps-external-app-data.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-field-content-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-field-description-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-field-error-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-field-group-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-field-input-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-field-label-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-field-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-file-picker-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-input-group-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-input-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-kbd-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-label-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-money-input-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-navigation-progress-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-not-found-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-option-data.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-option-select-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-pallasoft-app-data.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-pallasoft-app-urls-data.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-phone-input-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-popover-content-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-progress-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-radio-group-item-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-radio-group-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-root-error-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-scroll-area-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-scroll-bar-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-select-content-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-select-item-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-select-label-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-select-scroll-down-button-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-select-scroll-up-button-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-select-separator-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-select-trigger-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-separator-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sheet-content-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sheet-description-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sheet-footer-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sheet-header-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sheet-overlay-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-sheet-title-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-skeleton-card-grid-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-skeleton-list-card-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-skeleton-page-header-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-skeleton-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-skeleton-stat-grid-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-skeleton-table-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-spinner-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-status-panel-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-switch-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-table-body-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-table-caption-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-table-cell-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-table-footer-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-table-head-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-table-header-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-table-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-table-row-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-tabs-content-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-tabs-list-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-tabs-trigger-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-textarea-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-toggle-group-context-data.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-toggle-group-item-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-toggle-group-multiple-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-toggle-group-single-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-toggle-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-tooltip-content-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-workspace-badge-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-workspace-item-data.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-workspace-switcher-data.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/models/ps-workspace-switcher-props.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/pallasoft-internal-tailwind-preset.js

@@ -0,0 +1,90 @@
+import tailwindAnimate from 'tailwindcss-animate';
+import { PallasoftFontSize } from './constants/pallasoft-font-size.js';
+import { PallasoftMotion } from './constants/pallasoft-motion.js';
+import { PallasoftScreens } from './constants/pallasoft-screens.js';
+import { PallasoftSharedScale } from './constants/pallasoft-shared-scale.js';
+export const PallasoftInternalTailwindPreset = {
+    theme: {
+        screens: PallasoftScreens,
+        extend: {
+            colors: {
+                border: 'var(--border)',
+                input: 'var(--input)',
+                ring: 'var(--ring)',
+                background: 'var(--background)',
+                foreground: 'var(--foreground)',
+                card: {
+                    DEFAULT: 'var(--card)',
+                    foreground: 'var(--card-foreground)',
+                },
+                popover: {
+                    DEFAULT: 'var(--popover)',
+                    foreground: 'var(--popover-foreground)',
+                },
+                primary: {
+                    DEFAULT: 'var(--primary)',
+                    foreground: 'var(--primary-foreground)',
+                    hover: 'var(--primary-hover)',
+                },
+                secondary: {
+                    DEFAULT: 'var(--secondary)',
+                    foreground: 'var(--secondary-foreground)',
+                },
+                muted: {
+                    DEFAULT: 'var(--muted)',
+                    foreground: 'var(--muted-foreground)',
+                },
+                accent: {
+                    DEFAULT: 'var(--accent)',
+                    foreground: 'var(--accent-foreground)',
+                },
+                destructive: {
+                    DEFAULT: 'var(--destructive)',
+                    foreground: 'var(--destructive-foreground)',
+                    muted: 'var(--destructive-muted)',
+                },
+                warning: {
+                    DEFAULT: 'var(--warning)',
+                    foreground: 'var(--warning-foreground)',
+                    muted: 'var(--warning-muted)',
+                },
+                success: {
+                    DEFAULT: 'var(--success)',
+                    foreground: 'var(--success-foreground)',
+                    muted: 'var(--success-muted)',
+                },
+                info: 'var(--info)',
+                sidebar: {
+                    'DEFAULT': 'var(--sidebar)',
+                    'foreground': 'var(--sidebar-foreground)',
+                    'primary': 'var(--sidebar-primary)',
+                    'primary-foreground': 'var(--sidebar-primary-foreground)',
+                    'accent': 'var(--sidebar-accent)',
+                    'accent-foreground': 'var(--sidebar-accent-foreground)',
+                    'border': 'var(--sidebar-border)',
+                    'ring': 'var(--sidebar-ring)',
+                },
+                overlay: 'rgb(15 23 42 / 0.62)',
+                chart: {
+                    '1': 'var(--chart-1)',
+                    '2': 'var(--chart-2)',
+                    '3': 'var(--chart-3)',
+                    '4': 'var(--chart-4)',
+                    '5': 'var(--chart-5)',
+                },
+            },
+            borderRadius: {
+                lg: 'var(--radius)',
+                md: 'calc(var(--radius) - 2px)',
+                sm: 'calc(var(--radius) - 4px)',
+            },
+            fontFamily: {
+                sans: ['Geist Variable', 'ui-sans-serif', 'system-ui', 'sans-serif'],
+            },
+            ...PallasoftSharedScale,
+            fontSize: PallasoftFontSize,
+            ...PallasoftMotion,
+        },
+    },
+    plugins: [tailwindAnimate],
+};

package/dist/esm/services/ps-app-switcher-service.js

@@ -0,0 +1,56 @@
+import { PsAppCategoryLabels } from '../constants/ps-app-category-labels.js';
+import { PsAppSwitcherConfig } from '../constants/ps-app-switcher-config.js';
+import { PsExternalApps } from '../constants/ps-external-apps.js';
+import { PsPallasoftApps } from '../constants/ps-pallasoft-apps.js';
+export class PsAppSwitcherService {
+    static sections(appUrls, currentAppKey) {
+        const ownSections = PsAppSwitcherConfig.categoryOrder.map((category) => this.section(category, this.links(category, appUrls, currentAppKey)));
+        const externalSections = PsAppSwitcherConfig.externalCategoryOrder.map((category) => this.section(category, PsExternalApps.filter((app) => app.category === category).map((app) => this.externalLink(app))));
+        return [...ownSections, ...externalSections].filter((section) => section.links.length > 0);
+    }
+    static links(category, appUrls, currentAppKey) {
+        return PsPallasoftApps.filter((app) => app.category === category && Boolean(appUrls[app.urlField])).map((app) => ({
+            key: app.key,
+            name: app.name,
+            url: appUrls[app.urlField],
+            iconUrl: this.siteFaviconUrl(appUrls[app.urlField]),
+            fallbackIconUrl: this.iconUrlFromUrl(appUrls[app.urlField]),
+            initials: app.initials,
+            external: app.openInNewTab,
+            current: app.key === currentAppKey,
+        }));
+    }
+    static siteFaviconUrl(url) {
+        try {
+            return new URL(PsAppSwitcherConfig.siteFaviconPath, url).toString();
+        }
+        catch (error) {
+            console.error(error);
+            return null;
+        }
+    }
+    static iconUrlFromUrl(url) {
+        try {
+            return PsAppSwitcherConfig.faviconUrl(new URL(url).hostname);
+        }
+        catch (error) {
+            console.error(error);
+            return null;
+        }
+    }
+    static section(category, links) {
+        return { category, label: PsAppCategoryLabels[category], links };
+    }
+    static externalLink(app) {
+        return {
+            key: app.key,
+            name: app.name,
+            url: app.url,
+            iconUrl: PsAppSwitcherConfig.faviconUrl(app.domain),
+            fallbackIconUrl: null,
+            initials: app.name.slice(0, 1),
+            external: true,
+            current: false,
+        };
+    }
+}

package/dist/esm/services/ps-chart-service.js

@@ -0,0 +1,42 @@
+import { PsChartDefaults } from '../constants/ps-chart-defaults.js';
+import { PsChartThemes } from '../constants/ps-chart-themes.js';
+export class PsChartService {
+    static chartId(id, generated) {
+        return `${PsChartDefaults.idPrefix}${id !== undefined ? id : generated.replace(PsChartDefaults.idSeparators, '')}`;
+    }
+    static css(id, config) {
+        const colored = Object.entries(config).filter(([, item]) => item.theme !== undefined || item.color !== undefined);
+        if (colored.length === 0)
+            return '';
+        return Object.entries(PsChartThemes)
+            .map(([theme, prefix]) => {
+            const variables = colored
+                .map(([key, item]) => {
+                const color = PsChartService.color(item, theme === 'dark');
+                return color === undefined ? '' : `  --color-${key}: ${color};`;
+            })
+                .filter((line) => line !== '')
+                .join('\n');
+            return `${prefix} [data-chart=${id}] {\n${variables}\n}`;
+        })
+            .join('\n');
+    }
+    static itemFor(config, payload, key) {
+        if (typeof payload !== 'object' || payload === null)
+            return undefined;
+        const record = payload;
+        const inner = record[PsChartDefaults.payloadKey];
+        const innerRecord = typeof inner === 'object' && inner !== null ? inner : null;
+        let configKey = key;
+        if (typeof record[key] === 'string')
+            configKey = String(record[key]);
+        else if (innerRecord !== null && typeof innerRecord[key] === 'string')
+            configKey = String(innerRecord[key]);
+        return configKey in config ? config[configKey] : config[key];
+    }
+    static color(item, dark) {
+        if (item.theme !== undefined)
+            return dark ? item.theme.dark : item.theme.light;
+        return item.color;
+    }
+}

package/dist/esm/services/ps-class-name-service.js

@@ -0,0 +1,7 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+export class PsClassNameService {
+    static merge(...classNames) {
+        return twMerge(clsx(classNames));
+    }
+}

package/dist/esm/services/ps-field-format-service.js

@@ -0,0 +1,31 @@
+import { Common } from '@pallasoft/ps-utilities';
+import { PsFieldInputConfig } from '../constants/ps-field-input-config.js';
+export class PsFieldFormatService {
+    static url(value) {
+        return Common.ValidationService.withProtocol(value);
+    }
+    static moneyValue(text) {
+        if (!Common.AmountService.isAmount(text))
+            return '';
+        return Common.AmountService.toNumber(text).toFixed(PsFieldInputConfig.moneyFractionDigits);
+    }
+    static moneyText(value, locale) {
+        if (value === '')
+            return '';
+        return new Intl.NumberFormat(locale, {
+            minimumFractionDigits: PsFieldInputConfig.moneyFractionDigits,
+            maximumFractionDigits: PsFieldInputConfig.moneyFractionDigits,
+        }).format(Number(value));
+    }
+    static currencySymbol(currency, locale) {
+        try {
+            const part = new Intl.NumberFormat(locale, { style: 'currency', currency })
+                .formatToParts(0)
+                .find((candidate) => candidate.type === 'currency');
+            return part === undefined ? currency : part.value;
+        }
+        catch {
+            return currency;
+        }
+    }
+}

package/dist/esm/services/ps-file-size-service.js

@@ -0,0 +1,6 @@
+import { Common } from '@pallasoft/ps-utilities';
+export class PsFileSizeService {
+    static label(bytes) {
+        return Common.FileSizeService.format(bytes);
+    }
+}

package/dist/hooks/use-ps-chart.js

@@ -1,9 +1,46 @@
-import * as React from 'react';
-import { PsChartDefaults } from '../constants/ps-chart-defaults.js';
-import { PsChartContext } from '../contexts/ps-chart-context.js';
-export const usePsChart = () => {
-    const context = React.useContext(PsChartContext);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsChart = void 0;
+const React = __importStar(require("react"));
+const ps_chart_defaults_js_1 = require("../constants/ps-chart-defaults.js");
+const ps_chart_context_js_1 = require("../contexts/ps-chart-context.js");
+const usePsChart = () => {
+    const context = React.useContext(ps_chart_context_js_1.PsChartContext);
     if (context === null)
-        throw new Error(PsChartDefaults.missingContext);
+        throw new Error(ps_chart_defaults_js_1.PsChartDefaults.missingContext);
     return context;
 };
+exports.usePsChart = usePsChart;

package/dist/index.d.ts

@@ -136,6 +136,11 @@ export * from './components/ps-sheet-title.js';
 export * from './components/ps-sheet-trigger.js';
 export * from './components/ps-sheet.js';
 export * from './components/ps-skeleton.js';
+export * from './components/ps-skeleton-card-grid.js';
+export * from './components/ps-skeleton-list-card.js';
+export * from './components/ps-skeleton-page-header.js';
+export * from './components/ps-skeleton-stat-grid.js';
+export * from './components/ps-skeleton-table.js';
 export * from './components/ps-spinner.js';
 export * from './components/ps-status-panel.js';
 export * from './components/ps-switch.js';
@@ -315,6 +320,11 @@ export * from './models/ps-sheet-header-props.js';
 export * from './models/ps-sheet-overlay-props.js';
 export * from './models/ps-sheet-title-props.js';
 export * from './models/ps-skeleton-props.js';
+export * from './models/ps-skeleton-card-grid-props.js';
+export * from './models/ps-skeleton-list-card-props.js';
+export * from './models/ps-skeleton-page-header-props.js';
+export * from './models/ps-skeleton-stat-grid-props.js';
+export * from './models/ps-skeleton-table-props.js';
 export * from './models/ps-spinner-props.js';
 export * from './models/ps-status-panel-props.js';
 export * from './models/ps-switch-props.js';