@pallasoft/ps-internal-components 1.0.0 → 1.0.1

package/dist/esm/constants/ps-app-key.js

@@ -0,0 +1,16 @@
+export var PsAppKey;
+(function (PsAppKey) {
+    PsAppKey["Hub"] = "hub";
+    PsAppKey["PallaBuzz"] = "pallabuzz";
+    PsAppKey["PallaForge"] = "pallaforge";
+    PsAppKey["Esna"] = "esna";
+    PsAppKey["Website"] = "website";
+    PsAppKey["HelpScout"] = "help-scout";
+    PsAppKey["GoogleAds"] = "google-ads";
+    PsAppKey["MetaAds"] = "meta-ads";
+    PsAppKey["OpenAIAds"] = "openai-ads";
+    PsAppKey["PinterestAds"] = "pinterest-ads";
+    PsAppKey["TikTokAds"] = "tiktok-ads";
+    PsAppKey["GoogleAnalytics"] = "google-analytics";
+    PsAppKey["PostHog"] = "posthog";
+})(PsAppKey || (PsAppKey = {}));

package/dist/esm/constants/ps-app-switcher-config.js

@@ -0,0 +1,11 @@
+import { PsAppCategory } from './ps-app-category.js';
+export const PsAppSwitcherConfig = {
+    categoryOrder: [PsAppCategory.Internal, PsAppCategory.Product],
+    externalCategoryOrder: [PsAppCategory.Support, PsAppCategory.Ads, PsAppCategory.Analytics],
+    externalRel: 'noreferrer',
+    externalTarget: '_blank',
+    faviconUrl: (domain) => `https://www.google.com/s2/favicons?domain=${domain}&sz=64`,
+    siteFaviconPath: '/favicon.ico',
+    title: 'Apps',
+    triggerLabel: 'Open Pallasoft apps',
+};

package/dist/esm/constants/ps-badge-variants.js

@@ -0,0 +1,16 @@
+import { cva } from 'class-variance-authority';
+export const PsBadgeVariants = cva('inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2', {
+    variants: {
+        variant: {
+            default: 'border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80',
+            secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80',
+            destructive: 'border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80',
+            outline: 'text-foreground',
+            success: 'border-transparent bg-success-muted text-success-foreground',
+            warning: 'border-transparent bg-warning-muted text-warning-foreground',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+    },
+});

package/dist/esm/constants/ps-button-variants.js

@@ -0,0 +1,23 @@
+import { cva } from 'class-variance-authority';
+export const PsButtonVariants = cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
+            destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
+            outline: 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
+            secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
+            ghost: 'hover:bg-accent hover:text-accent-foreground',
+            link: 'text-primary underline-offset-4 hover:underline',
+        },
+        size: {
+            default: 'h-9 px-4 py-2',
+            sm: 'h-8 rounded-md px-3 text-xs',
+            lg: 'h-10 rounded-md px-8',
+            icon: 'h-9 w-9',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});

package/dist/esm/constants/ps-chart-defaults.js

@@ -0,0 +1,7 @@
+export const PsChartDefaults = {
+    idPrefix: 'chart-',
+    idSeparators: /:/g,
+    missingContext: 'PsChart parts must sit inside a PsChartContainer',
+    valueKey: 'value',
+    payloadKey: 'payload',
+};

package/dist/esm/constants/ps-chart-themes.js

@@ -0,0 +1,4 @@
+export const PsChartThemes = {
+    light: '',
+    dark: '.dark',
+};

package/dist/esm/constants/ps-date-picker-config.js

@@ -0,0 +1,6 @@
+export const PsDatePickerConfig = {
+    placeholder: 'Pick a date',
+    clear: 'Clear date',
+    storageFormat: 'YYYY-MM-DD',
+    displayFormat: 'MMM D, YYYY',
+};

package/dist/esm/constants/ps-external-apps.js

@@ -0,0 +1,60 @@
+import { PsAppCategory } from './ps-app-category.js';
+import { PsAppKey } from './ps-app-key.js';
+export const PsExternalApps = [
+    {
+        key: PsAppKey.HelpScout,
+        name: 'Help Scout',
+        category: PsAppCategory.Support,
+        url: 'https://secure.helpscout.net',
+        domain: 'helpscout.com',
+    },
+    {
+        key: PsAppKey.GoogleAds,
+        name: 'Google Ads',
+        category: PsAppCategory.Ads,
+        url: 'https://ads.google.com',
+        domain: 'ads.google.com',
+    },
+    {
+        key: PsAppKey.MetaAds,
+        name: 'Meta Ads',
+        category: PsAppCategory.Ads,
+        url: 'https://adsmanager.facebook.com',
+        domain: 'facebook.com',
+    },
+    {
+        key: PsAppKey.OpenAIAds,
+        name: 'OpenAI Ads',
+        category: PsAppCategory.Ads,
+        url: 'https://platform.openai.com',
+        domain: 'openai.com',
+    },
+    {
+        key: PsAppKey.PinterestAds,
+        name: 'Pinterest Ads',
+        category: PsAppCategory.Ads,
+        url: 'https://ads.pinterest.com',
+        domain: 'ads.pinterest.com',
+    },
+    {
+        key: PsAppKey.TikTokAds,
+        name: 'TikTok Ads',
+        category: PsAppCategory.Ads,
+        url: 'https://ads.tiktok.com',
+        domain: 'ads.tiktok.com',
+    },
+    {
+        key: PsAppKey.GoogleAnalytics,
+        name: 'Google Analytics',
+        category: PsAppCategory.Analytics,
+        url: 'https://analytics.google.com',
+        domain: 'analytics.google.com',
+    },
+    {
+        key: PsAppKey.PostHog,
+        name: 'PostHog',
+        category: PsAppCategory.Analytics,
+        url: 'https://us.posthog.com',
+        domain: 'posthog.com',
+    },
+];

package/dist/esm/constants/ps-field-input-config.js

@@ -0,0 +1,6 @@
+export const PsFieldInputConfig = {
+    defaultLocale: 'en-CA',
+    defaultCountry: 'CA',
+    moneyFractionDigits: 2,
+    percentSuffix: '%',
+};

package/dist/esm/constants/ps-field-orientation.js

@@ -0,0 +1,5 @@
+export var PsFieldOrientation;
+(function (PsFieldOrientation) {
+    PsFieldOrientation["Vertical"] = "vertical";
+    PsFieldOrientation["Horizontal"] = "horizontal";
+})(PsFieldOrientation || (PsFieldOrientation = {}));

package/dist/esm/constants/ps-file-picker-config.js

@@ -0,0 +1,5 @@
+export const PsFilePickerConfig = {
+    prompt: 'Drag a file here or click to browse',
+    change: 'Change',
+    remove: 'Remove',
+};

package/dist/esm/constants/ps-label-variants.js

@@ -0,0 +1,2 @@
+import { cva } from 'class-variance-authority';
+export const PsLabelVariants = cva('text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70');

package/dist/esm/constants/ps-navigation-progress-config.js

@@ -0,0 +1,8 @@
+export const PsNavigationProgressConfig = {
+    completeValue: 100,
+    hideDelayMs: 200,
+    loadingValue: 75,
+    resetDelayMs: 450,
+    startValue: 0,
+    submittingValue: 40,
+};

package/dist/esm/constants/ps-navigation-state.js

@@ -0,0 +1,6 @@
+export var PsNavigationState;
+(function (PsNavigationState) {
+    PsNavigationState["Idle"] = "idle";
+    PsNavigationState["Loading"] = "loading";
+    PsNavigationState["Submitting"] = "submitting";
+})(PsNavigationState || (PsNavigationState = {}));

package/dist/esm/constants/ps-option-select-config.js

@@ -0,0 +1,5 @@
+export const PsOptionSelectConfig = {
+    emptyValue: '__ps_empty__',
+    searchPlaceholder: 'Search',
+    noResults: 'Nothing matches that',
+};

package/dist/esm/constants/ps-pallasoft-app-url-field.js

@@ -0,0 +1,8 @@
+export var PsPallasoftAppUrlField;
+(function (PsPallasoftAppUrlField) {
+    PsPallasoftAppUrlField["Hub"] = "hubUrl";
+    PsPallasoftAppUrlField["PallaBuzz"] = "pallaBuzzUrl";
+    PsPallasoftAppUrlField["PallaForge"] = "pallaForgeUrl";
+    PsPallasoftAppUrlField["Esna"] = "esnaUrl";
+    PsPallasoftAppUrlField["Website"] = "websiteUrl";
+})(PsPallasoftAppUrlField || (PsPallasoftAppUrlField = {}));

package/dist/esm/constants/ps-pallasoft-apps.js

@@ -0,0 +1,37 @@
+import { PsAppCategory } from './ps-app-category.js';
+import { PsAppKey } from './ps-app-key.js';
+import { PsPallasoftAppUrlField } from './ps-pallasoft-app-url-field.js';
+export const PsPallasoftApps = [
+    {
+        key: PsAppKey.PallaBuzz,
+        category: PsAppCategory.Product,
+        openInNewTab: true,
+        name: 'PallaBuzz',
+        urlField: PsPallasoftAppUrlField.PallaBuzz,
+        initials: 'PB',
+    },
+    {
+        key: PsAppKey.PallaForge,
+        category: PsAppCategory.Product,
+        openInNewTab: true,
+        name: 'PallaForge',
+        urlField: PsPallasoftAppUrlField.PallaForge,
+        initials: 'PF',
+    },
+    {
+        key: PsAppKey.Esna,
+        category: PsAppCategory.Product,
+        openInNewTab: true,
+        name: 'eSNA',
+        urlField: PsPallasoftAppUrlField.Esna,
+        initials: 'ES',
+    },
+    {
+        key: PsAppKey.Website,
+        category: PsAppCategory.Product,
+        openInNewTab: true,
+        name: 'Pallasoft',
+        urlField: PsPallasoftAppUrlField.Website,
+        initials: 'PS',
+    },
+];

package/dist/esm/constants/ps-password-input-config.js

@@ -0,0 +1,4 @@
+export const PsPasswordInputConfig = {
+    show: 'Show password',
+    hide: 'Hide password',
+};

package/dist/esm/constants/ps-phone-input-config.js

@@ -0,0 +1,6 @@
+export const PsPhoneInputConfig = {
+    countryLabel: 'Country calling code',
+    searchPlaceholder: 'Search countries',
+    noResults: 'No country matches that',
+    plus: '+',
+};

package/dist/esm/constants/ps-root-status-messages.js

@@ -0,0 +1,11 @@
+export const PsRootStatusMessages = {
+    defaultHomePath: '/',
+    notFoundCode: '404',
+    notFoundTitle: 'This page does not exist',
+    notFoundDescription: 'The page you are looking for does not exist or may have moved.',
+    errorTitle: 'Unable to load this screen',
+    errorDescription: 'Refresh the page. If it keeps happening, return home and try again.',
+    goHomeLabel: 'Go to Home',
+    goBackLabel: 'Go Back',
+    refreshLabel: 'Refresh',
+};

package/dist/esm/constants/ps-sheet-variants.js

@@ -0,0 +1,14 @@
+import { cva } from 'class-variance-authority';
+export const PsSheetVariants = cva('fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out', {
+    variants: {
+        side: {
+            top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',
+            bottom: 'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',
+            left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',
+            right: 'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',
+        },
+    },
+    defaultVariants: {
+        side: 'right',
+    },
+});

package/dist/esm/constants/ps-toggle-variants.js

@@ -0,0 +1,18 @@
+import { cva } from 'class-variance-authority';
+export const PsToggleVariants = cva('inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0', {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',
+        },
+        size: {
+            default: 'h-9 px-2 min-w-9',
+            sm: 'h-8 px-1.5 min-w-8',
+            lg: 'h-10 px-2.5 min-w-10',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});

package/dist/esm/contexts/ps-chart-context.js

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export const PsChartContext = React.createContext(null);

package/dist/esm/contexts/ps-toggle-group-context.js

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export const PsToggleGroupContext = React.createContext({
+    size: 'default',
+    variant: 'default',
+});

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

@@ -0,0 +1,9 @@
+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);
+    if (context === null)
+        throw new Error(PsChartDefaults.missingContext);
+    return context;
+};