@headless-adminapp/app 0.0.17-alpha.0 → 0.0.17-alpha.3

package/app/AppProvider.d.ts

@@ -0,0 +1,8 @@
+import { FC, PropsWithChildren } from 'react';
+interface AppProviderProps {
+    appId: string;
+    loadingComponent: React.ReactNode;
+    notFoundComponent: React.ReactNode;
+}
+export declare const AppProvider: FC<PropsWithChildren<AppProviderProps>>;
+export {};

package/app/AppProvider.js

@@ -0,0 +1,49 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
+const hooks_1 = require("../metadata/hooks");
+const context_1 = require("./context");
+const AppProvider = ({ children, appId, loadingComponent, notFoundComponent, }) => {
+    const experienceStore = (0, hooks_1.useExperienceStore)();
+    const appStore = (0, hooks_1.useAppStore)();
+    const { data: schemaMetadataList } = (0, react_query_1.useQuery)({
+        queryKey: ['experience-schema-metadata-list'],
+        queryFn: () => __awaiter(void 0, void 0, void 0, function* () {
+            return experienceStore.getExperienceSchemaMetadatList();
+        }),
+        initialData: [],
+    });
+    const { data: app, isLoading } = (0, react_query_1.useQuery)({
+        queryKey: ['experience-app', appId],
+        queryFn: () => __awaiter(void 0, void 0, void 0, function* () {
+            return appStore.getApp(appId);
+        }),
+    });
+    const schemaMetadataDic = (0, react_1.useMemo)(() => {
+        var _a;
+        return (_a = schemaMetadataList === null || schemaMetadataList === void 0 ? void 0 : schemaMetadataList.reduce((acc, item) => {
+            acc[item.logicalName] = item;
+            return acc;
+        }, {})) !== null && _a !== void 0 ? _a : {};
+    }, [schemaMetadataList]);
+    if (isLoading) {
+        return loadingComponent;
+    }
+    if (!app) {
+        return notFoundComponent;
+    }
+    return ((0, jsx_runtime_1.jsx)(context_1.AppContext.Provider, { value: { app, schemaMetadataDic, schemaMetadataList }, children: children }));
+};
+exports.AppProvider = AppProvider;

package/app/AuthWrapper.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+import { AuthProviderPlaceholderProps } from '../auth';
+interface AuthWrapperProps {
+    Placeholder: FC<AuthProviderPlaceholderProps>;
+}
+export declare const AuthWrapper: FC<PropsWithChildren<AuthWrapperProps>>;
+export {};

package/app/AuthWrapper.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const auth_1 = require("../auth");
+const mutable_1 = require("../mutable");
+const AuthWrapper = ({ children, Placeholder, }) => {
+    const state = (0, mutable_1.useContextSelector)(auth_1.AuthContext, (state) => state);
+    if (state.loadError) {
+        return (0, jsx_runtime_1.jsx)(Placeholder, { loadingError: true, retry: state.loadSession });
+    }
+    if (!state.initialized || state.loading) {
+        return (0, jsx_runtime_1.jsx)(Placeholder, { loading: true, retry: state.loadSession });
+    }
+    if (!state.authenticated) {
+        if (state.sessionExpired) {
+            return (0, jsx_runtime_1.jsx)(Placeholder, { sessionExpired: true, retry: state.loadSession });
+        }
+        return (0, jsx_runtime_1.jsx)(Placeholder, { unauthorized: true, retry: state.loadSession });
+    }
+    return children;
+};
+exports.AuthWrapper = AuthWrapper;

package/app/LayoutProvider.d.ts

@@ -0,0 +1,28 @@
+import { IDataService } from '@headless-adminapp/core/transport';
+import { QueryClient } from '@tanstack/react-query';
+import { Dispatch, FC, PropsWithChildren, SetStateAction } from 'react';
+import { AppearanceContextState } from '../appearance';
+import { AuthProviderPlaceholderProps, AuthProviderProps } from '../auth';
+import { LocaleProviderProps } from '../locale';
+import { MetadataProviderProps } from '../metadata/MetadataProvider';
+import { RouteProviderProps } from '../route/RouteProvider';
+export interface LayoutProviderProps {
+    routeProps: RouteProviderProps;
+    queryClient: QueryClient;
+    appearanceState: [
+        AppearanceContextState,
+        Dispatch<SetStateAction<AppearanceContextState>>
+    ];
+    localeProps: LocaleProviderProps;
+    dataService: IDataService;
+    authProps: AuthProviderProps;
+    authPlaceholder: FC<AuthProviderPlaceholderProps>;
+    metadataProps: MetadataProviderProps;
+    containers: {
+        DialogContainer: FC;
+        ProgressIndicatorContainer: FC;
+        ToastNotificationContainer: FC;
+    };
+}
+/** @todo: move to app */
+export declare const LayoutProvider: FC<PropsWithChildren<LayoutProviderProps>>;

package/app/LayoutProvider.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_query_1 = require("@tanstack/react-query");
+const appearance_1 = require("../appearance");
+const auth_1 = require("../auth");
+const dialog_1 = require("../dialog");
+const locale_1 = require("../locale");
+const metadata_1 = require("../metadata");
+const progress_indicator_1 = require("../progress-indicator");
+const recordset_1 = require("../recordset");
+const route_1 = require("../route");
+const toast_notification_1 = require("../toast-notification");
+const transport_1 = require("../transport");
+const AuthWrapper_1 = require("./AuthWrapper");
+/** @todo: move to app */
+const LayoutProvider = ({ appearanceState, authPlaceholder, authProps, dataService, localeProps, metadataProps, queryClient, routeProps, children, containers: { DialogContainer, ProgressIndicatorContainer, ToastNotificationContainer, }, }) => {
+    return ((0, jsx_runtime_1.jsx)(route_1.RouteProvider, Object.assign({}, routeProps, { children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: queryClient, children: (0, jsx_runtime_1.jsx)(appearance_1.AppearanceContext.Provider, { value: appearanceState, children: (0, jsx_runtime_1.jsx)(locale_1.LocaleProvider, Object.assign({}, localeProps, { children: (0, jsx_runtime_1.jsx)(metadata_1.MetadataProvider, Object.assign({}, metadataProps, { children: (0, jsx_runtime_1.jsx)(transport_1.DataServiceContext.Provider, { value: dataService, children: (0, jsx_runtime_1.jsx)(dialog_1.DialogProvider, { children: (0, jsx_runtime_1.jsx)(progress_indicator_1.ProgressIndicatorProvider, { children: (0, jsx_runtime_1.jsxs)(toast_notification_1.ToastNotificationProvider, { children: [(0, jsx_runtime_1.jsx)(DialogContainer, {}), (0, jsx_runtime_1.jsx)(ProgressIndicatorContainer, {}), (0, jsx_runtime_1.jsx)(ToastNotificationContainer, {}), (0, jsx_runtime_1.jsx)(auth_1.AuthProvider, Object.assign({}, authProps, { children: (0, jsx_runtime_1.jsx)(AuthWrapper_1.AuthWrapper, { Placeholder: authPlaceholder, children: (0, jsx_runtime_1.jsx)(recordset_1.RecordSetProvider, { children: children }) }) }))] }) }) }) }) })) })) }) }) })));
+};
+exports.LayoutProvider = LayoutProvider;

package/app/index.d.ts

@@ -1,2 +1,3 @@
 export { AppContext } from './context';
 export { useAppContext } from './hooks';
+export { AppProvider } from './AppProvider';

package/app/index.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAppContext = exports.AppContext = void 0;
+exports.AppProvider = exports.useAppContext = exports.AppContext = void 0;
 var context_1 = require("./context");
 Object.defineProperty(exports, "AppContext", { enumerable: true, get: function () { return context_1.AppContext; } });
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useAppContext", { enumerable: true, get: function () { return hooks_1.useAppContext; } });
+var AppProvider_1 = require("./AppProvider");
+Object.defineProperty(exports, "AppProvider", { enumerable: true, get: function () { return AppProvider_1.AppProvider; } });

package/builders/SchemaExperienceBuilder.js

@@ -61,12 +61,6 @@ class BaseSchemaExperienceBuilder {
             quickCreateForms: this.quickCreateForms,
         };
     }
-    // public createView(view: Omit<View<S>, 'logicalName'>): View<S> {
-    //   return {
-    //     logicalName: this.logicalName,
-    //     ...view,
-    //   };
-    // }
     defineFormExperience(formExperience) {
         return formExperience;
     }
@@ -190,11 +184,7 @@ class SchemaExperienceBuilder extends BaseSchemaExperienceBuilder {
         return defaultId;
     }
     defineExperience(experience) {
-        // if (!experience.defaultFormId) {
-        //   throw new Error('Default form is required');
-        // }
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
-        // console.log('experience', experience);
         let lookups = experience.lookups;
         let views = experience.views;
         let forms = experience.forms;

package/dataform/DataFormProvider/InitialValueResolver.js

@@ -33,7 +33,6 @@ function InitialValueResolver() {
     formInstanceRef.current = formInstance;
     (0, react_1.useEffect)(() => {
         const timer = setTimeout(() => {
-            // console.log('resetting form', initialValues);
             formInstanceRef.current.reset(initialValues);
         });
         return () => {

package/dataform/utils/index.js

@@ -121,9 +121,6 @@ function saveRecord(_a) {
                     isError: false,
                 };
             }
-            if (operations.length > 0) {
-                console.log('operations', operations);
-            }
             for (const operation of operations) {
                 switch (operation.type) {
                     case 'create':
@@ -217,7 +214,6 @@ function getInitialValues({ cloneRecord, form, record, recordId, defaultParamete
 }
 exports.formValidator = (0, lodash_1.memoize)(function formValidator({ form, schema, readonlyAttributes, formReadOnly, getSchema, language, strings, }) {
     return (values, context, options) => __awaiter(this, void 0, void 0, function* () {
-        // console.log('formValidator', values);
         let validator = yup.object().shape({});
         if (!formReadOnly) {
             const activeControls = form.experience.tabs
@@ -264,7 +260,6 @@ exports.formValidator = (0, lodash_1.memoize)(function formValidator({ form, sch
         }
         const resolver = (0, yup_1.yupResolver)(validator);
         const result = yield resolver(values, context, options);
-        // console.log(result);
         return result;
     });
 }, ({ form, language, schema, strings, readonlyAttributes, formReadOnly }) => JSON.stringify({

package/datagrid/context.d.ts

@@ -11,7 +11,7 @@ export interface GridContextState<S extends SchemaAttributes = SchemaAttributes,
     schema: Schema<S>;
     view: View<S>;
     viewLookup: LocalizedDataLookup[];
-    onChangeView: (viewId: string) => void;
+    onChangeView?: (viewId: string) => void;
     extraFilter?: Filter;
     commands: CommandItemExperience<CommandContext>[][];
     maxRecords?: number;

package/datagrid/hooks/useChangeView.js

@@ -7,6 +7,6 @@ const context_2 = require("../context");
 function useChangeView() {
     const onChangeView = (0, context_1.useContextSelector)(context_2.GridContext, (state) => state.onChangeView);
     return (0, react_1.useCallback)((viewId) => {
-        onChangeView(viewId);
+        onChangeView === null || onChangeView === void 0 ? void 0 : onChangeView(viewId);
     }, [onChangeView]);
 }

package/datagrid/hooks/useMainGridCommands.js

@@ -97,129 +97,7 @@ function useMainGridCommandHandlerContext() {
 function useMainGridCommands() {
     const commands = (0, useGridCommands_1.useGridCommands)();
     const handlerContext = useMainGridCommandHandlerContext();
-    // console.log('temp. gc', commands);
     return (0, command_1.useCommands)(commands, handlerContext);
-    // return [
-    //   [
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Delete',
-    //       text: 'Delete',
-    //       danger: true,
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //   ],
-    //   [
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'menu',
-    //       icon: 'Add',
-    //       text: 'Report',
-    //       danger: true,
-    //       handlerId: 'report',
-    //       items: [
-    //         {
-    //           icon: 'Add',
-    //           text: 'Export',
-    //           danger: true,
-    //         },
-    //       ],
-    //     },
-    //     {
-    //       type: 'menu',
-    //       icon: 'Add',
-    //       text: 'Report',
-    //       danger: true,
-    //       items: [
-    //         {
-    //           icon: 'Add',
-    //           text: 'Export',
-    //           danger: true,
-    //         },
-    //       ],
-    //     },
-    //   ],
-    //   [
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //     {
-    //       type: 'button',
-    //       icon: 'Add',
-    //       text: 'Add',
-    //     },
-    //   ],
-    // ];
 }
 function useMainGridContextCommands() {
     const commands = (0, useGridCommands_1.useGridCommands)();

package/datagrid/hooks/useSubGridCommands.js

@@ -46,7 +46,6 @@ function useSubGridCommandHandlerContext() {
     const utility = (0, useMainGridCommands_1.useUtility)();
     const locale = (0, useLocale_1.useLocale)();
     const mainFormHandlerContext = (0, useMainFormCommands_1.useMainFormCommandHandlerContext)();
-    // console.log('mainFormHandlerContext', mainFormHandlerContext);
     return {
         dataService,
         queryClient,
@@ -76,8 +75,6 @@ function useSubGridCommandHandlerContext() {
 function useSubGridCommands() {
     const commands = (0, useGridCommands_1.useGridCommands)();
     const handlerContext = useSubGridCommandHandlerContext();
-    console.log('temp. commands (s)', commands);
-    console.log('temp. handlerContext (s)', handlerContext);
     return (0, command_1.useCommands)(commands, handlerContext);
 }
 function useSubGridContextCommands() {

package/index.css

@@ -0,0 +1,4 @@
+.hdl-scrollbar.rtl > div {
+  margin-right: 0 !important;
+  margin-left: -15px;
+}

package/locale/LocaleProvider.d.ts

@@ -1,6 +1,6 @@
 import { Locale } from '@headless-adminapp/core/experience/locale';
 import { FC, PropsWithChildren } from 'react';
-interface LocaleProviderProps {
+export interface LocaleProviderProps {
     locale: string;
     options?: {
         direction?: Locale['direction'];
@@ -10,4 +10,3 @@ interface LocaleProviderProps {
     };
 }
 export declare const LocaleProvider: FC<PropsWithChildren<LocaleProviderProps>>;
-export {};

package/locale/LocaleProvider.js

@@ -5,9 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const locale_1 = require("@headless-adminapp/core/experience/locale");
 const react_1 = require("react");
 const context_1 = require("./context");
-const LocaleProvider = ({ children, locale, }) => {
+const LocaleProvider = ({ children, locale, options, }) => {
     const localeState = (0, react_1.useMemo)(() => {
-        return (0, locale_1.getLocale)(locale);
+        return (0, locale_1.getLocale)(locale, options);
     }, [locale]);
     return ((0, jsx_runtime_1.jsx)(context_1.LocaleContext.Provider, { value: localeState, children: children }));
 };

package/locale/index.d.ts

@@ -1,2 +1,3 @@
 export { LocaleContext } from './context';
 export * from './useLocale';
+export { type LocaleProviderProps, LocaleProvider } from './LocaleProvider';

package/locale/index.js

@@ -14,7 +14,9 @@ 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.LocaleContext = void 0;
+exports.LocaleProvider = exports.LocaleContext = void 0;
 var context_1 = require("./context");
 Object.defineProperty(exports, "LocaleContext", { enumerable: true, get: function () { return context_1.LocaleContext; } });
 __exportStar(require("./useLocale"), exports);
+var LocaleProvider_1 = require("./LocaleProvider");
+Object.defineProperty(exports, "LocaleProvider", { enumerable: true, get: function () { return LocaleProvider_1.LocaleProvider; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "0.0.17-alpha.0",
+  "version": "0.0.17-alpha.3",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -18,14 +18,11 @@
   },
   "scripts": {
     "build": "tsc",
-    "copy-files": "cp package.json dist",
+    "ts-check": "tsc --noEmit",
+    "copy-files": "cp package.json dist && cp src/index.css dist",
     "prepublishOnly": "pnpm run build && pnpm run copy-files",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
-  "peerDependencies": {
-    "@tanstack/react-query": "^5",
-    "react-hook-form": "^7"
-  },
   "keywords": [],
   "author": "",
   "license": "ISC",
@@ -33,5 +30,5 @@
     "clsx": "2.1.1",
     "react-custom-scrollbars-2": "^4.5.0"
   },
-  "gitHead": "f57583f8390f15b373fbe095c8f3391f538b94d3"
+  "gitHead": "f6ce162167fabc3cbac101038b157ddd22455a4f"
 }

package/providers/PageEntityViewProvider/index.d.ts

@@ -7,7 +7,7 @@ interface PageEntityViewProviderProps<S extends SchemaAttributes> {
     view: View<S>;
     commands: EntityMainGridCommandItemExperience[][];
     availableViews: LocalizedDataLookup[];
-    onChangeView: (viewId: string) => void;
+    onChangeView?: (viewId: string) => void;
 }
 export declare function PageEntityViewProvider<S extends SchemaAttributes>({ availableViews, commands, schema, view, children, onChangeView, }: PropsWithChildren<PageEntityViewProviderProps<S>>): import("react/jsx-runtime").JSX.Element;
 export {};

package/recordset/hooks/useRecordSetResult.js

@@ -44,7 +44,6 @@ function useRecordSetResult() {
     const { isPending, data, error } = (0, react_query_1.useQuery)({
         queryKey: ['data', 'recordset', context.logicalName, context.ids, columns],
         queryFn: () => __awaiter(this, void 0, void 0, function* () {
-            console.log('fetching data', context.ids, !context.logicalName, !context.ids.length, !cardView);
             if (!context.logicalName || !context.ids.length || !cardView) {
                 return [];
             }

package/route/hooks/index.d.ts

@@ -3,3 +3,4 @@ export * from './useSearchParams';
 export * from './useRouter';
 export * from './useBasePath';
 export * from './useRouteResolver';
+export * from './useIsRouteActive';

package/route/hooks/index.js

@@ -19,3 +19,4 @@ __exportStar(require("./useSearchParams"), exports);
 __exportStar(require("./useRouter"), exports);
 __exportStar(require("./useBasePath"), exports);
 __exportStar(require("./useRouteResolver"), exports);
+__exportStar(require("./useIsRouteActive"), exports);

package/route/hooks/useIsRouteActive.d.ts

@@ -0,0 +1 @@
+export declare function useIsRouteActive(): import("../context").InternalIsRouteActive;

package/route/hooks/useIsRouteActive.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsRouteActive = useIsRouteActive;
+const react_1 = require("react");
+const context_1 = require("../context");
+function useIsRouteActive() {
+    return (0, react_1.useContext)(context_1.RouteHelperContext).isRouteActive;
+}

package/utils/getAttributeFormattedValue.d.ts

@@ -0,0 +1,15 @@
+import { Attribute, InferredAttributeType } from '@headless-adminapp/core/attributes';
+interface AttributeFormattedValueStringsSet {
+    yes: string;
+    no: string;
+}
+export declare function getAttributeFormattedValue<A extends Attribute = Attribute>(attribute: Attribute, value: InferredAttributeType<A> | null | undefined, options?: {
+    maxCount?: number;
+    strings?: AttributeFormattedValueStringsSet;
+    dateFormat?: string;
+    locale?: string;
+    currency?: string;
+    currencySign?: 'accounting' | 'standard';
+    currencyDisplay?: 'symbol' | 'narrowSymbol' | 'code';
+}): string | null | undefined;
+export {};

package/utils/getAttributeFormattedValue.js

@@ -0,0 +1,91 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAttributeFormattedValue = getAttributeFormattedValue;
+const dayjs_1 = __importDefault(require("dayjs"));
+const defaultAttributeFormattedValueStrings = {
+    yes: 'Yes',
+    no: 'No',
+};
+const defaultDateFormat = 'YYYY-MM-DD';
+const defaultLocale = 'en-US';
+const defaultCurrency = 'USD';
+const defaultCurrencySign = 'accounting';
+const defaultCurrencyDisplay = 'symbol';
+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;
+    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;
+        case 'choice':
+            return ((_j = attribute.options.find((option) => option.value === value)) !== null && _j !== void 0 ? _j : {
+                label: '',
+            }).label;
+        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(', ');
+        case 'date':
+            return (0, dayjs_1.default)(value).format(dateFormat);
+        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;
+        case 'lookup':
+            return value === null || value === void 0 ? void 0 : value.name;
+        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(', ');
+            }
+        case 'money':
+            return new Intl.NumberFormat(locale, {
+                style: 'currency',
+                currency,
+                currencySign,
+                currencyDisplay,
+            }).format(value);
+        case 'number':
+            return new Intl.NumberFormat(locale).format(value);
+        default:
+            return typeof value === 'object'
+                ? JSON.stringify(value)
+                : value;
+    }
+}

package/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './calculateColumnWidths';
+export * from './getAttributeFormattedValue';

package/utils/index.js

@@ -15,3 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./calculateColumnWidths"), exports);
+__exportStar(require("./getAttributeFormattedValue"), exports);