@headless-adminapp/app 0.0.17-alpha.8 → 1.0.0

package/utils/getAttributeFormattedValue.js

@@ -5,84 +5,139 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getAttributeFormattedValue = getAttributeFormattedValue;
 const dayjs_1 = __importDefault(require("dayjs"));
+const timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
+const utc_1 = __importDefault(require("dayjs/plugin/utc"));
+const phone_1 = require("./phone");
+dayjs_1.default.extend(utc_1.default);
+dayjs_1.default.extend(timezone_1.default);
 const defaultAttributeFormattedValueStrings = {
     yes: 'Yes',
     no: 'No',
 };
 const defaultDateFormat = 'YYYY-MM-DD';
+const defaultTimeFormat = 'HH:mm';
 const defaultLocale = 'en-US';
 const defaultCurrency = 'USD';
 const defaultCurrencySign = 'accounting';
 const defaultCurrencyDisplay = 'symbol';
+function getAttributeLookupsFormattedValue(value, options) {
+    const items = value?.map((v) => v.name);
+    if (options?.maxCount && items?.length > options.maxCount) {
+        return (items.slice(0, options.maxCount).join(', ') +
+            ` (+${items.length - options.maxCount})`);
+    }
+    else {
+        return items?.join(', ');
+    }
+}
+function getAttributeAttachmentFormattedValue(value) {
+    return value?.url ?? null;
+}
+function getAttributeDateFormattedValue(attribute, value, options) {
+    const dateFormat = options?.dateFormat ?? defaultDateFormat;
+    const timeFormat = options?.timeFormat ?? defaultTimeFormat;
+    if (attribute.format === 'datetime') {
+        return (0, dayjs_1.default)(value)
+            .tz(options?.timezone)
+            .format(dateFormat + ' ' + timeFormat);
+    }
+    else {
+        return (0, dayjs_1.default)(value)
+            .tz(options?.timezone)
+            .format(dateFormat);
+    }
+}
+function getAttributeDateRangeFormattedValue(value, options) {
+    if (!value)
+        return null;
+    const dateFormat = options?.dateFormat ?? defaultDateFormat;
+    const from = value[0];
+    const to = value[1];
+    if (!from && !to) {
+        return null;
+    }
+    if (from && to) {
+        return ((0, dayjs_1.default)(from).tz(options?.timezone).format(dateFormat) +
+            ' - ' +
+            (0, dayjs_1.default)(to).tz(options?.timezone).format(dateFormat));
+    }
+    if (from) {
+        return 'After ' + (0, dayjs_1.default)(from).tz(options?.timezone).format(dateFormat);
+    }
+    if (to) {
+        return 'Before ' + (0, dayjs_1.default)(to).tz(options?.timezone).format(dateFormat);
+    }
+    return null;
+}
+function getAttributeBooleanFormattedValue(attribute, value, options) {
+    const strings = options?.strings ?? defaultAttributeFormattedValueStrings;
+    return value
+        ? attribute.trueLabel ?? strings.yes
+        : attribute.falseLabel ?? strings.no;
+}
+function getAttributeChoiceFormattedValue(attribute, value) {
+    return (attribute.options.find((option) => option.value === value) ?? {
+        label: '',
+    }).label;
+}
+function getAttributeChoicesFormattedValue(attribute, value) {
+    return value
+        .map((v) => {
+        return (attribute.options.find((option) => option.value === v) ?? {
+            label: '',
+        }).label;
+    })
+        .join(', ');
+}
+function getAttributeLookupFormattedValue(value) {
+    return value?.name;
+}
+function getAttributeMoneyFormattedValue(value, options) {
+    const locale = options?.locale ?? defaultLocale;
+    const currency = options?.currency ?? defaultCurrency;
+    const currencySign = options?.currencySign ?? defaultCurrencySign;
+    const currencyDisplay = options?.currencyDisplay ?? defaultCurrencyDisplay;
+    return new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency,
+        currencySign,
+        currencyDisplay,
+    }).format(value);
+}
 function getAttributeFormattedValue(attribute, value, options) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (value === null || value === undefined) {
         return null;
     }
-    const strings = (_a = options === null || options === void 0 ? void 0 : options.strings) !== null && _a !== void 0 ? _a : defaultAttributeFormattedValueStrings;
-    const dateFormat = (_b = options === null || options === void 0 ? void 0 : options.dateFormat) !== null && _b !== void 0 ? _b : defaultDateFormat;
-    const locale = (_c = options === null || options === void 0 ? void 0 : options.locale) !== null && _c !== void 0 ? _c : defaultLocale;
-    const currency = (_d = options === null || options === void 0 ? void 0 : options.currency) !== null && _d !== void 0 ? _d : defaultCurrency;
-    const currencySign = (_e = options === null || options === void 0 ? void 0 : options.currencySign) !== null && _e !== void 0 ? _e : defaultCurrencySign;
-    const currencyDisplay = (_f = options === null || options === void 0 ? void 0 : options.currencyDisplay) !== null && _f !== void 0 ? _f : defaultCurrencyDisplay;
+    const locale = options?.locale ?? defaultLocale;
+    const region = options?.region ?? 'US';
     switch (attribute.type) {
         case 'boolean':
-            return value
-                ? (_g = attribute.trueLabel) !== null && _g !== void 0 ? _g : strings.yes
-                : (_h = attribute.falseLabel) !== null && _h !== void 0 ? _h : strings.no;
+            return getAttributeBooleanFormattedValue(attribute, value, options);
         case 'choice':
-            return ((_j = attribute.options.find((option) => option.value === value)) !== null && _j !== void 0 ? _j : {
-                label: '',
-            }).label;
+            return getAttributeChoiceFormattedValue(attribute, value);
         case 'choices':
-            return value
-                .map((v) => {
-                var _a;
-                return ((_a = attribute.options.find((option) => option.value === v)) !== null && _a !== void 0 ? _a : {
-                    label: '',
-                }).label;
-            })
-                .join(', ');
+            return getAttributeChoicesFormattedValue(attribute, value);
         case 'date':
-            return (0, dayjs_1.default)(value).format(dateFormat);
+            return getAttributeDateFormattedValue(attribute, value, options);
         case 'daterange':
-            if (!value)
-                return null;
-            const from = value[0];
-            const to = value[1];
-            if (!from && !to) {
-                return null;
-            }
-            if (from && to) {
-                return ((0, dayjs_1.default)(from).format(dateFormat) + ' - ' + (0, dayjs_1.default)(to).format(dateFormat));
-            }
-            if (from) {
-                return 'After ' + (0, dayjs_1.default)(from).format(dateFormat);
-            }
-            if (to) {
-                return 'Before ' + (0, dayjs_1.default)(to).format(dateFormat);
-            }
-            return null;
+            return getAttributeDateRangeFormattedValue(value, options);
         case 'lookup':
-            return value === null || value === void 0 ? void 0 : value.name;
+            return getAttributeLookupFormattedValue(value);
         case 'lookups':
-            const items = value === null || value === void 0 ? void 0 : value.map((v) => v.name);
-            if ((options === null || options === void 0 ? void 0 : options.maxCount) && (items === null || items === void 0 ? void 0 : items.length) > options.maxCount) {
-                return (items.slice(0, options.maxCount).join(', ') +
-                    ` (+${items.length - options.maxCount})`);
-            }
-            else {
-                return items === null || items === void 0 ? void 0 : items.join(', ');
-            }
+            return getAttributeLookupsFormattedValue(value, options);
         case 'money':
-            return new Intl.NumberFormat(locale, {
-                style: 'currency',
-                currency,
-                currencySign,
-                currencyDisplay,
-            }).format(value);
+            return getAttributeMoneyFormattedValue(value, options);
         case 'number':
             return new Intl.NumberFormat(locale).format(value);
+        case 'attachment':
+            return getAttributeAttachmentFormattedValue(value);
+        case 'string':
+            if (attribute.format === 'phone' && typeof value === 'string') {
+                return (0, phone_1.parsePhoneNumber)(value, region).formattedNationalValue;
+            }
+            return typeof value === 'object'
+                ? JSON.stringify(value)
+                : value;
         default:
             return typeof value === 'object'
                 ? JSON.stringify(value)

package/utils/phone.d.ts

@@ -0,0 +1,13 @@
+export declare function parsePhoneNumber(input: string, defaultCountry?: string): {
+    formattedInternationalValue: string;
+    formattedNationalValue: string;
+    rawValue: string;
+    isValid: boolean;
+    uri: string;
+} | {
+    formattedInternationalValue: string;
+    formattedNationalValue: string;
+    rawValue: string;
+    isValid: boolean;
+    uri: null;
+};

package/utils/phone.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parsePhoneNumber = parsePhoneNumber;
+const libphonenumber_js_1 = require("libphonenumber-js");
+function parsePhoneNumber(input, defaultCountry) {
+    try {
+        const phoneNumber = (0, libphonenumber_js_1.parsePhoneNumberWithError)(input, defaultCountry);
+        let rawValue = String(phoneNumber.number);
+        if (phoneNumber.ext) {
+            rawValue += ';ext=' + phoneNumber.ext;
+        }
+        let formattedNational = phoneNumber.formatInternational();
+        if (defaultCountry && defaultCountry === phoneNumber.country) {
+            formattedNational = phoneNumber.formatNational();
+        }
+        return {
+            formattedInternationalValue: phoneNumber.formatInternational(),
+            formattedNationalValue: formattedNational,
+            rawValue: rawValue,
+            isValid: phoneNumber.isPossible(),
+            uri: phoneNumber.getURI(),
+        };
+    }
+    catch (error) {
+        return {
+            formattedInternationalValue: input,
+            formattedNationalValue: input,
+            rawValue: input,
+            isValid: false,
+            uri: null,
+        };
+    }
+}

package/appearance/context.d.ts

@@ -1,7 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-export type ColorScheme = 'system' | 'light' | 'dark';
-export interface AppearanceContextState {
-    colorScheme: ColorScheme;
-    brandColor: string;
-}
-export declare const AppearanceContext: import("react").Context<[AppearanceContextState, Dispatch<SetStateAction<AppearanceContextState>>] | null>;

package/appearance/context.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppearanceContext = void 0;
-const react_1 = require("react");
-exports.AppearanceContext = (0, react_1.createContext)(null);

package/appearance/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './useAppearanceContext';

package/appearance/hooks/useAppearanceContext.d.ts

@@ -1 +0,0 @@
-export declare function useAppearanceContext(): [import("../context").AppearanceContextState, import("react").Dispatch<import("react").SetStateAction<import("../context").AppearanceContextState>>];

package/appearance/hooks/useAppearanceContext.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAppearanceContext = useAppearanceContext;
-const react_1 = require("react");
-const context_1 = require("../context");
-function useAppearanceContext() {
-    const context = (0, react_1.useContext)(context_1.AppearanceContext);
-    if (!context) {
-        throw new Error('useAppContext must be used within a AppContextProvider');
-    }
-    return context;
-}

package/appearance/index.d.ts

@@ -1,2 +0,0 @@
-export { AppearanceContext, type ColorScheme, type AppearanceContextState, } from './context';
-export * from './hooks';

package/appearance/index.js

@@ -1,20 +0,0 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppearanceContext = void 0;
-var context_1 = require("./context");
-Object.defineProperty(exports, "AppearanceContext", { enumerable: true, get: function () { return context_1.AppearanceContext; } });
-__exportStar(require("./hooks"), exports);

package/builders/CommandBuilder.d.ts

@@ -1,176 +0,0 @@
-import { EntityFormCommandContext, EntityMainFormCommandItemExperience } from '@headless-adminapp/core/experience/form';
-import { EntityMainGridCommandItemExperience, SubGridCommandItemExperience } from '@headless-adminapp/core/experience/view';
-import { Localized } from '@headless-adminapp/core/types';
-import { Icon } from '@headless-adminapp/icons';
-export declare function localizedLabel<T extends {
-    label: string;
-    localizedLabels?: Localized<string>;
-}>(language: string, value: T, fallback?: T): string;
-export declare function createLocalizedSelector<T>(stringSet: T, localizedStringSet: Localized<T> | undefined, language: string): <U>(selector: (stringSet: T) => U) => U;
-export declare namespace CommandBuilder {
-    namespace View {
-        export function createNewRecordCommand({ Icon, text, localizedTexts, }: {
-            Icon: Icon;
-            text: string;
-            localizedTexts?: Record<string, string>;
-        }): EntityMainGridCommandItemExperience;
-        export function createEditRecordCommand({ Icon, text, localizedTexts, }: {
-            Icon: Icon;
-            text: string;
-            localizedTexts?: Record<string, string>;
-        }): EntityMainGridCommandItemExperience;
-        interface DeleteRecordCommandStringSet {
-            confirmation: {
-                title: string | string[];
-                text: string | string[];
-                buttonCancel: string;
-                buttonConfirm: string;
-            };
-            status: {
-                deleting: string | string[];
-            };
-            successNotification: {
-                title: string | string[];
-                text: string | string[];
-            };
-            errorNotification: {
-                title: string;
-            };
-        }
-        export const defaultDeleteRecordStringSet: DeleteRecordCommandStringSet;
-        export function createDeleteRecordCommand({ Icon, localizedText, text, stringSet, localizedStringSet, }: {
-            Icon: Icon;
-            text: string;
-            localizedText?: Record<string, string>;
-            stringSet?: DeleteRecordCommandStringSet;
-            localizedStringSet?: Localized<DeleteRecordCommandStringSet>;
-        }): EntityMainGridCommandItemExperience;
-        export function createRefreshCommand({ Icon, localizedTexts, text, }: {
-            Icon: Icon;
-            text: string;
-            localizedTexts?: Record<string, string>;
-        }): EntityMainGridCommandItemExperience;
-        export function createExportCommand({ button, csv, excel, }: {
-            button: {
-                Icon: Icon;
-                text: string;
-                localizedTexts?: Record<string, string>;
-            };
-            excel: {
-                Icon: Icon;
-                text: string;
-                localizedTexts?: Record<string, string>;
-            };
-            csv: {
-                Icon: Icon;
-                text: string;
-                localizedTexts?: Record<string, string>;
-            };
-        }): EntityMainGridCommandItemExperience;
-        export {};
-    }
-    namespace Form {
-        export function createSaveCommand({ Icon, text, localizedTexts, }: {
-            Icon: Icon;
-            text: string;
-            localizedTexts?: Record<string, string>;
-        }): EntityMainFormCommandItemExperience;
-        export function createSaveAndCloseCommand({ Icon, text, localizedTexts, }: {
-            Icon: Icon;
-            text: string;
-            localizedTexts?: Record<string, string>;
-        }): EntityMainFormCommandItemExperience;
-        interface DeleteRecordCommandStringSet {
-            confirmation: {
-                title: string;
-                text: string;
-                buttonCancel: string;
-                buttonConfirm: string;
-            };
-            status: {
-                deleting: string;
-            };
-            successNotification: {
-                title: string;
-                text: string;
-            };
-            errorNotification: {
-                title: string;
-            };
-        }
-        export const defaultDeleteRecordStringSet: DeleteRecordCommandStringSet;
-        export function createDeleteCommand({ Icon, text, localizedTexts, stringSet, }: {
-            Icon: Icon;
-            text: string;
-            localizedTexts?: Record<string, string>;
-            stringSet: DeleteRecordCommandStringSet | ((context: EntityFormCommandContext) => DeleteRecordCommandStringSet);
-        }): EntityMainFormCommandItemExperience;
-        export function createRefreshCommand({ Icon, text, localizedTexts, }: {
-            Icon: Icon;
-            text: string;
-            localizedTexts?: Record<string, string>;
-        }): EntityMainFormCommandItemExperience;
-        export {};
-    }
-    namespace Subgrid {
-        export function createNewRecordCommand({ Icon, text, localizedTexts, }: {
-            Icon: Icon;
-            text: string;
-            localizedTexts?: Record<string, string>;
-        }): SubGridCommandItemExperience;
-        export function createEditRecordCommand({ Icon, text, localizedTexts, }: {
-            Icon: Icon;
-            text: string;
-            localizedTexts?: Record<string, string>;
-        }): SubGridCommandItemExperience;
-        interface DeleteRecordCommandStringSet {
-            confirmation: {
-                title: string | string[];
-                text: string | string[];
-                buttonCancel: string;
-                buttonConfirm: string;
-            };
-            status: {
-                deleting: string | string[];
-            };
-            successNotification: {
-                title: string | string[];
-                text: string | string[];
-            };
-            errorNotification: {
-                title: string;
-            };
-        }
-        export const defaultDeleteRecordStringSet: DeleteRecordCommandStringSet;
-        export function createDeleteRecordCommand({ Icon, localizedText, text, stringSet, localizedStringSet, }: {
-            Icon: Icon;
-            text: string;
-            localizedText?: Record<string, string>;
-            stringSet?: DeleteRecordCommandStringSet;
-            localizedStringSet?: Localized<DeleteRecordCommandStringSet>;
-        }): SubGridCommandItemExperience;
-        export function createRefreshCommand({ Icon, localizedTexts, text, }: {
-            Icon: Icon;
-            text: string;
-            localizedTexts?: Record<string, string>;
-        }): SubGridCommandItemExperience;
-        export function createExportCommand({ button, csv, excel, }: {
-            button: {
-                Icon: Icon;
-                text: string;
-                localizedTexts?: Record<string, string>;
-            };
-            excel: {
-                Icon: Icon;
-                text: string;
-                localizedTexts?: Record<string, string>;
-            };
-            csv: {
-                Icon: Icon;
-                text: string;
-                localizedTexts?: Record<string, string>;
-            };
-        }): SubGridCommandItemExperience;
-        export {};
-    }
-}