@simplysm/angular 14.0.30 → 14.0.33

package/src/features/data-view/injectDataSheetInlineEditManager.ts

@@ -1,89 +0,0 @@
-import {
-  type OutputEmitterRef,
-  type WritableSignal,
-  inject,
-} from "@angular/core";
-import type { ArrayOneWayDiffResult } from "@simplysm/core-common";
-import { mark } from "../../core/utils/mark";
-import { SdToastProvider } from "../../core/providers/sd-toast.provider";
-import { withBusy } from "../../core/utils/withBusy";
-import type { SdDataSheetItemPropInfo } from "./sd-data-sheet.types";
-
-export function injectDataSheetInlineEditManager<TItem, TKey>(options: {
-  busyCount: WritableSignal<number>;
-  canEdit: () => boolean;
-  items: WritableSignal<TItem[]>;
-  submitted: OutputEmitterRef<boolean>;
-  itemPropInfo: () => SdDataSheetItemPropInfo<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;
-}) {
-  const sdToast = inject(SdToastProvider);
-
-  async function doAddItem(): Promise<void> {
-    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?: {
-    permCheck?: boolean;
-    hideNoChangeMessage?: boolean;
-  }): Promise<void> {
-    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: TItem): void {
-    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] as boolean) = !(item[propInfo.isDeleted] as boolean);
-    mark(options.items);
-  }
-
-  return { doAddItem, doSubmit, doToggleDeleteItem };
-}

package/src/features/data-view/injectDataSheetModalEditManager.ts

@@ -1,76 +0,0 @@
-import {
-  type OutputEmitterRef,
-  type Signal,
-  type WritableSignal,
-  inject,
-} from "@angular/core";
-import { SdToastProvider } from "../../core/providers/sd-toast.provider";
-import { withBusy } from "../../core/utils/withBusy";
-import type { SelectModalOutputResult } from "../../core/types/select-modal-output-result";
-
-export function injectDataSheetModalEditManager<TItem, TKey>(options: {
-  busyCount: WritableSignal<number>;
-  canEdit: () => boolean;
-  selectedItemKeys: Signal<TKey[]>;
-  selectedItems: Signal<TItem[]>;
-  close: OutputEmitterRef<SelectModalOutputResult<TItem>>;
-  refresh: () => Promise<void>;
-  getEditItemFn: () =>
-    | ((item?: TItem) => Promise<boolean | undefined> | boolean | undefined)
-    | undefined;
-  getToggleDeleteItemsFn: () =>
-    | ((del: boolean) => Promise<boolean>)
-    | undefined;
-  errorMessageFn: (err: unknown) => string;
-}) {
-  const sdToast = inject(SdToastProvider);
-
-  async function doEditItem(item?: TItem): Promise<void> {
-    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: boolean): Promise<void> {
-    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(): void {
-    options.close.emit({
-      selectedItemKeys: options.selectedItemKeys(),
-      selectedItems: options.selectedItems(),
-    });
-  }
-
-  function doModalCancel(): void {
-    options.close.emit({
-      selectedItemKeys: [],
-      selectedItems: [],
-    });
-  }
-
-  return { doEditItem, doToggleDeleteItems, doModalConfirm, doModalCancel };
-}

package/src/features/data-view/injectDataSheetRefreshManager.ts

@@ -1,90 +0,0 @@
-import { type Signal, type WritableSignal, effect, inject } from "@angular/core";
-import { type ArrayOneWayDiffResult, obj } from "@simplysm/core-common";
-import { SdToastProvider } from "../../core/providers/sd-toast.provider";
-import { SdSharedDataProvider } from "../../core/providers/sd-shared-data.provider";
-import { withBusy } from "../../core/utils/withBusy";
-import type { SdDataSheetSearchResult } from "./sd-data-sheet.types";
-
-export function injectDataSheetRefreshManager<
-  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<SdDataSheetSearchResult<TItem>> | SdDataSheetSearchResult<TItem>;
-  prepareRefreshEffect?: () => void;
-  getDiffsExcludes: () => string[] | undefined;
-}) {
-  const sdToast = inject(SdToastProvider);
-  const sdSharedData = inject(SdSharedDataProvider);
-  let itemsSnapshot: TItem[] = [];
-
-  async function refresh(): Promise<void> {
-    const result = await options.search(true);
-    options.items.set(result.items);
-    itemsSnapshot = obj.clone(result.items);
-
-    options.pageLength.set(result.pageLength ?? 0);
-    options.summaryData.set(result.summary ?? {});
-
-    const selectedKeySet = new Set(
-      options.selectedItems().map((sel) => options.getItemInfoFn(sel).key),
-    );
-    options.selectedItems.set(
-      options.items().filter((item) => selectedKeySet.has(options.getItemInfoFn(item).key)),
-    );
-  }
-
-  function getDiffs(): ArrayOneWayDiffResult<TItem>[] {
-    const diffsExcludes = options.getDiffsExcludes();
-    return options
-      .items()
-      .oneWayDiffs(
-        itemsSnapshot,
-        (item) => options.getItemInfoFn(item).key,
-        diffsExcludes ? { excludes: diffsExcludes } : undefined,
-      )
-      .filter((d) => d.type !== "same");
-  }
-
-  effect((onCleanup) => {
-    options.page();
-    options.lastFilter();
-    options.sortingDefs();
-    options.prepareRefreshEffect?.();
-
-    let cancelled = false;
-    onCleanup(() => {
-      cancelled = true;
-    });
-
-    queueMicrotask(async () => {
-      if (cancelled) return;
-      if (!options.canUse()) {
-        options.initialized.set(true);
-        return;
-      }
-
-      await withBusy(options.busyCount, () =>
-        sdToast.try(async () => {
-          await sdSharedData.wait();
-          await refresh();
-        }),
-      );
-      options.initialized.set(true);
-    });
-  });
-
-  return { refresh, getDiffs };
-}

package/src/features/data-view/sd-data-detail.base.ts

@@ -1,183 +0,0 @@
-import {
-  Directive,
-  effect,
-  inject,
-  output,
-  signal,
-  type Signal,
-  TemplateRef,
-} from "@angular/core";
-import { DateTime, obj } from "@simplysm/core-common";
-import { TXT_CHANGE_IGNORE_CONFIRM } from "../../core/commons";
-import { SdSharedDataProvider } from "../../core/providers/sd-shared-data.provider";
-import { setupCanDeactivate } from "../../core/utils/setups/setupCanDeactivate";
-import { injectViewTypeSignal } from "../../core/utils/injectViewTypeSignal";
-import { withBusy } from "../../core/utils/withBusy";
-import { type SdModalContentDef } from "../../ui/overlay/modal/sd-modal.provider";
-import { SdToastProvider } from "../../core/providers/sd-toast.provider";
-
-export interface SdDataDetailDataInfo {
-  isNew: boolean;
-  isDeleted: boolean;
-  lastModifiedAt: DateTime | undefined;
-  lastModifiedBy: string | undefined;
-}
-
-@Directive()
-export abstract class SdDataDetailBase<T extends object, R = boolean>
-  implements SdModalContentDef<R>
-{
-  //-- abstract
-
-  abstract canUse: Signal<boolean>;
-  abstract canEdit: Signal<boolean>;
-  canDelete?: Signal<boolean>;
-
-  prepareRefreshEffect?(): void;
-
-  abstract load():
-    | Promise<{ data: T; info: SdDataDetailDataInfo }>
-    | { data: T; info: SdDataDetailDataInfo };
-
-  toggleDelete?(del: boolean): Promise<R | undefined> | R | undefined;
-
-  submit?(data: T): Promise<R | undefined> | R | undefined;
-
-  //-- implement
-
-  private readonly _sdToast = inject(SdToastProvider);
-  private readonly _sdSharedData = inject(SdSharedDataProvider);
-
-  viewType = injectViewTypeSignal(() => this);
-
-  busyCount = signal(0);
-  busyMessage = signal<string | undefined>(undefined);
-  initialized = signal(false);
-  close = output<R>();
-  actionTplRef?: TemplateRef<any>;
-
-  data = signal<T>({} as T);
-
-  dataInfo = signal<SdDataDetailDataInfo | undefined>(undefined);
-
-  private _dataSnapshot?: T;
-
-  constructor() {
-    effect(() => {
-      this.prepareRefreshEffect?.();
-
-      queueMicrotask(async () => {
-        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);
-      });
-    });
-
-    setupCanDeactivate(() => this.viewType() === "modal" || this.checkIgnoreChanges());
-  }
-
-  checkIgnoreChanges() {
-    return (
-      this._dataSnapshot == null ||
-      obj.equal(this.data(), this._dataSnapshot) ||
-      confirm(TXT_CHANGE_IGNORE_CONFIRM)
-    );
-  }
-
-  async doRefresh() {
-    if (this.busyCount() > 0) return;
-    if (!this.canUse()) return;
-    if (!this.checkIgnoreChanges()) return;
-
-    await withBusy(this.busyCount, () =>
-      this._sdToast.try(async () => {
-        await this.refresh();
-      }),
-    );
-  }
-
-  async refresh() {
-    const result = await this.load();
-    this.data.set(result.data);
-    this.dataInfo.set(result.info);
-    if (!result.info.isNew) {
-      this._dataSnapshot = obj.clone(result.data);
-    }
-  }
-
-  async doToggleDelete(del: boolean) {
-    if (this.busyCount() > 0) return;
-    if (!this.canEdit()) return;
-    if (this.canDelete && !this.canDelete()) return;
-    if (!this.toggleDelete) return;
-
-    await withBusy(this.busyCount, () =>
-      this._sdToast.try(
-        async () => {
-          const result = await this.toggleDelete!(del);
-          if (!result) return;
-
-          this._sdToast.success(`${del ? "삭제" : "복구"}되었습니다.`);
-
-          this.close.emit(result);
-        },
-        (err) => this._getOrmDataEditToastErrorMessage(err),
-      ),
-    );
-  }
-
-  async doSubmit(opt?: { permCheck?: boolean; hideNoChangeMessage?: boolean }) {
-    if (this.busyCount() > 0) return;
-    if (opt?.permCheck && !this.canEdit()) return;
-    if (!this.submit) return;
-
-    const dataInfo = this.dataInfo();
-    if (dataInfo == null) return;
-
-    if (
-      !dataInfo.isNew &&
-      (this._dataSnapshot == null || obj.equal(this.data(), this._dataSnapshot))
-    ) {
-      if (!opt?.hideNoChangeMessage) {
-        this._sdToast.info("변경사항이 없습니다.");
-      }
-      return;
-    }
-
-    await withBusy(this.busyCount, () =>
-      this._sdToast.try(
-        async () => {
-          const result = await this.submit!(this.data());
-          if (!result) return;
-
-          this._sdToast.success("저장되었습니다.");
-
-          this.close.emit(result);
-
-          await this.refresh();
-        },
-        (err) => this._getOrmDataEditToastErrorMessage(err),
-      ),
-    );
-  }
-
-  private _getOrmDataEditToastErrorMessage(err: unknown) {
-    const message = err instanceof Error ? err.message : String(err);
-    if (
-      message.includes("a parent row: a foreign key constraint") ||
-      message.includes("conflicted with the REFERENCE")
-    ) {
-      return "경고! 연결된 작업에 의한 처리 거부. 후속작업 확인 요망";
-    }
-    return message;
-  }
-}

package/src/features/data-view/sd-data-detail.ts

@@ -1,233 +0,0 @@
-import { NgTemplateOutlet } from "@angular/common";
-import {
-  ChangeDetectionStrategy,
-  Component,
-  contentChild,
-  effect,
-  TemplateRef,
-  viewChild,
-  ViewEncapsulation,
-} from "@angular/core";
-import { FormatPipe } from "../../core/pipes/format.pipe";
-import { injectParent } from "../../core/utils/injectParent";
-import { SdButton } from "../../ui/form/button/sd-button";
-import { SdAnchor } from "../../ui/form/button/sd-anchor";
-import { SdForm } from "../../ui/form/sd-form";
-import { SdBaseContainer } from "../base/sd-base-container";
-import { NgIcon } from "@ng-icons/core";
-import {
-  tablerDeviceFloppy,
-  tablerEraser,
-  tablerRefresh,
-  tablerRestore,
-} from "@ng-icons/tabler-icons";
-import { SdDataDetailBase } from "./sd-data-detail.base";
-
-export type { SdDataDetailDataInfo } from "./sd-data-detail.base";
-
-//#region SdDataDetail
-
-@Component({
-  selector: "sd-data-detail",
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  encapsulation: ViewEncapsulation.None,
-  standalone: true,
-  imports: [
-    SdBaseContainer,
-    SdForm,
-    SdButton,
-    NgTemplateOutlet,
-    FormatPipe,
-    SdAnchor,
-    NgIcon,
-  ],
-  host: {
-    "(sdRefreshCommand)": "onRefreshButtonClick()",
-    "(sdSaveCommand)": "onSubmitButtonClick()",
-  },
-  template: `
-    <sd-base-container
-      [busy]="parent.busyCount() > 0"
-      [busyMessage]="parent.busyMessage()"
-      [viewType]="parent.viewType()"
-      [initialized]="parent.initialized()"
-      [restricted]="!parent.canUse()"
-    >
-      <ng-template #pageTopbarTpl>
-        @if (parent.canEdit() && parent.submit) {
-          <sd-button [theme]="'link-primary'" (click)="onSubmitButtonClick()">
-            <ng-icon [svg]="icons.tablerDeviceFloppy" />
-            저장
-            <small>(CTRL+S)</small>
-          </sd-button>
-        }
-        <sd-button [theme]="'link-info'" (click)="onRefreshButtonClick()">
-          <ng-icon [svg]="icons.tablerRefresh" />
-          새로고침
-          <small>(CTRL+ALT+L)</small>
-        </sd-button>
-      </ng-template>
-
-      <ng-template #contentTpl>
-        <div class="flex-column fill">
-          @if ((parent.viewType() === "control" && parent.canEdit()) || toolTplRef()) {
-            <div class="p-default flex-row gap-default bdb bdb-theme-gray-lightest">
-              @if (parent.viewType() === "control" && parent.canEdit()) {
-                @if (parent.submit) {
-                  <sd-button [theme]="'primary'" (click)="onSubmitButtonClick()">
-                    <ng-icon [svg]="icons.tablerDeviceFloppy" />
-                    저장
-                    <small>(CTRL+S)</small>
-                  </sd-button>
-                  <sd-button [theme]="'info'" (click)="onRefreshButtonClick()">
-                    <ng-icon [svg]="icons.tablerRefresh" />
-                    새로고침
-                    <small>(CTRL+ALT+L)</small>
-                  </sd-button>
-                }
-                @if (
-                  !parent.dataInfo()?.isNew &&
-                  parent.toggleDelete &&
-                  (!parent.canDelete || parent.canDelete())
-                ) {
-                  @if (parent.dataInfo()?.isDeleted) {
-                    <sd-button [theme]="'warning'" (click)="onRestoreButtonClick()">
-                      <ng-icon [svg]="icons.tablerRestore" />
-                      복구
-                    </sd-button>
-                  } @else {
-                    <sd-button [theme]="'danger'" (click)="onDeleteButtonClick()">
-                      <ng-icon [svg]="icons.tablerEraser" />
-                      삭제
-                    </sd-button>
-                  }
-                }
-              }
-
-              <ng-template [ngTemplateOutlet]="toolTplRef() ?? null" />
-            </div>
-          }
-
-          @if (prevTplRef()) {
-            <div>
-              <ng-template [ngTemplateOutlet]="prevTplRef() ?? null" />
-            </div>
-          }
-
-          <div class="flex-fill">
-            <sd-form #formCtrl (formSubmit)="onSubmit()">
-              <ng-template [ngTemplateOutlet]="contentTplRef()" />
-            </sd-form>
-          </div>
-
-          @if (parent.dataInfo()?.lastModifiedAt || parent.dataInfo()?.lastModifiedBy) {
-            <div
-              class="p-sm-default"
-              [class.bg-theme-gray-lightest]="parent.viewType() === 'modal'"
-            >
-              최종수정:
-              @if (parent.dataInfo()?.lastModifiedAt) {
-                {{ parent.dataInfo()!.lastModifiedAt | format: "yyyy-MM-dd HH:mm" }}
-              }
-              @if (parent.dataInfo()?.lastModifiedBy) {
-                ({{ parent.dataInfo()?.lastModifiedBy }})
-              }
-            </div>
-          }
-
-          @if (nextTplRef()) {
-            <div>
-              <ng-template [ngTemplateOutlet]="nextTplRef() ?? null" />
-            </div>
-          }
-        </div>
-      </ng-template>
-
-      @if (parent.canEdit()) {
-        <ng-template #modalBottomTpl>
-          <div class="p-sm-default flex-row gap-sm">
-            @if (
-              !parent.dataInfo()?.isNew &&
-              parent.toggleDelete &&
-              (!parent.canDelete || parent.canDelete())
-            ) {
-              @if (parent.dataInfo()?.isDeleted) {
-                <sd-button [size]="'sm'" [theme]="'warning'" (click)="onRestoreButtonClick()">
-                  복구
-                </sd-button>
-              } @else {
-                <sd-button [size]="'sm'" [theme]="'danger'" (click)="onDeleteButtonClick()">
-                  삭제
-                </sd-button>
-              }
-            }
-
-            <div class="flex-fill flex-row gap-sm main-align-end">
-              <sd-button [size]="'sm'" [theme]="'primary'" (click)="onSubmitButtonClick()">
-                확인
-              </sd-button>
-            </div>
-          </div>
-        </ng-template>
-      }
-
-      <ng-template #modalActionTpl>
-        <sd-anchor
-          [theme]="'gray'"
-          class="p-sm-default"
-          (click)="onRefreshButtonClick()"
-          title="새로고침(CTRL+ALT+L)"
-        >
-          <ng-icon [svg]="icons.tablerRefresh" />
-        </sd-anchor>
-      </ng-template>
-    </sd-base-container>
-  `,
-})
-export class SdDataDetail {
-  parent = injectParent<SdDataDetailBase<any>>();
-
-  formCtrl = viewChild<SdForm>("formCtrl");
-
-  toolTplRef = contentChild("toolTpl", { read: TemplateRef });
-  prevTplRef = contentChild("prevTpl", { read: TemplateRef });
-  contentTplRef = contentChild.required("contentTpl", { read: TemplateRef });
-  nextTplRef = contentChild("nextTpl", { read: TemplateRef });
-
-  modalActionTplRef = viewChild("modalActionTpl", { read: TemplateRef });
-
-  constructor() {
-    effect(() => {
-      this.parent.actionTplRef = this.modalActionTplRef();
-    });
-  }
-
-  async onRefreshButtonClick() {
-    await this.parent.doRefresh();
-  }
-
-  async onDeleteButtonClick() {
-    await this.parent.doToggleDelete(true);
-  }
-
-  async onRestoreButtonClick() {
-    await this.parent.doToggleDelete(false);
-  }
-
-  onSubmitButtonClick() {
-    this.formCtrl()?.requestSubmit();
-  }
-
-  async onSubmit() {
-    await this.parent.doSubmit({ permCheck: true });
-  }
-
-  protected readonly icons = {
-    tablerDeviceFloppy,
-    tablerRefresh,
-    tablerRestore,
-    tablerEraser,
-  };
-}
-
-//#endregion