@owp/core 2.5.31 → 2.5.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/OwpPageContent/OwpPageContent.js +1 -1
- package/dist/components/OwpPageContent/OwpPageContent.js.map +1 -1
- package/dist/components/OwpSection/OwpSection.js +1 -1
- package/dist/components/OwpSection/OwpSection.js.map +1 -1
- package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js +813 -241
- package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js.map +1 -1
- package/dist/components/OwpTreeGrid/OwpTreeGrid.js +266 -252
- package/dist/components/OwpTreeGrid/OwpTreeGrid.js.map +1 -1
- package/dist/components/OwpTreeGrid/internal/OwpTreeGridErrorTooltip.js +59 -0
- package/dist/components/OwpTreeGrid/internal/OwpTreeGridErrorTooltip.js.map +1 -0
- package/dist/components/OwpTreeGrid/internal/hooks/useOwpTreeGridErrorTooltip.js +27 -0
- package/dist/components/OwpTreeGrid/internal/hooks/useOwpTreeGridErrorTooltip.js.map +1 -0
- package/dist/components/OwpTreeGrid/internal/treeGridRuntime.js +607 -510
- package/dist/components/OwpTreeGrid/internal/treeGridRuntime.js.map +1 -1
- package/dist/components/OwpTreeGrid/internal/treeGridSelection.js +61 -0
- package/dist/components/OwpTreeGrid/internal/treeGridSelection.js.map +1 -0
- package/dist/components/OwpTreeGrid/internal/treeGridTheme.js +157 -154
- package/dist/components/OwpTreeGrid/internal/treeGridTheme.js.map +1 -1
- package/dist/hooks/useMinimumVisibleState.js.map +1 -0
- package/dist/hooks.js +47 -45
- package/dist/hooks.js.map +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/CODE128/constants.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/EAN_UPC/constants.js +1 -1
- package/dist/node_modules/.pnpm/jsbarcode@3.12.1/node_modules/jsbarcode/bin/barcodes/ITF/constants.js +1 -1
- package/dist/types/components/OwpSelectorBase/types/types.d.ts +2 -0
- package/dist/types/components/OwpTreeGrid/OwpTreeGrid.d.ts +5 -1
- package/dist/types/components/OwpTreeGrid/internal/OwpTreeGridErrorTooltip.d.ts +12 -0
- package/dist/types/components/OwpTreeGrid/internal/hooks/useOwpTreeGridErrorTooltip.d.ts +17 -0
- package/dist/types/components/OwpTreeGrid/internal/treeGridRuntime.d.ts +6 -1
- package/dist/types/components/OwpTreeGrid/internal/treeGridSelection.d.ts +12 -0
- package/dist/types/hooks/index.d.ts +1 -0
- package/dist/types/hooks/useMinimumVisibleState.d.ts +6 -0
- package/dist/types/utils/treeGridUtil.d.ts +6 -1
- package/dist/utils/treeGridUtil.js +240 -204
- package/dist/utils/treeGridUtil.js.map +1 -1
- package/package.json +1 -1
- package/dist/hooks/internal/useMinimumVisibleState.js.map +0 -1
- package/dist/types/hooks/internal/useMinimumVisibleState.d.ts +0 -7
- /package/dist/hooks/{internal/useMinimumVisibleState.js → useMinimumVisibleState.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OwpTreeGrid.js","sources":["../../../src/components/OwpTreeGrid/OwpTreeGrid.tsx"],"sourcesContent":["import { resolveOwpGridTheme } from '@/constants/gridTheme';\nimport { DEFAULT_TABLE_RADIUS } from '@/constants/table';\nimport {\n resolveTreeGridColorNumber,\n TREEGRID_CELL_HIGHLIGHT_COLOR,\n TREEGRID_INPUT_CELL_COLOR,\n} from '@/constants/treeGrid';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useGetCurrentLanguage } from '@/hooks/internal/useCurrentLanguage';\nimport { useConfirm } from '@/hooks/useConfirm';\nimport {\n TREE_GRID_BODY_ROWS_CHANGED_EVENT,\n type TreeGridBodyRowsChangedEventDetail,\n} from '@/utils/internal/treeGridBodyRowsEvent';\nimport {\n clearTreeGridCellHighlightById,\n getTreeGridCellComparableValue,\n highlightTreeGridCellById,\n isTreeGridRowAddedById,\n} from '@/utils/treeGridUtil';\nimport { delay, isEmpty, isEqual, isPlainObject, omit } from 'es-toolkit/compat';\n// Temporary TreeGrid perf instrumentation import. Remove with ./internal/utils/perf after profiling is finished.\nimport {\n countTreeGridPerf,\n getTreeGridPerfTimestamp,\n logTreeGridPerf,\n measureTreeGridPerf,\n} from './internal/utils/perf';\nimport {\n type CSSProperties,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { useOwpTreeGridDatePickerEditor } from './internal/hooks/useOwpTreeGridDatePickerEditor';\nimport { useOwpTreeGridOverlayFrame } from './internal/hooks/useOwpTreeGridOverlayFrame';\nimport {\n bindTreeGridEvents,\n buildTreeGridInitializationOptions,\n getTreeGridBodyDataCount,\n hasTreeGridExplicitEnterMode,\n hasTreeGridDisplayDataRows,\n replaceTreeGridBodyData,\n TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS,\n type TreeGridEventHandlers,\n} from './internal/treeGridRuntime';\nimport { applyTreeGridLayoutToGrid } from './internal/treeGridLayout';\nimport { OwpTreeGridLoadingOverlay } from './internal/OwpTreeGridLoadingOverlay';\nimport { OwpTreeGridNoDataOverlay } from './internal/OwpTreeGridNoDataOverlay';\nimport {\n createTreeGridThemeContainerStyle,\n TREE_GRID_THEME_TABLE_RADIUS_CLASS,\n TREE_GRID_THEME_WRAPPER_CLASS,\n treeGridThemeStyles,\n type TreeGridThemeContainerStyle,\n} from './internal/treeGridTheme';\n\ntype TreeGridLayoutScalarValue = string | number;\ntype TreeGridNestedLayoutFields = Record<string, TreeGridLayoutScalarValue>;\ntype TreeGridLayoutFields = Record<string, TreeGridLayoutScalarValue | TreeGridNestedLayoutFields>;\ntype TreeGridSectionFields = Record<string, TreeGridLayoutScalarValue>;\ntype TreeGridCellBaselineMap = WeakMap<TRow, Map<string, string>>;\n\nconst TREE_GRID_TOTAL_COUNT_TOOLBAR_VALUE_FORMULA = \"NumberToString(count(5),',0')\";\nconst TREE_GRID_TOOLBAR_FORMULA_FIELD_NAMES = ['Formula', 'FormulaFormula'] as const;\nconst hasOwnProperty = Object.prototype.hasOwnProperty;\n\n/**\n * TreeGrid formula 문자열 literal 변환\n * @param value literal 값\n */\nconst toTreeGridFormulaStringLiteral = (value: string) => JSON.stringify(value) ?? '\"\"';\n\n/**\n * Toolbar 전체 건수 formula 생성\n * @param totalLabel 전체 label\n * @param countUnitLabel 건수 단위 label\n */\nconst buildTreeGridTotalCountToolbarFormula = (totalLabel: string, countUnitLabel: string) => {\n return `${toTreeGridFormulaStringLiteral(\n `${totalLabel} : `,\n )}+${TREE_GRID_TOTAL_COUNT_TOOLBAR_VALUE_FORMULA}+${toTreeGridFormulaStringLiteral(\n ` ${countUnitLabel}`,\n )}`;\n};\n\n/**\n * Toolbar formula 필드 명시 여부\n * @param layoutSection TreeGrid layout section 값\n */\nconst hasTreeGridToolbarFormulaField = (layoutSection: unknown) => {\n if (!isPlainObject(layoutSection)) {\n return false;\n }\n\n return TREE_GRID_TOOLBAR_FORMULA_FIELD_NAMES.some((fieldName) =>\n hasOwnProperty.call(layoutSection, fieldName),\n );\n};\n\nconst isVisibleTreeGridRow = (row: TRow | null | undefined) => {\n const visible = (row as { Visible?: unknown } | null)?.Visible;\n\n return !!row && visible !== 0 && visible !== false && visible !== '0';\n};\n\nconst isAddedTreeGridRow = (row: TRow | null | undefined) => {\n const added = (row as { Added?: unknown } | null)?.Added;\n\n return !!row && added !== 0 && added !== false && added !== '0' && added !== undefined;\n};\n\nconst isDisplayTreeGridRow = (row: TRow | null | undefined) => {\n if (!row || row.Fixed === 'Foot' || !isVisibleTreeGridRow(row)) {\n return false;\n }\n\n return row.Kind === 'Data' || isAddedTreeGridRow(row);\n};\n\nconst getTreeGridRows = (grid: TGrid) => {\n if (typeof grid.GetFirst === 'function' && typeof grid.GetNext === 'function') {\n const rows: TRow[] = [];\n let row = grid.GetFirst();\n\n while (row) {\n rows.push(row);\n row = grid.GetNext(row);\n }\n\n return rows;\n }\n\n return Object.values(grid.Rows ?? {});\n};\n\nconst captureTreeGridChangeBaselines = (\n grid: TGrid | null | undefined,\n baselineMap: TreeGridCellBaselineMap,\n) => {\n if (!grid) {\n return;\n }\n\n const cols = Object.keys(grid.Cols ?? {}).filter(Boolean);\n\n getTreeGridRows(grid).forEach((row) => {\n if (!isDisplayTreeGridRow(row)) {\n return;\n }\n\n baselineMap.set(\n row,\n new Map(cols.map((col) => [col, getTreeGridCellComparableValue(grid, row, col)])),\n );\n });\n};\n\nconst isTreeGridChangedFlag = (value: unknown) =>\n value !== undefined &&\n value !== null &&\n value !== '' &&\n value !== 0 &&\n value !== false &&\n value !== '0';\n\nconst hasOtherTreeGridChangedCells = (grid: TGrid, row: TRow, col: string) => {\n const rowRecord = row as unknown as Record<string, unknown>;\n\n return Object.keys(grid.Cols ?? {}).some((column) => {\n return column !== col && isTreeGridChangedFlag(rowRecord[`${column}Changed`]);\n });\n};\n\nconst clearTreeGridCellChangedState = (grid: TGrid, row: TRow, col: string) => {\n const rowRecord = row as unknown as Record<string, unknown>;\n\n rowRecord[`${col}Changed`] = 0;\n\n if (\n !isAddedTreeGridRow(row) &&\n !isTreeGridRowAddedById(row) &&\n !hasOtherTreeGridChangedCells(grid, row, col)\n ) {\n rowRecord.Changed = 0;\n }\n};\n\nconst resolveTreeGridCellBaselineValue = (\n baselineMap: TreeGridCellBaselineMap,\n row: TRow,\n col: string,\n) => {\n const baselineValues = baselineMap.get(row);\n\n if (baselineValues?.has(col)) {\n return baselineValues.get(col);\n }\n\n return undefined;\n};\n\nconst syncTreeGridChangedCellHighlightById = ({\n gridId,\n grid,\n row,\n col,\n backgroundColor,\n baselineMap,\n highlightRefresh,\n}: {\n gridId: string;\n grid: TGrid;\n row: TRow;\n col: string;\n backgroundColor: string;\n baselineMap: TreeGridCellBaselineMap;\n highlightRefresh?: boolean;\n}) => {\n if (\n !isDisplayTreeGridRow(row) ||\n isAddedTreeGridRow(row) ||\n isTreeGridRowAddedById(row)\n ) {\n return;\n }\n\n const baselineValue = resolveTreeGridCellBaselineValue(baselineMap, row, col);\n const currentValue = getTreeGridCellComparableValue(grid, row, col);\n\n if (baselineValue !== undefined && currentValue === baselineValue) {\n clearTreeGridCellHighlightById(gridId, { row, col });\n clearTreeGridCellChangedState(grid, row, col);\n return;\n }\n\n highlightTreeGridCellById(gridId, {\n row,\n col,\n backgroundColor,\n refresh: highlightRefresh,\n });\n};\n\nexport interface OwpTreeGridLayout {\n Header?: TreeGridLayoutFields;\n Toolbar?: TreeGridSectionFields;\n Foot?: TreeGridSectionFields;\n}\n\nexport type OwpTreeGridLayoutConfig = OwpTreeGridLayout;\nexport type THeader = OwpTreeGridLayoutConfig;\nexport type OwpTreeGridBodyData<T> = Record<string, never> | [] | undefined | T[];\nexport type OwpTreeGridData<T> = OwpTreeGridBodyData<T>;\nexport type TData<T> = OwpTreeGridBodyData<T>;\nexport type OwpTreeGridRowModel<T> = TRow & T;\nexport type OwpTreeGridSelectedRows<T> = OwpTreeGridRowModel<T>[];\nexport type OwpTreeGridSuppressCfg = 0 | 1 | 2 | 3 | 4;\nexport type OwpTreeGridDisabledAnimation = 'addRow' | 'deleteRow' | 'selectRow';\n\nconst DEFAULT_OWP_TREE_GRID_DISABLED_ANIMATIONS = [\n 'addRow',\n 'deleteRow',\n 'selectRow',\n] as const satisfies readonly OwpTreeGridDisabledAnimation[];\n\nexport interface OwpTreeGridDatePickerEditorColumnOption {\n baseYear?: string;\n baseYearMonth?: string;\n}\n\nexport interface OwpTreeGridDatePickerEditorConfig {\n enabled?: boolean;\n columns?: readonly string[];\n allowInput?: boolean;\n columnOptions?: Record<string, OwpTreeGridDatePickerEditorColumnOption>;\n showTimeInput?: boolean;\n showTimeSelect?: boolean;\n timeIntervals?: number;\n}\n\ntype OwpTreeGridSelectHandler<T> = (selectedRows: OwpTreeGridSelectedRows<T>) => void;\ntype OwpTreeGridRowAddHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>) => void;\ntype OwpTreeGridRowDeleteHandler<T> = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n deleteType: number,\n) => void;\ntype OwpTreeGridRowUndeleteHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>) => void;\ntype OwpTreeGridButtonClickHandler<T> = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n col: string,\n event: Event,\n) => void;\ntype OwpTreeGridRowClickHandler<T> = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n col: string,\n x: number,\n y: number,\n event: Event,\n) => void;\ntype OwpTreeGridSaveHandler<T> = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n autoupdate: boolean | number,\n) => void;\ntype OwpTreeGridCellValue = unknown;\ntype OwpTreeGridDatePickerValueChangeOptions = {\n highlightRefresh?: boolean;\n};\ntype OwpTreeGridAfterValueChangedHandler<T> = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n col: string,\n value: OwpTreeGridCellValue,\n) => void;\n\nexport interface OwpTreeGridProps<T> {\n id: string;\n className?: string;\n containerStyle?: CSSProperties;\n containerClassName?: string;\n toolbarRowBackgroundColor?: CSSProperties['backgroundColor'];\n layoutUrl?: string;\n layoutData?: string;\n disabledAnimations?: readonly OwpTreeGridDisabledAnimation[];\n dataUrl?: string;\n layoutOverrides?: OwpTreeGridLayoutConfig;\n data?: OwpTreeGridBodyData<T>;\n style?: CSSProperties;\n height?: string | number;\n width?: string | number;\n canUseTableRadius?: boolean;\n tableBorderRadius?: string | number;\n suppressCfg?: OwpTreeGridSuppressCfg;\n showToolbarTotalCount?: boolean;\n hideChildHeaderSortButtons?: boolean;\n useDataUrl?: boolean;\n onSelect?: OwpTreeGridSelectHandler<T>;\n onRowAdd?: OwpTreeGridRowAddHandler<T>;\n onRowDelete?: OwpTreeGridRowDeleteHandler<T>;\n onRowUndelete?: OwpTreeGridRowUndeleteHandler<T>;\n onRowChange?: OwpTreeGridAfterValueChangedHandler<T>;\n onClickButton?: OwpTreeGridButtonClickHandler<T>;\n onReady?: (grid: TGrid) => void;\n onRowClick?: OwpTreeGridRowClickHandler<T>;\n onSave?: OwpTreeGridSaveHandler<T>;\n onAfterValueChanged?: OwpTreeGridAfterValueChangedHandler<T>;\n datePickerEditor?: OwpTreeGridDatePickerEditorConfig;\n highlightEditableCells?: boolean;\n highlightChangedCells?: boolean;\n syncDeletedRowCanEdit?: boolean;\n confirmDeletedRowRemoval?: boolean;\n loading?: boolean;\n showLoading?: boolean;\n}\n\n/**\n * OwpTreeGrid 컴포넌트\n * @param id 식별자\n * @param containerStyle containerStyle 값\n * @param containerClassName containerClassName 값\n * @param toolbarRowBackgroundColor 하단 Toolbar row 배경색\n * @param className CSS 클래스명\n * @param style 스타일 객체\n * @param height height 값\n * @param canUseTableRadius TreeGrid 내부 테이블 radius 사용 여부\n * @param tableBorderRadius TreeGrid 내부 테이블 radius 값\n * @param suppressCfg TreeGrid client 설정 저장/로드 억제값\n * @param showToolbarTotalCount Toolbar 전체 건수 기본 formula 표시 여부\n * @param hideChildHeaderSortButtons 그룹 헤더 하위 sort 버튼 숨김 여부\n * @param disabledAnimations 비활성화할 TreeGrid 애니메이션 의미 키 목록\n */\nconst OwpTreeGrid = <T,>({\n id = 'treeGridWrapper',\n containerStyle,\n containerClassName,\n toolbarRowBackgroundColor,\n className,\n style,\n height = '100%',\n width = '100%',\n canUseTableRadius = false,\n tableBorderRadius = DEFAULT_TABLE_RADIUS,\n suppressCfg = 3,\n showToolbarTotalCount = true,\n hideChildHeaderSortButtons = true,\n layoutUrl,\n layoutData,\n disabledAnimations = DEFAULT_OWP_TREE_GRID_DISABLED_ANIMATIONS,\n dataUrl,\n layoutOverrides,\n data,\n useDataUrl,\n onSelect,\n onRowClick,\n onRowAdd,\n onRowDelete,\n onRowUndelete,\n onRowChange,\n onClickButton,\n onSave,\n onReady,\n onAfterValueChanged,\n datePickerEditor,\n highlightEditableCells = true,\n highlightChangedCells = true,\n syncDeletedRowCanEdit = true,\n confirmDeletedRowRemoval = true,\n loading,\n showLoading = true,\n}: OwpTreeGridProps<T>) => {\n const { t } = useOwpTranslation();\n const { confirmDelete } = useConfirm();\n const currentSettings = useGetCurrentSettings();\n const currentGridThemeConfig = currentSettings?.theme?.main?.grid;\n const toolbarTotalLabel = t('Common.전체');\n const toolbarTotalCountUnitLabel = t('Common.건');\n const toolbarTotalCountFormula = useMemo(\n () =>\n showToolbarTotalCount && !hasTreeGridToolbarFormulaField(layoutOverrides?.Toolbar)\n ? buildTreeGridTotalCountToolbarFormula(toolbarTotalLabel, toolbarTotalCountUnitLabel)\n : undefined,\n [\n layoutOverrides,\n toolbarTotalCountUnitLabel,\n toolbarTotalLabel,\n showToolbarTotalCount,\n ],\n );\n const treeGridInstanceRef = useRef<TGrid>(null);\n const treeGridContainerRef = useRef<HTMLDivElement | null>(null);\n const treeGridInitStartedAtRef = useRef<number | null>(null);\n const bodyReloadStartedAtRef = useRef<number | null>(null);\n const latestLayoutOverridesRef = useRef<OwpTreeGridLayoutConfig | undefined>(layoutOverrides);\n const latestToolbarTotalCountFormulaRef = useRef<string | undefined>(toolbarTotalCountFormula);\n const latestSuppressCfgRef = useRef<OwpTreeGridSuppressCfg | undefined>(suppressCfg);\n const latestHideChildHeaderSortButtonsRef = useRef(hideChildHeaderSortButtons);\n const latestDisabledAnimationsRef = useRef<\n readonly OwpTreeGridDisabledAnimation[] | undefined\n >(disabledAnimations);\n const latestBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(data);\n const layoutHasExplicitEnterModeRef = useRef(hasTreeGridExplicitEnterMode(layoutData));\n const handleBeforeRowUndelete = confirmDeletedRowRemoval\n ? async () => {\n const confirmed = await confirmDelete({\n title: t('Message.삭제된 항목을 완전히 삭제하시겠습니까?'),\n description: t('Message.취소하면 삭제 상태가 해제됩니다.'),\n okText: t('Button.완전 삭제'),\n });\n\n return confirmed ? 'remove' : 'undelete';\n }\n : undefined;\n const latestEventHandlersRef = useRef<TreeGridEventHandlers<T>>({\n onSelect,\n onRowClick,\n onRowAdd,\n onRowDelete,\n onBeforeRowUndelete: handleBeforeRowUndelete,\n onRowUndelete,\n onRowChange,\n onClickButton,\n onSave,\n onReady,\n onAfterValueChanged,\n });\n const stagedBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(undefined);\n const hasStagedBodyDataPropRef = useRef(false);\n const appliedLayoutOverridesRef = useRef<OwpTreeGridLayoutConfig | undefined>(undefined);\n const appliedBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(undefined);\n const hasAppliedInitialLayoutRef = useRef(false);\n const bodyReloadSequenceRef = useRef(0);\n const bindingLoadingStartedAtRef = useRef<number | null>(null);\n const bindingLoadingHideTimeoutRef = useRef<number | undefined>(undefined);\n const bodyReloadStartTimeoutRef = useRef<number | undefined>(undefined);\n const highlightEditableCellsRef = useRef(highlightEditableCells);\n const highlightChangedCellsRef = useRef(highlightChangedCells);\n const syncDeletedRowCanEditRef = useRef(syncDeletedRowCanEdit);\n const [isTreeGridReady, setIsTreeGridReady] = useState(false);\n const [isBindingLoadingVisible, setIsBindingLoadingVisible] = useState(false);\n const [hasDisplayDataRows, setHasDisplayDataRows] = useState(false);\n const currentLanguage = useGetCurrentLanguage();\n const treeGridTheme = useMemo(\n () => resolveOwpGridTheme(currentGridThemeConfig),\n [currentGridThemeConfig],\n );\n const editableCellBackgroundColorValueRef = useRef(\n resolveTreeGridColorNumber(treeGridTheme.editable.backgroundColor) ??\n resolveTreeGridColorNumber(TREEGRID_INPUT_CELL_COLOR),\n );\n const changedCellBackgroundColorRef = useRef(\n treeGridTheme.changed.backgroundColor ?? TREEGRID_CELL_HIGHLIGHT_COLOR,\n );\n const changedCellBaselineRef = useRef<TreeGridCellBaselineMap>(new WeakMap());\n const focusedCellBackgroundColorRef = useRef(treeGridTheme.state.focusedCellBackgroundColor);\n const selectedCellBackgroundColorRef = useRef(treeGridTheme.state.selectedCellBackgroundColor);\n const hoverCellBackgroundColorRef = useRef(treeGridTheme.state.hoverCellBackgroundColor);\n const currentLanguageIdRef = useRef(currentLanguage.id);\n const isPendingBodyReload =\n showLoading &&\n data !== undefined &&\n isTreeGridReady &&\n appliedBodyDataPropRef.current !== data;\n const isInternalLoadingVisible = showLoading && (isBindingLoadingVisible || isPendingBodyReload);\n const isLoadingOverlayVisible = (showLoading && loading === true) || isInternalLoadingVisible;\n const isNoDataVisible =\n !isLoadingOverlayVisible && data !== undefined && isEmpty(data) && !hasDisplayDataRows;\n\n const syncHasDisplayDataRows = (grid: TGrid | null) => {\n setHasDisplayDataRows(hasTreeGridDisplayDataRows(grid));\n };\n const handleDatePickerEditorValueChange = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n col: string,\n value: unknown,\n options?: OwpTreeGridDatePickerValueChangeOptions,\n ) => {\n if (highlightChangedCellsRef.current && row.Fixed !== 'Foot') {\n syncTreeGridChangedCellHighlightById({\n gridId: id,\n grid,\n row,\n col,\n backgroundColor: changedCellBackgroundColorRef.current,\n baselineMap: changedCellBaselineRef.current,\n highlightRefresh: options?.highlightRefresh,\n });\n }\n\n const valueChangedHandler =\n latestEventHandlersRef.current?.onAfterValueChanged ??\n latestEventHandlersRef.current?.onRowChange;\n\n valueChangedHandler?.(grid, row, col, value);\n };\n\n latestLayoutOverridesRef.current = layoutOverrides;\n latestToolbarTotalCountFormulaRef.current = toolbarTotalCountFormula;\n latestSuppressCfgRef.current = suppressCfg;\n latestHideChildHeaderSortButtonsRef.current = hideChildHeaderSortButtons;\n latestDisabledAnimationsRef.current = disabledAnimations;\n latestBodyDataPropRef.current = data;\n layoutHasExplicitEnterModeRef.current = hasTreeGridExplicitEnterMode(layoutData);\n highlightEditableCellsRef.current = highlightEditableCells;\n highlightChangedCellsRef.current = highlightChangedCells;\n syncDeletedRowCanEditRef.current = syncDeletedRowCanEdit;\n editableCellBackgroundColorValueRef.current =\n resolveTreeGridColorNumber(treeGridTheme.editable.backgroundColor) ??\n resolveTreeGridColorNumber(TREEGRID_INPUT_CELL_COLOR);\n changedCellBackgroundColorRef.current =\n treeGridTheme.changed.backgroundColor ?? TREEGRID_CELL_HIGHLIGHT_COLOR;\n focusedCellBackgroundColorRef.current = treeGridTheme.state.focusedCellBackgroundColor;\n selectedCellBackgroundColorRef.current = treeGridTheme.state.selectedCellBackgroundColor;\n hoverCellBackgroundColorRef.current = treeGridTheme.state.hoverCellBackgroundColor;\n const {\n datePickerEditorElement,\n handleDatePickerEditorButtonClick,\n handleDatePickerEditorCellClick,\n handleDatePickerEditorKeyDown,\n handleDatePickerEditorStartEdit,\n } =\n useOwpTreeGridDatePickerEditor({\n config: datePickerEditor,\n treeGridInstanceRef,\n isTreeGridReady,\n onValueChange: handleDatePickerEditorValueChange,\n });\n latestEventHandlersRef.current = {\n onSelect,\n onRowClick,\n onRowAdd,\n onRowDelete,\n onBeforeRowUndelete: handleBeforeRowUndelete,\n onRowUndelete,\n onRowChange,\n onClickButton,\n onSave,\n onReady,\n onAfterValueChanged,\n onInternalButtonClick: handleDatePickerEditorButtonClick,\n onInternalCellClick: handleDatePickerEditorCellClick,\n onInternalKeyDown: handleDatePickerEditorKeyDown,\n onInternalStartEdit: handleDatePickerEditorStartEdit,\n };\n\n const overlayFrame = useOwpTreeGridOverlayFrame({\n visible: isLoadingOverlayVisible || isNoDataVisible,\n containerRef: treeGridContainerRef,\n treeGridInstanceRef,\n debugId: id,\n });\n\n const clearBindingLoadingHideTimeout = () => {\n if (bindingLoadingHideTimeoutRef.current !== undefined) {\n window.clearTimeout(bindingLoadingHideTimeoutRef.current);\n bindingLoadingHideTimeoutRef.current = undefined;\n }\n };\n\n const clearBodyReloadStartTimeout = () => {\n if (bodyReloadStartTimeoutRef.current !== undefined) {\n window.clearTimeout(bodyReloadStartTimeoutRef.current);\n bodyReloadStartTimeoutRef.current = undefined;\n }\n };\n\n useEffect(() => {\n const handleBodyRowsChanged = (event: Event) => {\n const customEvent = event as CustomEvent<TreeGridBodyRowsChangedEventDetail>;\n\n if (customEvent.detail?.gridId !== id) {\n return;\n }\n\n setHasDisplayDataRows(hasTreeGridDisplayDataRows(treeGridInstanceRef.current));\n };\n\n window.addEventListener(TREE_GRID_BODY_ROWS_CHANGED_EVENT, handleBodyRowsChanged);\n\n return () => {\n window.removeEventListener(TREE_GRID_BODY_ROWS_CHANGED_EVENT, handleBodyRowsChanged);\n };\n }, [id]);\n\n useEffect(() => {\n if (!showLoading) {\n clearBodyReloadStartTimeout();\n clearBindingLoadingHideTimeout();\n bindingLoadingStartedAtRef.current = null;\n setIsBindingLoadingVisible(false);\n }\n }, [showLoading]);\n\n useEffect(() => {\n if (\n currentLanguage.id !== currentLanguageIdRef.current &&\n !isEmpty(treeGridInstanceRef.current)\n ) {\n treeGridInstanceRef.current?.Dispose();\n treeGridInstanceRef.current = null;\n currentLanguageIdRef.current = currentLanguage.id;\n }\n\n if (!isEmpty(treeGridInstanceRef.current)) {\n return;\n }\n\n bindTreeGridEvents({\n id,\n latestEventHandlersRef,\n layoutHasExplicitEnterModeRef,\n highlightEditableCellsRef,\n highlightChangedCellsRef,\n syncDeletedRowCanEditRef,\n editableCellBackgroundColorValueRef,\n changedCellBackgroundColorRef,\n focusedCellBackgroundColorRef,\n selectedCellBackgroundColorRef,\n hoverCellBackgroundColorRef,\n changedCellBaselineRef,\n treeGridInstanceRef,\n treeGridInitStartedAtRef,\n latestLayoutOverridesRef,\n latestToolbarTotalCountFormulaRef,\n latestSuppressCfgRef,\n latestHideChildHeaderSortButtonsRef,\n latestDisabledAnimationsRef,\n appliedLayoutOverridesRef,\n appliedBodyDataPropRef,\n hasAppliedInitialLayoutRef,\n syncHasDisplayDataRows,\n setIsTreeGridReady,\n });\n\n treeGridInitStartedAtRef.current = getTreeGridPerfTimestamp();\n countTreeGridPerf(id, 'init');\n logTreeGridPerf(id, 'TreeGrid init start', {\n useDataUrl: Boolean(useDataUrl),\n bodyRowCount: getTreeGridBodyDataCount(data),\n });\n\n window.TreeGrid(\n buildTreeGridInitializationOptions({\n id,\n layoutUrl,\n layoutData,\n toolbarTotalCountFormula,\n suppressCfg,\n disabledAnimations,\n dataUrl,\n bodyData: data,\n useDataUrl,\n width,\n height,\n languageId: currentLanguage.id,\n }),\n id,\n id,\n );\n\n return () => {\n delay(() => {\n treeGridInstanceRef.current?.Dispose();\n }, 200);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useLayoutEffect(() => {\n const treeGrid = treeGridInstanceRef.current;\n const nextLayoutOverrides = latestLayoutOverridesRef.current;\n const nextBodyData = latestBodyDataPropRef.current;\n\n if (isEmpty(treeGrid) || !isTreeGridReady) {\n return;\n }\n\n const shouldApplyLayoutOverrides =\n appliedLayoutOverridesRef.current !== nextLayoutOverrides &&\n !isEqual(appliedLayoutOverridesRef.current, nextLayoutOverrides);\n const shouldApplyBodyData =\n appliedBodyDataPropRef.current !== nextBodyData &&\n (!hasStagedBodyDataPropRef.current || stagedBodyDataPropRef.current !== nextBodyData);\n\n if (!shouldApplyLayoutOverrides && !shouldApplyBodyData) {\n return;\n }\n\n if (shouldApplyLayoutOverrides) {\n const layoutApplyStartedAt = getTreeGridPerfTimestamp();\n\n applyTreeGridLayoutToGrid(treeGrid, nextLayoutOverrides, shouldApplyBodyData);\n appliedLayoutOverridesRef.current = nextLayoutOverrides;\n measureTreeGridPerf(id, 'apply layout', layoutApplyStartedAt, {\n disableBodyReload: Boolean(shouldApplyBodyData),\n });\n }\n\n if (shouldApplyBodyData) {\n const reloadSequence = bodyReloadSequenceRef.current + 1;\n const runBodyReload = () => {\n const bodyDataToApply = stagedBodyDataPropRef.current;\n\n bodyReloadStartTimeoutRef.current = undefined;\n bodyReloadStartedAtRef.current = getTreeGridPerfTimestamp();\n countTreeGridPerf(id, 'reload');\n logTreeGridPerf(id, 'ReloadBody start', {\n bodyRowCount: getTreeGridBodyDataCount(bodyDataToApply),\n });\n\n replaceTreeGridBodyData(treeGrid, bodyDataToApply, () => {\n if (bodyReloadSequenceRef.current !== reloadSequence) {\n return;\n }\n\n appliedBodyDataPropRef.current = bodyDataToApply;\n changedCellBaselineRef.current = new WeakMap();\n captureTreeGridChangeBaselines(treeGrid, changedCellBaselineRef.current);\n syncHasDisplayDataRows(treeGrid);\n measureTreeGridPerf(id, 'ReloadBody end', bodyReloadStartedAtRef.current, {\n bodyRowCount: getTreeGridBodyDataCount(bodyDataToApply),\n });\n bodyReloadStartedAtRef.current = null;\n\n if (stagedBodyDataPropRef.current === bodyDataToApply) {\n stagedBodyDataPropRef.current = undefined;\n hasStagedBodyDataPropRef.current = false;\n }\n\n const startedAt = bindingLoadingStartedAtRef.current;\n\n if (!showLoading || startedAt === null) {\n bindingLoadingStartedAtRef.current = null;\n setIsBindingLoadingVisible(false);\n return;\n }\n\n const remainingVisibleTime = Math.max(\n 0,\n TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS - (Date.now() - startedAt),\n );\n\n clearBindingLoadingHideTimeout();\n\n if (remainingVisibleTime === 0) {\n bindingLoadingStartedAtRef.current = null;\n setIsBindingLoadingVisible(false);\n return;\n }\n\n bindingLoadingHideTimeoutRef.current = window.setTimeout(() => {\n if (bodyReloadSequenceRef.current !== reloadSequence) {\n return;\n }\n\n bindingLoadingHideTimeoutRef.current = undefined;\n bindingLoadingStartedAtRef.current = null;\n setIsBindingLoadingVisible(false);\n }, remainingVisibleTime);\n });\n };\n\n bodyReloadSequenceRef.current = reloadSequence;\n stagedBodyDataPropRef.current = nextBodyData;\n hasStagedBodyDataPropRef.current = true;\n\n if (showLoading && nextBodyData !== undefined) {\n clearBodyReloadStartTimeout();\n clearBindingLoadingHideTimeout();\n bindingLoadingStartedAtRef.current = Date.now();\n setIsBindingLoadingVisible(true);\n bodyReloadStartTimeoutRef.current = window.setTimeout(() => {\n if (bodyReloadSequenceRef.current !== reloadSequence) {\n return;\n }\n\n runBodyReload();\n }, 0);\n } else {\n runBodyReload();\n }\n }\n\n }, [isTreeGridReady, layoutOverrides, data, showLoading, id]);\n\n useEffect(() => {\n return () => {\n clearBodyReloadStartTimeout();\n clearBindingLoadingHideTimeout();\n };\n }, []);\n\n const resolvedContainerStyle: TreeGridThemeContainerStyle = createTreeGridThemeContainerStyle({\n width,\n height,\n treeGridTheme,\n gridThemeConfig: currentGridThemeConfig,\n containerStyle,\n tableBorderRadius: canUseTableRadius ? tableBorderRadius : undefined,\n });\n\n if (toolbarRowBackgroundColor !== undefined) {\n resolvedContainerStyle['--owp-tree-grid-toolbar-row-background-color'] =\n String(toolbarRowBackgroundColor);\n }\n\n if (showLoading || isNoDataVisible) {\n resolvedContainerStyle.position =\n containerStyle?.position && containerStyle.position !== 'static'\n ? containerStyle.position\n : 'relative';\n resolvedContainerStyle.isolation = 'isolate';\n }\n\n return (\n <div\n ref={treeGridContainerRef}\n className={[\n TREE_GRID_THEME_WRAPPER_CLASS,\n canUseTableRadius && TREE_GRID_THEME_TABLE_RADIUS_CLASS,\n containerClassName,\n ]\n .filter(Boolean)\n .join(' ')}\n style={resolvedContainerStyle}\n >\n <GlobalStyles styles={treeGridThemeStyles} />\n <div id={id} className={className} style={omit(style, ['height', 'width'])} />\n <OwpTreeGridNoDataOverlay\n visible={isNoDataVisible}\n message={t('Message.조회된 결과가 없습니다.')}\n overlayFrame={overlayFrame}\n />\n <OwpTreeGridLoadingOverlay visible={isLoadingOverlayVisible} overlayFrame={overlayFrame} />\n {datePickerEditorElement}\n </div>\n );\n};\n\nexport { OwpTreeGrid };\n"],"names":["TREE_GRID_TOTAL_COUNT_TOOLBAR_VALUE_FORMULA","TREE_GRID_TOOLBAR_FORMULA_FIELD_NAMES","hasOwnProperty","toTreeGridFormulaStringLiteral","__name","value","buildTreeGridTotalCountToolbarFormula","totalLabel","countUnitLabel","hasTreeGridToolbarFormulaField","layoutSection","isPlainObject","fieldName","isVisibleTreeGridRow","row","visible","isAddedTreeGridRow","added","isDisplayTreeGridRow","getTreeGridRows","grid","rows","captureTreeGridChangeBaselines","baselineMap","cols","col","getTreeGridCellComparableValue","isTreeGridChangedFlag","hasOtherTreeGridChangedCells","rowRecord","column","clearTreeGridCellChangedState","isTreeGridRowAddedById","resolveTreeGridCellBaselineValue","baselineValues","syncTreeGridChangedCellHighlightById","gridId","backgroundColor","highlightRefresh","baselineValue","currentValue","clearTreeGridCellHighlightById","highlightTreeGridCellById","DEFAULT_OWP_TREE_GRID_DISABLED_ANIMATIONS","OwpTreeGrid","id","containerStyle","containerClassName","toolbarRowBackgroundColor","className","style","height","width","canUseTableRadius","tableBorderRadius","DEFAULT_TABLE_RADIUS","suppressCfg","showToolbarTotalCount","hideChildHeaderSortButtons","layoutUrl","layoutData","disabledAnimations","dataUrl","layoutOverrides","data","useDataUrl","onSelect","onRowClick","onRowAdd","onRowDelete","onRowUndelete","onRowChange","onClickButton","onSave","onReady","onAfterValueChanged","datePickerEditor","highlightEditableCells","highlightChangedCells","syncDeletedRowCanEdit","confirmDeletedRowRemoval","loading","showLoading","t","useOwpTranslation","confirmDelete","useConfirm","currentSettings","useGetCurrentSettings","currentGridThemeConfig","_b","_a","toolbarTotalLabel","toolbarTotalCountUnitLabel","toolbarTotalCountFormula","useMemo","treeGridInstanceRef","useRef","treeGridContainerRef","treeGridInitStartedAtRef","bodyReloadStartedAtRef","latestLayoutOverridesRef","latestToolbarTotalCountFormulaRef","latestSuppressCfgRef","latestHideChildHeaderSortButtonsRef","latestDisabledAnimationsRef","latestBodyDataPropRef","layoutHasExplicitEnterModeRef","hasTreeGridExplicitEnterMode","handleBeforeRowUndelete","latestEventHandlersRef","stagedBodyDataPropRef","hasStagedBodyDataPropRef","appliedLayoutOverridesRef","appliedBodyDataPropRef","hasAppliedInitialLayoutRef","bodyReloadSequenceRef","bindingLoadingStartedAtRef","bindingLoadingHideTimeoutRef","bodyReloadStartTimeoutRef","highlightEditableCellsRef","highlightChangedCellsRef","syncDeletedRowCanEditRef","isTreeGridReady","setIsTreeGridReady","useState","isBindingLoadingVisible","setIsBindingLoadingVisible","hasDisplayDataRows","setHasDisplayDataRows","currentLanguage","useGetCurrentLanguage","treeGridTheme","resolveOwpGridTheme","editableCellBackgroundColorValueRef","resolveTreeGridColorNumber","TREEGRID_INPUT_CELL_COLOR","changedCellBackgroundColorRef","TREEGRID_CELL_HIGHLIGHT_COLOR","changedCellBaselineRef","focusedCellBackgroundColorRef","selectedCellBackgroundColorRef","hoverCellBackgroundColorRef","currentLanguageIdRef","isPendingBodyReload","isLoadingOverlayVisible","isNoDataVisible","isEmpty","syncHasDisplayDataRows","hasTreeGridDisplayDataRows","handleDatePickerEditorValueChange","options","valueChangedHandler","datePickerEditorElement","handleDatePickerEditorButtonClick","handleDatePickerEditorCellClick","handleDatePickerEditorKeyDown","handleDatePickerEditorStartEdit","useOwpTreeGridDatePickerEditor","overlayFrame","useOwpTreeGridOverlayFrame","clearBindingLoadingHideTimeout","clearBodyReloadStartTimeout","useEffect","handleBodyRowsChanged","event","TREE_GRID_BODY_ROWS_CHANGED_EVENT","bindTreeGridEvents","getTreeGridPerfTimestamp","countTreeGridPerf","logTreeGridPerf","getTreeGridBodyDataCount","buildTreeGridInitializationOptions","delay","useLayoutEffect","treeGrid","nextLayoutOverrides","nextBodyData","shouldApplyLayoutOverrides","isEqual","shouldApplyBodyData","layoutApplyStartedAt","applyTreeGridLayoutToGrid","measureTreeGridPerf","reloadSequence","runBodyReload","bodyDataToApply","replaceTreeGridBodyData","startedAt","remainingVisibleTime","TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS","resolvedContainerStyle","createTreeGridThemeContainerStyle","jsxs","TREE_GRID_THEME_WRAPPER_CLASS","TREE_GRID_THEME_TABLE_RADIUS_CLASS","jsx","GlobalStyles","treeGridThemeStyles","omit","OwpTreeGridNoDataOverlay","OwpTreeGridLoadingOverlay"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"OwpTreeGrid.js","sources":["../../../src/components/OwpTreeGrid/OwpTreeGrid.tsx"],"sourcesContent":["import { resolveOwpGridTheme } from '@/constants/gridTheme';\nimport { DEFAULT_TABLE_RADIUS } from '@/constants/table';\nimport {\n resolveTreeGridColorNumber,\n TREEGRID_CELL_HIGHLIGHT_COLOR,\n TREEGRID_INPUT_CELL_COLOR,\n} from '@/constants/treeGrid';\nimport { useGetCurrentSettings } from '@/hooks/useOwpSettings';\nimport { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport { useGetCurrentLanguage } from '@/hooks/internal/useCurrentLanguage';\nimport { useConfirm } from '@/hooks/useConfirm';\nimport {\n TREE_GRID_BODY_ROWS_CHANGED_EVENT,\n type TreeGridBodyRowsChangedEventDetail,\n} from '@/utils/internal/treeGridBodyRowsEvent';\nimport {\n clearTreeGridCellHighlightById,\n getTreeGridCellComparableValue,\n highlightTreeGridCellById,\n isTreeGridRowAddedById,\n} from '@/utils/treeGridUtil';\nimport { delay, isEmpty, isEqual, isPlainObject, omit } from 'es-toolkit/compat';\n// Temporary TreeGrid perf instrumentation import. Remove with ./internal/utils/perf after profiling is finished.\nimport {\n countTreeGridPerf,\n getTreeGridPerfTimestamp,\n logTreeGridPerf,\n measureTreeGridPerf,\n} from './internal/utils/perf';\nimport {\n type CSSProperties,\n useEffect,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport GlobalStyles from '@mui/material/GlobalStyles';\nimport { useOwpTreeGridDatePickerEditor } from './internal/hooks/useOwpTreeGridDatePickerEditor';\nimport { useOwpTreeGridErrorTooltip } from './internal/hooks/useOwpTreeGridErrorTooltip';\nimport { useOwpTreeGridOverlayFrame } from './internal/hooks/useOwpTreeGridOverlayFrame';\nimport {\n bindTreeGridEvents,\n buildTreeGridInitializationOptions,\n getTreeGridBodyDataCount,\n hasTreeGridExplicitEnterMode,\n hasTreeGridDisplayDataRows,\n replaceTreeGridBodyData,\n TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS,\n type TreeGridEventHandlers,\n} from './internal/treeGridRuntime';\nimport { applyTreeGridLayoutToGrid } from './internal/treeGridLayout';\nimport { OwpTreeGridLoadingOverlay } from './internal/OwpTreeGridLoadingOverlay';\nimport { OwpTreeGridNoDataOverlay } from './internal/OwpTreeGridNoDataOverlay';\nimport {\n createTreeGridThemeContainerStyle,\n TREE_GRID_THEME_TABLE_RADIUS_CLASS,\n TREE_GRID_THEME_WRAPPER_CLASS,\n treeGridThemeStyles,\n type TreeGridThemeContainerStyle,\n} from './internal/treeGridTheme';\nimport type { OwpTreeGridSelectionScope } from './internal/treeGridSelection';\n\nexport type { OwpTreeGridSelectionScope } from './internal/treeGridSelection';\n\ntype TreeGridLayoutScalarValue = string | number;\ntype TreeGridNestedLayoutFields = Record<string, TreeGridLayoutScalarValue>;\ntype TreeGridLayoutFields = Record<string, TreeGridLayoutScalarValue | TreeGridNestedLayoutFields>;\ntype TreeGridSectionFields = Record<string, TreeGridLayoutScalarValue>;\ntype TreeGridCellBaselineMap = WeakMap<TRow, Map<string, string>>;\n\nconst TREE_GRID_TOTAL_COUNT_TOOLBAR_VALUE_FORMULA = \"NumberToString(count(5),',0')\";\nconst TREE_GRID_TOOLBAR_FORMULA_FIELD_NAMES = ['Formula', 'FormulaFormula'] as const;\nconst hasOwnProperty = Object.prototype.hasOwnProperty;\n\n/**\n * TreeGrid formula 문자열 literal 변환\n * @param value literal 값\n */\nconst toTreeGridFormulaStringLiteral = (value: string) => JSON.stringify(value) ?? '\"\"';\n\n/**\n * Toolbar 전체 건수 formula 생성\n * @param totalLabel 전체 label\n * @param countUnitLabel 건수 단위 label\n */\nconst buildTreeGridTotalCountToolbarFormula = (totalLabel: string, countUnitLabel: string) => {\n return `${toTreeGridFormulaStringLiteral(\n `${totalLabel} : `,\n )}+${TREE_GRID_TOTAL_COUNT_TOOLBAR_VALUE_FORMULA}+${toTreeGridFormulaStringLiteral(\n ` ${countUnitLabel}`,\n )}`;\n};\n\n/**\n * Toolbar formula 필드 명시 여부\n * @param layoutSection TreeGrid layout section 값\n */\nconst hasTreeGridToolbarFormulaField = (layoutSection: unknown) => {\n if (!isPlainObject(layoutSection)) {\n return false;\n }\n\n return TREE_GRID_TOOLBAR_FORMULA_FIELD_NAMES.some((fieldName) =>\n hasOwnProperty.call(layoutSection, fieldName),\n );\n};\n\nconst isVisibleTreeGridRow = (row: TRow | null | undefined) => {\n const visible = (row as { Visible?: unknown } | null)?.Visible;\n\n return !!row && visible !== 0 && visible !== false && visible !== '0';\n};\n\nconst isAddedTreeGridRow = (row: TRow | null | undefined) => {\n const added = (row as { Added?: unknown } | null)?.Added;\n\n return !!row && added !== 0 && added !== false && added !== '0' && added !== undefined;\n};\n\nconst isDisplayTreeGridRow = (row: TRow | null | undefined) => {\n if (!row || row.Fixed === 'Foot' || !isVisibleTreeGridRow(row)) {\n return false;\n }\n\n return row.Kind === 'Data' || isAddedTreeGridRow(row);\n};\n\nconst getTreeGridRows = (grid: TGrid) => {\n if (typeof grid.GetFirst === 'function' && typeof grid.GetNext === 'function') {\n const rows: TRow[] = [];\n let row = grid.GetFirst();\n\n while (row) {\n rows.push(row);\n row = grid.GetNext(row);\n }\n\n return rows;\n }\n\n return Object.values(grid.Rows ?? {});\n};\n\nconst captureTreeGridChangeBaselines = (\n grid: TGrid | null | undefined,\n baselineMap: TreeGridCellBaselineMap,\n) => {\n if (!grid) {\n return;\n }\n\n const cols = Object.keys(grid.Cols ?? {}).filter(Boolean);\n\n getTreeGridRows(grid).forEach((row) => {\n if (!isDisplayTreeGridRow(row)) {\n return;\n }\n\n baselineMap.set(\n row,\n new Map(cols.map((col) => [col, getTreeGridCellComparableValue(grid, row, col)])),\n );\n });\n};\n\nconst isTreeGridChangedFlag = (value: unknown) =>\n value !== undefined &&\n value !== null &&\n value !== '' &&\n value !== 0 &&\n value !== false &&\n value !== '0';\n\nconst hasOtherTreeGridChangedCells = (grid: TGrid, row: TRow, col: string) => {\n const rowRecord = row as unknown as Record<string, unknown>;\n\n return Object.keys(grid.Cols ?? {}).some((column) => {\n return column !== col && isTreeGridChangedFlag(rowRecord[`${column}Changed`]);\n });\n};\n\nconst clearTreeGridCellChangedState = (grid: TGrid, row: TRow, col: string) => {\n const rowRecord = row as unknown as Record<string, unknown>;\n\n rowRecord[`${col}Changed`] = 0;\n\n if (\n !isAddedTreeGridRow(row) &&\n !isTreeGridRowAddedById(row) &&\n !hasOtherTreeGridChangedCells(grid, row, col)\n ) {\n rowRecord.Changed = 0;\n }\n};\n\nconst resolveTreeGridCellBaselineValue = (\n baselineMap: TreeGridCellBaselineMap,\n row: TRow,\n col: string,\n) => {\n const baselineValues = baselineMap.get(row);\n\n if (baselineValues?.has(col)) {\n return baselineValues.get(col);\n }\n\n return undefined;\n};\n\nconst syncTreeGridChangedCellHighlightById = ({\n gridId,\n grid,\n row,\n col,\n backgroundColor,\n baselineMap,\n highlightRefresh,\n}: {\n gridId: string;\n grid: TGrid;\n row: TRow;\n col: string;\n backgroundColor: string;\n baselineMap: TreeGridCellBaselineMap;\n highlightRefresh?: boolean;\n}) => {\n if (\n !isDisplayTreeGridRow(row) ||\n isAddedTreeGridRow(row) ||\n isTreeGridRowAddedById(row)\n ) {\n return;\n }\n\n const baselineValue = resolveTreeGridCellBaselineValue(baselineMap, row, col);\n const currentValue = getTreeGridCellComparableValue(grid, row, col);\n\n if (baselineValue !== undefined && currentValue === baselineValue) {\n clearTreeGridCellHighlightById(gridId, { row, col });\n clearTreeGridCellChangedState(grid, row, col);\n return;\n }\n\n highlightTreeGridCellById(gridId, {\n row,\n col,\n backgroundColor,\n refresh: highlightRefresh,\n });\n};\n\nexport interface OwpTreeGridLayout {\n Header?: TreeGridLayoutFields;\n Toolbar?: TreeGridSectionFields;\n Foot?: TreeGridSectionFields;\n}\n\nexport type OwpTreeGridLayoutConfig = OwpTreeGridLayout;\nexport type THeader = OwpTreeGridLayoutConfig;\nexport type OwpTreeGridBodyData<T> = Record<string, never> | [] | undefined | T[];\nexport type OwpTreeGridData<T> = OwpTreeGridBodyData<T>;\nexport type TData<T> = OwpTreeGridBodyData<T>;\nexport type OwpTreeGridRowModel<T> = TRow & T;\nexport type OwpTreeGridSelectedRows<T> = OwpTreeGridRowModel<T>[];\nexport type OwpTreeGridSuppressCfg = 0 | 1 | 2 | 3 | 4;\nexport type OwpTreeGridDisabledAnimation = 'addRow' | 'deleteRow' | 'selectRow';\n\nconst DEFAULT_OWP_TREE_GRID_DISABLED_ANIMATIONS = [\n 'addRow',\n 'deleteRow',\n 'selectRow',\n] as const satisfies readonly OwpTreeGridDisabledAnimation[];\n\nexport interface OwpTreeGridDatePickerEditorColumnOption {\n baseYear?: string;\n baseYearMonth?: string;\n}\n\nexport interface OwpTreeGridDatePickerEditorConfig {\n enabled?: boolean;\n columns?: readonly string[];\n allowInput?: boolean;\n columnOptions?: Record<string, OwpTreeGridDatePickerEditorColumnOption>;\n showTimeInput?: boolean;\n showTimeSelect?: boolean;\n timeIntervals?: number;\n}\n\ntype OwpTreeGridSelectHandler<T> = (selectedRows: OwpTreeGridSelectedRows<T>) => void;\ntype OwpTreeGridRowAddHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>) => void;\ntype OwpTreeGridRowDeleteHandler<T> = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n deleteType: number,\n) => void;\ntype OwpTreeGridRowUndeleteHandler<T> = (grid: TGrid, row: OwpTreeGridRowModel<T>) => void;\ntype OwpTreeGridButtonClickHandler<T> = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n col: string,\n event: Event,\n) => void;\ntype OwpTreeGridRowClickHandler<T> = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n col: string,\n x: number,\n y: number,\n event: Event,\n) => void;\ntype OwpTreeGridSaveHandler<T> = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n autoupdate: boolean | number,\n) => void;\ntype OwpTreeGridCellValue = unknown;\ntype OwpTreeGridDatePickerValueChangeOptions = {\n highlightRefresh?: boolean;\n};\ntype OwpTreeGridAfterValueChangedHandler<T> = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n col: string,\n value: OwpTreeGridCellValue,\n) => void;\n\nexport interface OwpTreeGridProps<T> {\n id: string;\n className?: string;\n containerStyle?: CSSProperties;\n containerClassName?: string;\n toolbarRowBackgroundColor?: CSSProperties['backgroundColor'];\n layoutUrl?: string;\n layoutData?: string;\n disabledAnimations?: readonly OwpTreeGridDisabledAnimation[];\n dataUrl?: string;\n layoutOverrides?: OwpTreeGridLayoutConfig;\n data?: OwpTreeGridBodyData<T>;\n style?: CSSProperties;\n height?: string | number;\n width?: string | number;\n canUseTableRadius?: boolean;\n tableBorderRadius?: string | number;\n suppressCfg?: OwpTreeGridSuppressCfg;\n showToolbarTotalCount?: boolean;\n hideChildHeaderSortButtons?: boolean;\n selectionScope?: OwpTreeGridSelectionScope;\n useDataUrl?: boolean;\n onSelect?: OwpTreeGridSelectHandler<T>;\n onRowAdd?: OwpTreeGridRowAddHandler<T>;\n onRowDelete?: OwpTreeGridRowDeleteHandler<T>;\n onRowUndelete?: OwpTreeGridRowUndeleteHandler<T>;\n onRowChange?: OwpTreeGridAfterValueChangedHandler<T>;\n onClickButton?: OwpTreeGridButtonClickHandler<T>;\n onReady?: (grid: TGrid) => void;\n onRowClick?: OwpTreeGridRowClickHandler<T>;\n onSave?: OwpTreeGridSaveHandler<T>;\n onAfterValueChanged?: OwpTreeGridAfterValueChangedHandler<T>;\n datePickerEditor?: OwpTreeGridDatePickerEditorConfig;\n highlightEditableCells?: boolean;\n highlightChangedCells?: boolean;\n syncDeletedRowCanEdit?: boolean;\n confirmDeletedRowRemoval?: boolean;\n loading?: boolean;\n showLoading?: boolean;\n}\n\n/**\n * OwpTreeGrid 컴포넌트\n * @param id 식별자\n * @param containerStyle containerStyle 값\n * @param containerClassName containerClassName 값\n * @param toolbarRowBackgroundColor 하단 Toolbar row 배경색\n * @param className CSS 클래스명\n * @param style 스타일 객체\n * @param height height 값\n * @param canUseTableRadius TreeGrid 내부 테이블 radius 사용 여부\n * @param tableBorderRadius TreeGrid 내부 테이블 radius 값\n * @param suppressCfg TreeGrid client 설정 저장/로드 억제값\n * @param showToolbarTotalCount Toolbar 전체 건수 기본 formula 표시 여부\n * @param hideChildHeaderSortButtons 그룹 헤더 하위 sort 버튼 숨김 여부\n * @param selectionScope 선택 행 반환 범위\n * @param disabledAnimations 비활성화할 TreeGrid 애니메이션 의미 키 목록\n */\nconst OwpTreeGrid = <T,>({\n id = 'treeGridWrapper',\n containerStyle,\n containerClassName,\n toolbarRowBackgroundColor,\n className,\n style,\n height = '100%',\n width = '100%',\n canUseTableRadius = false,\n tableBorderRadius = DEFAULT_TABLE_RADIUS,\n suppressCfg = 3,\n showToolbarTotalCount = true,\n hideChildHeaderSortButtons = true,\n selectionScope = 'native',\n layoutUrl,\n layoutData,\n disabledAnimations = DEFAULT_OWP_TREE_GRID_DISABLED_ANIMATIONS,\n dataUrl,\n layoutOverrides,\n data,\n useDataUrl,\n onSelect,\n onRowClick,\n onRowAdd,\n onRowDelete,\n onRowUndelete,\n onRowChange,\n onClickButton,\n onSave,\n onReady,\n onAfterValueChanged,\n datePickerEditor,\n highlightEditableCells = true,\n highlightChangedCells = true,\n syncDeletedRowCanEdit = true,\n confirmDeletedRowRemoval = true,\n loading,\n showLoading = true,\n}: OwpTreeGridProps<T>) => {\n const { t } = useOwpTranslation();\n const { confirmDelete } = useConfirm();\n const currentSettings = useGetCurrentSettings();\n const currentGridThemeConfig = currentSettings?.theme?.main?.grid;\n const toolbarTotalLabel = t('Common.전체');\n const toolbarTotalCountUnitLabel = t('Common.건');\n const toolbarTotalCountFormula = useMemo(\n () =>\n showToolbarTotalCount && !hasTreeGridToolbarFormulaField(layoutOverrides?.Toolbar)\n ? buildTreeGridTotalCountToolbarFormula(toolbarTotalLabel, toolbarTotalCountUnitLabel)\n : undefined,\n [\n layoutOverrides,\n toolbarTotalCountUnitLabel,\n toolbarTotalLabel,\n showToolbarTotalCount,\n ],\n );\n const treeGridInstanceRef = useRef<TGrid>(null);\n const treeGridContainerRef = useRef<HTMLDivElement | null>(null);\n const treeGridInitStartedAtRef = useRef<number | null>(null);\n const bodyReloadStartedAtRef = useRef<number | null>(null);\n const latestLayoutOverridesRef = useRef<OwpTreeGridLayoutConfig | undefined>(layoutOverrides);\n const latestToolbarTotalCountFormulaRef = useRef<string | undefined>(toolbarTotalCountFormula);\n const latestSuppressCfgRef = useRef<OwpTreeGridSuppressCfg | undefined>(suppressCfg);\n const latestHideChildHeaderSortButtonsRef = useRef(hideChildHeaderSortButtons);\n const latestSelectionScopeRef = useRef<OwpTreeGridSelectionScope | undefined>(\n selectionScope,\n );\n const latestDisabledAnimationsRef = useRef<\n readonly OwpTreeGridDisabledAnimation[] | undefined\n >(disabledAnimations);\n const latestBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(data);\n const layoutHasExplicitEnterModeRef = useRef(hasTreeGridExplicitEnterMode(layoutData));\n const handleBeforeRowUndelete = confirmDeletedRowRemoval\n ? async () => {\n const confirmed = await confirmDelete({\n title: t('Message.삭제된 항목을 완전히 삭제하시겠습니까?'),\n description: t('Message.취소하면 삭제 상태가 해제됩니다.'),\n okText: t('Button.완전 삭제'),\n });\n\n return confirmed ? 'remove' : 'undelete';\n }\n : undefined;\n const latestEventHandlersRef = useRef<TreeGridEventHandlers<T>>({\n onSelect,\n onRowClick,\n onRowAdd,\n onRowDelete,\n onBeforeRowUndelete: handleBeforeRowUndelete,\n onRowUndelete,\n onRowChange,\n onClickButton,\n onSave,\n onReady,\n onAfterValueChanged,\n });\n const stagedBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(undefined);\n const hasStagedBodyDataPropRef = useRef(false);\n const appliedLayoutOverridesRef = useRef<OwpTreeGridLayoutConfig | undefined>(undefined);\n const appliedBodyDataPropRef = useRef<OwpTreeGridBodyData<T>>(undefined);\n const hasAppliedInitialLayoutRef = useRef(false);\n const bodyReloadSequenceRef = useRef(0);\n const bindingLoadingStartedAtRef = useRef<number | null>(null);\n const bindingLoadingHideTimeoutRef = useRef<number | undefined>(undefined);\n const bodyReloadStartTimeoutRef = useRef<number | undefined>(undefined);\n const highlightEditableCellsRef = useRef(highlightEditableCells);\n const highlightChangedCellsRef = useRef(highlightChangedCells);\n const syncDeletedRowCanEditRef = useRef(syncDeletedRowCanEdit);\n const [isTreeGridReady, setIsTreeGridReady] = useState(false);\n const [isBindingLoadingVisible, setIsBindingLoadingVisible] = useState(false);\n const [hasDisplayDataRows, setHasDisplayDataRows] = useState(false);\n const currentLanguage = useGetCurrentLanguage();\n const treeGridTheme = useMemo(\n () => resolveOwpGridTheme(currentGridThemeConfig),\n [currentGridThemeConfig],\n );\n const editableCellBackgroundColorValueRef = useRef(\n resolveTreeGridColorNumber(treeGridTheme.editable.backgroundColor) ??\n resolveTreeGridColorNumber(TREEGRID_INPUT_CELL_COLOR),\n );\n const changedCellBackgroundColorRef = useRef(\n treeGridTheme.changed.backgroundColor ?? TREEGRID_CELL_HIGHLIGHT_COLOR,\n );\n const changedCellBaselineRef = useRef<TreeGridCellBaselineMap>(new WeakMap());\n const focusedCellBackgroundColorRef = useRef(treeGridTheme.state.focusedCellBackgroundColor);\n const selectedCellBackgroundColorRef = useRef(treeGridTheme.state.selectedCellBackgroundColor);\n const hoverCellBackgroundColorRef = useRef(treeGridTheme.state.hoverCellBackgroundColor);\n const currentLanguageIdRef = useRef(currentLanguage.id);\n const isPendingBodyReload =\n showLoading &&\n data !== undefined &&\n isTreeGridReady &&\n appliedBodyDataPropRef.current !== data;\n const isInternalLoadingVisible = showLoading && (isBindingLoadingVisible || isPendingBodyReload);\n const isLoadingOverlayVisible = (showLoading && loading === true) || isInternalLoadingVisible;\n const isNoDataVisible =\n !isLoadingOverlayVisible && data !== undefined && isEmpty(data) && !hasDisplayDataRows;\n\n const syncHasDisplayDataRows = (grid: TGrid | null) => {\n setHasDisplayDataRows(hasTreeGridDisplayDataRows(grid));\n };\n const handleDatePickerEditorValueChange = (\n grid: TGrid,\n row: OwpTreeGridRowModel<T>,\n col: string,\n value: unknown,\n options?: OwpTreeGridDatePickerValueChangeOptions,\n ) => {\n if (highlightChangedCellsRef.current && row.Fixed !== 'Foot') {\n syncTreeGridChangedCellHighlightById({\n gridId: id,\n grid,\n row,\n col,\n backgroundColor: changedCellBackgroundColorRef.current,\n baselineMap: changedCellBaselineRef.current,\n highlightRefresh: options?.highlightRefresh,\n });\n }\n\n const valueChangedHandler =\n latestEventHandlersRef.current?.onAfterValueChanged ??\n latestEventHandlersRef.current?.onRowChange;\n\n valueChangedHandler?.(grid, row, col, value);\n };\n\n latestLayoutOverridesRef.current = layoutOverrides;\n latestToolbarTotalCountFormulaRef.current = toolbarTotalCountFormula;\n latestSuppressCfgRef.current = suppressCfg;\n latestHideChildHeaderSortButtonsRef.current = hideChildHeaderSortButtons;\n latestSelectionScopeRef.current = selectionScope;\n latestDisabledAnimationsRef.current = disabledAnimations;\n latestBodyDataPropRef.current = data;\n layoutHasExplicitEnterModeRef.current = hasTreeGridExplicitEnterMode(layoutData);\n highlightEditableCellsRef.current = highlightEditableCells;\n highlightChangedCellsRef.current = highlightChangedCells;\n syncDeletedRowCanEditRef.current = syncDeletedRowCanEdit;\n editableCellBackgroundColorValueRef.current =\n resolveTreeGridColorNumber(treeGridTheme.editable.backgroundColor) ??\n resolveTreeGridColorNumber(TREEGRID_INPUT_CELL_COLOR);\n changedCellBackgroundColorRef.current =\n treeGridTheme.changed.backgroundColor ?? TREEGRID_CELL_HIGHLIGHT_COLOR;\n focusedCellBackgroundColorRef.current = treeGridTheme.state.focusedCellBackgroundColor;\n selectedCellBackgroundColorRef.current = treeGridTheme.state.selectedCellBackgroundColor;\n hoverCellBackgroundColorRef.current = treeGridTheme.state.hoverCellBackgroundColor;\n const {\n datePickerEditorElement,\n handleDatePickerEditorButtonClick,\n handleDatePickerEditorCellClick,\n handleDatePickerEditorKeyDown,\n handleDatePickerEditorStartEdit,\n } = useOwpTreeGridDatePickerEditor({\n config: datePickerEditor,\n treeGridInstanceRef,\n isTreeGridReady,\n onValueChange: handleDatePickerEditorValueChange,\n });\n const { errorTooltipElement, showErrorTooltip, hideErrorTooltip } =\n useOwpTreeGridErrorTooltip();\n latestEventHandlersRef.current = {\n onSelect,\n onRowClick,\n onRowAdd,\n onRowDelete,\n onBeforeRowUndelete: handleBeforeRowUndelete,\n onRowUndelete,\n onRowChange,\n onClickButton,\n onSave,\n onReady,\n onAfterValueChanged,\n onInternalButtonClick: handleDatePickerEditorButtonClick,\n onInternalCellClick: handleDatePickerEditorCellClick,\n onInternalKeyDown: handleDatePickerEditorKeyDown,\n onInternalStartEdit: handleDatePickerEditorStartEdit,\n };\n\n const overlayFrame = useOwpTreeGridOverlayFrame({\n visible: isLoadingOverlayVisible || isNoDataVisible,\n containerRef: treeGridContainerRef,\n treeGridInstanceRef,\n debugId: id,\n });\n\n const clearBindingLoadingHideTimeout = () => {\n if (bindingLoadingHideTimeoutRef.current !== undefined) {\n window.clearTimeout(bindingLoadingHideTimeoutRef.current);\n bindingLoadingHideTimeoutRef.current = undefined;\n }\n };\n\n const clearBodyReloadStartTimeout = () => {\n if (bodyReloadStartTimeoutRef.current !== undefined) {\n window.clearTimeout(bodyReloadStartTimeoutRef.current);\n bodyReloadStartTimeoutRef.current = undefined;\n }\n };\n\n useEffect(() => {\n const handleBodyRowsChanged = (event: Event) => {\n const customEvent = event as CustomEvent<TreeGridBodyRowsChangedEventDetail>;\n\n if (customEvent.detail?.gridId !== id) {\n return;\n }\n\n setHasDisplayDataRows(hasTreeGridDisplayDataRows(treeGridInstanceRef.current));\n };\n\n window.addEventListener(TREE_GRID_BODY_ROWS_CHANGED_EVENT, handleBodyRowsChanged);\n\n return () => {\n window.removeEventListener(TREE_GRID_BODY_ROWS_CHANGED_EVENT, handleBodyRowsChanged);\n };\n }, [id]);\n\n useEffect(() => {\n if (!showLoading) {\n clearBodyReloadStartTimeout();\n clearBindingLoadingHideTimeout();\n bindingLoadingStartedAtRef.current = null;\n setIsBindingLoadingVisible(false);\n }\n }, [showLoading]);\n\n useEffect(() => {\n if (\n currentLanguage.id !== currentLanguageIdRef.current &&\n !isEmpty(treeGridInstanceRef.current)\n ) {\n treeGridInstanceRef.current?.Dispose();\n treeGridInstanceRef.current = null;\n currentLanguageIdRef.current = currentLanguage.id;\n }\n\n if (!isEmpty(treeGridInstanceRef.current)) {\n return;\n }\n\n bindTreeGridEvents({\n id,\n latestEventHandlersRef,\n layoutHasExplicitEnterModeRef,\n highlightEditableCellsRef,\n highlightChangedCellsRef,\n syncDeletedRowCanEditRef,\n editableCellBackgroundColorValueRef,\n changedCellBackgroundColorRef,\n focusedCellBackgroundColorRef,\n selectedCellBackgroundColorRef,\n hoverCellBackgroundColorRef,\n changedCellBaselineRef,\n treeGridInstanceRef,\n treeGridInitStartedAtRef,\n latestLayoutOverridesRef,\n latestToolbarTotalCountFormulaRef,\n latestSuppressCfgRef,\n latestHideChildHeaderSortButtonsRef,\n latestSelectionScopeRef,\n latestDisabledAnimationsRef,\n appliedLayoutOverridesRef,\n appliedBodyDataPropRef,\n hasAppliedInitialLayoutRef,\n syncHasDisplayDataRows,\n setIsTreeGridReady,\n showErrorTooltip,\n hideErrorTooltip,\n });\n\n treeGridInitStartedAtRef.current = getTreeGridPerfTimestamp();\n countTreeGridPerf(id, 'init');\n logTreeGridPerf(id, 'TreeGrid init start', {\n useDataUrl: Boolean(useDataUrl),\n bodyRowCount: getTreeGridBodyDataCount(data),\n });\n\n window.TreeGrid(\n buildTreeGridInitializationOptions({\n id,\n layoutUrl,\n layoutData,\n toolbarTotalCountFormula,\n suppressCfg,\n disabledAnimations,\n dataUrl,\n bodyData: data,\n useDataUrl,\n width,\n height,\n languageId: currentLanguage.id,\n }),\n id,\n id,\n );\n\n return () => {\n hideErrorTooltip();\n delay(() => {\n treeGridInstanceRef.current?.Dispose();\n }, 200);\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n useLayoutEffect(() => {\n const treeGrid = treeGridInstanceRef.current;\n const nextLayoutOverrides = latestLayoutOverridesRef.current;\n const nextBodyData = latestBodyDataPropRef.current;\n\n if (isEmpty(treeGrid) || !isTreeGridReady) {\n return;\n }\n\n const shouldApplyLayoutOverrides =\n appliedLayoutOverridesRef.current !== nextLayoutOverrides &&\n !isEqual(appliedLayoutOverridesRef.current, nextLayoutOverrides);\n const shouldApplyBodyData =\n appliedBodyDataPropRef.current !== nextBodyData &&\n (!hasStagedBodyDataPropRef.current || stagedBodyDataPropRef.current !== nextBodyData);\n\n if (!shouldApplyLayoutOverrides && !shouldApplyBodyData) {\n return;\n }\n\n hideErrorTooltip();\n\n if (shouldApplyLayoutOverrides) {\n const layoutApplyStartedAt = getTreeGridPerfTimestamp();\n\n applyTreeGridLayoutToGrid(treeGrid, nextLayoutOverrides, shouldApplyBodyData);\n appliedLayoutOverridesRef.current = nextLayoutOverrides;\n measureTreeGridPerf(id, 'apply layout', layoutApplyStartedAt, {\n disableBodyReload: Boolean(shouldApplyBodyData),\n });\n }\n\n if (shouldApplyBodyData) {\n const reloadSequence = bodyReloadSequenceRef.current + 1;\n const runBodyReload = () => {\n const bodyDataToApply = stagedBodyDataPropRef.current;\n\n bodyReloadStartTimeoutRef.current = undefined;\n bodyReloadStartedAtRef.current = getTreeGridPerfTimestamp();\n countTreeGridPerf(id, 'reload');\n logTreeGridPerf(id, 'ReloadBody start', {\n bodyRowCount: getTreeGridBodyDataCount(bodyDataToApply),\n });\n\n replaceTreeGridBodyData(treeGrid, bodyDataToApply, () => {\n if (bodyReloadSequenceRef.current !== reloadSequence) {\n return;\n }\n\n appliedBodyDataPropRef.current = bodyDataToApply;\n changedCellBaselineRef.current = new WeakMap();\n captureTreeGridChangeBaselines(treeGrid, changedCellBaselineRef.current);\n syncHasDisplayDataRows(treeGrid);\n measureTreeGridPerf(id, 'ReloadBody end', bodyReloadStartedAtRef.current, {\n bodyRowCount: getTreeGridBodyDataCount(bodyDataToApply),\n });\n bodyReloadStartedAtRef.current = null;\n\n if (stagedBodyDataPropRef.current === bodyDataToApply) {\n stagedBodyDataPropRef.current = undefined;\n hasStagedBodyDataPropRef.current = false;\n }\n\n const startedAt = bindingLoadingStartedAtRef.current;\n\n if (!showLoading || startedAt === null) {\n bindingLoadingStartedAtRef.current = null;\n setIsBindingLoadingVisible(false);\n return;\n }\n\n const remainingVisibleTime = Math.max(\n 0,\n TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS - (Date.now() - startedAt),\n );\n\n clearBindingLoadingHideTimeout();\n\n if (remainingVisibleTime === 0) {\n bindingLoadingStartedAtRef.current = null;\n setIsBindingLoadingVisible(false);\n return;\n }\n\n bindingLoadingHideTimeoutRef.current = window.setTimeout(() => {\n if (bodyReloadSequenceRef.current !== reloadSequence) {\n return;\n }\n\n bindingLoadingHideTimeoutRef.current = undefined;\n bindingLoadingStartedAtRef.current = null;\n setIsBindingLoadingVisible(false);\n }, remainingVisibleTime);\n });\n };\n\n bodyReloadSequenceRef.current = reloadSequence;\n stagedBodyDataPropRef.current = nextBodyData;\n hasStagedBodyDataPropRef.current = true;\n\n if (showLoading && nextBodyData !== undefined) {\n clearBodyReloadStartTimeout();\n clearBindingLoadingHideTimeout();\n bindingLoadingStartedAtRef.current = Date.now();\n setIsBindingLoadingVisible(true);\n bodyReloadStartTimeoutRef.current = window.setTimeout(() => {\n if (bodyReloadSequenceRef.current !== reloadSequence) {\n return;\n }\n\n runBodyReload();\n }, 0);\n } else {\n runBodyReload();\n }\n }\n\n }, [isTreeGridReady, layoutOverrides, data, showLoading, id, hideErrorTooltip]);\n\n useEffect(() => {\n return () => {\n hideErrorTooltip();\n clearBodyReloadStartTimeout();\n clearBindingLoadingHideTimeout();\n };\n }, [hideErrorTooltip]);\n\n const resolvedContainerStyle: TreeGridThemeContainerStyle = createTreeGridThemeContainerStyle({\n width,\n height,\n treeGridTheme,\n gridThemeConfig: currentGridThemeConfig,\n containerStyle,\n tableBorderRadius: canUseTableRadius ? tableBorderRadius : undefined,\n });\n\n if (toolbarRowBackgroundColor !== undefined) {\n resolvedContainerStyle['--owp-tree-grid-toolbar-row-background-color'] =\n String(toolbarRowBackgroundColor);\n }\n\n if (showLoading || isNoDataVisible) {\n resolvedContainerStyle.position =\n containerStyle?.position && containerStyle.position !== 'static'\n ? containerStyle.position\n : 'relative';\n resolvedContainerStyle.isolation = 'isolate';\n }\n\n return (\n <div\n ref={treeGridContainerRef}\n className={[\n TREE_GRID_THEME_WRAPPER_CLASS,\n canUseTableRadius && TREE_GRID_THEME_TABLE_RADIUS_CLASS,\n containerClassName,\n ]\n .filter(Boolean)\n .join(' ')}\n style={resolvedContainerStyle}\n >\n <GlobalStyles styles={treeGridThemeStyles} />\n <div id={id} className={className} style={omit(style, ['height', 'width'])} />\n <OwpTreeGridNoDataOverlay\n visible={isNoDataVisible}\n message={t('Message.조회된 결과가 없습니다.')}\n overlayFrame={overlayFrame}\n />\n <OwpTreeGridLoadingOverlay\n visible={isLoadingOverlayVisible}\n overlayFrame={overlayFrame}\n />\n {datePickerEditorElement}\n {errorTooltipElement}\n </div>\n );\n};\n\nexport { OwpTreeGrid };\n"],"names":["TREE_GRID_TOTAL_COUNT_TOOLBAR_VALUE_FORMULA","TREE_GRID_TOOLBAR_FORMULA_FIELD_NAMES","hasOwnProperty","toTreeGridFormulaStringLiteral","__name","value","buildTreeGridTotalCountToolbarFormula","totalLabel","countUnitLabel","hasTreeGridToolbarFormulaField","layoutSection","isPlainObject","fieldName","isVisibleTreeGridRow","row","visible","isAddedTreeGridRow","added","isDisplayTreeGridRow","getTreeGridRows","grid","rows","captureTreeGridChangeBaselines","baselineMap","cols","col","getTreeGridCellComparableValue","isTreeGridChangedFlag","hasOtherTreeGridChangedCells","rowRecord","column","clearTreeGridCellChangedState","isTreeGridRowAddedById","resolveTreeGridCellBaselineValue","baselineValues","syncTreeGridChangedCellHighlightById","gridId","backgroundColor","highlightRefresh","baselineValue","currentValue","clearTreeGridCellHighlightById","highlightTreeGridCellById","DEFAULT_OWP_TREE_GRID_DISABLED_ANIMATIONS","OwpTreeGrid","id","containerStyle","containerClassName","toolbarRowBackgroundColor","className","style","height","width","canUseTableRadius","tableBorderRadius","DEFAULT_TABLE_RADIUS","suppressCfg","showToolbarTotalCount","hideChildHeaderSortButtons","selectionScope","layoutUrl","layoutData","disabledAnimations","dataUrl","layoutOverrides","data","useDataUrl","onSelect","onRowClick","onRowAdd","onRowDelete","onRowUndelete","onRowChange","onClickButton","onSave","onReady","onAfterValueChanged","datePickerEditor","highlightEditableCells","highlightChangedCells","syncDeletedRowCanEdit","confirmDeletedRowRemoval","loading","showLoading","t","useOwpTranslation","confirmDelete","useConfirm","currentSettings","useGetCurrentSettings","currentGridThemeConfig","_b","_a","toolbarTotalLabel","toolbarTotalCountUnitLabel","toolbarTotalCountFormula","useMemo","treeGridInstanceRef","useRef","treeGridContainerRef","treeGridInitStartedAtRef","bodyReloadStartedAtRef","latestLayoutOverridesRef","latestToolbarTotalCountFormulaRef","latestSuppressCfgRef","latestHideChildHeaderSortButtonsRef","latestSelectionScopeRef","latestDisabledAnimationsRef","latestBodyDataPropRef","layoutHasExplicitEnterModeRef","hasTreeGridExplicitEnterMode","handleBeforeRowUndelete","latestEventHandlersRef","stagedBodyDataPropRef","hasStagedBodyDataPropRef","appliedLayoutOverridesRef","appliedBodyDataPropRef","hasAppliedInitialLayoutRef","bodyReloadSequenceRef","bindingLoadingStartedAtRef","bindingLoadingHideTimeoutRef","bodyReloadStartTimeoutRef","highlightEditableCellsRef","highlightChangedCellsRef","syncDeletedRowCanEditRef","isTreeGridReady","setIsTreeGridReady","useState","isBindingLoadingVisible","setIsBindingLoadingVisible","hasDisplayDataRows","setHasDisplayDataRows","currentLanguage","useGetCurrentLanguage","treeGridTheme","resolveOwpGridTheme","editableCellBackgroundColorValueRef","resolveTreeGridColorNumber","TREEGRID_INPUT_CELL_COLOR","changedCellBackgroundColorRef","TREEGRID_CELL_HIGHLIGHT_COLOR","changedCellBaselineRef","focusedCellBackgroundColorRef","selectedCellBackgroundColorRef","hoverCellBackgroundColorRef","currentLanguageIdRef","isPendingBodyReload","isLoadingOverlayVisible","isNoDataVisible","isEmpty","syncHasDisplayDataRows","hasTreeGridDisplayDataRows","handleDatePickerEditorValueChange","options","valueChangedHandler","datePickerEditorElement","handleDatePickerEditorButtonClick","handleDatePickerEditorCellClick","handleDatePickerEditorKeyDown","handleDatePickerEditorStartEdit","useOwpTreeGridDatePickerEditor","errorTooltipElement","showErrorTooltip","hideErrorTooltip","useOwpTreeGridErrorTooltip","overlayFrame","useOwpTreeGridOverlayFrame","clearBindingLoadingHideTimeout","clearBodyReloadStartTimeout","useEffect","handleBodyRowsChanged","event","TREE_GRID_BODY_ROWS_CHANGED_EVENT","bindTreeGridEvents","getTreeGridPerfTimestamp","countTreeGridPerf","logTreeGridPerf","getTreeGridBodyDataCount","buildTreeGridInitializationOptions","delay","useLayoutEffect","treeGrid","nextLayoutOverrides","nextBodyData","shouldApplyLayoutOverrides","isEqual","shouldApplyBodyData","layoutApplyStartedAt","applyTreeGridLayoutToGrid","measureTreeGridPerf","reloadSequence","runBodyReload","bodyDataToApply","replaceTreeGridBodyData","startedAt","remainingVisibleTime","TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS","resolvedContainerStyle","createTreeGridThemeContainerStyle","jsxs","TREE_GRID_THEME_WRAPPER_CLASS","TREE_GRID_THEME_TABLE_RADIUS_CLASS","jsx","GlobalStyles","treeGridThemeStyles","omit","OwpTreeGridNoDataOverlay","OwpTreeGridLoadingOverlay"],"mappings":"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"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
var p = Object.defineProperty;
|
|
2
|
+
var o = (e, n) => p(e, "name", { value: n, configurable: !0 });
|
|
3
|
+
import { jsx as a } from "../../../node_modules/.pnpm/@emotion_react@11.14.0_@types_react@19.2.14_react@19.2.4/node_modules/@emotion/react/jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js";
|
|
4
|
+
import s from "@mui/material/Box";
|
|
5
|
+
import t from "@mui/material/Popper";
|
|
6
|
+
const d = [
|
|
7
|
+
{ name: "offset", options: { offset: [0, 8] } },
|
|
8
|
+
{ name: "flip", enabled: !0, options: { fallbackPlacements: ["top"] } },
|
|
9
|
+
{
|
|
10
|
+
name: "preventOverflow",
|
|
11
|
+
enabled: !0,
|
|
12
|
+
options: {
|
|
13
|
+
boundary: "viewport",
|
|
14
|
+
padding: 8
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
], m = /* @__PURE__ */ o(({
|
|
18
|
+
tooltip: e
|
|
19
|
+
}) => /* @__PURE__ */ a(
|
|
20
|
+
t,
|
|
21
|
+
{
|
|
22
|
+
open: !!e,
|
|
23
|
+
anchorEl: (e == null ? void 0 : e.anchorEl) ?? null,
|
|
24
|
+
placement: "bottom",
|
|
25
|
+
disablePortal: !1,
|
|
26
|
+
popperOptions: { strategy: "fixed" },
|
|
27
|
+
modifiers: d,
|
|
28
|
+
sx: /* @__PURE__ */ o((r) => ({
|
|
29
|
+
zIndex: r.zIndex.tooltip,
|
|
30
|
+
pointerEvents: "none"
|
|
31
|
+
}), "sx"),
|
|
32
|
+
children: /* @__PURE__ */ a(
|
|
33
|
+
s,
|
|
34
|
+
{
|
|
35
|
+
role: "tooltip",
|
|
36
|
+
sx: /* @__PURE__ */ o((r) => ({
|
|
37
|
+
maxWidth: 320,
|
|
38
|
+
px: 1.25,
|
|
39
|
+
py: 0.75,
|
|
40
|
+
border: `1px solid ${r.palette.error.main}`,
|
|
41
|
+
borderRadius: 0.75,
|
|
42
|
+
bgcolor: r.palette.background.paper,
|
|
43
|
+
boxShadow: r.shadows[3],
|
|
44
|
+
color: r.palette.error.main,
|
|
45
|
+
fontSize: 12,
|
|
46
|
+
fontWeight: 500,
|
|
47
|
+
lineHeight: 1.45,
|
|
48
|
+
overflowWrap: "anywhere",
|
|
49
|
+
whiteSpace: "pre-wrap"
|
|
50
|
+
}), "sx"),
|
|
51
|
+
children: e == null ? void 0 : e.message
|
|
52
|
+
}
|
|
53
|
+
)
|
|
54
|
+
}
|
|
55
|
+
), "OwpTreeGridErrorTooltip");
|
|
56
|
+
export {
|
|
57
|
+
m as OwpTreeGridErrorTooltip
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=OwpTreeGridErrorTooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OwpTreeGridErrorTooltip.js","sources":["../../../../src/components/OwpTreeGrid/internal/OwpTreeGridErrorTooltip.tsx"],"sourcesContent":["import Box from '@mui/material/Box';\nimport Popper, { type PopperProps } from '@mui/material/Popper';\n\nconst TREE_GRID_ERROR_TOOLTIP_POPPER_MODIFIERS: PopperProps['modifiers'] = [\n { name: 'offset', options: { offset: [0, 8] } },\n { name: 'flip', enabled: true, options: { fallbackPlacements: ['top'] } },\n {\n name: 'preventOverflow',\n enabled: true,\n options: {\n boundary: 'viewport',\n padding: 8,\n },\n },\n];\n\nexport type OwpTreeGridErrorTooltipState = {\n anchorEl: HTMLElement;\n key: string;\n message: string;\n};\n\n/**\n * OwpTreeGrid Error tooltip 표시 컴포넌트\n * @param tooltip tooltip 표시 상태\n */\nexport const OwpTreeGridErrorTooltip = ({\n tooltip,\n}: {\n tooltip: OwpTreeGridErrorTooltipState | null;\n}) => {\n const open = Boolean(tooltip);\n\n return (\n <Popper\n open={open}\n anchorEl={tooltip?.anchorEl ?? null}\n placement=\"bottom\"\n disablePortal={false}\n popperOptions={{ strategy: 'fixed' }}\n modifiers={TREE_GRID_ERROR_TOOLTIP_POPPER_MODIFIERS}\n sx={(theme) => ({\n zIndex: theme.zIndex.tooltip,\n pointerEvents: 'none',\n })}\n >\n <Box\n role=\"tooltip\"\n sx={(theme) => ({\n maxWidth: 320,\n px: 1.25,\n py: 0.75,\n border: `1px solid ${theme.palette.error.main}`,\n borderRadius: 0.75,\n bgcolor: theme.palette.background.paper,\n boxShadow: theme.shadows[3],\n color: theme.palette.error.main,\n fontSize: 12,\n fontWeight: 500,\n lineHeight: 1.45,\n overflowWrap: 'anywhere',\n whiteSpace: 'pre-wrap',\n })}\n >\n {tooltip?.message}\n </Box>\n </Popper>\n );\n};\n"],"names":["TREE_GRID_ERROR_TOOLTIP_POPPER_MODIFIERS","OwpTreeGridErrorTooltip","__name","tooltip","jsx","Popper","theme","Box"],"mappings":";;;;;AAGA,MAAMA,IAAqE;AAAA,EACzE,EAAE,MAAM,UAAU,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,IAAE;AAAA,EAC5C,EAAE,MAAM,QAAQ,SAAS,IAAM,SAAS,EAAE,oBAAoB,CAAC,KAAK,IAAE;AAAA,EACtE;AAAA,IACE,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAYaC,IAA0B,gBAAAC,EAAA,CAAC;AAAA,EACtC,SAAAC;AACF,MAMI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,MAJS,EAAQF;AAAA,IAKjB,WAAUA,KAAA,gBAAAA,EAAS,aAAY;AAAA,IAC/B,WAAU;AAAA,IACV,eAAe;AAAA,IACf,eAAe,EAAE,UAAU,QAAA;AAAA,IAC3B,WAAWH;AAAA,IACX,IAAI,gBAAAE,EAAA,CAACI,OAAW;AAAA,MACd,QAAQA,EAAM,OAAO;AAAA,MACrB,eAAe;AAAA,IAAA,IAFb;AAAA,IAKJ,UAAA,gBAAAF;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI,gBAAAL,EAAA,CAACI,OAAW;AAAA,UACd,UAAU;AAAA,UACV,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,QAAQ,aAAaA,EAAM,QAAQ,MAAM,IAAI;AAAA,UAC7C,cAAc;AAAA,UACd,SAASA,EAAM,QAAQ,WAAW;AAAA,UAClC,WAAWA,EAAM,QAAQ,CAAC;AAAA,UAC1B,OAAOA,EAAM,QAAQ,MAAM;AAAA,UAC3B,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,cAAc;AAAA,UACd,YAAY;AAAA,QAAA,IAbV;AAAA,QAgBH,UAAAH,KAAA,gBAAAA,EAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ;AAAA,GAvCiC;"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
var E = Object.defineProperty;
|
|
2
|
+
var u = (r, t) => E(r, "name", { value: t, configurable: !0 });
|
|
3
|
+
import { useRef as a, useState as d, useCallback as c, createElement as k } from "react";
|
|
4
|
+
import { OwpTreeGridErrorTooltip as w } from "../OwpTreeGridErrorTooltip.js";
|
|
5
|
+
const G = /* @__PURE__ */ u(() => {
|
|
6
|
+
const r = a(null), [t, e] = d(null), p = c(
|
|
7
|
+
({ anchorEl: n, row: f, col: m, message: l }) => {
|
|
8
|
+
const i = `${f.id ?? ""}:${m}`, o = r.current;
|
|
9
|
+
if ((o == null ? void 0 : o.key) === i && o.anchorEl === n && o.message === l)
|
|
10
|
+
return;
|
|
11
|
+
const s = { anchorEl: n, key: i, message: l };
|
|
12
|
+
r.current = s, e(s);
|
|
13
|
+
},
|
|
14
|
+
[]
|
|
15
|
+
), T = c(() => {
|
|
16
|
+
r.current && (r.current = null, e(null));
|
|
17
|
+
}, []);
|
|
18
|
+
return {
|
|
19
|
+
errorTooltipElement: k(w, { tooltip: t }),
|
|
20
|
+
showErrorTooltip: p,
|
|
21
|
+
hideErrorTooltip: T
|
|
22
|
+
};
|
|
23
|
+
}, "useOwpTreeGridErrorTooltip");
|
|
24
|
+
export {
|
|
25
|
+
G as useOwpTreeGridErrorTooltip
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=useOwpTreeGridErrorTooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useOwpTreeGridErrorTooltip.js","sources":["../../../../../src/components/OwpTreeGrid/internal/hooks/useOwpTreeGridErrorTooltip.ts"],"sourcesContent":["import {\n type ReactNode,\n createElement,\n useCallback,\n useRef,\n useState,\n} from 'react';\nimport {\n OwpTreeGridErrorTooltip,\n type OwpTreeGridErrorTooltipState,\n} from '../OwpTreeGridErrorTooltip';\n\nexport type OwpTreeGridErrorTooltipShowParams = {\n anchorEl: HTMLElement;\n row: TRow;\n col: string;\n message: string;\n};\n\nexport type OwpTreeGridErrorTooltipShowHandler = (\n params: OwpTreeGridErrorTooltipShowParams,\n) => void;\n\nexport type OwpTreeGridErrorTooltipHideHandler = () => void;\n\n/**\n * OwpTreeGrid Error tooltip 상태 훅\n */\nexport const useOwpTreeGridErrorTooltip = (): {\n errorTooltipElement: ReactNode;\n showErrorTooltip: OwpTreeGridErrorTooltipShowHandler;\n hideErrorTooltip: OwpTreeGridErrorTooltipHideHandler;\n} => {\n const tooltipRef = useRef<OwpTreeGridErrorTooltipState | null>(null);\n const [tooltip, setTooltip] = useState<OwpTreeGridErrorTooltipState | null>(null);\n\n const showErrorTooltip = useCallback<OwpTreeGridErrorTooltipShowHandler>(\n ({ anchorEl, row, col, message }) => {\n const key = `${row.id ?? ''}:${col}`;\n const currentTooltip = tooltipRef.current;\n\n if (\n currentTooltip?.key === key &&\n currentTooltip.anchorEl === anchorEl &&\n currentTooltip.message === message\n ) {\n return;\n }\n\n const nextTooltip = { anchorEl, key, message };\n\n tooltipRef.current = nextTooltip;\n setTooltip(nextTooltip);\n },\n [],\n );\n\n const hideErrorTooltip = useCallback(() => {\n if (!tooltipRef.current) {\n return;\n }\n\n tooltipRef.current = null;\n setTooltip(null);\n }, []);\n\n return {\n errorTooltipElement: createElement(OwpTreeGridErrorTooltip, { tooltip }),\n showErrorTooltip,\n hideErrorTooltip,\n };\n};\n"],"names":["useOwpTreeGridErrorTooltip","__name","tooltipRef","useRef","tooltip","setTooltip","useState","showErrorTooltip","useCallback","anchorEl","row","col","message","key","currentTooltip","nextTooltip","hideErrorTooltip","createElement","OwpTreeGridErrorTooltip"],"mappings":";;;;AA4BO,MAAMA,IAA6B,gBAAAC,EAAA,MAIrC;AACH,QAAMC,IAAaC,EAA4C,IAAI,GAC7D,CAACC,GAASC,CAAU,IAAIC,EAA8C,IAAI,GAE1EC,IAAmBC;AAAA,IACvB,CAAC,EAAE,UAAAC,GAAU,KAAAC,GAAK,KAAAC,GAAK,SAAAC,QAAc;AACnC,YAAMC,IAAM,GAAGH,EAAI,MAAM,EAAE,IAAIC,CAAG,IAC5BG,IAAiBZ,EAAW;AAElC,WACEY,KAAA,gBAAAA,EAAgB,SAAQD,KACxBC,EAAe,aAAaL,KAC5BK,EAAe,YAAYF;AAE3B;AAGF,YAAMG,IAAc,EAAE,UAAAN,GAAU,KAAAI,GAAK,SAAAD,EAAA;AAErC,MAAAV,EAAW,UAAUa,GACrBV,EAAWU,CAAW;AAAA,IACxB;AAAA,IACA,CAAA;AAAA,EAAC,GAGGC,IAAmBR,EAAY,MAAM;AACzC,IAAKN,EAAW,YAIhBA,EAAW,UAAU,MACrBG,EAAW,IAAI;AAAA,EACjB,GAAG,CAAA,CAAE;AAEL,SAAO;AAAA,IACL,qBAAqBY,EAAcC,GAAyB,EAAE,SAAAd,GAAS;AAAA,IACvE,kBAAAG;AAAA,IACA,kBAAAS;AAAA,EAAA;AAEJ,GA3C0C;"}
|