@xh/hoist 71.0.0-SNAPSHOT.1733791818708 → 71.0.0-SNAPSHOT.1734118787755

package/build/types/desktop/cmp/viewmanager/dialog/EditForm.d.ts

@@ -1,5 +0,0 @@
-import { EditFormModel } from '@xh/hoist/desktop/cmp/viewmanager/dialog/EditFormModel';
-/**
- * Default Edit Form for ViewManager
- */
-export declare const editForm: import("@xh/hoist/core").ElementFactory<import("@xh/hoist/core").DefaultHoistProps<EditFormModel>>;

package/desktop/cmp/viewmanager/dialog/EditForm.ts

@@ -1,126 +0,0 @@
-/*
- * This file belongs to Hoist, an application development toolkit
- * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
- *
- * Copyright © 2024 Extremely Heavy Industries Inc.
- */
-
-import {form} from '@xh/hoist/cmp/form';
-import {div, filler, hbox, hspacer, span, vframe} from '@xh/hoist/cmp/layout';
-
-import {hoistCmp, uses, XH} from '@xh/hoist/core';
-import {EditFormModel} from '@xh/hoist/desktop/cmp/viewmanager/dialog/EditFormModel';
-import {button} from '@xh/hoist/desktop/cmp/button';
-import {formField} from '@xh/hoist/desktop/cmp/form';
-import {select, textArea, textInput} from '@xh/hoist/desktop/cmp/input';
-import {panel} from '@xh/hoist/desktop/cmp/panel';
-import {toolbar} from '@xh/hoist/desktop/cmp/toolbar';
-import {fmtDateTime} from '@xh/hoist/format';
-import {Icon} from '@xh/hoist/icon';
-import {startCase} from 'lodash';
-
-/**
- * Default Edit Form for ViewManager
- */
-export const editForm = hoistCmp.factory({
-    model: uses(EditFormModel),
-    render({model}) {
-        const {formModel, view, parent} = model;
-        if (!view) return null;
-
-        const {manageGlobal, globalDisplayName} = parent,
-            {lastUpdated, lastUpdatedBy, owner} = view,
-            isOwnView = owner === XH.getUsername();
-
-        return panel({
-            item: form({
-                fieldDefaults: {
-                    commitOnChange: true
-                },
-                item: vframe({
-                    className: 'xh-view-manager__manage-dialog__form',
-                    items: [
-                        formField({
-                            field: 'name',
-                            item: textInput()
-                        }),
-                        formField({
-                            field: 'description',
-                            item: textArea({
-                                selectOnFocus: true,
-                                height: 70
-                            }),
-                            readonlyRenderer: v =>
-                                v
-                                    ? v
-                                    : span({
-                                          item: 'None provided',
-                                          className: 'xh-text-color-muted'
-                                      })
-                        }),
-                        formField({
-                            field: 'isGlobal',
-                            label: 'Visibility',
-                            item: select({
-                                options: [
-                                    {value: true, label: startCase(globalDisplayName)},
-                                    {
-                                        value: false,
-                                        label: `Private to ${isOwnView ? 'me' : owner}`
-                                    }
-                                ],
-                                enableFilter: false
-                            }),
-                            omit: !manageGlobal
-                        }),
-                        hbox({
-                            omit: !model.showSaveButton,
-                            style: {margin: '10px 20px'},
-                            items: [
-                                button({
-                                    text: 'Save Changes',
-                                    icon: Icon.check(),
-                                    intent: 'success',
-                                    minimal: false,
-                                    disabled: !formModel.isValid,
-                                    flex: 1,
-                                    onClick: () => model.saveAsync()
-                                }),
-                                hspacer(),
-                                button({
-                                    icon: Icon.reset(),
-                                    tooltip: 'Revert changes',
-                                    minimal: false,
-                                    onClick: () => formModel.reset()
-                                })
-                            ]
-                        }),
-                        filler(),
-                        div({
-                            className: 'xh-view-manager__manage-dialog__metadata',
-                            item: `Last Updated: ${fmtDateTime(lastUpdated)} by ${lastUpdatedBy === XH.getUsername() ? 'you' : lastUpdatedBy}`
-                        })
-                    ]
-                })
-            }),
-            bbar: bbar()
-        });
-    }
-});
-
-const bbar = hoistCmp.factory<EditFormModel>({
-    render({model}) {
-        const {parent} = model;
-        return toolbar(
-            button({
-                text: 'Delete',
-                icon: Icon.delete(),
-                intent: 'danger',
-                disabled: !parent.canDelete,
-                onClick: () => parent.deleteAsync([model.view])
-            }),
-            filler(),
-            button({text: 'Close', onClick: () => parent.close()})
-        );
-    }
-});

package/desktop/cmp/viewmanager/dialog/EditFormModel.ts

@@ -1,125 +0,0 @@
-/*
- * This file belongs to Hoist, an application development toolkit
- * developed by Extremely Heavy Industries (www.xh.io | info@xh.io)
- *
- * Copyright © 2024 Extremely Heavy Industries Inc.
- */
-
-import {FormModel} from '@xh/hoist/cmp/form';
-import {fragment, p, span, strong} from '@xh/hoist/cmp/layout';
-import {HoistModel, managed, TaskObserver, XH} from '@xh/hoist/core';
-import {ManageDialogModel} from './ManageDialogModel';
-import {makeObservable} from '@xh/hoist/mobx';
-import {throwIf} from '@xh/hoist/utils/js';
-import {ViewInfo} from '@xh/hoist/cmp/viewmanager';
-import {action, observable} from 'mobx';
-
-/**
- * Backing model for EditForm
- */
-export class EditFormModel extends HoistModel {
-    parent: ManageDialogModel;
-
-    @managed formModel: FormModel;
-    @observable.ref view: ViewInfo;
-
-    @action
-    setView(view: ViewInfo) {
-        const {formModel, parent} = this;
-        this.view = view;
-        if (!view) return null;
-        formModel.init(view);
-        formModel.readonly = view.isGlobal && !parent.manageGlobal;
-    }
-
-    get loadTask(): TaskObserver {
-        return this.parent.loadModel;
-    }
-
-    get showSaveButton(): boolean {
-        const {formModel, parent} = this;
-        return formModel.isDirty && !formModel.readonly && !parent.loadModel.isPending;
-    }
-
-    constructor(parent: ManageDialogModel) {
-        super();
-        makeObservable(this);
-        this.formModel = this.createFormModel();
-        this.parent = parent;
-    }
-
-    async saveAsync() {
-        const {parent, view, formModel} = this,
-            {manageGlobal, typeDisplayName, globalDisplayName} = parent,
-            {name, description, isGlobal} = formModel.getData(),
-            isValid = await formModel.validateAsync(),
-            isDirty = formModel.isDirty;
-
-        if (!isValid || !isDirty) return;
-
-        throwIf(
-            (view.isGlobal || isGlobal) && !manageGlobal,
-            `Cannot save changes to ${globalDisplayName} ${typeDisplayName} - missing required permission.`
-        );
-
-        if (isGlobal != view.isGlobal) {
-            const msgs = [];
-            if (isGlobal) {
-                msgs.push(
-                    `This ${typeDisplayName} will become visible to all other ${XH.appName} users.`
-                );
-            } else {
-                msgs.push(
-                    span(
-                        `The selected ${typeDisplayName} will revert to being private `,
-                        strong('It will no longer be available to ALL users.')
-                    )
-                );
-                if (view.owner != XH.getUsername()) {
-                    msgs.push(
-                        `The selected ${typeDisplayName} will revert to being private to its owner (${view.owner}).`,
-                        `Note that you will no longer have access to this ${typeDisplayName} and will not be able to undo this change.`
-                    );
-                }
-            }
-
-            msgs.push('Are you sure you want to proceed?');
-
-            const confirmed = await XH.confirm({
-                message: fragment(msgs.map(m => p(m))),
-                confirmProps: {
-                    text: 'Yes, update visibility',
-                    outlined: true,
-                    autoFocus: false,
-                    intent: 'primary'
-                }
-            });
-            if (!confirmed) return;
-        }
-
-        await parent.updateAsync(view, name, description, isGlobal);
-    }
-
-    //------------------------
-    // Implementation
-    //------------------------
-    private createFormModel(): FormModel {
-        return new FormModel({
-            fields: [
-                {
-                    name: 'name',
-                    rules: [
-                        async ({value}) => {
-                            return this.parent.viewManagerModel.validateViewNameAsync(
-                                value,
-                                this.view
-                            );
-                        }
-                    ]
-                },
-                {name: 'description'},
-                {name: 'isGlobal', displayName: 'Global'}
-            ]
-        });
-    }
-}