@simplysm/angular 14.0.19 → 14.0.22

package/dist/features/data-view/sd-data-sheet.control.js

@@ -1,26 +1,26 @@
 import { NgTemplateOutlet } from "@angular/common";
-import { ChangeDetectionStrategy, Component, computed, contentChild, contentChildren, Directive, effect, inject, input, model, output, reflectComponentType, signal, TemplateRef, viewChild, ViewEncapsulation, } from "@angular/core";
-import { obj } from "@simplysm/core-common";
+import { ChangeDetectionStrategy, Component, computed, contentChild, contentChildren, Directive, effect, input, model, output, reflectComponentType, signal, TemplateRef, viewChild, ViewEncapsulation, } from "@angular/core";
 import { mark } from "../../core/utils/mark";
 import { SdButtonControl } from "../../ui/form/button/sd-button.control";
 import { SdFormControl } from "../../ui/form/sd-form.control";
 import { SdSheetColumnDirective } from "../../ui/data/sheet/sd-sheet-column.directive";
 import { SdSheetControl } from "../../ui/data/sheet/sd-sheet.control";
-import { SdFileDialogProvider } from "../../core/providers/sd-file-dialog.provider";
-import { SdToastProvider } from "../../ui/overlay/toast/sd-toast.provider";
-import { SdSharedDataProvider } from "../../core/providers/sd-shared-data.provider";
 import { useViewTypeSignal } from "../../core/utils/useViewTypeSignal";
 import { setupCumulateSelectedKeys } from "../../core/utils/setups/setupCumulateSelectedKeys";
-import { setupCloserWhenSingleSelectionChange } from "../../core/utils/setups/setupCloserWhenSingleSelectionChange";
+import { setupCloserWhenSingleSelectionChange } from "./setupCloserWhenSingleSelectionChange";
 import { setupCanDeactivate } from "../../core/utils/setups/setupCanDeactivate";
 import { injectParent } from "../../core/utils/injectParent";
-import { withBusy } from "../../core/utils/withBusy";
 import { FormatPipe } from "../../core/pipes/format.pipe";
 import { TXT_CHANGE_IGNORE_CONFIRM } from "../../core/commons";
 import { SdBaseContainerControl } from "../base/sd-base-container.control";
 import { SdDataSheetColumnDirective } from "./sd-data-sheet-column.directive";
 import { SdAnchorControl } from "../../ui/form/button/sd-anchor.control";
 import { NgIcon } from "@ng-icons/core";
+import { useDataSheetFilterManager } from "./useDataSheetFilterManager";
+import { useDataSheetRefreshManager } from "./useDataSheetRefreshManager";
+import { useDataSheetInlineEditManager } from "./useDataSheetInlineEditManager";
+import { useDataSheetModalEditManager } from "./useDataSheetModalEditManager";
+import { useDataSheetExcelManager } from "./useDataSheetExcelManager";
 import { tablerDeviceFloppy, tablerEdit, tablerEraser, tablerCirclePlus, tablerFileExcel, tablerRefresh, tablerRestore, tablerSearch, tablerUpload, } from "@ng-icons/tabler-icons";
 import * as i0 from "@angular/core";
 const _c0 = ["pageTopbarTpl"];
@@ -489,16 +489,17 @@ function SdDataSheetControl_Conditional_5_ng_template_2_Template(rf, ctx) { if (
 function SdDataSheetControl_Conditional_5_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵtemplate(0, SdDataSheetControl_Conditional_5_ng_template_0_Template, 5, 3, "ng-template", null, 5, i0.ɵɵtemplateRefExtractor)(2, SdDataSheetControl_Conditional_5_ng_template_2_Template, 2, 2, "ng-template", null, 6, i0.ɵɵtemplateRefExtractor);
 } }
-//#endregion
 //#region AbsSdDataSheet
 export class AbsSdDataSheet {
     hideTool;
     diffsExcludes;
-    //-- injected
-    _sdToast = inject(SdToastProvider);
-    _sdSharedData = inject(SdSharedDataProvider);
-    _sdFileDialog = inject(SdFileDialogProvider);
-    //-- state
+    //-- composable instances
+    _filterMgr;
+    _refreshMgr;
+    _inlineEditMgr;
+    _modalEditMgr;
+    _excelMgr;
+    //-- shared state (D1: class 소유)
     key = reflectComponentType(this.constructor)?.selector;
     viewType = useViewTypeSignal(() => this);
     busyCount = signal(0, ...(ngDevMode ? [{ debugName: "busyCount" }] : /* istanbul ignore next */ []));
@@ -518,10 +519,9 @@ export class AbsSdDataSheet {
     page = signal(0, ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
     pageLength = signal(0, ...(ngDevMode ? [{ debugName: "pageLength" }] : /* istanbul ignore next */ []));
     sortingDefs = signal([], ...(ngDevMode ? [{ debugName: "sortingDefs" }] : /* istanbul ignore next */ []));
-    filter = signal({}, ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
-    lastFilter = signal({}, ...(ngDevMode ? [{ debugName: "lastFilter" }] : /* istanbul ignore next */ []));
-    //-- change tracking
-    _itemsSnapshot = [];
+    //-- filter state (composable에서 생성, 재할당)
+    filter;
+    lastFilter;
     //-- computed
     isSelectedItemsHasDeleted = computed(() => this.selectedItems().some((item) => this.itemPropInfo.isDeleted != null &&
         item[this.itemPropInfo.isDeleted]), ...(ngDevMode ? [{ debugName: "isSelectedItemsHasDeleted" }] : /* istanbul ignore next */ []));
@@ -545,49 +545,76 @@ export class AbsSdDataSheet {
             selectMode: () => this.selectMode(),
             close: this.close,
         });
-        effect(() => {
-            const filter = this.bindFilter();
-            this.filter.set(filter);
-            this.lastFilter.set(obj.clone(filter));
+        //-- filter composable
+        this._filterMgr = useDataSheetFilterManager({
+            bindFilter: () => this.bindFilter(),
+            busyCount: this.busyCount,
+            canUse: () => this.canUse(),
+            page: this.page,
+            checkIgnoreChanges: () => this.checkIgnoreChanges(),
         });
-        effect((onCleanup) => {
-            this.page();
-            this.lastFilter();
-            this.sortingDefs();
-            this.prepareRefreshEffect?.();
-            let cancelled = false;
-            onCleanup(() => {
-                cancelled = true;
-            });
-            queueMicrotask(async () => {
-                if (cancelled)
-                    return;
-                if (!this.canUse()) {
-                    this.initialized.set(true);
-                    return;
-                }
-                await withBusy(this.busyCount, () => this._sdToast.try(async () => {
-                    await this._sdSharedData.wait();
-                    await this.refresh();
-                }));
-                this.initialized.set(true);
-            });
+        this.filter = this._filterMgr.filter;
+        this.lastFilter = this._filterMgr.lastFilter;
+        //-- refresh composable
+        this._refreshMgr = useDataSheetRefreshManager({
+            busyCount: this.busyCount,
+            initialized: this.initialized,
+            canUse: () => this.canUse(),
+            items: this.items,
+            selectedItems: this.selectedItems,
+            pageLength: this.pageLength,
+            summaryData: this.summaryData,
+            page: this.page,
+            lastFilter: this.lastFilter,
+            sortingDefs: this.sortingDefs,
+            getItemInfoFn: (item) => this.getItemInfoFn(item),
+            search: (p) => this.search(p),
+            prepareRefreshEffect: () => this.prepareRefreshEffect?.(),
+            getDiffsExcludes: () => this.diffsExcludes,
+        });
+        //-- inline edit composable
+        this._inlineEditMgr = useDataSheetInlineEditManager({
+            busyCount: this.busyCount,
+            canEdit: () => this.canEdit(),
+            items: this.items,
+            submitted: this.submitted,
+            itemPropInfo: () => this.itemPropInfo,
+            getItemInfoFn: (item) => this.getItemInfoFn(item),
+            getDiffs: () => this._refreshMgr.getDiffs(),
+            refresh: () => this._refreshMgr.refresh(),
+            getNewItemFn: () => this.newItem?.bind(this),
+            getSubmitFn: () => this.submit?.bind(this),
+            errorMessageFn: (err) => this._getOrmDataEditToastErrorMessage(err),
+        });
+        //-- modal edit composable
+        this._modalEditMgr = useDataSheetModalEditManager({
+            busyCount: this.busyCount,
+            canEdit: () => this.canEdit(),
+            selectedItemKeys: this.selectedItemKeys,
+            selectedItems: this.selectedItems,
+            close: this.close,
+            refresh: () => this._refreshMgr.refresh(),
+            getEditItemFn: () => this.editItem?.bind(this),
+            getToggleDeleteItemsFn: () => this.toggleDeleteItems?.bind(this),
+            errorMessageFn: (err) => this._getOrmDataEditToastErrorMessage(err),
+        });
+        //-- excel composable
+        this._excelMgr = useDataSheetExcelManager({
+            busyCount: this.busyCount,
+            search: (p) => this.search(p),
+            refresh: () => this._refreshMgr.refresh(),
+            getDownloadExcelFn: () => this.downloadExcel?.bind(this),
+            getUploadExcelFn: () => this.uploadExcel?.bind(this),
+            errorMessageFn: (err) => this._getOrmDataEditToastErrorMessage(err),
         });
         setupCanDeactivate(() => this.viewType() === "modal" || this.checkIgnoreChanges());
     }
-    //-- query
+    //-- D2: class 메서드 (커스터마이징 가능)
     checkIgnoreChanges() {
-        return this._getDiffs().length === 0 || confirm(TXT_CHANGE_IGNORE_CONFIRM);
+        return this._refreshMgr.getDiffs().length === 0 || confirm(TXT_CHANGE_IGNORE_CONFIRM);
     }
     doFilterSubmit() {
-        if (this.busyCount() > 0)
-            return;
-        if (!this.canUse())
-            return;
-        if (!this.checkIgnoreChanges())
-            return;
-        this.page.set(0);
-        this.lastFilter.set(obj.clone(this.filter()));
+        this._filterMgr.doFilterSubmit();
     }
     doRefresh() {
         if (this.busyCount() > 0)
@@ -599,120 +626,39 @@ export class AbsSdDataSheet {
         mark(this.lastFilter);
     }
     async refresh() {
-        const result = await this.search(true);
-        this.items.set(result.items);
-        this._itemsSnapshot = obj.clone(result.items);
-        this.pageLength.set(result.pageLength ?? 0);
-        this.summaryData.set(result.summary ?? {});
-        const selectedKeySet = new Set(this.selectedItems().map((sel) => this.getItemInfoFn(sel).key));
-        this.selectedItems.set(this.items().filter((item) => selectedKeySet.has(this.getItemInfoFn(item).key)));
+        await this._refreshMgr.refresh();
     }
-    //-- inline edit
+    //-- inline edit (delegated to composable)
     async doAddItem() {
-        if (!this.newItem)
-            return;
-        await withBusy(this.busyCount, () => this._sdToast.try(async () => {
-            const newItem = await this.newItem();
-            this.items.update((items) => [newItem, ...items]);
-        }));
+        await this._inlineEditMgr.doAddItem();
     }
     async doSubmit(opt) {
-        if (this.busyCount() > 0)
-            return;
-        if (opt?.permCheck && !this.canEdit())
-            return;
-        if (!this.submit)
-            return;
-        const diffs = this._getDiffs();
-        if (diffs.length === 0) {
-            if (!opt?.hideNoChangeMessage) {
-                this._sdToast.info("변경사항이 없습니다.");
-            }
-            return;
-        }
-        await withBusy(this.busyCount, () => this._sdToast.try(async () => {
-            const result = await this.submit(diffs);
-            if (!result)
-                return;
-            this._sdToast.success("저장되었습니다.");
-            await this.refresh();
-            this.submitted.emit(true);
-        }, (err) => this._getOrmDataEditToastErrorMessage(err)));
+        await this._inlineEditMgr.doSubmit(opt);
     }
     doToggleDeleteItem(item) {
-        if (!this.canEdit())
-            return;
-        if (this.itemPropInfo.isDeleted == null)
-            return;
-        if (this.getItemInfoFn(item).key == null) {
-            this.items.update((items) => items.filter((item1) => item1 !== item));
-            return;
-        }
-        item[this.itemPropInfo.isDeleted] = !item[this.itemPropInfo.isDeleted];
-        mark(this.items);
+        this._inlineEditMgr.doToggleDeleteItem(item);
     }
-    //-- modal edit
+    //-- modal edit (delegated to composable)
     async doEditItem(item) {
-        if (!this.editItem)
-            return;
-        const result = await this.editItem(item);
-        if (!result)
-            return;
-        await withBusy(this.busyCount, () => this._sdToast.try(async () => {
-            await this.refresh();
-        }));
+        await this._modalEditMgr.doEditItem(item);
     }
     async doToggleDeleteItems(del) {
-        if (!this.canEdit())
-            return;
-        if (!this.toggleDeleteItems)
-            return;
-        await withBusy(this.busyCount, () => this._sdToast.try(async () => {
-            const result = await this.toggleDeleteItems(del);
-            if (!result)
-                return;
-            await this.refresh();
-            this._sdToast.success(`${del ? "삭제" : "복구"} 되었습니다.`);
-        }, (err) => this._getOrmDataEditToastErrorMessage(err)));
-    }
-    //-- excel
-    async doDownloadExcel() {
-        if (!this.downloadExcel)
-            return;
-        await withBusy(this.busyCount, () => this._sdToast.try(async () => {
-            const items = (await this.search(false)).items;
-            await this.downloadExcel(items);
-        }));
-    }
-    async doUploadExcel() {
-        if (!this.uploadExcel)
-            return;
-        const file = await this._sdFileDialog.showAsync(false, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
-        if (!file)
-            return;
-        await withBusy(this.busyCount, () => this._sdToast.try(async () => {
-            await this.uploadExcel(file);
-            await this.refresh();
-            this._sdToast.success("엑셀 업로드가 완료 되었습니다.");
-        }, (err) => this._getOrmDataEditToastErrorMessage(err)));
+        await this._modalEditMgr.doToggleDeleteItems(del);
     }
-    //-- modal selection
     doModalConfirm() {
-        this.close.emit({
-            selectedItemKeys: this.selectedItemKeys(),
-            selectedItems: this.selectedItems(),
-        });
+        this._modalEditMgr.doModalConfirm();
     }
     doModalCancel() {
-        this.close.emit({
-            selectedItemKeys: [],
-            selectedItems: [],
-        });
+        this._modalEditMgr.doModalCancel();
     }
-    //-- private
-    _getDiffs() {
-        return this.items().oneWayDiffs(this._itemsSnapshot, (item) => this.getItemInfoFn(item).key, this.diffsExcludes ? { excludes: this.diffsExcludes } : undefined).filter((d) => d.type !== "same");
+    //-- excel (delegated to composable)
+    async doDownloadExcel() {
+        await this._excelMgr.doDownloadExcel();
     }
+    async doUploadExcel() {
+        await this._excelMgr.doUploadExcel();
+    }
+    //-- private
     _getOrmDataEditToastErrorMessage(err) {
         const message = err instanceof Error ? err.message : String(err);
         if (message.includes("a parent row: a foreign key constraint") ||
@@ -1174,4 +1120,4 @@ export class SdDataSheetControl {
   `,
             }]
     }], () => [], { formCtrl: [{ type: i0.ViewChild, args: ["formCtrl", { isSignal: true }] }], insertText: [{ type: i0.Input, args: [{ isSignal: true, alias: "insertText", required: false }] }], deleteText: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteText", required: false }] }], restoreText: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreText", required: false }] }], deleteIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteIcon", required: false }] }], restoreIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreIcon", required: false }] }], pageTopbarTplRef: [{ type: i0.ContentChild, args: ["pageTopbarTpl", { ...{ read: TemplateRef }, isSignal: true }] }], prevTplRef: [{ type: i0.ContentChild, args: ["prevTpl", { ...{ read: TemplateRef }, isSignal: true }] }], filterTplRef: [{ type: i0.ContentChild, args: ["filterTpl", { ...{ read: TemplateRef }, isSignal: true }] }], beforeToolTplRef: [{ type: i0.ContentChild, args: ["beforeToolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], toolTplRef: [{ type: i0.ContentChild, args: ["toolTpl", { ...{ read: TemplateRef }, isSignal: true }] }], modalBottomTplRef: [{ type: i0.ContentChild, args: ["modalBottomTpl", { ...{ read: TemplateRef }, isSignal: true }] }], columnControls: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SdDataSheetColumnDirective), { isSignal: true }] }], modalActionTplRef: [{ type: i0.ViewChild, args: ["modalActionTpl", { ...{ read: TemplateRef }, isSignal: true }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSheetControl, { className: "SdDataSheetControl", filePath: "packages/angular/src/features/data-view/sd-data-sheet.control.ts", lineNumber: 782, forbidOrphanRendering: true }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SdDataSheetControl, { className: "SdDataSheetControl", filePath: "packages/angular/src/features/data-view/sd-data-sheet.control.ts", lineNumber: 683, forbidOrphanRendering: true }); })();

package/dist/features/data-view/sd-data-sheet.types.d.ts

@@ -0,0 +1,17 @@
+export interface ISdDataSheetItemPropInfo<I> {
+    isDeleted: (keyof I & string) | undefined;
+    lastModifiedAt: (keyof I & string) | undefined;
+    lastModifiedBy: (keyof I & string) | undefined;
+}
+export interface ISdDataSheetItemInfo<K> {
+    key: K;
+    canSelect: boolean;
+    canEdit: boolean;
+    canDelete: boolean;
+}
+export interface ISdDataSheetSearchResult<I> {
+    items: I[];
+    pageLength?: number;
+    summary?: Partial<I>;
+}
+//# sourceMappingURL=sd-data-sheet.types.d.ts.map

package/dist/features/data-view/sd-data-sheet.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sd-data-sheet.types.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/sd-data-sheet.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,SAAS,EAAE,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC;IAC1C,cAAc,EAAE,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC;IAC/C,cAAc,EAAE,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,GAAG,SAAS,CAAC;CAChD;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,GAAG,EAAE,CAAC,CAAC;IACP,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,wBAAwB,CAAC,CAAC;IACzC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;CACtB"}

package/dist/features/data-view/sd-data-sheet.types.js

@@ -0,0 +1 @@
+export {};

package/dist/{core/utils/setups → features/data-view}/setupCloserWhenSingleSelectionChange.d.ts

@@ -1,5 +1,5 @@
 import { type OutputEmitterRef, type Signal } from "@angular/core";
-import type { ISelectModalOutputResult } from "../../../ui/form/button/sd-modal-select-button.control";
+import type { ISelectModalOutputResult } from "../../core/types/select-modal-output-result";
 export declare function setupCloserWhenSingleSelectionChange<TItem, TKey>(options: {
     selectedItemKeys: Signal<TKey[]>;
     selectedItems: Signal<TItem[]>;

package/dist/features/data-view/setupCloserWhenSingleSelectionChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupCloserWhenSingleSelectionChange.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/setupCloserWhenSingleSelectionChange.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,MAAM,EAAU,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAE5F,wBAAgB,oCAAoC,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE;IACzE,gBAAgB,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC/B,UAAU,EAAE,MAAM,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IACjD,KAAK,EAAE,gBAAgB,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;CAC1D,GAAG,IAAI,CAoBP"}

package/dist/features/data-view/useDataSheetExcelManager.d.ts

@@ -0,0 +1,14 @@
+import { type WritableSignal } from "@angular/core";
+import type { ISdDataSheetSearchResult } from "./sd-data-sheet.types";
+export declare function useDataSheetExcelManager<TItem>(options: {
+    busyCount: WritableSignal<number>;
+    search: (usePagination: boolean) => Promise<ISdDataSheetSearchResult<TItem>> | ISdDataSheetSearchResult<TItem>;
+    refresh: () => Promise<void>;
+    getDownloadExcelFn: () => ((items: TItem[]) => Promise<void> | void) | undefined;
+    getUploadExcelFn: () => ((file: File) => Promise<void> | void) | undefined;
+    errorMessageFn: (err: unknown) => string;
+}): {
+    doDownloadExcel: () => Promise<void>;
+    doUploadExcel: () => Promise<void>;
+};
+//# sourceMappingURL=useDataSheetExcelManager.d.ts.map

package/dist/features/data-view/useDataSheetExcelManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataSheetExcelManager.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/useDataSheetExcelManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAU,MAAM,eAAe,CAAC;AAI5D,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,OAAO,EAAE;IACvD,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAClC,MAAM,EAAE,CACN,aAAa,EAAE,OAAO,KACnB,OAAO,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,GAAG,wBAAwB,CAAC,KAAK,CAAC,CAAC;IAChF,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,kBAAkB,EAAE,MAChB,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAC1C,SAAS,CAAC;IACd,gBAAgB,EAAE,MAAM,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3E,cAAc,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC;CAC1C;2BAImC,OAAO,CAAC,IAAI,CAAC;yBAYf,OAAO,CAAC,IAAI,CAAC;EAuB9C"}

package/dist/features/data-view/useDataSheetExcelManager.js

@@ -0,0 +1,31 @@
+import { inject } from "@angular/core";
+import { SdToastProvider } from "../../core/providers/sd-toast.provider";
+import { SdFileDialogProvider } from "../../core/providers/sd-file-dialog.provider";
+import { withBusy } from "../../core/utils/withBusy";
+export function useDataSheetExcelManager(options) {
+    const sdToast = inject(SdToastProvider);
+    const sdFileDialog = inject(SdFileDialogProvider);
+    async function doDownloadExcel() {
+        const downloadExcelFn = options.getDownloadExcelFn();
+        if (!downloadExcelFn)
+            return;
+        await withBusy(options.busyCount, () => sdToast.try(async () => {
+            const items = (await options.search(false)).items;
+            await downloadExcelFn(items);
+        }));
+    }
+    async function doUploadExcel() {
+        const uploadExcelFn = options.getUploadExcelFn();
+        if (!uploadExcelFn)
+            return;
+        const file = await sdFileDialog.showAsync(false, "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet");
+        if (!file)
+            return;
+        await withBusy(options.busyCount, () => sdToast.try(async () => {
+            await uploadExcelFn(file);
+            await options.refresh();
+            sdToast.success("엑셀 업로드가 완료 되었습니다.");
+        }, (err) => options.errorMessageFn(err)));
+    }
+    return { doDownloadExcel, doUploadExcel };
+}

package/dist/features/data-view/useDataSheetFilterManager.d.ts

@@ -0,0 +1,13 @@
+import { type Signal, type WritableSignal } from "@angular/core";
+export declare function useDataSheetFilterManager<TFilter extends Record<string, any>>(options: {
+    bindFilter: () => TFilter;
+    busyCount: Signal<number>;
+    canUse: () => boolean;
+    page: WritableSignal<number>;
+    checkIgnoreChanges: () => boolean;
+}): {
+    filter: WritableSignal<TFilter>;
+    lastFilter: WritableSignal<TFilter>;
+    doFilterSubmit: () => void;
+};
+//# sourceMappingURL=useDataSheetFilterManager.d.ts.map

package/dist/features/data-view/useDataSheetFilterManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataSheetFilterManager.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/useDataSheetFilterManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,MAAM,EAAE,KAAK,cAAc,EAAgB,MAAM,eAAe,CAAC;AAG/E,wBAAgB,yBAAyB,CAAC,OAAO,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,OAAO,EAAE;IACtF,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC;IAC1B,MAAM,EAAE,MAAM,OAAO,CAAC;IACtB,IAAI,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7B,kBAAkB,EAAE,MAAM,OAAO,CAAC;CACnC;;;0BAU4B,IAAI;EAUhC"}

package/dist/features/data-view/useDataSheetFilterManager.js

@@ -0,0 +1,19 @@
+import { linkedSignal } from "@angular/core";
+import { obj } from "@simplysm/core-common";
+export function useDataSheetFilterManager(options) {
+    const filter = linkedSignal({ ...(ngDevMode ? { debugName: "filter" } : /* istanbul ignore next */ {}), source: options.bindFilter,
+        computation: (f) => f });
+    const lastFilter = linkedSignal({ ...(ngDevMode ? { debugName: "lastFilter" } : /* istanbul ignore next */ {}), source: options.bindFilter,
+        computation: (f) => obj.clone(f) });
+    function doFilterSubmit() {
+        if (options.busyCount() > 0)
+            return;
+        if (!options.canUse())
+            return;
+        if (!options.checkIgnoreChanges())
+            return;
+        options.page.set(0);
+        lastFilter.set(obj.clone(filter()));
+    }
+    return { filter, lastFilter, doFilterSubmit };
+}

package/dist/features/data-view/useDataSheetInlineEditManager.d.ts

@@ -0,0 +1,26 @@
+import { type OutputEmitterRef, type WritableSignal } from "@angular/core";
+import type { ArrayOneWayDiffResult } from "@simplysm/core-common";
+import type { ISdDataSheetItemPropInfo } from "./sd-data-sheet.types";
+export declare function useDataSheetInlineEditManager<TItem, TKey>(options: {
+    busyCount: WritableSignal<number>;
+    canEdit: () => boolean;
+    items: WritableSignal<TItem[]>;
+    submitted: OutputEmitterRef<boolean>;
+    itemPropInfo: () => ISdDataSheetItemPropInfo<TItem>;
+    getItemInfoFn: (item: TItem) => {
+        key: TKey;
+    };
+    getDiffs: () => ArrayOneWayDiffResult<TItem>[];
+    refresh: () => Promise<void>;
+    getNewItemFn: () => (() => Promise<TItem> | TItem) | undefined;
+    getSubmitFn: () => ((diffs: ArrayOneWayDiffResult<TItem>[]) => Promise<boolean> | boolean) | undefined;
+    errorMessageFn: (err: unknown) => string;
+}): {
+    doAddItem: () => Promise<void>;
+    doSubmit: (opt?: {
+        permCheck?: boolean;
+        hideNoChangeMessage?: boolean;
+    }) => Promise<void>;
+    doToggleDeleteItem: (item: TItem) => void;
+};
+//# sourceMappingURL=useDataSheetInlineEditManager.d.ts.map

package/dist/features/data-view/useDataSheetInlineEditManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataSheetInlineEditManager.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/useDataSheetInlineEditManager.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,cAAc,EAEpB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAInE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,wBAAgB,6BAA6B,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE;IAClE,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAClC,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,CAAC;IAC/B,SAAS,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACrC,YAAY,EAAE,MAAM,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACpD,aAAa,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK;QAAE,GAAG,EAAE,IAAI,CAAA;KAAE,CAAC;IAC9C,QAAQ,EAAE,MAAM,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC;IAC/C,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,YAAY,EAAE,MAAM,CAAC,MAAM,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,SAAS,CAAC;IAC/D,WAAW,EAAE,MACT,CAAC,CAAC,KAAK,EAAE,qBAAqB,CAAC,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,GACvE,SAAS,CAAC;IACd,cAAc,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC;CAC1C;qBAG6B,OAAO,CAAC,IAAI,CAAC;qBAYX;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;KAC/B,KAAG,OAAO,CAAC,IAAI,CAAC;+BA8BiB,KAAK,KAAG,IAAI;EAe/C"}

package/dist/features/data-view/useDataSheetInlineEditManager.js

@@ -0,0 +1,54 @@
+import { inject, } from "@angular/core";
+import { mark } from "../../core/utils/mark";
+import { SdToastProvider } from "../../core/providers/sd-toast.provider";
+import { withBusy } from "../../core/utils/withBusy";
+export function useDataSheetInlineEditManager(options) {
+    const sdToast = inject(SdToastProvider);
+    async function doAddItem() {
+        const newItemFn = options.getNewItemFn();
+        if (!newItemFn)
+            return;
+        await withBusy(options.busyCount, () => sdToast.try(async () => {
+            const newItem = await newItemFn();
+            options.items.update((items) => [newItem, ...items]);
+        }));
+    }
+    async function doSubmit(opt) {
+        if (options.busyCount() > 0)
+            return;
+        if (opt?.permCheck && !options.canEdit())
+            return;
+        const submitFn = options.getSubmitFn();
+        if (!submitFn)
+            return;
+        const diffs = options.getDiffs();
+        if (diffs.length === 0) {
+            if (!opt?.hideNoChangeMessage) {
+                sdToast.info("변경사항이 없습니다.");
+            }
+            return;
+        }
+        await withBusy(options.busyCount, () => sdToast.try(async () => {
+            const result = await submitFn(diffs);
+            if (!result)
+                return;
+            sdToast.success("저장되었습니다.");
+            await options.refresh();
+            options.submitted.emit(true);
+        }, (err) => options.errorMessageFn(err)));
+    }
+    function doToggleDeleteItem(item) {
+        if (!options.canEdit())
+            return;
+        const propInfo = options.itemPropInfo();
+        if (propInfo.isDeleted == null)
+            return;
+        if (options.getItemInfoFn(item).key == null) {
+            options.items.update((items) => items.filter((item1) => item1 !== item));
+            return;
+        }
+        item[propInfo.isDeleted] = !item[propInfo.isDeleted];
+        mark(options.items);
+    }
+    return { doAddItem, doSubmit, doToggleDeleteItem };
+}

package/dist/features/data-view/useDataSheetModalEditManager.d.ts

@@ -0,0 +1,19 @@
+import { type OutputEmitterRef, type Signal, type WritableSignal } from "@angular/core";
+import type { ISelectModalOutputResult } from "../../core/types/select-modal-output-result";
+export declare function useDataSheetModalEditManager<TItem, TKey>(options: {
+    busyCount: WritableSignal<number>;
+    canEdit: () => boolean;
+    selectedItemKeys: Signal<TKey[]>;
+    selectedItems: Signal<TItem[]>;
+    close: OutputEmitterRef<ISelectModalOutputResult<TItem>>;
+    refresh: () => Promise<void>;
+    getEditItemFn: () => ((item?: TItem) => Promise<boolean | undefined> | boolean | undefined) | undefined;
+    getToggleDeleteItemsFn: () => ((del: boolean) => Promise<boolean>) | undefined;
+    errorMessageFn: (err: unknown) => string;
+}): {
+    doEditItem: (item?: TItem) => Promise<void>;
+    doToggleDeleteItems: (del: boolean) => Promise<void>;
+    doModalConfirm: () => void;
+    doModalCancel: () => void;
+};
+//# sourceMappingURL=useDataSheetModalEditManager.d.ts.map

package/dist/features/data-view/useDataSheetModalEditManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataSheetModalEditManager.d.ts","sourceRoot":"","sources":["../../../src/features/data-view/useDataSheetModalEditManager.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACX,KAAK,cAAc,EAEpB,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAC;AAE5F,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE;IACjE,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAClC,OAAO,EAAE,MAAM,OAAO,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;IACjC,aAAa,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE,gBAAgB,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;IACzD,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,aAAa,EAAE,MACX,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC,GAAG,OAAO,GAAG,SAAS,CAAC,GACtE,SAAS,CAAC;IACd,sBAAsB,EAAE,MACpB,CAAC,CAAC,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC,GACpC,SAAS,CAAC;IACd,cAAc,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,MAAM,CAAC;CAC1C;wBAGkC,KAAK,KAAG,OAAO,CAAC,IAAI,CAAC;+BAcd,OAAO,KAAG,OAAO,CAAC,IAAI,CAAC;0BAmBpC,IAAI;yBAOL,IAAI;EAQ/B"}

package/dist/features/data-view/useDataSheetModalEditManager.js

@@ -0,0 +1,44 @@
+import { inject, } from "@angular/core";
+import { SdToastProvider } from "../../core/providers/sd-toast.provider";
+import { withBusy } from "../../core/utils/withBusy";
+export function useDataSheetModalEditManager(options) {
+    const sdToast = inject(SdToastProvider);
+    async function doEditItem(item) {
+        const editItemFn = options.getEditItemFn();
+        if (!editItemFn)
+            return;
+        const result = await editItemFn(item);
+        if (!result)
+            return;
+        await withBusy(options.busyCount, () => sdToast.try(async () => {
+            await options.refresh();
+        }));
+    }
+    async function doToggleDeleteItems(del) {
+        if (!options.canEdit())
+            return;
+        const toggleDeleteItemsFn = options.getToggleDeleteItemsFn();
+        if (!toggleDeleteItemsFn)
+            return;
+        await withBusy(options.busyCount, () => sdToast.try(async () => {
+            const result = await toggleDeleteItemsFn(del);
+            if (!result)
+                return;
+            await options.refresh();
+            sdToast.success(`${del ? "삭제" : "복구"} 되었습니다.`);
+        }, (err) => options.errorMessageFn(err)));
+    }
+    function doModalConfirm() {
+        options.close.emit({
+            selectedItemKeys: options.selectedItemKeys(),
+            selectedItems: options.selectedItems(),
+        });
+    }
+    function doModalCancel() {
+        options.close.emit({
+            selectedItemKeys: [],
+            selectedItems: [],
+        });
+    }
+    return { doEditItem, doToggleDeleteItems, doModalConfirm, doModalCancel };
+}

package/dist/features/data-view/useDataSheetRefreshManager.d.ts

@@ -0,0 +1,25 @@
+import { type Signal, type WritableSignal } from "@angular/core";
+import { type ArrayOneWayDiffResult } from "@simplysm/core-common";
+import type { ISdDataSheetSearchResult } from "./sd-data-sheet.types";
+export declare function useDataSheetRefreshManager<TItem, TKey extends string | number | undefined>(options: {
+    busyCount: WritableSignal<number>;
+    initialized: WritableSignal<boolean>;
+    canUse: () => boolean;
+    items: WritableSignal<TItem[]>;
+    selectedItems: WritableSignal<TItem[]>;
+    pageLength: WritableSignal<number>;
+    summaryData: WritableSignal<Partial<TItem>>;
+    page: Signal<number>;
+    lastFilter: Signal<unknown>;
+    sortingDefs: Signal<unknown[]>;
+    getItemInfoFn: (item: TItem) => {
+        key: TKey;
+    };
+    search: (usePagination: boolean) => Promise<ISdDataSheetSearchResult<TItem>> | ISdDataSheetSearchResult<TItem>;
+    prepareRefreshEffect?: () => void;
+    getDiffsExcludes: () => string[] | undefined;
+}): {
+    refresh: () => Promise<void>;
+    getDiffs: () => ArrayOneWayDiffResult<TItem>[];
+};
+//# sourceMappingURL=useDataSheetRefreshManager.d.ts.map