@headless-adminapp/app 0.0.17-alpha.5 → 0.0.17-alpha.52

package/app/AppProvider.js

@@ -38,12 +38,13 @@ const AppProvider = ({ children, appId, loadingComponent, notFoundComponent, })
             return acc;
         }, {})) !== null && _a !== void 0 ? _a : {};
     }, [schemaMetadataList]);
+    const contextValue = (0, react_1.useMemo)(() => ({ app, schemaMetadataDic, schemaMetadataList }), [app, schemaMetadataDic, 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 }));
+    return ((0, jsx_runtime_1.jsx)(context_1.AppContext.Provider, { value: contextValue, children: children }));
 };
 exports.AppProvider = AppProvider;

package/app/AuthWrapper.d.ts

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

package/app/AuthWrapper.js

@@ -4,7 +4,10 @@ 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 DefaultPlaceHolder = () => {
+    return null;
+};
+const AuthWrapper = ({ children, Placeholder = DefaultPlaceHolder, }) => {
     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 });

package/app/LayoutProvider.d.ts

@@ -1,4 +1,4 @@
-import { IDataService } from '@headless-adminapp/core/transport';
+import { IDataService, IFileService } from '@headless-adminapp/core/transport';
 import { QueryClient } from '@tanstack/react-query';
 import { FC, PropsWithChildren } from 'react';
 import { AuthProviderPlaceholderProps, AuthProviderProps } from '../auth';
@@ -7,12 +7,13 @@ import { MetadataProviderProps } from '../metadata/MetadataProvider';
 import { RouteProviderProps } from '../route/RouteProvider';
 export interface LayoutProviderProps {
     routeProps: RouteProviderProps;
-    queryClient: QueryClient;
-    localeProps: LocaleProviderProps;
-    dataService: IDataService;
-    authProps: AuthProviderProps;
-    authPlaceholder: FC<AuthProviderPlaceholderProps>;
-    metadataProps: MetadataProviderProps;
+    queryClient?: QueryClient;
+    localeProps?: LocaleProviderProps;
+    dataService?: IDataService;
+    fileService?: IFileService;
+    authProps?: AuthProviderProps;
+    authPlaceholder?: FC<AuthProviderPlaceholderProps>;
+    metadataProps?: MetadataProviderProps;
     containers: {
         DialogContainer: FC;
         ProgressIndicatorContainer: FC;

package/app/LayoutProvider.js

@@ -1,9 +1,19 @@
 "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.LayoutProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_query_1 = require("@tanstack/react-query");
 const auth_1 = require("../auth");
+const defaults_1 = require("../defaults");
 const dialog_1 = require("../dialog");
 const locale_1 = require("../locale");
 const metadata_1 = require("../metadata");
@@ -12,8 +22,33 @@ const recordset_1 = require("../recordset");
 const route_1 = require("../route");
 const toast_notification_1 = require("../toast-notification");
 const transport_1 = require("../transport");
+const context_1 = require("../transport/context");
 const AuthWrapper_1 = require("./AuthWrapper");
-const LayoutProvider = ({ 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)(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 }) }) }))] }) }) }) }) })) })) }) })));
+const dataServiceNotProvidedError = new Error('No data service provided');
+const defaultDataService = {
+    createRecord: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    deleteRecord: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    customAction: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    retriveAggregate: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    retriveRecord: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    retriveRecords: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+    updateRecord: () => __awaiter(void 0, void 0, void 0, function* () {
+        throw dataServiceNotProvidedError;
+    }),
+};
+const LayoutProvider = ({ authPlaceholder, authProps, dataService = defaultDataService, fileService, localeProps, metadataProps, queryClient = defaults_1.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)(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)(context_1.FileServiceContext.Provider, { value: fileService !== null && fileService !== void 0 ? fileService : context_1.noopFileService, 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/auth/AuthProvider.d.ts

@@ -2,6 +2,6 @@ import { FC, PropsWithChildren } from 'react';
 import { SessionResolver, UnauthorizeReason } from './types';
 export interface AuthProviderProps {
     onUnauthenticated?: (reason: UnauthorizeReason) => void;
-    sessionResolver: SessionResolver;
+    sessionResolver?: SessionResolver;
 }
 export declare const AuthProvider: FC<PropsWithChildren<AuthProviderProps>>;

package/auth/AuthProvider.js

@@ -11,20 +11,33 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuthProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_query_1 = require("@tanstack/react-query");
 const react_1 = require("react");
 const context_1 = require("../mutable/context");
 const context_2 = require("./context");
 const AuthProvider = ({ sessionResolver, onUnauthenticated, children, }) => {
     const onUnauthenticatedRef = (0, react_1.useRef)(onUnauthenticated);
     onUnauthenticatedRef.current = onUnauthenticated;
+    const queryClient = (0, react_query_1.useQueryClient)();
     const onUnauthenticatedInternal = (0, react_1.useCallback)((reason) => {
         var _a;
         (_a = onUnauthenticatedRef.current) === null || _a === void 0 ? void 0 : _a.call(onUnauthenticatedRef, reason);
-    }, []);
+        queryClient.clear();
+        queryClient.removeQueries({
+            queryKey: ['data'],
+        });
+        queryClient
+            .invalidateQueries({
+            queryKey: ['data'],
+        })
+            .catch(console.error);
+    }, [queryClient]);
     const contextValue = (0, context_1.useCreateContextStore)({
-        loading: true,
+        loading: !!sessionResolver,
         loadError: false,
-        initialized: false,
+        authenticated: !sessionResolver,
+        initialized: !sessionResolver,
+        skipAuthCheck: !sessionResolver,
         loadSession: () => Promise.resolve(),
         onUnauthenticated: onUnauthenticatedInternal,
     });
@@ -36,6 +49,9 @@ const AuthProvider = ({ sessionResolver, onUnauthenticated, children, }) => {
         var _a;
         contextValue.setValue({ loading: true, loadError: false });
         try {
+            if (!sessionResolverRef.current) {
+                return;
+            }
             const data = yield sessionResolverRef.current();
             if (!data) {
                 contextValue.setValue({
@@ -85,6 +101,10 @@ const AuthProvider = ({ sessionResolver, onUnauthenticated, children, }) => {
             (_a = onUnauthenticatedRef.current) === null || _a === void 0 ? void 0 : _a.call(onUnauthenticatedRef, 'sessionExpired');
             return;
         }
+        const MAX_TIMEOUT = 2147483647;
+        if (timeout > MAX_TIMEOUT) {
+            return;
+        }
         const timer = setTimeout(() => {
             var _a;
             contextValue.setValue({

package/auth/context.d.ts

@@ -16,6 +16,7 @@ interface AuthStoreAuthorizedState<T extends AuthSession = AuthSession> {
 export type AuthState = (AuthStoreLoadingState | AuthStoreUnauthorizedState | AuthStoreAuthorizedState) & {
     loading: boolean;
     loadError: boolean;
+    skipAuthCheck?: boolean;
     loadSession: () => Promise<void>;
     onUnauthenticated?: (reason: UnauthorizeReason) => void;
 };

package/auth/hooks/useIsSkipAuthCheck.d.ts

@@ -0,0 +1 @@
+export declare function useIsSkipAuthCheck(): boolean;

package/auth/hooks/useIsSkipAuthCheck.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsSkipAuthCheck = useIsSkipAuthCheck;
+const mutable_1 = require("../../mutable");
+const context_1 = require("../context");
+function useIsSkipAuthCheck() {
+    return (0, mutable_1.useContextSelector)(context_1.AuthContext, (state) => { var _a; return (_a = state.skipAuthCheck) !== null && _a !== void 0 ? _a : false; });
+}

package/board/BoardColumnDataResolver.d.ts

@@ -0,0 +1 @@
+export declare function DataResolver(): null;

package/board/BoardColumnDataResolver.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataResolver = DataResolver;
+const react_1 = require("react");
+const hooks_1 = require("../hooks");
+const mutable_1 = require("../mutable");
+const useRetriveRecords_1 = require("../transport/hooks/useRetriveRecords");
+const context_1 = require("./context");
+const useBoardColumnConfig_1 = require("./hooks/useBoardColumnConfig");
+const useBoardConfig_1 = require("./hooks/useBoardConfig");
+const useSearchText_1 = require("./hooks/useSearchText");
+const MAX_RECORDS = 10000;
+function DataResolver() {
+    const { schema, sorting, projection: { columns, expand }, } = (0, useBoardConfig_1.useBoardConfig)();
+    const [searchText] = (0, useSearchText_1.useSearchText)();
+    const { filter, maxRecords = MAX_RECORDS } = (0, useBoardColumnConfig_1.useBoardColumnConfig)();
+    const setState = (0, mutable_1.useContextSetValue)(context_1.BoardColumnContext);
+    const [search] = (0, hooks_1.useDebouncedValue)(searchText, 500);
+    const queryKey = (0, useRetriveRecords_1.useRetrieveRecordsKey)({
+        columns,
+        expand,
+        filter,
+        maxRecords,
+        schema,
+        search,
+        sorting,
+    });
+    (0, useRetriveRecords_1.useClearDataExceptFirstPage)(queryKey);
+    const { fetchNextPage, data, hasNextPage, isFetching, isFetchingNextPage } = (0, useRetriveRecords_1.useRetriveRecords)(queryKey, {
+        columns,
+        expand,
+        filter,
+        maxRecords,
+        schema,
+        search,
+        sorting,
+    });
+    (0, react_1.useEffect)(() => {
+        setState({
+            fetchNextPage: fetchNextPage,
+        });
+    }, [fetchNextPage, setState]);
+    (0, react_1.useEffect)(() => {
+        if (!data) {
+            setState({
+                data: null,
+            });
+            return;
+        }
+        setState({
+            data,
+        });
+    }, [data, setState, schema.idAttribute]);
+    (0, react_1.useEffect)(() => {
+        setState({
+            dataState: {
+                isFetching,
+                hasNextPage,
+                isFetchingNextPage,
+            },
+        });
+    }, [hasNextPage, isFetching, isFetchingNextPage, setState]);
+    return null;
+}

package/board/BoardColumnProvider.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { BoardColumnConfig } from './types';
+export declare function invertValueMapping(value: Record<string, string[]>): Record<string, string[]>;
+export interface BoardColumnProviderProps {
+    config: BoardColumnConfig;
+}
+export declare function BoardColumnProvider(props: PropsWithChildren<BoardColumnProviderProps>): import("react/jsx-runtime").JSX.Element;

package/board/BoardColumnProvider.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.invertValueMapping = invertValueMapping;
+exports.BoardColumnProvider = BoardColumnProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const mutable_1 = require("../mutable");
+const BoardColumnDataResolver_1 = require("./BoardColumnDataResolver");
+const context_1 = require("./context");
+const useBoardConfig_1 = require("./hooks/useBoardConfig");
+function invertValueMapping(value) {
+    return Object.keys(value).reduce((acc, key) => {
+        const toKeys = value[key];
+        toKeys.forEach((toKey) => {
+            acc[toKey] = [...(acc[toKey] || []), key];
+        });
+        return acc;
+    }, {});
+}
+function BoardColumnProvider(props) {
+    const { schema } = (0, useBoardConfig_1.useBoardConfig)();
+    const contextValue = (0, mutable_1.useCreateContextStore)({
+        config: props.config,
+        data: {
+            logicalName: schema.logicalName,
+            records: [],
+            count: 0,
+        },
+        dataState: {
+            hasNextPage: false,
+            isFetching: false,
+            isFetchingNextPage: false,
+        },
+        fetchNextPage: () => { },
+    });
+    return ((0, jsx_runtime_1.jsxs)(context_1.BoardColumnContext.Provider, { value: contextValue, children: [(0, jsx_runtime_1.jsx)(BoardColumnDataResolver_1.DataResolver, {}), props.children] }));
+}

package/board/context.d.ts

@@ -0,0 +1,19 @@
+import { InferredSchemaType, SchemaAttributes } from '@headless-adminapp/core/schema';
+import { RetriveRecordsResult } from '@headless-adminapp/core/transport';
+import { BoardColumnConfig, BoardConfig } from './types';
+export interface BoardContextState<S extends SchemaAttributes = SchemaAttributes> {
+    config: BoardConfig<S>;
+    searchText: string;
+}
+export interface BoardColumnContextState<S extends SchemaAttributes = SchemaAttributes> {
+    config: BoardColumnConfig;
+    data: RetriveRecordsResult<InferredSchemaType<S>> | null;
+    dataState: {
+        isFetching: boolean;
+        hasNextPage: boolean;
+        isFetchingNextPage: boolean;
+    };
+    fetchNextPage: () => void;
+}
+export declare const BoardContext: import("react").Context<import("../mutable").ContextValue<BoardContextState<SchemaAttributes>>>;
+export declare const BoardColumnContext: import("react").Context<import("../mutable").ContextValue<BoardColumnContextState<SchemaAttributes>>>;

package/board/context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoardColumnContext = exports.BoardContext = void 0;
+const mutable_1 = require("../mutable");
+exports.BoardContext = (0, mutable_1.createContext)();
+exports.BoardColumnContext = (0, mutable_1.createContext)();

package/board/hooks/index.d.ts

@@ -0,0 +1,6 @@
+export { useBoardColumnConfig } from './useBoardColumnConfig';
+export { useBoardColumnData } from './useBoardColumnData';
+export { useBoardColumnDataState } from './useBoardColumnDataState';
+export { useBoardConfig } from './useBoardConfig';
+export { useBoardSchema } from './useBoardSchema';
+export { useSearchText } from './useSearchText';

package/board/hooks/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearchText = exports.useBoardSchema = exports.useBoardConfig = exports.useBoardColumnDataState = exports.useBoardColumnData = exports.useBoardColumnConfig = void 0;
+var useBoardColumnConfig_1 = require("./useBoardColumnConfig");
+Object.defineProperty(exports, "useBoardColumnConfig", { enumerable: true, get: function () { return useBoardColumnConfig_1.useBoardColumnConfig; } });
+var useBoardColumnData_1 = require("./useBoardColumnData");
+Object.defineProperty(exports, "useBoardColumnData", { enumerable: true, get: function () { return useBoardColumnData_1.useBoardColumnData; } });
+var useBoardColumnDataState_1 = require("./useBoardColumnDataState");
+Object.defineProperty(exports, "useBoardColumnDataState", { enumerable: true, get: function () { return useBoardColumnDataState_1.useBoardColumnDataState; } });
+var useBoardConfig_1 = require("./useBoardConfig");
+Object.defineProperty(exports, "useBoardConfig", { enumerable: true, get: function () { return useBoardConfig_1.useBoardConfig; } });
+var useBoardSchema_1 = require("./useBoardSchema");
+Object.defineProperty(exports, "useBoardSchema", { enumerable: true, get: function () { return useBoardSchema_1.useBoardSchema; } });
+var useSearchText_1 = require("./useSearchText");
+Object.defineProperty(exports, "useSearchText", { enumerable: true, get: function () { return useSearchText_1.useSearchText; } });

package/board/hooks/useBoardColumnConfig.d.ts

@@ -0,0 +1,2 @@
+import { BoardColumnConfig } from '../types';
+export declare function useBoardColumnConfig(): BoardColumnConfig;

package/board/hooks/useBoardColumnConfig.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBoardColumnConfig = useBoardColumnConfig;
+const context_1 = require("@headless-adminapp/app/mutable/context");
+const context_2 = require("../context");
+function useBoardColumnConfig() {
+    return (0, context_1.useContextSelector)(context_2.BoardColumnContext, (context) => context.config);
+}

package/board/hooks/useBoardColumnData.d.ts

@@ -0,0 +1 @@
+export declare function useBoardColumnData(): import("@headless-adminapp/core/transport").RetriveRecordsResult<import("@headless-adminapp/core/schema").InferredSchemaType<import("@headless-adminapp/core/schema").SchemaAttributes>> | null;

package/board/hooks/useBoardColumnData.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBoardColumnData = useBoardColumnData;
+const context_1 = require("@headless-adminapp/app/mutable/context");
+const context_2 = require("../context");
+function useBoardColumnData() {
+    const data = (0, context_1.useContextSelector)(context_2.BoardColumnContext, (state) => state.data);
+    return data;
+}

package/board/hooks/useBoardColumnDataState.d.ts

@@ -0,0 +1,5 @@
+export declare function useBoardColumnDataState(): {
+    isFetching: boolean;
+    hasNextPage: boolean;
+    isFetchingNextPage: boolean;
+};

package/board/hooks/useBoardColumnDataState.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBoardColumnDataState = useBoardColumnDataState;
+const context_1 = require("@headless-adminapp/app/mutable/context");
+const context_2 = require("../context");
+function useBoardColumnDataState() {
+    const data = (0, context_1.useContextSelector)(context_2.BoardColumnContext, (state) => state.dataState);
+    return data;
+}

package/board/hooks/useBoardConfig.d.ts

@@ -0,0 +1,3 @@
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+import { BoardConfig } from '../types';
+export declare function useBoardConfig<S extends SchemaAttributes = SchemaAttributes>(): BoardConfig<S>;

package/board/hooks/useBoardConfig.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBoardConfig = useBoardConfig;
+const context_1 = require("@headless-adminapp/app/mutable/context");
+const context_2 = require("../context");
+function useBoardConfig() {
+    return (0, context_1.useContextSelector)(context_2.BoardContext, (context) => context.config);
+}

package/board/hooks/useBoardSchema.d.ts

@@ -0,0 +1,2 @@
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+export declare function useBoardSchema<S extends SchemaAttributes = SchemaAttributes>(): import("@headless-adminapp/core/schema").Schema<S>;

package/board/hooks/useBoardSchema.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBoardSchema = useBoardSchema;
+const useBoardConfig_1 = require("./useBoardConfig");
+function useBoardSchema() {
+    return (0, useBoardConfig_1.useBoardConfig)().schema;
+}

package/board/hooks/useSearchText.d.ts

@@ -0,0 +1 @@
+export declare function useSearchText(): readonly [string, (value: string) => void];

package/board/hooks/useSearchText.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSearchText = useSearchText;
+const context_1 = require("@headless-adminapp/app/mutable/context");
+const react_1 = require("react");
+const context_2 = require("../context");
+function useSearchText() {
+    const searchText = (0, context_1.useContextSelector)(context_2.BoardContext, (context) => context.searchText);
+    const setValue = (0, context_1.useContextSetValue)(context_2.BoardContext);
+    const setSearchText = (0, react_1.useCallback)((value) => {
+        setValue({ searchText: value });
+    }, [setValue]);
+    return [searchText, setSearchText];
+}

package/board/types.d.ts

@@ -0,0 +1,47 @@
+import { CommandContextBase } from '@headless-adminapp/core/experience/command';
+import { SortingState, View } from '@headless-adminapp/core/experience/view';
+import { Schema, SchemaAttributes } from '@headless-adminapp/core/schema';
+import { Filter } from '@headless-adminapp/core/transport';
+import { FC } from 'react';
+import { UtilityContextState } from '../command';
+export interface ItemUpdateContext extends CommandContextBase {
+    primaryControl: {
+        logicalName: string;
+        id: string;
+        schema: Schema;
+    };
+    utility: UtilityContextState;
+}
+export interface Column {
+    view: View<SchemaAttributes>;
+    accept: string[];
+    update?: (context: ItemUpdateContext) => Promise<void>;
+}
+export type BoardColumnCardPreviewFC = FC<{
+    record: any;
+}>;
+export interface DragItem {
+    id: string;
+    columnId: string;
+    record: any;
+}
+export interface BoardColumnConfig {
+    columnId: string;
+    title: string;
+    maxRecords?: number;
+    filter: Filter;
+    acceptSourceIds: string[];
+    updateFn: (context: ItemUpdateContext) => Promise<void>;
+}
+export interface BoardConfig<S extends SchemaAttributes = SchemaAttributes> {
+    title: string;
+    description: string;
+    schema: Schema<S>;
+    sorting: SortingState<S>;
+    projection: {
+        columns: Array<keyof S>;
+        expand?: Partial<Record<keyof S, string[]>>;
+    };
+    columnConfigs: BoardColumnConfig[];
+    PreviewComponent: BoardColumnCardPreviewFC;
+}

package/board/utils.d.ts

@@ -0,0 +1,3 @@
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+import { BoardConfig } from './types';
+export declare function defineBoardConfig<S extends SchemaAttributes = SchemaAttributes>(config: BoardConfig<S>): BoardConfig<S>;

package/board/utils.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineBoardConfig = defineBoardConfig;
+function defineBoardConfig(config) {
+    return config;
+}

package/builders/CommandBuilder/CommandBuilder.d.ts

@@ -0,0 +1,10 @@
+import { DefaultCommandBuilder } from './DefaultCommandBuilder';
+import { FormCommandBuilder } from './FormCommandBuilder';
+import { SubgridCommandBuilder } from './SubgridCommandBuilder';
+import { ViewCommandBuilder } from './ViewCommandBuilder';
+export declare namespace CommandBuilder {
+    const View: typeof ViewCommandBuilder;
+    const Form: typeof FormCommandBuilder;
+    const Subgrid: typeof SubgridCommandBuilder;
+    const Default: typeof DefaultCommandBuilder;
+}

package/builders/CommandBuilder/CommandBuilder.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommandBuilder = void 0;
+const DefaultCommandBuilder_1 = require("./DefaultCommandBuilder");
+const FormCommandBuilder_1 = require("./FormCommandBuilder");
+const SubgridCommandBuilder_1 = require("./SubgridCommandBuilder");
+const ViewCommandBuilder_1 = require("./ViewCommandBuilder");
+var CommandBuilder;
+(function (CommandBuilder) {
+    CommandBuilder.View = ViewCommandBuilder_1.ViewCommandBuilder;
+    CommandBuilder.Form = FormCommandBuilder_1.FormCommandBuilder;
+    CommandBuilder.Subgrid = SubgridCommandBuilder_1.SubgridCommandBuilder;
+    CommandBuilder.Default = DefaultCommandBuilder_1.DefaultCommandBuilder;
+})(CommandBuilder || (exports.CommandBuilder = CommandBuilder = {}));