@headless-adminapp/app 0.0.17-alpha.53 → 0.0.17-alpha.55

package/transport/hooks/useRetriveRecords.js

@@ -1,18 +1,14 @@
-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());
-    });
-};
-import { useDataService } from '@headless-adminapp/app/transport';
-import { useInfiniteQuery, useQueryClient, } from '@tanstack/react-query';
-import { useEffect, useMemo } from 'react';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRetrieveRecordsKey = useRetrieveRecordsKey;
+exports.useClearDataExceptFirstPage = useClearDataExceptFirstPage;
+exports.useRetriveRecords = useRetriveRecords;
+const transport_1 = require("@headless-adminapp/app/transport");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
 const ROWS_PER_PAGE = 100;
-export function useRetrieveRecordsKey({ schema, search, filter, sorting, columns, expand, maxRecords, }) {
-    const queryKey = useMemo(() => [
+function useRetrieveRecordsKey({ schema, search, filter, sorting, columns, expand, maxRecords, }) {
+    const queryKey = (0, react_1.useMemo)(() => [
         'data',
         'retriveRecords',
         schema.logicalName,
@@ -25,9 +21,9 @@ export function useRetrieveRecordsKey({ schema, search, filter, sorting, columns
     ], [schema.logicalName, search, filter, sorting, columns, expand, maxRecords]);
     return queryKey;
 }
-export function useClearDataExceptFirstPage(queryKey) {
-    const queryClient = useQueryClient();
-    useEffect(() => {
+function useClearDataExceptFirstPage(queryKey) {
+    const queryClient = (0, react_query_1.useQueryClient)();
+    (0, react_1.useEffect)(() => {
         return () => {
             // Clear all pages except the first one when the component is unmounted
             queryClient.setQueryData(queryKey, (oldData) => {
@@ -45,13 +41,12 @@ export function useClearDataExceptFirstPage(queryKey) {
         };
     }, [queryClient, queryKey]);
 }
-export function useRetriveRecords(queryKey, { columns, expand, filter, maxRecords, schema, search, sorting, }) {
-    const dataService = useDataService();
-    const { data, isFetching, hasNextPage, fetchNextPage, isFetchingNextPage } = useInfiniteQuery({
+function useRetriveRecords(queryKey, { columns, expand, filter, maxRecords, schema, search, sorting, }) {
+    const dataService = (0, transport_1.useDataService)();
+    const { data, isFetching, hasNextPage, fetchNextPage, isFetchingNextPage } = (0, react_query_1.useInfiniteQuery)({
         queryKey: queryKey,
-        queryFn: (queryContext) => __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const params = (_a = queryContext.pageParam) !== null && _a !== void 0 ? _a : {
+        queryFn: async (queryContext) => {
+            const params = queryContext.pageParam ?? {
                 pageIndex: 0,
             };
             const skip = params.pageIndex * ROWS_PER_PAGE;
@@ -66,7 +61,7 @@ export function useRetriveRecords(queryKey, { columns, expand, filter, maxRecord
                     },
                 };
             }
-            const result = yield dataService.retriveRecords({
+            const result = await dataService.retriveRecords({
                 logicalName: schema.logicalName,
                 search,
                 columns: columns,
@@ -80,7 +75,7 @@ export function useRetriveRecords(queryKey, { columns, expand, filter, maxRecord
                 params: params,
                 data: result,
             };
-        }),
+        },
         getNextPageParam: (lastPage) => {
             if (lastPage.data.count <
                 ROWS_PER_PAGE * (lastPage.params.pageIndex + 1)) {
@@ -94,15 +89,14 @@ export function useRetriveRecords(queryKey, { columns, expand, filter, maxRecord
             pageIndex: 0,
         },
     });
-    const finalData = useMemo(() => {
-        var _a, _b, _c, _d;
-        if (!(data === null || data === void 0 ? void 0 : data.pages.length)) {
+    const finalData = (0, react_1.useMemo)(() => {
+        if (!data?.pages.length) {
             return null;
         }
         return {
-            logicalName: (_a = data === null || data === void 0 ? void 0 : data.pages) === null || _a === void 0 ? void 0 : _a[0].data.logicalName,
-            count: (_c = (_b = data === null || data === void 0 ? void 0 : data.pages) === null || _b === void 0 ? void 0 : _b[0].data.count) !== null && _c !== void 0 ? _c : 0,
-            records: (_d = data === null || data === void 0 ? void 0 : data.pages.map((x) => x.data.records).flat()) !== null && _d !== void 0 ? _d : [],
+            logicalName: data?.pages?.[0].data.logicalName,
+            count: data?.pages?.[0].data.count ?? 0,
+            records: data?.pages.map((x) => x.data.records).flat() ?? [],
         };
     }, [data]);
     return {

package/transport/index.js

@@ -1,2 +1,20 @@
-export { DataServiceContext } from './context';
-export * from './hooks';
+"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.DataServiceContext = void 0;
+var context_1 = require("./context");
+Object.defineProperty(exports, "DataServiceContext", { enumerable: true, get: function () { return context_1.DataServiceContext; } });
+__exportStar(require("./hooks"), exports);

package/utils/calculateColumnWidths.js

@@ -1,4 +1,7 @@
-export function calculateColumnWidths(params) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calculateColumnWidths = calculateColumnWidths;
+function calculateColumnWidths(params) {
     const { columns, availableWidth, gapWidth } = params;
     const totalGapWidth = gapWidth * (columns.length - 1);
     const remainingWidth = availableWidth - totalGapWidth;
@@ -36,7 +39,7 @@ function extendValues(values, maxValues, available) {
             if (maxValue && value >= maxValue)
                 continue;
             const newValue = value + value * ratio;
-            values[i] = Math.min(newValue, maxValue !== null && maxValue !== void 0 ? maxValue : newValue);
+            values[i] = Math.min(newValue, maxValue ?? newValue);
         }
     } while (true);
     return values;

package/utils/color.js

@@ -1,4 +1,7 @@
-export function isColorDark(color) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isColorDark = isColorDark;
+function isColorDark(color) {
     if (color.startsWith('#')) {
         color = color.substring(1);
     }

package/utils/getAttributeFormattedValue.js

@@ -1,8 +1,14 @@
-import dayjs from 'dayjs';
-import timezone from 'dayjs/plugin/timezone';
-import utc from 'dayjs/plugin/utc';
-dayjs.extend(utc);
-dayjs.extend(timezone);
+"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 timezone_1 = __importDefault(require("dayjs/plugin/timezone"));
+const utc_1 = __importDefault(require("dayjs/plugin/utc"));
+dayjs_1.default.extend(utc_1.default);
+dayjs_1.default.extend(timezone_1.default);
 const defaultAttributeFormattedValueStrings = {
     yes: 'Yes',
     no: 'No',
@@ -14,89 +20,82 @@ const defaultCurrency = 'USD';
 const defaultCurrencySign = 'accounting';
 const defaultCurrencyDisplay = 'symbol';
 function getAttributeLookupsFormattedValue(value, options) {
-    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) {
+    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 === null || items === void 0 ? void 0 : items.join(', ');
+        return items?.join(', ');
     }
 }
 function getAttributeAttachmentFormattedValue(value) {
-    var _a;
-    return (_a = value === null || value === void 0 ? void 0 : value.url) !== null && _a !== void 0 ? _a : null;
+    return value?.url ?? null;
 }
 function getAttributeDateFormattedValue(attribute, value, options) {
-    var _a, _b;
-    const dateFormat = (_a = options === null || options === void 0 ? void 0 : options.dateFormat) !== null && _a !== void 0 ? _a : defaultDateFormat;
-    const timeFormat = (_b = options === null || options === void 0 ? void 0 : options.timeFormat) !== null && _b !== void 0 ? _b : defaultTimeFormat;
+    const dateFormat = options?.dateFormat ?? defaultDateFormat;
+    const timeFormat = options?.timeFormat ?? defaultTimeFormat;
     if (attribute.format === 'datetime') {
-        return dayjs(value)
-            .tz(options === null || options === void 0 ? void 0 : options.timezone)
+        return (0, dayjs_1.default)(value)
+            .tz(options?.timezone)
             .format(dateFormat + ' ' + timeFormat);
     }
     else {
-        return dayjs(value)
-            .tz(options === null || options === void 0 ? void 0 : options.timezone)
+        return (0, dayjs_1.default)(value)
+            .tz(options?.timezone)
             .format(dateFormat);
     }
 }
 function getAttributeDateRangeFormattedValue(value, options) {
-    var _a;
     if (!value)
         return null;
-    const dateFormat = (_a = options === null || options === void 0 ? void 0 : options.dateFormat) !== null && _a !== void 0 ? _a : defaultDateFormat;
+    const dateFormat = options?.dateFormat ?? defaultDateFormat;
     const from = value[0];
     const to = value[1];
     if (!from && !to) {
         return null;
     }
     if (from && to) {
-        return (dayjs(from).tz(options === null || options === void 0 ? void 0 : options.timezone).format(dateFormat) +
+        return ((0, dayjs_1.default)(from).tz(options?.timezone).format(dateFormat) +
             ' - ' +
-            dayjs(to).tz(options === null || options === void 0 ? void 0 : options.timezone).format(dateFormat));
+            (0, dayjs_1.default)(to).tz(options?.timezone).format(dateFormat));
     }
     if (from) {
-        return 'After ' + dayjs(from).tz(options === null || options === void 0 ? void 0 : options.timezone).format(dateFormat);
+        return 'After ' + (0, dayjs_1.default)(from).tz(options?.timezone).format(dateFormat);
     }
     if (to) {
-        return 'Before ' + dayjs(to).tz(options === null || options === void 0 ? void 0 : options.timezone).format(dateFormat);
+        return 'Before ' + (0, dayjs_1.default)(to).tz(options?.timezone).format(dateFormat);
     }
     return null;
 }
 function getAttributeBooleanFormattedValue(attribute, value, options) {
-    var _a, _b, _c;
-    const strings = (_a = options === null || options === void 0 ? void 0 : options.strings) !== null && _a !== void 0 ? _a : defaultAttributeFormattedValueStrings;
+    const strings = options?.strings ?? defaultAttributeFormattedValueStrings;
     return value
-        ? (_b = attribute.trueLabel) !== null && _b !== void 0 ? _b : strings.yes
-        : (_c = attribute.falseLabel) !== null && _c !== void 0 ? _c : strings.no;
+        ? attribute.trueLabel ?? strings.yes
+        : attribute.falseLabel ?? strings.no;
 }
 function getAttributeChoiceFormattedValue(attribute, value) {
-    var _a;
-    return ((_a = attribute.options.find((option) => option.value === value)) !== null && _a !== void 0 ? _a : {
+    return (attribute.options.find((option) => option.value === value) ?? {
         label: '',
     }).label;
 }
 function getAttributeChoicesFormattedValue(attribute, value) {
     return value
         .map((v) => {
-        var _a;
-        return ((_a = attribute.options.find((option) => option.value === v)) !== null && _a !== void 0 ? _a : {
+        return (attribute.options.find((option) => option.value === v) ?? {
             label: '',
         }).label;
     })
         .join(', ');
 }
 function getAttributeLookupFormattedValue(value) {
-    return value === null || value === void 0 ? void 0 : value.name;
+    return value?.name;
 }
 function getAttributeMoneyFormattedValue(value, options) {
-    var _a, _b, _c, _d;
-    const locale = (_a = options === null || options === void 0 ? void 0 : options.locale) !== null && _a !== void 0 ? _a : defaultLocale;
-    const currency = (_b = options === null || options === void 0 ? void 0 : options.currency) !== null && _b !== void 0 ? _b : defaultCurrency;
-    const currencySign = (_c = options === null || options === void 0 ? void 0 : options.currencySign) !== null && _c !== void 0 ? _c : defaultCurrencySign;
-    const currencyDisplay = (_d = options === null || options === void 0 ? void 0 : options.currencyDisplay) !== null && _d !== void 0 ? _d : defaultCurrencyDisplay;
+    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,
@@ -104,12 +103,11 @@ function getAttributeMoneyFormattedValue(value, options) {
         currencyDisplay,
     }).format(value);
 }
-export function getAttributeFormattedValue(attribute, value, options) {
-    var _a;
+function getAttributeFormattedValue(attribute, value, options) {
     if (value === null || value === undefined) {
         return null;
     }
-    const locale = (_a = options === null || options === void 0 ? void 0 : options.locale) !== null && _a !== void 0 ? _a : defaultLocale;
+    const locale = options?.locale ?? defaultLocale;
     switch (attribute.type) {
         case 'boolean':
             return getAttributeBooleanFormattedValue(attribute, value, options);

package/utils/index.js

@@ -1,2 +1,18 @@
-export * from './calculateColumnWidths';
-export * from './getAttributeFormattedValue';
+"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 });
+__exportStar(require("./calculateColumnWidths"), exports);
+__exportStar(require("./getAttributeFormattedValue"), exports);

package/widget/context.js

@@ -1,2 +1,5 @@
-import { createContext } from '../mutable';
-export const WidgetContext = createContext();
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetContext = void 0;
+const mutable_1 = require("../mutable");
+exports.WidgetContext = (0, mutable_1.createContext)();

package/widget/hooks/index.js

@@ -1,5 +1,8 @@
-import { useContextSelector } from '../../mutable';
-import { WidgetContext } from '../context';
-export function useWidgetState() {
-    return useContextSelector(WidgetContext, (state) => state);
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWidgetState = useWidgetState;
+const mutable_1 = require("../../mutable");
+const context_1 = require("../context");
+function useWidgetState() {
+    return (0, mutable_1.useContextSelector)(context_1.WidgetContext, (state) => state);
 }

package/widget/index.js

@@ -1 +1,5 @@
-export { WidgetContext } from './context';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WidgetContext = void 0;
+var context_1 = require("./context");
+Object.defineProperty(exports, "WidgetContext", { enumerable: true, get: function () { return context_1.WidgetContext; } });