@rytass/bpm-core-react 0.18.0 → 0.19.0

package/dist/chunks/{categories-riC33J_j.js.map → categories-BAdxjNSA.js.map}

@@ -1 +1 @@
-{"version":3,"file":"categories-riC33J_j.js","names":["_Fragment","styles","formatDateTime","Fragment$1","ContentHeader","templates_module_default","CATEGORY_PAGE_SIZE_OPTIONS","CATEGORY_STATUS_TABS","TemplateCategoriesView","categories","setCategories","useState","categoryPage","setCategoryPage","categoryPageSize","setCategoryPageSize","categoryStatus","setCategoryStatus","categoryTotalCount","setCategoryTotalCount","deleteConfirmation","setDeleteConfirmation","error","setError","loading","setLoading","modalState","setModalState","saving","setSaving","searchText","setSearchText","refreshCategories","useCallback","categoryPageResult","listApprovalTemplateCategoriesPage","readCategoryStatus","requestError","readErrorMessage","rows","useMemo","category","columns","CategoryStatusBadge","record","Typography","handleSaveCategory","updateApprovalTemplateCategory","input","createApprovalTemplateCategory","handleToggleCategory","handleConfirmDelete","deleteApprovalTemplateCategory","tableActions","PageHeader","Button","PlusIcon","SectionGroup","Section","FilterArea","FilterLine","Filter","FormField","FormFieldLayout","Input","event","Tab","readCategoryStatusTabKey","activeKey","TabItem","statusTab","Table","page","pageSize","from","to","total","CategoryModal","Modal","description","setDescription","name","setName","sortOrder","setSortOrder","modal","handleConfirm","trimmedName","parsedSortOrder","onSubmit","submitError","onClose","BPMFormField","Textarea","isActive","Badge","status"],"sources":["../../src/views/templates/templates.module.scss","../../src/views/templates/categories/TemplateCategoriesView.tsx"],"sourcesContent":[".templateFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n\n.templateModalFields {\n  display: grid;\n  gap: 16px;\n}\n","'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Tab,\n  TabItem,\n  Table,\n  Textarea,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { BPMFormField } from '../../../components/bpm-form-field';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport {\n  ApprovalTemplateCategoryRecord,\n  ApprovalTemplateCategoryStatus,\n  createApprovalTemplateCategory,\n  deleteApprovalTemplateCategory,\n  listApprovalTemplateCategoriesPage,\n  updateApprovalTemplateCategory,\n} from '@rytass/bpm-core-client/template';\nimport styles from '../templates.module.scss';\n\nconst CATEGORY_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst CATEGORY_STATUS_TABS: readonly {\n  readonly key: CategoryStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'ACTIVE', label: '啟用' },\n  { key: 'INACTIVE', label: '停用' },\n];\ntype CategoryStatusTabKey = 'ACTIVE' | 'ALL' | 'INACTIVE';\n\ntype CategoryRow = Readonly<\n  Record<string, unknown> &\n    ApprovalTemplateCategoryRecord & {\n      key: string;\n      updatedAtLabel: string;\n    }\n>;\n\ntype CategoryModalState = Readonly<{\n  record: ApprovalTemplateCategoryRecord | null;\n  type: 'CREATE' | 'EDIT';\n}>;\n\ntype DeleteConfirmationState = Readonly<{\n  id: string;\n  name: string;\n}>;\n\n\nexport function TemplateCategoriesView(): ReactElement {\n  const [categories, setCategories] = useState<\n    readonly ApprovalTemplateCategoryRecord[]\n  >([]);\n  const [categoryPage, setCategoryPage] = useState(1);\n  const [categoryPageSize, setCategoryPageSize] = useState(10);\n  const [categoryStatus, setCategoryStatus] =\n    useState<CategoryStatusTabKey>('ALL');\n  const [categoryTotalCount, setCategoryTotalCount] = useState(0);\n  const [deleteConfirmation, setDeleteConfirmation] =\n    useState<DeleteConfirmationState | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [modalState, setModalState] = useState<CategoryModalState | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [searchText, setSearchText] = useState('');\n\n  const refreshCategories = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const categoryPageResult = await listApprovalTemplateCategoriesPage({\n        page: categoryPage,\n        pageSize: categoryPageSize,\n        searchText,\n        status: readCategoryStatus(categoryStatus),\n      });\n\n      setCategories(categoryPageResult.categories);\n      setCategoryTotalCount(categoryPageResult.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [categoryPage, categoryPageSize, categoryStatus, searchText]);\n\n  useEffect((): void => {\n    void refreshCategories();\n  }, [refreshCategories]);\n\n  const rows = useMemo(\n    (): CategoryRow[] =>\n      categories.map((category) => ({\n        ...category,\n        key: category.id,\n        updatedAtLabel: formatDateTime(category.updatedAt),\n      })),\n    [categories],\n  );\n\n  const columns = useMemo(\n    (): TableColumn<CategoryRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '分類名稱', width: 180 },\n      {\n        key: 'status',\n        render: (record: CategoryRow): ReactElement => (\n          <CategoryStatusBadge isActive={record.isActive} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        dataIndex: 'sortOrder',\n        key: 'sortOrder',\n        title: '排序',\n        width: 100,\n      },\n      {\n        key: 'description',\n        render: (record: CategoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.description || '無'}\n          </Typography>\n        ),\n        title: '說明',\n        width: 260,\n      },\n      {\n        dataIndex: 'updatedAtLabel',\n        key: 'updatedAtLabel',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n\n  async function handleSaveCategory(input: CategoryFormInput): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      if (modalState?.type === 'EDIT' && modalState.record) {\n        await updateApprovalTemplateCategory({\n          ...input,\n          id: modalState.record.id,\n        });\n      } else {\n        await createApprovalTemplateCategory(input);\n      }\n\n      setModalState(null);\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n      throw requestError;\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function handleToggleCategory(\n    record: ApprovalTemplateCategoryRecord,\n  ): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      await updateApprovalTemplateCategory({\n        description: record.description,\n        id: record.id,\n        isActive: !record.isActive,\n        name: record.name,\n        sortOrder: record.sortOrder,\n      });\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function handleConfirmDelete(): Promise<void> {\n    if (!deleteConfirmation) {\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      await deleteApprovalTemplateCategory(deleteConfirmation.id);\n      setDeleteConfirmation(null);\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  const tableActions = useMemo(\n    (): TableActions<CategoryRow> => ({\n      render: (record): ReturnType<TableActions<CategoryRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => setModalState({ record, type: 'EDIT' }),\n        },\n        {\n          name: record.isActive ? '停用' : '啟用',\n          onClick: (): void => void handleToggleCategory(record),\n          variant: record.isActive ? 'destructive-secondary' : 'base-secondary',\n        },\n        {\n          name: '刪除',\n          onClick: (): void =>\n            setDeleteConfirmation({ id: record.id, name: record.name }),\n          variant: 'destructive-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 192,\n    }),\n    [refreshCategories],\n  );\n\n  return (\n    <>\n      <>\n          <PageHeader>\n            <ContentHeader\n              description=\"維護簽核模板分類，供模板建立、篩選與列表標示使用。\"\n              title=\"簽核模板分類\"\n            >\n              <Button\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void =>\n                  setModalState({ record: null, type: 'CREATE' })\n                }\n                variant=\"base-primary\"\n              >\n                建立分類\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              filterArea={\n                <FilterArea className={styles.templateFilterArea} size=\"sub\">\n                  <FilterLine>\n                    <Filter span={3}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"categorySearchText\"\n                      >\n                        <Input\n                          fullWidth\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            setSearchText(event.target.value);\n                            setCategoryPage(1);\n                          }}\n                          placeholder=\"關鍵字：搜尋分類名稱或說明\"\n                          size=\"sub\"\n                          value={searchText}\n                          variant=\"base\"\n                        />\n                      </FormField>\n                    </Filter>\n                  </FilterLine>\n                </FilterArea>\n              }\n              tab={\n                <Tab\n                  activeKey={categoryStatus}\n                  onChange={(activeKey): void => {\n                    setCategoryStatus(readCategoryStatusTabKey(activeKey));\n                    setCategoryPage(1);\n                  }}\n                >\n                  {CATEGORY_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\n              }\n            >\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n              <Table\n                actions={tableActions}\n                columns={columns}\n                dataSource={rows}\n                fullWidth\n                loading={loading || saving}\n                pagination={{\n                  current: categoryPage,\n                  onChange: (page): void => {\n                    setCategoryPage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setCategoryPage(1);\n                    setCategoryPageSize(pageSize);\n                  },\n                  pageSize: categoryPageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: CATEGORY_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: categoryTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </>\n\n      <CategoryModal\n        loading={saving}\n        modal={modalState}\n        onClose={(): void => setModalState(null)}\n        onSubmit={handleSaveCategory}\n      />\n      <Modal\n        cancelText=\"取消\"\n        confirmButtonProps={{ variant: 'destructive-primary' }}\n        confirmText=\"刪除\"\n        loading={saving}\n        modalStatusType=\"error\"\n        modalType=\"standard\"\n        onCancel={(): void => setDeleteConfirmation(null)}\n        onClose={(): void => setDeleteConfirmation(null)}\n        onConfirm={(): void => void handleConfirmDelete()}\n        open={Boolean(deleteConfirmation)}\n        showModalFooter\n        showModalHeader\n        size=\"regular\"\n        supportingText=\"已被模板使用的分類無法刪除，請改用「停用」。\"\n        title=\"刪除分類\"\n      >\n        <Typography color=\"text-neutral\" variant=\"body\">\n          確定要刪除「{deleteConfirmation?.name ?? ''}」嗎？\n        </Typography>\n      </Modal>\n    </>\n  );\n}\n\ninterface CategoryFormInput {\n  readonly description: string | null;\n  readonly isActive: boolean;\n  readonly name: string;\n  readonly sortOrder: number;\n}\n\nfunction CategoryModal({\n  loading,\n  modal,\n  onClose,\n  onSubmit,\n}: {\n  readonly loading: boolean;\n  readonly modal: CategoryModalState | null;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: CategoryFormInput) => Promise<void>;\n}): ReactElement {\n  const [description, setDescription] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [name, setName] = useState('');\n  const [sortOrder, setSortOrder] = useState('0');\n\n  useEffect((): void => {\n    if (!modal) {\n      return;\n    }\n\n    setDescription(modal.record?.description ?? '');\n    setError(null);\n    setName(modal.record?.name ?? '');\n    setSortOrder(String(modal.record?.sortOrder ?? 0));\n  }, [modal]);\n\n  async function handleConfirm(): Promise<void> {\n    const trimmedName = name.trim();\n    const parsedSortOrder = Number(sortOrder);\n\n    if (!trimmedName) {\n      setError('請輸入分類名稱');\n      return;\n    }\n\n    if (!Number.isInteger(parsedSortOrder)) {\n      setError('排序必須是整數');\n      return;\n    }\n\n    try {\n      await onSubmit({\n        description: description.trim() || null,\n        isActive: modal?.record?.isActive ?? true,\n        name: trimmedName,\n        sortOrder: parsedSortOrder,\n      });\n    } catch (submitError: unknown) {\n      setError(readErrorMessage(submitError));\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !name.trim() }}\n      confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n      loading={loading}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void => void handleConfirm()}\n      open={Boolean(modal)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={modal?.type === 'EDIT' ? '編輯分類' : '建立分類'}\n    >\n      <div className={styles.templateModalFields}>\n        <BPMFormField label=\"分類名稱\" name=\"categoryName\" required>\n          <Input\n            autoFocus\n            fullWidth\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n              setName(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"例如：行政管理\"\n            value={name}\n            variant=\"base\"\n          />\n        </BPMFormField>\n        <BPMFormField label=\"排序\" name=\"categorySortOrder\">\n          <Input\n            fullWidth\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n              setSortOrder(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"0\"\n            value={sortOrder}\n            variant=\"base\"\n          />\n        </BPMFormField>\n        <BPMFormField label=\"說明\" name=\"categoryDescription\">\n          <Textarea\n            onChange={(event: ChangeEvent<HTMLTextAreaElement>): void => {\n              setDescription(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"補充分類用途\"\n            value={description}\n          />\n        </BPMFormField>\n      </div>\n      {error ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {error}\n        </Typography>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction CategoryStatusBadge({\n  isActive,\n}: {\n  readonly isActive: boolean;\n}): ReactElement {\n  return isActive ? (\n    <Badge size=\"sub\" text=\"啟用\" variant=\"dot-success\" />\n  ) : (\n    <Badge size=\"sub\" text=\"停用\" variant=\"dot-inactive\" />\n  );\n}\n\nfunction readCategoryStatusTabKey(activeKey: Key): CategoryStatusTabKey {\n  if (activeKey === 'ACTIVE' || activeKey === 'INACTIVE') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction readCategoryStatus(\n  status: CategoryStatusTabKey,\n): ApprovalTemplateCategoryStatus {\n  return status;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}
+{"version":3,"file":"categories-BAdxjNSA.js","names":["_Fragment","styles","BPMFormField","Fragment$1","ContentHeader","templates_module_default","CATEGORY_PAGE_SIZE_OPTIONS","CATEGORY_STATUS_TABS","TemplateCategoriesView","categories","setCategories","useState","categoryPage","setCategoryPage","categoryPageSize","setCategoryPageSize","categoryStatus","setCategoryStatus","categoryTotalCount","setCategoryTotalCount","deleteConfirmation","setDeleteConfirmation","error","setError","loading","setLoading","modalState","setModalState","saving","setSaving","searchText","setSearchText","refreshCategories","useCallback","categoryPageResult","listApprovalTemplateCategoriesPage","readCategoryStatus","requestError","readErrorMessage","rows","useMemo","category","formatDateTime","columns","CategoryStatusBadge","record","Typography","handleSaveCategory","updateApprovalTemplateCategory","input","createApprovalTemplateCategory","handleToggleCategory","handleConfirmDelete","deleteApprovalTemplateCategory","tableActions","PageHeader","Button","PlusIcon","SectionGroup","Section","FilterArea","FilterLine","Filter","FormField","FormFieldLayout","Input","event","Tab","readCategoryStatusTabKey","activeKey","TabItem","statusTab","Table","page","pageSize","from","to","total","CategoryModal","Modal","description","setDescription","name","setName","sortOrder","setSortOrder","modal","handleConfirm","trimmedName","parsedSortOrder","onSubmit","submitError","onClose","Textarea","isActive","Badge","status"],"sources":["../../src/views/templates/templates.module.scss","../../src/views/templates/categories/TemplateCategoriesView.tsx"],"sourcesContent":[".templateFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n\n.templateModalFields {\n  display: grid;\n  gap: 16px;\n}\n","'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Tab,\n  TabItem,\n  Table,\n  Textarea,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { BPMFormField } from '../../../components/bpm-form-field';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport {\n  ApprovalTemplateCategoryRecord,\n  ApprovalTemplateCategoryStatus,\n  createApprovalTemplateCategory,\n  deleteApprovalTemplateCategory,\n  listApprovalTemplateCategoriesPage,\n  updateApprovalTemplateCategory,\n} from '@rytass/bpm-core-client/template';\nimport styles from '../templates.module.scss';\n\nconst CATEGORY_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst CATEGORY_STATUS_TABS: readonly {\n  readonly key: CategoryStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'ACTIVE', label: '啟用' },\n  { key: 'INACTIVE', label: '停用' },\n];\ntype CategoryStatusTabKey = 'ACTIVE' | 'ALL' | 'INACTIVE';\n\ntype CategoryRow = Readonly<\n  Record<string, unknown> &\n    ApprovalTemplateCategoryRecord & {\n      key: string;\n      updatedAtLabel: string;\n    }\n>;\n\ntype CategoryModalState = Readonly<{\n  record: ApprovalTemplateCategoryRecord | null;\n  type: 'CREATE' | 'EDIT';\n}>;\n\ntype DeleteConfirmationState = Readonly<{\n  id: string;\n  name: string;\n}>;\n\n\nexport function TemplateCategoriesView(): ReactElement {\n  const [categories, setCategories] = useState<\n    readonly ApprovalTemplateCategoryRecord[]\n  >([]);\n  const [categoryPage, setCategoryPage] = useState(1);\n  const [categoryPageSize, setCategoryPageSize] = useState(10);\n  const [categoryStatus, setCategoryStatus] =\n    useState<CategoryStatusTabKey>('ALL');\n  const [categoryTotalCount, setCategoryTotalCount] = useState(0);\n  const [deleteConfirmation, setDeleteConfirmation] =\n    useState<DeleteConfirmationState | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [modalState, setModalState] = useState<CategoryModalState | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [searchText, setSearchText] = useState('');\n\n  const refreshCategories = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const categoryPageResult = await listApprovalTemplateCategoriesPage({\n        page: categoryPage,\n        pageSize: categoryPageSize,\n        searchText,\n        status: readCategoryStatus(categoryStatus),\n      });\n\n      setCategories(categoryPageResult.categories);\n      setCategoryTotalCount(categoryPageResult.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [categoryPage, categoryPageSize, categoryStatus, searchText]);\n\n  useEffect((): void => {\n    void refreshCategories();\n  }, [refreshCategories]);\n\n  const rows = useMemo(\n    (): CategoryRow[] =>\n      categories.map((category) => ({\n        ...category,\n        key: category.id,\n        updatedAtLabel: formatDateTime(category.updatedAt),\n      })),\n    [categories],\n  );\n\n  const columns = useMemo(\n    (): TableColumn<CategoryRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '分類名稱', width: 180 },\n      {\n        key: 'status',\n        render: (record: CategoryRow): ReactElement => (\n          <CategoryStatusBadge isActive={record.isActive} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        dataIndex: 'sortOrder',\n        key: 'sortOrder',\n        title: '排序',\n        width: 100,\n      },\n      {\n        key: 'description',\n        render: (record: CategoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.description || '無'}\n          </Typography>\n        ),\n        title: '說明',\n        width: 260,\n      },\n      {\n        dataIndex: 'updatedAtLabel',\n        key: 'updatedAtLabel',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n\n  async function handleSaveCategory(input: CategoryFormInput): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      if (modalState?.type === 'EDIT' && modalState.record) {\n        await updateApprovalTemplateCategory({\n          ...input,\n          id: modalState.record.id,\n        });\n      } else {\n        await createApprovalTemplateCategory(input);\n      }\n\n      setModalState(null);\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n      throw requestError;\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function handleToggleCategory(\n    record: ApprovalTemplateCategoryRecord,\n  ): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      await updateApprovalTemplateCategory({\n        description: record.description,\n        id: record.id,\n        isActive: !record.isActive,\n        name: record.name,\n        sortOrder: record.sortOrder,\n      });\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function handleConfirmDelete(): Promise<void> {\n    if (!deleteConfirmation) {\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      await deleteApprovalTemplateCategory(deleteConfirmation.id);\n      setDeleteConfirmation(null);\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  const tableActions = useMemo(\n    (): TableActions<CategoryRow> => ({\n      render: (record): ReturnType<TableActions<CategoryRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => setModalState({ record, type: 'EDIT' }),\n        },\n        {\n          name: record.isActive ? '停用' : '啟用',\n          onClick: (): void => void handleToggleCategory(record),\n          variant: record.isActive ? 'destructive-secondary' : 'base-secondary',\n        },\n        {\n          name: '刪除',\n          onClick: (): void =>\n            setDeleteConfirmation({ id: record.id, name: record.name }),\n          variant: 'destructive-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 192,\n    }),\n    [refreshCategories],\n  );\n\n  return (\n    <>\n      <>\n          <PageHeader>\n            <ContentHeader\n              description=\"維護簽核模板分類，供模板建立、篩選與列表標示使用。\"\n              title=\"簽核模板分類\"\n            >\n              <Button\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void =>\n                  setModalState({ record: null, type: 'CREATE' })\n                }\n                variant=\"base-primary\"\n              >\n                建立分類\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              filterArea={\n                <FilterArea className={styles.templateFilterArea} size=\"sub\">\n                  <FilterLine>\n                    <Filter span={3}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"categorySearchText\"\n                      >\n                        <Input\n                          fullWidth\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            setSearchText(event.target.value);\n                            setCategoryPage(1);\n                          }}\n                          placeholder=\"關鍵字：搜尋分類名稱或說明\"\n                          size=\"sub\"\n                          value={searchText}\n                          variant=\"base\"\n                        />\n                      </FormField>\n                    </Filter>\n                  </FilterLine>\n                </FilterArea>\n              }\n              tab={\n                <Tab\n                  activeKey={categoryStatus}\n                  onChange={(activeKey): void => {\n                    setCategoryStatus(readCategoryStatusTabKey(activeKey));\n                    setCategoryPage(1);\n                  }}\n                >\n                  {CATEGORY_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\n              }\n            >\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n              <Table\n                actions={tableActions}\n                columns={columns}\n                dataSource={rows}\n                fullWidth\n                loading={loading || saving}\n                pagination={{\n                  current: categoryPage,\n                  onChange: (page): void => {\n                    setCategoryPage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setCategoryPage(1);\n                    setCategoryPageSize(pageSize);\n                  },\n                  pageSize: categoryPageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: CATEGORY_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: categoryTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </>\n\n      <CategoryModal\n        loading={saving}\n        modal={modalState}\n        onClose={(): void => setModalState(null)}\n        onSubmit={handleSaveCategory}\n      />\n      <Modal\n        cancelText=\"取消\"\n        confirmButtonProps={{ variant: 'destructive-primary' }}\n        confirmText=\"刪除\"\n        loading={saving}\n        modalStatusType=\"error\"\n        modalType=\"standard\"\n        onCancel={(): void => setDeleteConfirmation(null)}\n        onClose={(): void => setDeleteConfirmation(null)}\n        onConfirm={(): void => void handleConfirmDelete()}\n        open={Boolean(deleteConfirmation)}\n        showModalFooter\n        showModalHeader\n        size=\"regular\"\n        supportingText=\"已被模板使用的分類無法刪除，請改用「停用」。\"\n        title=\"刪除分類\"\n      >\n        <Typography color=\"text-neutral\" variant=\"body\">\n          確定要刪除「{deleteConfirmation?.name ?? ''}」嗎？\n        </Typography>\n      </Modal>\n    </>\n  );\n}\n\ninterface CategoryFormInput {\n  readonly description: string | null;\n  readonly isActive: boolean;\n  readonly name: string;\n  readonly sortOrder: number;\n}\n\nfunction CategoryModal({\n  loading,\n  modal,\n  onClose,\n  onSubmit,\n}: {\n  readonly loading: boolean;\n  readonly modal: CategoryModalState | null;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: CategoryFormInput) => Promise<void>;\n}): ReactElement {\n  const [description, setDescription] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [name, setName] = useState('');\n  const [sortOrder, setSortOrder] = useState('0');\n\n  useEffect((): void => {\n    if (!modal) {\n      return;\n    }\n\n    setDescription(modal.record?.description ?? '');\n    setError(null);\n    setName(modal.record?.name ?? '');\n    setSortOrder(String(modal.record?.sortOrder ?? 0));\n  }, [modal]);\n\n  async function handleConfirm(): Promise<void> {\n    const trimmedName = name.trim();\n    const parsedSortOrder = Number(sortOrder);\n\n    if (!trimmedName) {\n      setError('請輸入分類名稱');\n      return;\n    }\n\n    if (!Number.isInteger(parsedSortOrder)) {\n      setError('排序必須是整數');\n      return;\n    }\n\n    try {\n      await onSubmit({\n        description: description.trim() || null,\n        isActive: modal?.record?.isActive ?? true,\n        name: trimmedName,\n        sortOrder: parsedSortOrder,\n      });\n    } catch (submitError: unknown) {\n      setError(readErrorMessage(submitError));\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !name.trim() }}\n      confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n      loading={loading}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void => void handleConfirm()}\n      open={Boolean(modal)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={modal?.type === 'EDIT' ? '編輯分類' : '建立分類'}\n    >\n      <div className={styles.templateModalFields}>\n        <BPMFormField label=\"分類名稱\" name=\"categoryName\" required>\n          <Input\n            autoFocus\n            fullWidth\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n              setName(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"例如：行政管理\"\n            value={name}\n            variant=\"base\"\n          />\n        </BPMFormField>\n        <BPMFormField label=\"排序\" name=\"categorySortOrder\">\n          <Input\n            fullWidth\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n              setSortOrder(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"0\"\n            value={sortOrder}\n            variant=\"base\"\n          />\n        </BPMFormField>\n        <BPMFormField label=\"說明\" name=\"categoryDescription\">\n          <Textarea\n            onChange={(event: ChangeEvent<HTMLTextAreaElement>): void => {\n              setDescription(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"補充分類用途\"\n            value={description}\n          />\n        </BPMFormField>\n      </div>\n      {error ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {error}\n        </Typography>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction CategoryStatusBadge({\n  isActive,\n}: {\n  readonly isActive: boolean;\n}): ReactElement {\n  return isActive ? (\n    <Badge size=\"sub\" text=\"啟用\" variant=\"dot-success\" />\n  ) : (\n    <Badge size=\"sub\" text=\"停用\" variant=\"dot-inactive\" />\n  );\n}\n\nfunction readCategoryStatusTabKey(activeKey: Key): CategoryStatusTabKey {\n  if (activeKey === 'ACTIVE' || activeKey === 'INACTIVE') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction readCategoryStatus(\n  status: CategoryStatusTabKey,\n): ApprovalTemplateCategoryStatus {\n  return status;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}

package/dist/chunks/{categories-AxxhqjLZ.cjs → categories-DQUtVEiV.cjs}

@@ -1,2 +1,2 @@
-"use client";require('../categories.css');const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./format-date-time-D-cx5M8z.cjs"),n=require("./bpm-form-field-Bc6k4ZEO.cjs");let r=require("react"),i=require("@mezzanine-ui/react"),a=require("react/jsx-runtime"),o=require("@mezzanine-ui/core/form"),s=require("@mezzanine-ui/react/ContentHeader");s=e.t(s,1);let c=require("@mezzanine-ui/icons"),l=require("@rytass/bpm-core-client/template");var u={templateFilterArea:`bpm_templateFilterArea_nUL-R`,templateModalFields:`bpm_templateModalFields_hUxWp`},d=[10,20,50],f=[{key:`ALL`,label:`全部`},{key:`ACTIVE`,label:`啟用`},{key:`INACTIVE`,label:`停用`}];function p(){let[e,n]=(0,r.useState)([]),[p,y]=(0,r.useState)(1),[b,x]=(0,r.useState)(10),[S,C]=(0,r.useState)(`ALL`),[w,T]=(0,r.useState)(0),[E,D]=(0,r.useState)(null),[O,k]=(0,r.useState)(null),[A,j]=(0,r.useState)(!0),[M,N]=(0,r.useState)(null),[P,F]=(0,r.useState)(!1),[I,L]=(0,r.useState)(``),R=(0,r.useCallback)(async()=>{j(!0),k(null);try{let e=await(0,l.listApprovalTemplateCategoriesPage)({page:p,pageSize:b,searchText:I,status:_(S)});n(e.categories),T(e.totalCount)}catch(e){k(v(e))}finally{j(!1)}},[p,b,S,I]);(0,r.useEffect)(()=>{R()},[R]);let z=(0,r.useMemo)(()=>e.map(e=>({...e,key:e.id,updatedAtLabel:t.t(e.updatedAt)})),[e]),B=(0,r.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`分類名稱`,width:180},{key:`status`,render:e=>(0,a.jsx)(h,{isActive:e.isActive}),title:`狀態`,width:120},{dataIndex:`sortOrder`,key:`sortOrder`,title:`排序`,width:100},{key:`description`,render:e=>(0,a.jsx)(i.Typography,{component:`span`,variant:`body`,children:e.description||`無`}),title:`說明`,width:260},{dataIndex:`updatedAtLabel`,key:`updatedAtLabel`,title:`更新時間`,width:220}],[]);async function V(e){F(!0),k(null);try{M?.type===`EDIT`&&M.record?await(0,l.updateApprovalTemplateCategory)({...e,id:M.record.id}):await(0,l.createApprovalTemplateCategory)(e),N(null),await R()}catch(e){throw k(v(e)),e}finally{F(!1)}}async function H(e){F(!0),k(null);try{await(0,l.updateApprovalTemplateCategory)({description:e.description,id:e.id,isActive:!e.isActive,name:e.name,sortOrder:e.sortOrder}),await R()}catch(e){k(v(e))}finally{F(!1)}}async function U(){if(E){F(!0),k(null);try{await(0,l.deleteApprovalTemplateCategory)(E.id),D(null),await R()}catch(e){k(v(e))}finally{F(!1)}}}let W=(0,r.useMemo)(()=>({render:e=>[{name:`編輯`,onClick:()=>N({record:e,type:`EDIT`})},{name:e.isActive?`停用`:`啟用`,onClick:()=>void H(e),variant:e.isActive?`destructive-secondary`:`base-secondary`},{name:`刪除`,onClick:()=>D({id:e.id,name:e.name}),variant:`destructive-secondary`}],variant:`base-secondary`,width:192}),[R]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.PageHeader,{children:(0,a.jsx)(s.default,{description:`維護簽核模板分類，供模板建立、篩選與列表標示使用。`,title:`簽核模板分類`,children:(0,a.jsx)(i.Button,{icon:c.PlusIcon,iconType:`leading`,onClick:()=>N({record:null,type:`CREATE`}),variant:`base-primary`,children:`建立分類`})})}),(0,a.jsx)(i.SectionGroup,{children:(0,a.jsxs)(i.Section,{filterArea:(0,a.jsx)(i.FilterArea,{className:u.templateFilterArea,size:`sub`,children:(0,a.jsx)(i.FilterLine,{children:(0,a.jsx)(i.Filter,{span:3,children:(0,a.jsx)(i.FormField,{fullWidth:!0,layout:o.FormFieldLayout.VERTICAL,name:`categorySearchText`,children:(0,a.jsx)(i.Input,{fullWidth:!0,onChange:e=>{L(e.target.value),y(1)},placeholder:`關鍵字：搜尋分類名稱或說明`,size:`sub`,value:I,variant:`base`})})})})}),tab:(0,a.jsx)(i.Tab,{activeKey:S,onChange:e=>{C(g(e)),y(1)},children:f.map(e=>(0,a.jsx)(i.TabItem,{children:e.label},e.key))}),children:[O?(0,a.jsx)(i.Typography,{color:`text-error`,variant:`body`,children:O}):null,(0,a.jsx)(i.Table,{actions:W,columns:B,dataSource:z,fullWidth:!0,loading:A||P,pagination:{current:p,onChange:e=>{y(e)},onChangePageSize:e=>{y(1),x(e)},pageSize:b,pageSizeLabel:`每頁筆數`,pageSizeOptions:d,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:w}})]})})]}),(0,a.jsx)(m,{loading:P,modal:M,onClose:()=>N(null),onSubmit:V}),(0,a.jsx)(i.Modal,{cancelText:`取消`,confirmButtonProps:{variant:`destructive-primary`},confirmText:`刪除`,loading:P,modalStatusType:`error`,modalType:`standard`,onCancel:()=>D(null),onClose:()=>D(null),onConfirm:()=>void U(),open:!!E,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`已被模板使用的分類無法刪除，請改用「停用」。`,title:`刪除分類`,children:(0,a.jsxs)(i.Typography,{color:`text-neutral`,variant:`body`,children:[`確定要刪除「`,E?.name??``,`」嗎？`]})})]})}function m({loading:e,modal:t,onClose:o,onSubmit:s}){let[c,l]=(0,r.useState)(``),[d,f]=(0,r.useState)(null),[p,m]=(0,r.useState)(``),[h,g]=(0,r.useState)(`0`);(0,r.useEffect)(()=>{t&&(l(t.record?.description??``),f(null),m(t.record?.name??``),g(String(t.record?.sortOrder??0)))},[t]);async function _(){let e=p.trim(),n=Number(h);if(!e)f(`請輸入分類名稱`);else if(!Number.isInteger(n))f(`排序必須是整數`);else try{await s({description:c.trim()||null,isActive:t?.record?.isActive??!0,name:e,sortOrder:n})}catch(e){f(v(e))}}return(0,a.jsxs)(i.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!p.trim()},confirmText:t?.type===`EDIT`?`儲存`:`建立`,loading:e,modalType:`standard`,onCancel:o,onClose:o,onConfirm:()=>void _(),open:!!t,showModalFooter:!0,showModalHeader:!0,size:`regular`,title:t?.type===`EDIT`?`編輯分類`:`建立分類`,children:[(0,a.jsxs)(`div`,{className:u.templateModalFields,children:[(0,a.jsx)(n.t,{label:`分類名稱`,name:`categoryName`,required:!0,children:(0,a.jsx)(i.Input,{autoFocus:!0,fullWidth:!0,onChange:e=>{m(e.target.value),f(null)},placeholder:`例如：行政管理`,value:p,variant:`base`})}),(0,a.jsx)(n.t,{label:`排序`,name:`categorySortOrder`,children:(0,a.jsx)(i.Input,{fullWidth:!0,onChange:e=>{g(e.target.value),f(null)},placeholder:`0`,value:h,variant:`base`})}),(0,a.jsx)(n.t,{label:`說明`,name:`categoryDescription`,children:(0,a.jsx)(i.Textarea,{onChange:e=>{l(e.target.value),f(null)},placeholder:`補充分類用途`,value:c})})]}),d?(0,a.jsx)(i.Typography,{color:`text-error`,variant:`body`,children:d}):null]})}function h({isActive:e}){return e?(0,a.jsx)(i.Badge,{size:`sub`,text:`啟用`,variant:`dot-success`}):(0,a.jsx)(i.Badge,{size:`sub`,text:`停用`,variant:`dot-inactive`})}function g(e){return e===`ACTIVE`||e===`INACTIVE`?e:`ALL`}function _(e){return e}function v(e){return e instanceof Error?e.message:`發生未知錯誤`}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
-//# sourceMappingURL=categories-AxxhqjLZ.cjs.map
+"use client";require('../categories.css');const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./bpm-form-field-Bc6k4ZEO.cjs"),n=require("./format-date-time-D-cx5M8z.cjs");let r=require("react"),i=require("@mezzanine-ui/react"),a=require("react/jsx-runtime"),o=require("@mezzanine-ui/core/form"),s=require("@mezzanine-ui/react/ContentHeader");s=e.t(s,1);let c=require("@mezzanine-ui/icons"),l=require("@rytass/bpm-core-client/template");var u={templateFilterArea:`bpm_templateFilterArea_nUL-R`,templateModalFields:`bpm_templateModalFields_hUxWp`},d=[10,20,50],f=[{key:`ALL`,label:`全部`},{key:`ACTIVE`,label:`啟用`},{key:`INACTIVE`,label:`停用`}];function p(){let[e,t]=(0,r.useState)([]),[p,y]=(0,r.useState)(1),[b,x]=(0,r.useState)(10),[S,C]=(0,r.useState)(`ALL`),[w,T]=(0,r.useState)(0),[E,D]=(0,r.useState)(null),[O,k]=(0,r.useState)(null),[A,j]=(0,r.useState)(!0),[M,N]=(0,r.useState)(null),[P,F]=(0,r.useState)(!1),[I,L]=(0,r.useState)(``),R=(0,r.useCallback)(async()=>{j(!0),k(null);try{let e=await(0,l.listApprovalTemplateCategoriesPage)({page:p,pageSize:b,searchText:I,status:_(S)});t(e.categories),T(e.totalCount)}catch(e){k(v(e))}finally{j(!1)}},[p,b,S,I]);(0,r.useEffect)(()=>{R()},[R]);let z=(0,r.useMemo)(()=>e.map(e=>({...e,key:e.id,updatedAtLabel:n.t(e.updatedAt)})),[e]),B=(0,r.useMemo)(()=>[{dataIndex:`name`,key:`name`,title:`分類名稱`,width:180},{key:`status`,render:e=>(0,a.jsx)(h,{isActive:e.isActive}),title:`狀態`,width:120},{dataIndex:`sortOrder`,key:`sortOrder`,title:`排序`,width:100},{key:`description`,render:e=>(0,a.jsx)(i.Typography,{component:`span`,variant:`body`,children:e.description||`無`}),title:`說明`,width:260},{dataIndex:`updatedAtLabel`,key:`updatedAtLabel`,title:`更新時間`,width:220}],[]);async function V(e){F(!0),k(null);try{M?.type===`EDIT`&&M.record?await(0,l.updateApprovalTemplateCategory)({...e,id:M.record.id}):await(0,l.createApprovalTemplateCategory)(e),N(null),await R()}catch(e){throw k(v(e)),e}finally{F(!1)}}async function H(e){F(!0),k(null);try{await(0,l.updateApprovalTemplateCategory)({description:e.description,id:e.id,isActive:!e.isActive,name:e.name,sortOrder:e.sortOrder}),await R()}catch(e){k(v(e))}finally{F(!1)}}async function U(){if(E){F(!0),k(null);try{await(0,l.deleteApprovalTemplateCategory)(E.id),D(null),await R()}catch(e){k(v(e))}finally{F(!1)}}}let W=(0,r.useMemo)(()=>({render:e=>[{name:`編輯`,onClick:()=>N({record:e,type:`EDIT`})},{name:e.isActive?`停用`:`啟用`,onClick:()=>void H(e),variant:e.isActive?`destructive-secondary`:`base-secondary`},{name:`刪除`,onClick:()=>D({id:e.id,name:e.name}),variant:`destructive-secondary`}],variant:`base-secondary`,width:192}),[R]);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(i.PageHeader,{children:(0,a.jsx)(s.default,{description:`維護簽核模板分類，供模板建立、篩選與列表標示使用。`,title:`簽核模板分類`,children:(0,a.jsx)(i.Button,{icon:c.PlusIcon,iconType:`leading`,onClick:()=>N({record:null,type:`CREATE`}),variant:`base-primary`,children:`建立分類`})})}),(0,a.jsx)(i.SectionGroup,{children:(0,a.jsxs)(i.Section,{filterArea:(0,a.jsx)(i.FilterArea,{className:u.templateFilterArea,size:`sub`,children:(0,a.jsx)(i.FilterLine,{children:(0,a.jsx)(i.Filter,{span:3,children:(0,a.jsx)(i.FormField,{fullWidth:!0,layout:o.FormFieldLayout.VERTICAL,name:`categorySearchText`,children:(0,a.jsx)(i.Input,{fullWidth:!0,onChange:e=>{L(e.target.value),y(1)},placeholder:`關鍵字：搜尋分類名稱或說明`,size:`sub`,value:I,variant:`base`})})})})}),tab:(0,a.jsx)(i.Tab,{activeKey:S,onChange:e=>{C(g(e)),y(1)},children:f.map(e=>(0,a.jsx)(i.TabItem,{children:e.label},e.key))}),children:[O?(0,a.jsx)(i.Typography,{color:`text-error`,variant:`body`,children:O}):null,(0,a.jsx)(i.Table,{actions:W,columns:B,dataSource:z,fullWidth:!0,loading:A||P,pagination:{current:p,onChange:e=>{y(e)},onChangePageSize:e=>{y(1),x(e)},pageSize:b,pageSizeLabel:`每頁筆數`,pageSizeOptions:d,renderResultSummary:(e,t,n)=>`顯示 ${e}-${t} 筆，共 ${n} 筆`,showPageSizeOptions:!0,total:w}})]})})]}),(0,a.jsx)(m,{loading:P,modal:M,onClose:()=>N(null),onSubmit:V}),(0,a.jsx)(i.Modal,{cancelText:`取消`,confirmButtonProps:{variant:`destructive-primary`},confirmText:`刪除`,loading:P,modalStatusType:`error`,modalType:`standard`,onCancel:()=>D(null),onClose:()=>D(null),onConfirm:()=>void U(),open:!!E,showModalFooter:!0,showModalHeader:!0,size:`regular`,supportingText:`已被模板使用的分類無法刪除，請改用「停用」。`,title:`刪除分類`,children:(0,a.jsxs)(i.Typography,{color:`text-neutral`,variant:`body`,children:[`確定要刪除「`,E?.name??``,`」嗎？`]})})]})}function m({loading:e,modal:n,onClose:o,onSubmit:s}){let[c,l]=(0,r.useState)(``),[d,f]=(0,r.useState)(null),[p,m]=(0,r.useState)(``),[h,g]=(0,r.useState)(`0`);(0,r.useEffect)(()=>{n&&(l(n.record?.description??``),f(null),m(n.record?.name??``),g(String(n.record?.sortOrder??0)))},[n]);async function _(){let e=p.trim(),t=Number(h);if(!e)f(`請輸入分類名稱`);else if(!Number.isInteger(t))f(`排序必須是整數`);else try{await s({description:c.trim()||null,isActive:n?.record?.isActive??!0,name:e,sortOrder:t})}catch(e){f(v(e))}}return(0,a.jsxs)(i.Modal,{cancelText:`取消`,confirmButtonProps:{disabled:!p.trim()},confirmText:n?.type===`EDIT`?`儲存`:`建立`,loading:e,modalType:`standard`,onCancel:o,onClose:o,onConfirm:()=>void _(),open:!!n,showModalFooter:!0,showModalHeader:!0,size:`regular`,title:n?.type===`EDIT`?`編輯分類`:`建立分類`,children:[(0,a.jsxs)(`div`,{className:u.templateModalFields,children:[(0,a.jsx)(t.t,{label:`分類名稱`,name:`categoryName`,required:!0,children:(0,a.jsx)(i.Input,{autoFocus:!0,fullWidth:!0,onChange:e=>{m(e.target.value),f(null)},placeholder:`例如：行政管理`,value:p,variant:`base`})}),(0,a.jsx)(t.t,{label:`排序`,name:`categorySortOrder`,children:(0,a.jsx)(i.Input,{fullWidth:!0,onChange:e=>{g(e.target.value),f(null)},placeholder:`0`,value:h,variant:`base`})}),(0,a.jsx)(t.t,{label:`說明`,name:`categoryDescription`,children:(0,a.jsx)(i.Textarea,{onChange:e=>{l(e.target.value),f(null)},placeholder:`補充分類用途`,value:c})})]}),d?(0,a.jsx)(i.Typography,{color:`text-error`,variant:`body`,children:d}):null]})}function h({isActive:e}){return e?(0,a.jsx)(i.Badge,{size:`sub`,text:`啟用`,variant:`dot-success`}):(0,a.jsx)(i.Badge,{size:`sub`,text:`停用`,variant:`dot-inactive`})}function g(e){return e===`ACTIVE`||e===`INACTIVE`?e:`ALL`}function _(e){return e}function v(e){return e instanceof Error?e.message:`發生未知錯誤`}Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=categories-DQUtVEiV.cjs.map

package/dist/chunks/{categories-AxxhqjLZ.cjs.map → categories-DQUtVEiV.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"categories-AxxhqjLZ.cjs","names":["useState","useCallback","listApprovalTemplateCategoriesPage","useMemo","formatDateTime","Typography","updateApprovalTemplateCategory","createApprovalTemplateCategory","deleteApprovalTemplateCategory","_Fragment","PageHeader","ContentHeader","Button","PlusIcon","SectionGroup","Section","FilterArea","styles","FilterLine","Filter","FormField","FormFieldLayout","Input","Tab","TabItem","Table","Modal","BPMFormField","Textarea","Badge","require_rolldown_runtime","require_format_date_time","require_bpm_form_field","react","_mezzanine_ui_react","react_jsx_runtime","_mezzanine_ui_core_form","_mezzanine_ui_react_ContentHeader","_mezzanine_ui_icons","_rytass_bpm_core_client_template","templates_module_default","CATEGORY_PAGE_SIZE_OPTIONS","CATEGORY_STATUS_TABS","TemplateCategoriesView","categories","setCategories","categoryPage","setCategoryPage","categoryPageSize","setCategoryPageSize","categoryStatus","setCategoryStatus","categoryTotalCount","setCategoryTotalCount","deleteConfirmation","setDeleteConfirmation","error","setError","loading","setLoading","modalState","setModalState","saving","setSaving","searchText","setSearchText","refreshCategories","categoryPageResult","readCategoryStatus","requestError","readErrorMessage","rows","category","columns","CategoryStatusBadge","record","handleSaveCategory","input","handleToggleCategory","handleConfirmDelete","tableActions","event","readCategoryStatusTabKey","activeKey","statusTab","page","pageSize","from","to","total","CategoryModal","description","setDescription","name","setName","sortOrder","setSortOrder","modal","handleConfirm","trimmedName","parsedSortOrder","onSubmit","submitError","onClose","isActive","status"],"sources":["../../src/views/templates/templates.module.scss","../../src/views/templates/categories/TemplateCategoriesView.tsx"],"sourcesContent":[".templateFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n\n.templateModalFields {\n  display: grid;\n  gap: 16px;\n}\n","'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Tab,\n  TabItem,\n  Table,\n  Textarea,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { BPMFormField } from '../../../components/bpm-form-field';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport {\n  ApprovalTemplateCategoryRecord,\n  ApprovalTemplateCategoryStatus,\n  createApprovalTemplateCategory,\n  deleteApprovalTemplateCategory,\n  listApprovalTemplateCategoriesPage,\n  updateApprovalTemplateCategory,\n} from '@rytass/bpm-core-client/template';\nimport styles from '../templates.module.scss';\n\nconst CATEGORY_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst CATEGORY_STATUS_TABS: readonly {\n  readonly key: CategoryStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'ACTIVE', label: '啟用' },\n  { key: 'INACTIVE', label: '停用' },\n];\ntype CategoryStatusTabKey = 'ACTIVE' | 'ALL' | 'INACTIVE';\n\ntype CategoryRow = Readonly<\n  Record<string, unknown> &\n    ApprovalTemplateCategoryRecord & {\n      key: string;\n      updatedAtLabel: string;\n    }\n>;\n\ntype CategoryModalState = Readonly<{\n  record: ApprovalTemplateCategoryRecord | null;\n  type: 'CREATE' | 'EDIT';\n}>;\n\ntype DeleteConfirmationState = Readonly<{\n  id: string;\n  name: string;\n}>;\n\n\nexport function TemplateCategoriesView(): ReactElement {\n  const [categories, setCategories] = useState<\n    readonly ApprovalTemplateCategoryRecord[]\n  >([]);\n  const [categoryPage, setCategoryPage] = useState(1);\n  const [categoryPageSize, setCategoryPageSize] = useState(10);\n  const [categoryStatus, setCategoryStatus] =\n    useState<CategoryStatusTabKey>('ALL');\n  const [categoryTotalCount, setCategoryTotalCount] = useState(0);\n  const [deleteConfirmation, setDeleteConfirmation] =\n    useState<DeleteConfirmationState | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [modalState, setModalState] = useState<CategoryModalState | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [searchText, setSearchText] = useState('');\n\n  const refreshCategories = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const categoryPageResult = await listApprovalTemplateCategoriesPage({\n        page: categoryPage,\n        pageSize: categoryPageSize,\n        searchText,\n        status: readCategoryStatus(categoryStatus),\n      });\n\n      setCategories(categoryPageResult.categories);\n      setCategoryTotalCount(categoryPageResult.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [categoryPage, categoryPageSize, categoryStatus, searchText]);\n\n  useEffect((): void => {\n    void refreshCategories();\n  }, [refreshCategories]);\n\n  const rows = useMemo(\n    (): CategoryRow[] =>\n      categories.map((category) => ({\n        ...category,\n        key: category.id,\n        updatedAtLabel: formatDateTime(category.updatedAt),\n      })),\n    [categories],\n  );\n\n  const columns = useMemo(\n    (): TableColumn<CategoryRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '分類名稱', width: 180 },\n      {\n        key: 'status',\n        render: (record: CategoryRow): ReactElement => (\n          <CategoryStatusBadge isActive={record.isActive} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        dataIndex: 'sortOrder',\n        key: 'sortOrder',\n        title: '排序',\n        width: 100,\n      },\n      {\n        key: 'description',\n        render: (record: CategoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.description || '無'}\n          </Typography>\n        ),\n        title: '說明',\n        width: 260,\n      },\n      {\n        dataIndex: 'updatedAtLabel',\n        key: 'updatedAtLabel',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n\n  async function handleSaveCategory(input: CategoryFormInput): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      if (modalState?.type === 'EDIT' && modalState.record) {\n        await updateApprovalTemplateCategory({\n          ...input,\n          id: modalState.record.id,\n        });\n      } else {\n        await createApprovalTemplateCategory(input);\n      }\n\n      setModalState(null);\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n      throw requestError;\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function handleToggleCategory(\n    record: ApprovalTemplateCategoryRecord,\n  ): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      await updateApprovalTemplateCategory({\n        description: record.description,\n        id: record.id,\n        isActive: !record.isActive,\n        name: record.name,\n        sortOrder: record.sortOrder,\n      });\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function handleConfirmDelete(): Promise<void> {\n    if (!deleteConfirmation) {\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      await deleteApprovalTemplateCategory(deleteConfirmation.id);\n      setDeleteConfirmation(null);\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  const tableActions = useMemo(\n    (): TableActions<CategoryRow> => ({\n      render: (record): ReturnType<TableActions<CategoryRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => setModalState({ record, type: 'EDIT' }),\n        },\n        {\n          name: record.isActive ? '停用' : '啟用',\n          onClick: (): void => void handleToggleCategory(record),\n          variant: record.isActive ? 'destructive-secondary' : 'base-secondary',\n        },\n        {\n          name: '刪除',\n          onClick: (): void =>\n            setDeleteConfirmation({ id: record.id, name: record.name }),\n          variant: 'destructive-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 192,\n    }),\n    [refreshCategories],\n  );\n\n  return (\n    <>\n      <>\n          <PageHeader>\n            <ContentHeader\n              description=\"維護簽核模板分類，供模板建立、篩選與列表標示使用。\"\n              title=\"簽核模板分類\"\n            >\n              <Button\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void =>\n                  setModalState({ record: null, type: 'CREATE' })\n                }\n                variant=\"base-primary\"\n              >\n                建立分類\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              filterArea={\n                <FilterArea className={styles.templateFilterArea} size=\"sub\">\n                  <FilterLine>\n                    <Filter span={3}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"categorySearchText\"\n                      >\n                        <Input\n                          fullWidth\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            setSearchText(event.target.value);\n                            setCategoryPage(1);\n                          }}\n                          placeholder=\"關鍵字：搜尋分類名稱或說明\"\n                          size=\"sub\"\n                          value={searchText}\n                          variant=\"base\"\n                        />\n                      </FormField>\n                    </Filter>\n                  </FilterLine>\n                </FilterArea>\n              }\n              tab={\n                <Tab\n                  activeKey={categoryStatus}\n                  onChange={(activeKey): void => {\n                    setCategoryStatus(readCategoryStatusTabKey(activeKey));\n                    setCategoryPage(1);\n                  }}\n                >\n                  {CATEGORY_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\n              }\n            >\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n              <Table\n                actions={tableActions}\n                columns={columns}\n                dataSource={rows}\n                fullWidth\n                loading={loading || saving}\n                pagination={{\n                  current: categoryPage,\n                  onChange: (page): void => {\n                    setCategoryPage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setCategoryPage(1);\n                    setCategoryPageSize(pageSize);\n                  },\n                  pageSize: categoryPageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: CATEGORY_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: categoryTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </>\n\n      <CategoryModal\n        loading={saving}\n        modal={modalState}\n        onClose={(): void => setModalState(null)}\n        onSubmit={handleSaveCategory}\n      />\n      <Modal\n        cancelText=\"取消\"\n        confirmButtonProps={{ variant: 'destructive-primary' }}\n        confirmText=\"刪除\"\n        loading={saving}\n        modalStatusType=\"error\"\n        modalType=\"standard\"\n        onCancel={(): void => setDeleteConfirmation(null)}\n        onClose={(): void => setDeleteConfirmation(null)}\n        onConfirm={(): void => void handleConfirmDelete()}\n        open={Boolean(deleteConfirmation)}\n        showModalFooter\n        showModalHeader\n        size=\"regular\"\n        supportingText=\"已被模板使用的分類無法刪除，請改用「停用」。\"\n        title=\"刪除分類\"\n      >\n        <Typography color=\"text-neutral\" variant=\"body\">\n          確定要刪除「{deleteConfirmation?.name ?? ''}」嗎？\n        </Typography>\n      </Modal>\n    </>\n  );\n}\n\ninterface CategoryFormInput {\n  readonly description: string | null;\n  readonly isActive: boolean;\n  readonly name: string;\n  readonly sortOrder: number;\n}\n\nfunction CategoryModal({\n  loading,\n  modal,\n  onClose,\n  onSubmit,\n}: {\n  readonly loading: boolean;\n  readonly modal: CategoryModalState | null;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: CategoryFormInput) => Promise<void>;\n}): ReactElement {\n  const [description, setDescription] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [name, setName] = useState('');\n  const [sortOrder, setSortOrder] = useState('0');\n\n  useEffect((): void => {\n    if (!modal) {\n      return;\n    }\n\n    setDescription(modal.record?.description ?? '');\n    setError(null);\n    setName(modal.record?.name ?? '');\n    setSortOrder(String(modal.record?.sortOrder ?? 0));\n  }, [modal]);\n\n  async function handleConfirm(): Promise<void> {\n    const trimmedName = name.trim();\n    const parsedSortOrder = Number(sortOrder);\n\n    if (!trimmedName) {\n      setError('請輸入分類名稱');\n      return;\n    }\n\n    if (!Number.isInteger(parsedSortOrder)) {\n      setError('排序必須是整數');\n      return;\n    }\n\n    try {\n      await onSubmit({\n        description: description.trim() || null,\n        isActive: modal?.record?.isActive ?? true,\n        name: trimmedName,\n        sortOrder: parsedSortOrder,\n      });\n    } catch (submitError: unknown) {\n      setError(readErrorMessage(submitError));\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !name.trim() }}\n      confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n      loading={loading}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void => void handleConfirm()}\n      open={Boolean(modal)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={modal?.type === 'EDIT' ? '編輯分類' : '建立分類'}\n    >\n      <div className={styles.templateModalFields}>\n        <BPMFormField label=\"分類名稱\" name=\"categoryName\" required>\n          <Input\n            autoFocus\n            fullWidth\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n              setName(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"例如：行政管理\"\n            value={name}\n            variant=\"base\"\n          />\n        </BPMFormField>\n        <BPMFormField label=\"排序\" name=\"categorySortOrder\">\n          <Input\n            fullWidth\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n              setSortOrder(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"0\"\n            value={sortOrder}\n            variant=\"base\"\n          />\n        </BPMFormField>\n        <BPMFormField label=\"說明\" name=\"categoryDescription\">\n          <Textarea\n            onChange={(event: ChangeEvent<HTMLTextAreaElement>): void => {\n              setDescription(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"補充分類用途\"\n            value={description}\n          />\n        </BPMFormField>\n      </div>\n      {error ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {error}\n        </Typography>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction CategoryStatusBadge({\n  isActive,\n}: {\n  readonly isActive: boolean;\n}): ReactElement {\n  return isActive ? (\n    <Badge size=\"sub\" text=\"啟用\" variant=\"dot-success\" />\n  ) : (\n    <Badge size=\"sub\" text=\"停用\" variant=\"dot-inactive\" />\n  );\n}\n\nfunction readCategoryStatusTabKey(activeKey: Key): CategoryStatusTabKey {\n  if (activeKey === 'ACTIVE' || activeKey === 'INACTIVE') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction readCategoryStatus(\n  status: CategoryStatusTabKey,\n): ApprovalTemplateCategoryStatus {\n  return status;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}
+{"version":3,"file":"categories-DQUtVEiV.cjs","names":["useState","useCallback","listApprovalTemplateCategoriesPage","useMemo","formatDateTime","Typography","updateApprovalTemplateCategory","createApprovalTemplateCategory","deleteApprovalTemplateCategory","_Fragment","PageHeader","ContentHeader","Button","PlusIcon","SectionGroup","Section","FilterArea","styles","FilterLine","Filter","FormField","FormFieldLayout","Input","Tab","TabItem","Table","Modal","BPMFormField","Textarea","Badge","require_rolldown_runtime","require_bpm_form_field","require_format_date_time","react","_mezzanine_ui_react","react_jsx_runtime","_mezzanine_ui_core_form","_mezzanine_ui_react_ContentHeader","_mezzanine_ui_icons","_rytass_bpm_core_client_template","templates_module_default","CATEGORY_PAGE_SIZE_OPTIONS","CATEGORY_STATUS_TABS","TemplateCategoriesView","categories","setCategories","categoryPage","setCategoryPage","categoryPageSize","setCategoryPageSize","categoryStatus","setCategoryStatus","categoryTotalCount","setCategoryTotalCount","deleteConfirmation","setDeleteConfirmation","error","setError","loading","setLoading","modalState","setModalState","saving","setSaving","searchText","setSearchText","refreshCategories","categoryPageResult","readCategoryStatus","requestError","readErrorMessage","rows","category","columns","CategoryStatusBadge","record","handleSaveCategory","input","handleToggleCategory","handleConfirmDelete","tableActions","event","readCategoryStatusTabKey","activeKey","statusTab","page","pageSize","from","to","total","CategoryModal","description","setDescription","name","setName","sortOrder","setSortOrder","modal","handleConfirm","trimmedName","parsedSortOrder","onSubmit","submitError","onClose","isActive","status"],"sources":["../../src/views/templates/templates.module.scss","../../src/views/templates/categories/TemplateCategoriesView.tsx"],"sourcesContent":[".templateFilterArea {\n  :global(.mzn-filter-area__actions) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__label-area) {\n    display: none;\n  }\n\n  :global(.mzn-form-field__control-field-slot--main) {\n    width: 100%;\n    min-width: 0;\n  }\n}\n\n.templateModalFields {\n  display: grid;\n  gap: 16px;\n}\n","'use client';\n\nimport type { ChangeEvent, Key, ReactElement } from 'react';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Filter,\n  FilterArea,\n  FilterLine,\n  FormField,\n  Input,\n  Modal,\n  PageHeader,\n  Section,\n  SectionGroup,\n  Tab,\n  TabItem,\n  Table,\n  Textarea,\n  Typography,\n} from '@mezzanine-ui/react';\nimport ContentHeader from '@mezzanine-ui/react/ContentHeader';\nimport { PlusIcon } from '@mezzanine-ui/icons';\nimport { FormFieldLayout } from '@mezzanine-ui/core/form';\nimport type { TableActions, TableColumn } from '@mezzanine-ui/core/table';\nimport { BPMFormField } from '../../../components/bpm-form-field';\nimport { formatDateTime } from '../../../lib/format-date-time';\nimport {\n  ApprovalTemplateCategoryRecord,\n  ApprovalTemplateCategoryStatus,\n  createApprovalTemplateCategory,\n  deleteApprovalTemplateCategory,\n  listApprovalTemplateCategoriesPage,\n  updateApprovalTemplateCategory,\n} from '@rytass/bpm-core-client/template';\nimport styles from '../templates.module.scss';\n\nconst CATEGORY_PAGE_SIZE_OPTIONS = [10, 20, 50];\nconst CATEGORY_STATUS_TABS: readonly {\n  readonly key: CategoryStatusTabKey;\n  readonly label: string;\n}[] = [\n  { key: 'ALL', label: '全部' },\n  { key: 'ACTIVE', label: '啟用' },\n  { key: 'INACTIVE', label: '停用' },\n];\ntype CategoryStatusTabKey = 'ACTIVE' | 'ALL' | 'INACTIVE';\n\ntype CategoryRow = Readonly<\n  Record<string, unknown> &\n    ApprovalTemplateCategoryRecord & {\n      key: string;\n      updatedAtLabel: string;\n    }\n>;\n\ntype CategoryModalState = Readonly<{\n  record: ApprovalTemplateCategoryRecord | null;\n  type: 'CREATE' | 'EDIT';\n}>;\n\ntype DeleteConfirmationState = Readonly<{\n  id: string;\n  name: string;\n}>;\n\n\nexport function TemplateCategoriesView(): ReactElement {\n  const [categories, setCategories] = useState<\n    readonly ApprovalTemplateCategoryRecord[]\n  >([]);\n  const [categoryPage, setCategoryPage] = useState(1);\n  const [categoryPageSize, setCategoryPageSize] = useState(10);\n  const [categoryStatus, setCategoryStatus] =\n    useState<CategoryStatusTabKey>('ALL');\n  const [categoryTotalCount, setCategoryTotalCount] = useState(0);\n  const [deleteConfirmation, setDeleteConfirmation] =\n    useState<DeleteConfirmationState | null>(null);\n  const [error, setError] = useState<string | null>(null);\n  const [loading, setLoading] = useState(true);\n  const [modalState, setModalState] = useState<CategoryModalState | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [searchText, setSearchText] = useState('');\n\n  const refreshCategories = useCallback(async (): Promise<void> => {\n    setLoading(true);\n    setError(null);\n\n    try {\n      const categoryPageResult = await listApprovalTemplateCategoriesPage({\n        page: categoryPage,\n        pageSize: categoryPageSize,\n        searchText,\n        status: readCategoryStatus(categoryStatus),\n      });\n\n      setCategories(categoryPageResult.categories);\n      setCategoryTotalCount(categoryPageResult.totalCount);\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setLoading(false);\n    }\n  }, [categoryPage, categoryPageSize, categoryStatus, searchText]);\n\n  useEffect((): void => {\n    void refreshCategories();\n  }, [refreshCategories]);\n\n  const rows = useMemo(\n    (): CategoryRow[] =>\n      categories.map((category) => ({\n        ...category,\n        key: category.id,\n        updatedAtLabel: formatDateTime(category.updatedAt),\n      })),\n    [categories],\n  );\n\n  const columns = useMemo(\n    (): TableColumn<CategoryRow>[] => [\n      { dataIndex: 'name', key: 'name', title: '分類名稱', width: 180 },\n      {\n        key: 'status',\n        render: (record: CategoryRow): ReactElement => (\n          <CategoryStatusBadge isActive={record.isActive} />\n        ),\n        title: '狀態',\n        width: 120,\n      },\n      {\n        dataIndex: 'sortOrder',\n        key: 'sortOrder',\n        title: '排序',\n        width: 100,\n      },\n      {\n        key: 'description',\n        render: (record: CategoryRow): ReactElement => (\n          <Typography component=\"span\" variant=\"body\">\n            {record.description || '無'}\n          </Typography>\n        ),\n        title: '說明',\n        width: 260,\n      },\n      {\n        dataIndex: 'updatedAtLabel',\n        key: 'updatedAtLabel',\n        title: '更新時間',\n        width: 220,\n      },\n    ],\n    [],\n  );\n\n  async function handleSaveCategory(input: CategoryFormInput): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      if (modalState?.type === 'EDIT' && modalState.record) {\n        await updateApprovalTemplateCategory({\n          ...input,\n          id: modalState.record.id,\n        });\n      } else {\n        await createApprovalTemplateCategory(input);\n      }\n\n      setModalState(null);\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n      throw requestError;\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function handleToggleCategory(\n    record: ApprovalTemplateCategoryRecord,\n  ): Promise<void> {\n    setSaving(true);\n    setError(null);\n\n    try {\n      await updateApprovalTemplateCategory({\n        description: record.description,\n        id: record.id,\n        isActive: !record.isActive,\n        name: record.name,\n        sortOrder: record.sortOrder,\n      });\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  async function handleConfirmDelete(): Promise<void> {\n    if (!deleteConfirmation) {\n      return;\n    }\n\n    setSaving(true);\n    setError(null);\n\n    try {\n      await deleteApprovalTemplateCategory(deleteConfirmation.id);\n      setDeleteConfirmation(null);\n      await refreshCategories();\n    } catch (requestError: unknown) {\n      setError(readErrorMessage(requestError));\n    } finally {\n      setSaving(false);\n    }\n  }\n\n  const tableActions = useMemo(\n    (): TableActions<CategoryRow> => ({\n      render: (record): ReturnType<TableActions<CategoryRow>['render']> => [\n        {\n          name: '編輯',\n          onClick: (): void => setModalState({ record, type: 'EDIT' }),\n        },\n        {\n          name: record.isActive ? '停用' : '啟用',\n          onClick: (): void => void handleToggleCategory(record),\n          variant: record.isActive ? 'destructive-secondary' : 'base-secondary',\n        },\n        {\n          name: '刪除',\n          onClick: (): void =>\n            setDeleteConfirmation({ id: record.id, name: record.name }),\n          variant: 'destructive-secondary',\n        },\n      ],\n      variant: 'base-secondary',\n      width: 192,\n    }),\n    [refreshCategories],\n  );\n\n  return (\n    <>\n      <>\n          <PageHeader>\n            <ContentHeader\n              description=\"維護簽核模板分類，供模板建立、篩選與列表標示使用。\"\n              title=\"簽核模板分類\"\n            >\n              <Button\n                icon={PlusIcon}\n                iconType=\"leading\"\n                onClick={(): void =>\n                  setModalState({ record: null, type: 'CREATE' })\n                }\n                variant=\"base-primary\"\n              >\n                建立分類\n              </Button>\n            </ContentHeader>\n          </PageHeader>\n\n          <SectionGroup>\n            <Section\n              filterArea={\n                <FilterArea className={styles.templateFilterArea} size=\"sub\">\n                  <FilterLine>\n                    <Filter span={3}>\n                      <FormField\n                        fullWidth\n                        layout={FormFieldLayout.VERTICAL}\n                        name=\"categorySearchText\"\n                      >\n                        <Input\n                          fullWidth\n                          onChange={(\n                            event: ChangeEvent<HTMLInputElement>,\n                          ): void => {\n                            setSearchText(event.target.value);\n                            setCategoryPage(1);\n                          }}\n                          placeholder=\"關鍵字：搜尋分類名稱或說明\"\n                          size=\"sub\"\n                          value={searchText}\n                          variant=\"base\"\n                        />\n                      </FormField>\n                    </Filter>\n                  </FilterLine>\n                </FilterArea>\n              }\n              tab={\n                <Tab\n                  activeKey={categoryStatus}\n                  onChange={(activeKey): void => {\n                    setCategoryStatus(readCategoryStatusTabKey(activeKey));\n                    setCategoryPage(1);\n                  }}\n                >\n                  {CATEGORY_STATUS_TABS.map((statusTab) => (\n                    <TabItem key={statusTab.key}>{statusTab.label}</TabItem>\n                  ))}\n                </Tab>\n              }\n            >\n              {error ? (\n                <Typography color=\"text-error\" variant=\"body\">\n                  {error}\n                </Typography>\n              ) : null}\n              <Table\n                actions={tableActions}\n                columns={columns}\n                dataSource={rows}\n                fullWidth\n                loading={loading || saving}\n                pagination={{\n                  current: categoryPage,\n                  onChange: (page): void => {\n                    setCategoryPage(page);\n                  },\n                  onChangePageSize: (pageSize): void => {\n                    setCategoryPage(1);\n                    setCategoryPageSize(pageSize);\n                  },\n                  pageSize: categoryPageSize,\n                  pageSizeLabel: '每頁筆數',\n                  pageSizeOptions: CATEGORY_PAGE_SIZE_OPTIONS,\n                  renderResultSummary: (from, to, total): string =>\n                    `顯示 ${from}-${to} 筆，共 ${total} 筆`,\n                  showPageSizeOptions: true,\n                  total: categoryTotalCount,\n                }}\n              />\n            </Section>\n          </SectionGroup>\n        </>\n\n      <CategoryModal\n        loading={saving}\n        modal={modalState}\n        onClose={(): void => setModalState(null)}\n        onSubmit={handleSaveCategory}\n      />\n      <Modal\n        cancelText=\"取消\"\n        confirmButtonProps={{ variant: 'destructive-primary' }}\n        confirmText=\"刪除\"\n        loading={saving}\n        modalStatusType=\"error\"\n        modalType=\"standard\"\n        onCancel={(): void => setDeleteConfirmation(null)}\n        onClose={(): void => setDeleteConfirmation(null)}\n        onConfirm={(): void => void handleConfirmDelete()}\n        open={Boolean(deleteConfirmation)}\n        showModalFooter\n        showModalHeader\n        size=\"regular\"\n        supportingText=\"已被模板使用的分類無法刪除，請改用「停用」。\"\n        title=\"刪除分類\"\n      >\n        <Typography color=\"text-neutral\" variant=\"body\">\n          確定要刪除「{deleteConfirmation?.name ?? ''}」嗎？\n        </Typography>\n      </Modal>\n    </>\n  );\n}\n\ninterface CategoryFormInput {\n  readonly description: string | null;\n  readonly isActive: boolean;\n  readonly name: string;\n  readonly sortOrder: number;\n}\n\nfunction CategoryModal({\n  loading,\n  modal,\n  onClose,\n  onSubmit,\n}: {\n  readonly loading: boolean;\n  readonly modal: CategoryModalState | null;\n  readonly onClose: () => void;\n  readonly onSubmit: (input: CategoryFormInput) => Promise<void>;\n}): ReactElement {\n  const [description, setDescription] = useState('');\n  const [error, setError] = useState<string | null>(null);\n  const [name, setName] = useState('');\n  const [sortOrder, setSortOrder] = useState('0');\n\n  useEffect((): void => {\n    if (!modal) {\n      return;\n    }\n\n    setDescription(modal.record?.description ?? '');\n    setError(null);\n    setName(modal.record?.name ?? '');\n    setSortOrder(String(modal.record?.sortOrder ?? 0));\n  }, [modal]);\n\n  async function handleConfirm(): Promise<void> {\n    const trimmedName = name.trim();\n    const parsedSortOrder = Number(sortOrder);\n\n    if (!trimmedName) {\n      setError('請輸入分類名稱');\n      return;\n    }\n\n    if (!Number.isInteger(parsedSortOrder)) {\n      setError('排序必須是整數');\n      return;\n    }\n\n    try {\n      await onSubmit({\n        description: description.trim() || null,\n        isActive: modal?.record?.isActive ?? true,\n        name: trimmedName,\n        sortOrder: parsedSortOrder,\n      });\n    } catch (submitError: unknown) {\n      setError(readErrorMessage(submitError));\n    }\n  }\n\n  return (\n    <Modal\n      cancelText=\"取消\"\n      confirmButtonProps={{ disabled: !name.trim() }}\n      confirmText={modal?.type === 'EDIT' ? '儲存' : '建立'}\n      loading={loading}\n      modalType=\"standard\"\n      onCancel={onClose}\n      onClose={onClose}\n      onConfirm={(): void => void handleConfirm()}\n      open={Boolean(modal)}\n      showModalFooter\n      showModalHeader\n      size=\"regular\"\n      title={modal?.type === 'EDIT' ? '編輯分類' : '建立分類'}\n    >\n      <div className={styles.templateModalFields}>\n        <BPMFormField label=\"分類名稱\" name=\"categoryName\" required>\n          <Input\n            autoFocus\n            fullWidth\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n              setName(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"例如：行政管理\"\n            value={name}\n            variant=\"base\"\n          />\n        </BPMFormField>\n        <BPMFormField label=\"排序\" name=\"categorySortOrder\">\n          <Input\n            fullWidth\n            onChange={(event: ChangeEvent<HTMLInputElement>): void => {\n              setSortOrder(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"0\"\n            value={sortOrder}\n            variant=\"base\"\n          />\n        </BPMFormField>\n        <BPMFormField label=\"說明\" name=\"categoryDescription\">\n          <Textarea\n            onChange={(event: ChangeEvent<HTMLTextAreaElement>): void => {\n              setDescription(event.target.value);\n              setError(null);\n            }}\n            placeholder=\"補充分類用途\"\n            value={description}\n          />\n        </BPMFormField>\n      </div>\n      {error ? (\n        <Typography color=\"text-error\" variant=\"body\">\n          {error}\n        </Typography>\n      ) : null}\n    </Modal>\n  );\n}\n\nfunction CategoryStatusBadge({\n  isActive,\n}: {\n  readonly isActive: boolean;\n}): ReactElement {\n  return isActive ? (\n    <Badge size=\"sub\" text=\"啟用\" variant=\"dot-success\" />\n  ) : (\n    <Badge size=\"sub\" text=\"停用\" variant=\"dot-inactive\" />\n  );\n}\n\nfunction readCategoryStatusTabKey(activeKey: Key): CategoryStatusTabKey {\n  if (activeKey === 'ACTIVE' || activeKey === 'INACTIVE') {\n    return activeKey;\n  }\n\n  return 'ALL';\n}\n\nfunction readCategoryStatus(\n  status: CategoryStatusTabKey,\n): ApprovalTemplateCategoryStatus {\n  return status;\n}\n\nfunction readErrorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : '發生未知錯誤';\n}\n"],"mappings":"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"}