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

package/builders/utils.js

@@ -1,24 +1,41 @@
-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());
-    });
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
-import { collectExpandedKeys, mergeConditions, } from '../datagrid/DataGridProvider/utils';
-import { getAttributeFormattedValue } from '../utils';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.exportRecordsXLS = exports.exportRecordsCSV = void 0;
+exports.retriveRecords = retriveRecords;
+const utils_1 = require("../datagrid/DataGridProvider/utils");
+const utils_2 = require("../utils");
 const getHeaders = (schema, gridColumns, schemaStore) => {
     const headers = gridColumns.map((column) => {
-        var _a, _b, _c;
         if (column.name.indexOf('.') !== -1) {
             const [lookup, field] = column.name.split('.');
             const entity = schema.attributes[lookup].entity;
             const lookupSchema = schemaStore.getSchema(entity);
-            return `${(_a = lookupSchema.attributes[field]) === null || _a === void 0 ? void 0 : _a.label} (${(_b = schema.attributes[lookup]) === null || _b === void 0 ? void 0 : _b.label})`;
+            return `${lookupSchema.attributes[field]?.label} (${schema.attributes[lookup]?.label})`;
         }
-        return (_c = schema.attributes[column.name]) === null || _c === void 0 ? void 0 : _c.label;
+        return schema.attributes[column.name]?.label;
     });
     return headers;
 };
@@ -37,13 +54,12 @@ function getAttribute({ column, schema, schemaStore, }) {
     return attribute;
 }
 function extractAttributeData({ column, record, schema, schemaStore, }) {
-    var _a, _b;
     const attribute = getAttribute({ column, schema, schemaStore });
     let value;
     if (column.expandedKey) {
         const lookup = column.name;
         const field = column.expandedKey;
-        value = (_b = (_a = record.$expand) === null || _a === void 0 ? void 0 : _a[lookup]) === null || _b === void 0 ? void 0 : _b[field];
+        value = record.$expand?.[lookup]?.[field];
     }
     else {
         value = record[column.name];
@@ -53,12 +69,11 @@ function extractAttributeData({ column, record, schema, schemaStore, }) {
         value,
     };
 }
-export const exportRecordsCSV = (_a) => __awaiter(void 0, [_a], void 0, function* ({ schema, records, gridColumns, schemaStore, fileName, }) {
-    const csvDownload = yield import('json-to-csv-export');
+const exportRecordsCSV = async ({ schema, records, gridColumns, schemaStore, fileName, }) => {
+    const csvDownload = await Promise.resolve().then(() => __importStar(require('json-to-csv-export')));
     const headers = getHeaders(schema, gridColumns, schemaStore);
     const cellData = records.map((record) => {
         return gridColumns.map((column) => {
-            var _a, _b;
             const { attribute, value } = extractAttributeData({
                 column,
                 record,
@@ -66,9 +81,9 @@ export const exportRecordsCSV = (_a) => __awaiter(void 0, [_a], void 0, function
                 schemaStore,
             });
             if (attribute.type === 'money' || attribute.type === 'number') {
-                return (_a = value === null || value === void 0 ? void 0 : value.toString()) !== null && _a !== void 0 ? _a : '';
+                return value?.toString() ?? '';
             }
-            return (_b = getAttributeFormattedValue(attribute, value)) !== null && _b !== void 0 ? _b : '';
+            return (0, utils_2.getAttributeFormattedValue)(attribute, value) ?? '';
         });
     });
     csvDownload.default({
@@ -77,9 +92,10 @@ export const exportRecordsCSV = (_a) => __awaiter(void 0, [_a], void 0, function
         delimiter: ',',
         filename: fileName,
     });
-});
-export const exportRecordsXLS = (_a) => __awaiter(void 0, [_a], void 0, function* ({ fileName, gridColumns, records, schema, schemaStore, }) {
-    const ExcelJS = yield import('exceljs');
+};
+exports.exportRecordsCSV = exportRecordsCSV;
+const exportRecordsXLS = async ({ fileName, gridColumns, records, schema, schemaStore, }) => {
+    const ExcelJS = await Promise.resolve().then(() => __importStar(require('exceljs')));
     const headers = getHeaders(schema, gridColumns, schemaStore);
     const cellData = records.map((item) => {
         return gridColumns.map((column) => {
@@ -92,14 +108,14 @@ export const exportRecordsXLS = (_a) => __awaiter(void 0, [_a], void 0, function
             if (!value) {
                 return '';
             }
-            switch (attribute === null || attribute === void 0 ? void 0 : attribute.type) {
+            switch (attribute?.type) {
                 case 'money':
                 case 'number':
                     return value;
                 case 'date':
                     return value ? new Date(value) : undefined;
                 default:
-                    return getAttributeFormattedValue(attribute, value);
+                    return (0, utils_2.getAttributeFormattedValue)(attribute, value);
             }
         });
     });
@@ -114,8 +130,8 @@ export const exportRecordsXLS = (_a) => __awaiter(void 0, [_a], void 0, function
     gridColumns.forEach((column, index) => {
         const attribute = getAttribute({ column, schema, schemaStore });
         const sheetColumn = worksheet.getColumn(index + 1);
-        let formatFn = (value) => { var _a; return (_a = getAttributeFormattedValue(attribute, value)) !== null && _a !== void 0 ? _a : ''; };
-        if ((attribute === null || attribute === void 0 ? void 0 : attribute.type) === 'money') {
+        let formatFn = (value) => (0, utils_2.getAttributeFormattedValue)(attribute, value) ?? '';
+        if (attribute?.type === 'money') {
             sheetColumn.numFmt = '"₹" #,##0.00';
         }
         let maxLength = 0;
@@ -128,7 +144,7 @@ export const exportRecordsXLS = (_a) => __awaiter(void 0, [_a], void 0, function
         sheetColumn.width = Math.max(maxLength, 10) * 1.2;
     });
     // Generate the Excel file
-    const buffer = yield workbook.xlsx.writeBuffer();
+    const buffer = await workbook.xlsx.writeBuffer();
     const blob = new Blob([buffer], {
         type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
     });
@@ -136,21 +152,20 @@ export const exportRecordsXLS = (_a) => __awaiter(void 0, [_a], void 0, function
     link.href = window.URL.createObjectURL(blob);
     link.download = fileName;
     link.click();
-});
-export function retriveRecords(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ gridColumns, dataService, schema, search, view, extraFilter, columnFilters, schemaStore, sorting, skip, limit, }) {
-        const expand = collectExpandedKeys(gridColumns);
-        const columns = Array.from(new Set([...gridColumns.filter((x) => !x.expandedKey).map((x) => x.name)]));
-        const result = yield dataService.retriveRecords({
-            logicalName: schema.logicalName,
-            search,
-            columns: columns,
-            expand,
-            filter: mergeConditions(schema, view.experience.filter, extraFilter, columnFilters, schemaStore),
-            skip,
-            limit,
-            sort: sorting,
-        });
-        return result;
+};
+exports.exportRecordsXLS = exportRecordsXLS;
+async function retriveRecords({ gridColumns, dataService, schema, search, view, extraFilter, columnFilters, schemaStore, sorting, skip, limit, }) {
+    const expand = (0, utils_1.collectExpandedKeys)(gridColumns);
+    const columns = Array.from(new Set([...gridColumns.filter((x) => !x.expandedKey).map((x) => x.name)]));
+    const result = await dataService.retriveRecords({
+        logicalName: schema.logicalName,
+        search,
+        columns: columns,
+        expand,
+        filter: (0, utils_1.mergeConditions)(schema, view.experience.filter, extraFilter, columnFilters, schemaStore),
+        skip,
+        limit,
+        sort: sorting,
     });
+    return result;
 }

package/command/hooks/index.js

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

package/command/hooks/useBaseCommandHandlerContext.js

@@ -1,20 +1,24 @@
-import { useOpenForm } from '@headless-adminapp/app/navigation';
-import { useQueryClient } from '@tanstack/react-query';
-import { useMemo } from 'react';
-import { useOpenAlertDialog, useOpenConfirmDialog, useOpenErrorDialog, useOpenPromptDialog, } from '../../dialog/hooks';
-import { useLocale } from '../../locale';
-import { useMetadata } from '../../metadata/hooks';
-import { useProgressIndicator } from '../../progress-indicator/hooks';
-import { useOpenToastNotification } from '../../toast-notification/hooks/useOpenToastNotification';
-import { useDataService } from '../../transport';
-export function useUtility() {
-    const { hideProgressIndicator, showProgressIndicator } = useProgressIndicator();
-    const openAlertDialog = useOpenAlertDialog();
-    const openConfirmDialog = useOpenConfirmDialog();
-    const openErrorDialog = useOpenErrorDialog();
-    const openPromptDialog = useOpenPromptDialog();
-    const openToastNotification = useOpenToastNotification();
-    return useMemo(() => ({
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUtility = useUtility;
+exports.useBaseCommandHandlerContext = useBaseCommandHandlerContext;
+const navigation_1 = require("@headless-adminapp/app/navigation");
+const react_query_1 = require("@tanstack/react-query");
+const react_1 = require("react");
+const hooks_1 = require("../../dialog/hooks");
+const locale_1 = require("../../locale");
+const hooks_2 = require("../../metadata/hooks");
+const hooks_3 = require("../../progress-indicator/hooks");
+const useOpenToastNotification_1 = require("../../toast-notification/hooks/useOpenToastNotification");
+const transport_1 = require("../../transport");
+function useUtility() {
+    const { hideProgressIndicator, showProgressIndicator } = (0, hooks_3.useProgressIndicator)();
+    const openAlertDialog = (0, hooks_1.useOpenAlertDialog)();
+    const openConfirmDialog = (0, hooks_1.useOpenConfirmDialog)();
+    const openErrorDialog = (0, hooks_1.useOpenErrorDialog)();
+    const openPromptDialog = (0, hooks_1.useOpenPromptDialog)();
+    const openToastNotification = (0, useOpenToastNotification_1.useOpenToastNotification)();
+    return (0, react_1.useMemo)(() => ({
         hideProgressIndicator,
         showProgressIndicator,
         openAlertDialog,
@@ -33,19 +37,19 @@ export function useUtility() {
     ]);
 }
 function useNavigation() {
-    const openForm = useOpenForm();
-    return useMemo(() => ({
+    const openForm = (0, navigation_1.useOpenForm)();
+    return (0, react_1.useMemo)(() => ({
         openForm,
     }), [openForm]);
 }
-export function useBaseCommandHandlerContext() {
-    const dataService = useDataService();
-    const queryClient = useQueryClient();
-    const stores = useMetadata();
+function useBaseCommandHandlerContext() {
+    const dataService = (0, transport_1.useDataService)();
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const stores = (0, hooks_2.useMetadata)();
     const utility = useUtility();
-    const locale = useLocale();
+    const locale = (0, locale_1.useLocale)();
     const navigation = useNavigation();
-    return useMemo(() => ({
+    return (0, react_1.useMemo)(() => ({
         dataService,
         queryClient,
         utility,

package/command/hooks/useCommands.js

@@ -1,13 +1,16 @@
-import { useMemo, useRef } from 'react';
-import { transformCommadnGroups } from '../utils';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCommands = useCommands;
+const react_1 = require("react");
+const utils_1 = require("../utils");
 /***
  * @description Transforms the command configuration into a format that can be used by the CommandBar component
  *              and apply the necessary conditions to the commands (disabled, hidden, etc.)
  */
-export function useCommands(commands, handlerContext, selector) {
-    const selectorRef = useRef(selector);
+function useCommands(commands, handlerContext, selector) {
+    const selectorRef = (0, react_1.useRef)(selector);
     selectorRef.current = selector;
-    return useMemo(() => {
-        return transformCommadnGroups(commands !== null && commands !== void 0 ? commands : [], handlerContext, selectorRef.current);
+    return (0, react_1.useMemo)(() => {
+        return (0, utils_1.transformCommadnGroups)(commands ?? [], handlerContext, selectorRef.current);
     }, [commands, handlerContext]);
 }

package/command/index.js

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

package/command/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/command/utils/index.js

@@ -1,12 +1,14 @@
-import { checkCommandCondition } from '@headless-adminapp/core/experience/command/utils';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformCommadnGroups = transformCommadnGroups;
+const utils_1 = require("@headless-adminapp/core/experience/command/utils");
 function transformedProperties(command, handlerContext) {
     const IconComponent = command.Icon;
-    const hidden = checkCommandCondition(handlerContext, command.hidden);
-    const disabled = checkCommandCondition(handlerContext, command.disabled);
+    const hidden = (0, utils_1.checkCommandCondition)(handlerContext, command.hidden);
+    const disabled = (0, utils_1.checkCommandCondition)(handlerContext, command.disabled);
     const onClick = command.onClick
         ? () => {
-            var _a;
-            (_a = command.onClick(handlerContext)) === null || _a === void 0 ? void 0 : _a.catch(console.error);
+            command.onClick(handlerContext)?.catch(console.error);
         }
         : undefined;
     return {
@@ -20,11 +22,33 @@ function transformCommand(command, handlerContext) {
     const commandType = command.type;
     switch (command.type) {
         case 'icon':
-            return Object.assign({ type: command.type, isQuickAction: command.isQuickAction, danger: command.danger, iconPosition: command.iconPosition }, transformedProperties(command, handlerContext));
+            return {
+                type: command.type,
+                isQuickAction: command.isQuickAction,
+                danger: command.danger,
+                iconPosition: command.iconPosition,
+                ...transformedProperties(command, handlerContext),
+            };
         case 'button':
-            return Object.assign({ type: command.type, isQuickAction: command.isQuickAction, text: command.text, danger: command.danger, iconPosition: command.iconPosition, localizedTexts: command.localizedText }, transformedProperties(command, handlerContext));
+            return {
+                type: command.type,
+                isQuickAction: command.isQuickAction,
+                text: command.text,
+                danger: command.danger,
+                iconPosition: command.iconPosition,
+                localizedTexts: command.localizedText,
+                ...transformedProperties(command, handlerContext),
+            };
         case 'menu':
-            return Object.assign(Object.assign({ type: command.type, text: command.text, danger: command.danger, localizedTexts: command.localizedTexts, iconPosition: command.iconPosition }, transformedProperties(command, handlerContext)), { items: command.items.map((item) => transformMenuItems(item, handlerContext)) });
+            return {
+                type: command.type,
+                text: command.text,
+                danger: command.danger,
+                localizedTexts: command.localizedTexts,
+                iconPosition: command.iconPosition,
+                ...transformedProperties(command, handlerContext),
+                items: command.items.map((item) => transformMenuItems(item, handlerContext)),
+            };
         default:
             throw new Error(`Unknown command type: ${commandType}`);
     }
@@ -33,14 +57,18 @@ function transformMenuItems(items, handlerContext) {
     return items.map((item) => transformMenuItem(item, handlerContext));
 }
 function transformMenuItem(item, handlerContext) {
-    var _a;
-    return Object.assign(Object.assign({ danger: item.danger, text: item.text, localizedTexts: item.localizedTexts }, transformedProperties(item, handlerContext)), { items: (_a = item.items) === null || _a === void 0 ? void 0 : _a.map((item) => transformMenuItems(item, handlerContext)) });
+    return {
+        danger: item.danger,
+        text: item.text,
+        localizedTexts: item.localizedTexts,
+        ...transformedProperties(item, handlerContext),
+        items: item.items?.map((item) => transformMenuItems(item, handlerContext)),
+    };
 }
 function transformCommandGroup(group, handlerContext, selector) {
     return group
         .map((command) => {
-        var _a;
-        if (!((_a = selector === null || selector === void 0 ? void 0 : selector(command)) !== null && _a !== void 0 ? _a : true)) {
+        if (!(selector?.(command) ?? true)) {
             return false; // Skip command
         }
         const transformedCommand = transformCommand(command, handlerContext);
@@ -51,7 +79,7 @@ function transformCommandGroup(group, handlerContext, selector) {
     })
         .filter(Boolean);
 }
-export function transformCommadnGroups(groups, handlerContext, selector) {
+function transformCommadnGroups(groups, handlerContext, selector) {
     return groups
         .map((group) => {
         return transformCommandGroup(group, handlerContext, selector);

package/components/ScrollView/index.js

@@ -1,4 +1,11 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import clsx from 'clsx';
-import { Scrollbars } from 'react-custom-scrollbars-2';
-export const ScrollView = ({ children, className, rtl, autoHide, onScroll, }) => (_jsx(Scrollbars, { autoHide: autoHide, className: clsx(className, 'hdl-scrollbar', rtl && 'rtl'), onScroll: onScroll, children: children }));
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const react_custom_scrollbars_2_1 = require("react-custom-scrollbars-2");
+const ScrollView = ({ children, className, rtl, autoHide, onScroll, }) => ((0, jsx_runtime_1.jsx)(react_custom_scrollbars_2_1.Scrollbars, { autoHide: autoHide, className: (0, clsx_1.default)(className, 'hdl-scrollbar', rtl && 'rtl'), onScroll: onScroll, children: children }));
+exports.ScrollView = ScrollView;

package/components/ScrollbarWithMoreDataRequest/index.js

@@ -1,16 +1,18 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useRef } from 'react';
-import { ScrollView } from '../ScrollView';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollbarWithMoreDataRequest = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ScrollView_1 = require("../ScrollView");
 function getReaminingSpace(div) {
     return div.scrollHeight - div.scrollTop - div.clientHeight;
 }
-export const ScrollbarWithMoreDataRequest = ({ data, onRequestMore, hasMore, children, rtl }) => {
-    const divRef = useRef(null);
-    const onRequestMoreRef = useRef(onRequestMore);
+const ScrollbarWithMoreDataRequest = ({ data, onRequestMore, hasMore, children, rtl }) => {
+    const divRef = (0, react_1.useRef)(null);
+    const onRequestMoreRef = (0, react_1.useRef)(onRequestMore);
     onRequestMoreRef.current = onRequestMore;
-    useEffect(() => {
-        var _a;
-        const div = (_a = divRef.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+    (0, react_1.useEffect)(() => {
+        const div = divRef.current?.parentElement;
         if (!div) {
             return;
         }
@@ -19,11 +21,12 @@ export const ScrollbarWithMoreDataRequest = ({ data, onRequestMore, hasMore, chi
             onRequestMoreRef.current();
         }
     }, [data, hasMore]);
-    return (_jsx(ScrollView, { autoHide: true, rtl: rtl, onScroll: (e) => {
+    return ((0, jsx_runtime_1.jsx)(ScrollView_1.ScrollView, { autoHide: true, rtl: rtl, onScroll: (e) => {
             const div = e.target;
             const remainingSpace = getReaminingSpace(div);
             if (remainingSpace <= 0 && hasMore) {
                 onRequestMoreRef.current();
             }
-        }, children: _jsx("div", { ref: divRef, children: children }) }));
+        }, children: (0, jsx_runtime_1.jsx)("div", { ref: divRef, children: children }) }));
 };
+exports.ScrollbarWithMoreDataRequest = ScrollbarWithMoreDataRequest;