@headless-adminapp/app 0.0.8-0.0.9-alpha.1.0

package/dist/builders/SchemaExperienceBuilder.js

@@ -0,0 +1,267 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SchemaExperienceBuilder = void 0;
+class BaseSchemaExperienceBuilder {
+    constructor(logicalName) {
+        this.logicalName = logicalName;
+        this.views = [];
+        this.forms = [];
+        this.lookups = [];
+        this.quickCreateForms = [];
+        this.defaultViewId = null;
+        this.defaultFormId = null;
+        this.defaultLookupId = null;
+        this.defaultQuickCreateFormId = null;
+        this.locked = false;
+    }
+    reset() {
+        this.views = [];
+        this.forms = [];
+        this.lookups = [];
+        this.quickCreateForms = [];
+        this.defaultViewId = null;
+        this.defaultFormId = null;
+        this.defaultLookupId = null;
+        this.defaultQuickCreateFormId = null;
+        this.locked = false;
+        return this;
+    }
+    baseBuild() {
+        if (!this.defaultViewId) {
+            throw new Error('Default view is required');
+        }
+        if (!this.defaultFormId) {
+            throw new Error('Default form is required');
+        }
+        if (!this.defaultLookupId) {
+            throw new Error('Default lookup is required');
+        }
+        if (!this.views.find((v) => v.id === this.defaultViewId)) {
+            throw new Error('Default view not found');
+        }
+        if (!this.forms.find((f) => f.id === this.defaultFormId)) {
+            throw new Error('Default form not found');
+        }
+        if (!this.lookups.find((l) => l.id === this.defaultLookupId)) {
+            throw new Error('Default lookup not found');
+        }
+        if (this.defaultQuickCreateFormId &&
+            !this.quickCreateForms.find((f) => f.id === this.defaultQuickCreateFormId)) {
+            throw new Error('Default quick create form not found');
+        }
+        return {
+            logicalName: this.logicalName,
+            defaultFormId: this.defaultFormId,
+            defaultViewId: this.defaultViewId,
+            views: this.views,
+            forms: this.forms,
+            defaultLookupId: this.defaultLookupId,
+            lookups: this.lookups,
+            defaultQuickCreateFormId: this.defaultQuickCreateFormId,
+            quickCreateForms: this.quickCreateForms,
+        };
+    }
+    // public createView(view: Omit<View<S>, 'logicalName'>): View<S> {
+    //   return {
+    //     logicalName: this.logicalName,
+    //     ...view,
+    //   };
+    // }
+    defineFormExperience(formExperience) {
+        return formExperience;
+    }
+}
+class SchemaExperienceBuilder extends BaseSchemaExperienceBuilder {
+    constructor(schema, defaults, options) {
+        super(schema.logicalName);
+        this.schema = schema;
+        this.defaults = defaults;
+        this.options = options;
+    }
+    defineViewExperience(viewExperience) {
+        var _a, _b;
+        const cardView = (_a = viewExperience.card) !== null && _a !== void 0 ? _a : this.defineDefaultViewCard();
+        const gridView = (_b = viewExperience.grid) !== null && _b !== void 0 ? _b : this.defineDefaultViewGrid();
+        return Object.assign(Object.assign({}, viewExperience), { grid: gridView, card: cardView });
+    }
+    defineDefaultViewGrid() {
+        const columns = [];
+        columns.push({
+            name: this.schema.primaryAttribute,
+        });
+        if (this.schema.createdAtAttribute) {
+            columns.push({
+                name: this.schema.createdAtAttribute,
+            });
+        }
+        if (this.schema.updatedAtAttribute) {
+            columns.push({
+                name: this.schema.updatedAtAttribute,
+            });
+        }
+        return {
+            columns,
+        };
+    }
+    defineDefaultViewCard() {
+        return {
+            primaryColumn: this.schema.primaryAttribute,
+        };
+    }
+    defineDefaultViewExperience() {
+        let defaultSorting = undefined;
+        if (this.schema.updatedAtAttribute) {
+            defaultSorting = [
+                {
+                    field: this.schema.updatedAtAttribute,
+                    order: 'desc',
+                },
+            ];
+        }
+        else if (this.schema.createdAtAttribute) {
+            defaultSorting = [
+                {
+                    field: this.schema.createdAtAttribute,
+                    order: 'desc',
+                },
+            ];
+        }
+        return {
+            defaultSorting: defaultSorting,
+            grid: this.defineDefaultViewGrid(),
+            card: this.defineDefaultViewCard(),
+        };
+    }
+    defineDefaultFormExperience() {
+        return {
+            headerControls: [],
+            tabs: [
+                {
+                    name: 'general',
+                    label: 'General',
+                    columnCount: 1,
+                    tabColumns: [
+                        {
+                            sections: [
+                                {
+                                    name: 'general',
+                                    label: 'General',
+                                    controls: [
+                                        {
+                                            type: 'standard',
+                                            attributeName: this.schema.primaryAttribute,
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                    ],
+                },
+            ],
+        };
+    }
+    getLocalizedViewNames() {
+        var _a;
+        const langugesSet = new Set();
+        this.schema.localizedPluralLabels &&
+            Object.keys(this.schema.localizedPluralLabels).forEach((key) => langugesSet.add(key));
+        ((_a = this.defaults) === null || _a === void 0 ? void 0 : _a.localizedViewNames) &&
+            Object.keys(this.defaults.localizedViewNames).forEach((key) => langugesSet.add(key));
+        const localizedLabels = Array.from(langugesSet).reduce((acc, key) => {
+            var _a, _b, _c, _d, _e, _f;
+            const localizedPluralName = (_c = (_b = (_a = this.schema.localizedPluralLabels) === null || _a === void 0 ? void 0 : _a[key]) === null || _b === void 0 ? void 0 : _b.toLowerCase()) !== null && _c !== void 0 ? _c : this.schema.pluralLabel.toLowerCase();
+            const localizedPlaceholder = (_f = (_e = (_d = this.defaults) === null || _d === void 0 ? void 0 : _d.localizedViewNames) === null || _e === void 0 ? void 0 : _e[key]) !== null && _f !== void 0 ? _f : `All {label}`;
+            const localeName = localizedPlaceholder.replace('{label}', localizedPluralName);
+            acc[key] = localeName;
+            return acc;
+        }, {});
+        return localizedLabels;
+    }
+    resolveDefaultId(data, defaultId) {
+        if (data.length === 0) {
+            throw new Error('No items found');
+        }
+        if (!defaultId) {
+            return data[0].id;
+        }
+        if (!data.find((x) => x.id === defaultId)) {
+            return data[0].id;
+        }
+        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;
+        let associatedViews = experience.associatedViews;
+        if (!(lookups === null || lookups === void 0 ? void 0 : lookups.length)) {
+            lookups = [
+                {
+                    id: 'default',
+                    name: 'Default',
+                    experience: this.defineViewExperience({}),
+                },
+            ];
+        }
+        if (!(views === null || views === void 0 ? void 0 : views.length)) {
+            views = [
+                {
+                    id: 'default',
+                    name: `All ${this.schema.pluralLabel.toLowerCase()}`,
+                    experience: this.defineDefaultViewExperience(),
+                    localizedNames: this.getLocalizedViewNames(),
+                },
+            ];
+        }
+        if (!(associatedViews === null || associatedViews === void 0 ? void 0 : associatedViews.length)) {
+            associatedViews = [
+                {
+                    id: 'default',
+                    name: `All ${this.schema.pluralLabel.toLowerCase()}`,
+                    experience: this.defineDefaultViewExperience(),
+                    localizedNames: this.getLocalizedViewNames(),
+                },
+            ];
+        }
+        if (!(forms === null || forms === void 0 ? void 0 : forms.length)) {
+            forms = [
+                {
+                    id: 'default',
+                    name: 'Default',
+                    experience: this.defineDefaultFormExperience(),
+                },
+            ];
+        }
+        const defaultViewId = this.resolveDefaultId(views, experience.defaultViewId);
+        const defaultFormId = this.resolveDefaultId(forms, experience.defaultFormId);
+        const defaultLookupId = this.resolveDefaultId(lookups, experience.defaultLookupId);
+        const defaultAssociatedViewId = this.resolveDefaultId(associatedViews, experience.defaultAssociatedViewId);
+        let defaultQuickCreateFormId = null;
+        if ((_a = experience.quickCreateForms) === null || _a === void 0 ? void 0 : _a.length) {
+            defaultQuickCreateFormId = this.resolveDefaultId((_b = experience.quickCreateForms) !== null && _b !== void 0 ? _b : [], experience.defaultQuickCreateFormId);
+        }
+        return {
+            logicalName: this.logicalName,
+            icon: experience.icon,
+            defaultQuickCreateFormId: defaultQuickCreateFormId,
+            defaultFormId,
+            defaultViewId,
+            defaultLookupId,
+            defaultAssociatedViewId,
+            quickCreateForms: (_d = (_c = experience.quickCreateForms) === null || _c === void 0 ? void 0 : _c.map((x) => (Object.assign(Object.assign({}, x), { logicalName: this.logicalName })))) !== null && _d !== void 0 ? _d : [],
+            views: (_e = views.map((x) => (Object.assign(Object.assign({}, x), { logicalName: this.logicalName })))) !== null && _e !== void 0 ? _e : [],
+            forms: (_f = forms.map((x) => (Object.assign(Object.assign({}, x), { logicalName: this.logicalName })))) !== null && _f !== void 0 ? _f : [],
+            lookups: (_g = lookups.map((x) => (Object.assign(Object.assign({}, x), { logicalName: this.logicalName })))) !== null && _g !== void 0 ? _g : [],
+            associatedViews: (_h = associatedViews.map((x) => (Object.assign(Object.assign({}, x), { logicalName: this.logicalName })))) !== null && _h !== void 0 ? _h : [],
+            formCommands: (_l = (_j = experience.formCommands) !== null && _j !== void 0 ? _j : (_k = this.defaults) === null || _k === void 0 ? void 0 : _k.formCommands) !== null && _l !== void 0 ? _l : [],
+            subgridCommands: (_p = (_m = experience.subgridCommands) !== null && _m !== void 0 ? _m : (_o = this.defaults) === null || _o === void 0 ? void 0 : _o.subgridCommands) !== null && _p !== void 0 ? _p : [],
+            viewCommands: (_s = (_q = experience.viewCommands) !== null && _q !== void 0 ? _q : (_r = this.defaults) === null || _r === void 0 ? void 0 : _r.viewCommands) !== null && _s !== void 0 ? _s : [],
+        };
+    }
+}
+exports.SchemaExperienceBuilder = SchemaExperienceBuilder;

package/dist/builders/index.d.ts

@@ -0,0 +1,2 @@
+export { SchemaExperienceBuilder } from './SchemaExperienceBuilder';
+export { CommandBuilder } from './CommandBuilder';

package/dist/builders/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommandBuilder = exports.SchemaExperienceBuilder = void 0;
+var SchemaExperienceBuilder_1 = require("./SchemaExperienceBuilder");
+Object.defineProperty(exports, "SchemaExperienceBuilder", { enumerable: true, get: function () { return SchemaExperienceBuilder_1.SchemaExperienceBuilder; } });
+var CommandBuilder_1 = require("./CommandBuilder");
+Object.defineProperty(exports, "CommandBuilder", { enumerable: true, get: function () { return CommandBuilder_1.CommandBuilder; } });

package/dist/command/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useBaseCommandHandlerContext';
+export * from './useCommands';

package/dist/command/hooks/index.js

@@ -0,0 +1,18 @@
+"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/dist/command/hooks/useBaseCommandHandlerContext.d.ts

@@ -0,0 +1,4 @@
+import { CommandContextBase } from '@headless-adminapp/core/experience/command';
+import { UtilityContextState } from '../types';
+export declare function useUtility(): UtilityContextState;
+export declare function useBaseCommandHandlerContext(): CommandContextBase;

package/dist/command/hooks/useBaseCommandHandlerContext.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useUtility = useUtility;
+exports.useBaseCommandHandlerContext = useBaseCommandHandlerContext;
+const react_query_1 = require("@tanstack/react-query");
+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 {
+        hideProgressIndicator,
+        showProgressIndicator,
+        openAlertDialog,
+        openConfirmDialog,
+        openErrorDialog,
+        openPromptDialog,
+        showNotification: openToastNotification,
+    };
+}
+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] = (0, locale_1.useLocale)();
+    return {
+        dataService,
+        queryClient,
+        utility,
+        stores,
+        locale,
+    };
+}

package/dist/command/hooks/useCommands.d.ts

@@ -0,0 +1,7 @@
+import { CommandItemExperience } from '@headless-adminapp/core/experience/command';
+import { CommandItemExperienceSelector, CommandItemState } from '../types';
+/***
+ * @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 declare function useCommands<HandlerContext>(commands: CommandItemExperience<HandlerContext>[][], handlerContext: HandlerContext, selector?: CommandItemExperienceSelector<HandlerContext>): CommandItemState[][];

package/dist/command/hooks/useCommands.js

@@ -0,0 +1,16 @@
+"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.)
+ */
+function useCommands(commands, handlerContext, selector) {
+    const selectorRef = (0, react_1.useRef)(selector);
+    selectorRef.current = selector;
+    return (0, react_1.useMemo)(() => {
+        return (0, utils_1.transformCommadnGroups)(commands, handlerContext, selectorRef.current);
+    }, [commands, handlerContext]);
+}

package/dist/command/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './hooks';

package/dist/command/index.js

@@ -0,0 +1,18 @@
+"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/dist/command/types.d.ts

@@ -0,0 +1,76 @@
+import { CommandItemExperience } from '@headless-adminapp/core/experience/command';
+import { ConfirmDialogOptions, PromptDialogOptions } from '@headless-adminapp/core/experience/dialog';
+import { InferredSchemaType, SchemaAttributes } from '@headless-adminapp/core/schema';
+import { ArrayGroupWithAtLeastOne, Localized } from '@headless-adminapp/core/types';
+import { Icon } from '@headless-adminapp/icons';
+interface ConfirmResult {
+    confirmed: boolean;
+}
+export interface UtilityContextState {
+    showProgressIndicator: (message?: string) => void;
+    hideProgressIndicator: () => void;
+    openAlertDialog(options: {
+        text: string;
+        title?: string;
+        confirmButtonLabel?: string;
+    }): Promise<void>;
+    openConfirmDialog(options: Omit<ConfirmDialogOptions, 'type' | 'onConfirm' | 'onDismiss' | 'onCancel'>): Promise<ConfirmResult | null>;
+    openErrorDialog(options: {
+        text: string;
+        title?: string;
+        confirmButtonLabel?: string;
+    }): void;
+    openPromptDialog: <SA extends SchemaAttributes = SchemaAttributes>(options: Omit<PromptDialogOptions<SA>, 'type' | 'onConfirm' | 'onClose' | 'onCancel'>) => Promise<InferredSchemaType<SA> | null>;
+    showNotification: (options: {
+        text: string;
+        title?: string;
+        actions?: {
+            text: string;
+            onClick: () => void;
+        }[];
+        type?: 'info' | 'success' | 'warning' | 'error';
+    }) => void;
+}
+interface BaseCommandState {
+    Icon: Icon;
+    iconPosition?: 'before' | 'after';
+    danger?: boolean;
+    hidden?: boolean;
+}
+interface ActionableCommandState {
+    onClick?: () => void;
+    disabled?: boolean;
+    hidden?: boolean;
+}
+export interface IconButtonCommandState extends BaseCommandState, ActionableCommandState {
+    type: 'icon';
+    isQuickAction?: boolean;
+}
+export interface ButtonCommandState extends BaseCommandState, ActionableCommandState {
+    type: 'button';
+    text: string;
+    isQuickAction?: boolean;
+    isContextMenu?: boolean;
+    localizedTexts?: Localized<string>;
+}
+export interface LabelCommandState extends BaseCommandState {
+    type: 'label';
+    text: string;
+    localizedTexts?: Localized<string>;
+}
+export interface MenuItemCommandState extends BaseCommandState, ActionableCommandState {
+    text: string;
+    localizedTexts?: Localized<string>;
+    items?: ArrayGroupWithAtLeastOne<MenuItemCommandState>;
+}
+export interface MenuComandState extends BaseCommandState, ActionableCommandState {
+    type: 'menu';
+    text: string;
+    localizedTexts?: Localized<string>;
+    isContextMenu?: boolean;
+    items: ArrayGroupWithAtLeastOne<MenuItemCommandState>;
+}
+export type CommandItemState = IconButtonCommandState | ButtonCommandState | MenuComandState | LabelCommandState;
+export type Selector<T> = (value: T) => boolean;
+export type CommandItemExperienceSelector<Context> = Selector<CommandItemExperience<Context>>;
+export {};

package/dist/command/types.js

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

package/dist/command/utils/index.d.ts

@@ -0,0 +1,3 @@
+import { CommandItemExperience } from '@headless-adminapp/core/experience/command';
+import { CommandItemExperienceSelector, CommandItemState } from '../types';
+export declare function transformCommadnGroups<HandlerContext>(groups: CommandItemExperience<HandlerContext>[][], handlerContext: HandlerContext, selector?: CommandItemExperienceSelector<HandlerContext>): CommandItemState[][];

package/dist/command/utils/index.js

@@ -0,0 +1,63 @@
+"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 = (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);
+        }
+        : undefined;
+    return {
+        Icon: IconComponent,
+        hidden,
+        disabled,
+        onClick,
+    };
+}
+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));
+        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));
+        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)) });
+        default:
+            throw new Error(`Unknown command type: ${commandType}`);
+    }
+}
+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)) });
+}
+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)) {
+            return false; // Skip command
+        }
+        const transformedCommand = transformCommand(command, handlerContext);
+        if (transformedCommand.hidden) {
+            return false; // Skip command
+        }
+        return transformedCommand;
+    })
+        .filter(Boolean);
+}
+function transformCommadnGroups(groups, handlerContext, selector) {
+    return groups
+        .map((group) => {
+        return transformCommandGroup(group, handlerContext, selector);
+    })
+        .filter((group) => group.length > 0);
+}

package/dist/components/ScrollView/index.d.ts

@@ -0,0 +1,10 @@
+import { FC, PropsWithChildren } from 'react';
+import { ScrollbarProps } from 'react-custom-scrollbars-2';
+interface ScrollViewProps {
+    className?: string;
+    autoHide?: boolean;
+    rtl?: boolean;
+    onScroll?: ScrollbarProps['onScroll'];
+}
+export declare const ScrollView: FC<PropsWithChildren<ScrollViewProps>>;
+export {};

package/dist/components/ScrollView/index.js

@@ -0,0 +1,11 @@
+"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 = __importDefault(require("react-custom-scrollbars-2"));
+const ScrollView = ({ children, className, rtl, autoHide, onScroll, }) => ((0, jsx_runtime_1.jsx)(react_custom_scrollbars_2_1.default, { autoHide: autoHide, className: (0, clsx_1.default)(className, 'hdl-scrollbar', rtl && 'rtl'), onScroll: onScroll, children: children }));
+exports.ScrollView = ScrollView;

package/dist/dataform/DataFormProvider/DataResolver.d.ts

@@ -0,0 +1,5 @@
+import { Form } from '@headless-adminapp/core/experience/form';
+import { SchemaAttributes } from '@headless-adminapp/core/schema';
+export declare function getControls(form: Form): (import("@headless-adminapp/core/experience/form/SectionControl").SectionSubgridControl | import("@headless-adminapp/core/experience/form/SectionControl").SectionQuickViewControl<SchemaAttributes> | import("@headless-adminapp/core/experience/form").SectionEditableGridControl<SchemaAttributes> | import("@headless-adminapp/core/experience/form/SectionControl").SectionSpacerControl | import("@headless-adminapp/core/experience/form/SectionControl").SectionStatndardControl<SchemaAttributes>)[];
+export declare function getColumns(form: Form): string[];
+export declare function DataResolver(): null;