@owp/core 2.5.12 → 2.5.14

package/dist/components/OwpSelectorBase/OwpSelectorAutocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwpSelectorAutocomplete.js","sources":["../../../src/components/OwpSelectorBase/OwpSelectorAutocomplete.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n  Autocomplete,\n  Box,\n  Checkbox,\n  Chip,\n  CircularProgress,\n  ClickAwayListener,\n  Paper,\n  Popper,\n  TextField,\n} from '@mui/material';\nimport { alpha } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport {\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type MutableRefObject,\n  type SyntheticEvent,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type {\n  OwpSelectorBaseHookResult,\n  OwpSelectorBaseOption,\n  OwpSelectorBaseProps,\n} from './types';\nimport { isSelectorAllOption } from './utils';\n\ninterface OwpSelectorAutocompleteProps {\n  hookResult: OwpSelectorBaseHookResult;\n  props: OwpSelectorBaseProps;\n}\n\nconst MULTIPLE_VISIBLE_CHIP_COUNT = 2;\nconst AUTOCOMPLETE_MIN_WIDTH = 152;\nconst MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH = 72;\nconst SELECTOR_CLEAR_ICON_FONT_SIZE = 18.57;\nconst STANDARD_AUTOCOMPLETE_INPUT_PADDING_LEFT = '11px !important';\nconst OUTLINED_AUTOCOMPLETE_INPUT_PADDING_LEFT = '2px !important';\nconst OUTLINED_SMALL_AUTOCOMPLETE_INPUT_PADDING_LEFT = '5px !important';\n\ntype SelectorAutocompleteKeyDownEvent = ReactKeyboardEvent<HTMLDivElement> & {\n  defaultMuiPrevented?: boolean;\n};\n\n/**\n * 현재 키 이벤트 기준 입력값 반환\n * @param event 키보드 이벤트\n * @param fallbackValue 제어 입력 fallback 값\n */\nconst getCurrentAutocompleteInputValue = (\n  event: SelectorAutocompleteKeyDownEvent,\n  fallbackValue?: string,\n) => {\n  const eventTarget = event.target;\n\n  if (eventTarget instanceof HTMLInputElement) {\n    return eventTarget.value;\n  }\n\n  return fallbackValue ?? '';\n};\n\n/**\n * Autocomplete 옵션 라벨 문자열 변환\n * @param label 옵션 라벨\n */\nconst getAutocompleteOptionLabel = (label: OwpSelectorBaseOption['label']) => {\n  return typeof label === 'string' || typeof label === 'number' ? `${label}` : '';\n};\n\n/**\n * Autocomplete 기반 공통 선택기\n * @param props Autocomplete 렌더링 props\n */\nexport const OwpSelectorAutocomplete = ({ hookResult, props }: OwpSelectorAutocompleteProps) => {\n  const { t } = useOwpTranslation();\n  const {\n    autocompleteInputValue,\n    className,\n    disableAllValueItem,\n    disableClientFilter,\n    disabled,\n    error,\n    fullWidth,\n    helperText,\n    label,\n    loading,\n    loadingText,\n    multiple,\n    noOptionsText,\n    onAutocompleteInputChange,\n    placeholder,\n    required,\n    textFieldProps,\n  } = props;\n  const {\n    allOption,\n    clearSelection,\n    isAllSelected,\n    resolvedOptions,\n    restoreAllSelection,\n    selectAll,\n    selectedOption,\n    selectedOptions,\n    selectMultipleValues,\n    selectSingleValue,\n  } = hookResult;\n  const options = disableAllValueItem ? resolvedOptions : [allOption, ...resolvedOptions];\n  const filteredSelectedOptions = useMemo(\n    () => selectedOptions.filter((option) => !isSelectorAllOption(option)),\n    [selectedOptions],\n  );\n  const hiddenSelectedOptions = useMemo(\n    () => (isAllSelected ? [] : filteredSelectedOptions.slice(MULTIPLE_VISIBLE_CHIP_COUNT)),\n    [filteredSelectedOptions, isAllSelected],\n  );\n  const hiddenSelectedOptionCount = hiddenSelectedOptions.length;\n  const [hiddenChipAnchorEl, setHiddenChipAnchorEl] = useState<HTMLElement | null>(null);\n  const autocompleteRootRef = useRef<HTMLDivElement | null>(null);\n  const resolvedNoOptionsText = noOptionsText ?? t('Message.검색 결과 없음');\n  const shouldRestoreAllOnClearRef = useRef(\n    multiple &&\n      !disableAllValueItem &&\n      ((props.value ?? props.defaultValue) == null || (props.value ?? props.defaultValue) === ''),\n  );\n  const autocompleteSlotProps = {\n    clearIndicator: {\n      className: 'm-0 p-0',\n      size: 'small',\n    },\n    paper: {\n      sx: {\n        '& .MuiAutocomplete-noOptions': {\n          fontSize: 14,\n          px: 1,\n          py: 1.5,\n          whiteSpace: 'nowrap',\n        },\n      },\n    },\n    popupIndicator: {\n      className: 'm-0 p-0',\n      size: 'small',\n    },\n  } as const;\n  const resolvedTextFieldVariant = textFieldProps?.variant ?? 'standard';\n  const singleAutocompleteInputSx =\n    resolvedTextFieldVariant === 'standard'\n      ? {\n          '& .MuiAutocomplete-input': {\n            paddingLeft: STANDARD_AUTOCOMPLETE_INPUT_PADDING_LEFT,\n          },\n        }\n      : resolvedTextFieldVariant === 'outlined'\n        ? {\n            '& .MuiAutocomplete-input': {\n              paddingLeft:\n                textFieldProps?.size === 'small'\n                  ? OUTLINED_SMALL_AUTOCOMPLETE_INPUT_PADDING_LEFT\n                  : OUTLINED_AUTOCOMPLETE_INPUT_PADDING_LEFT,\n            },\n          }\n        : undefined;\n  const autocompleteSx = {\n    minWidth: AUTOCOMPLETE_MIN_WIDTH,\n    '& .MuiAutocomplete-endAdornment': {\n      '& .MuiAutocomplete-clearIndicator + .MuiAutocomplete-popupIndicator': {\n        ml: 0,\n      },\n      '& .MuiIconButton-root': {\n        m: 0,\n        p: 0,\n      },\n      '& > :not(style) + :not(style)': {\n        ml: 0,\n      },\n      alignItems: 'center',\n      gap: 0,\n      right: 0,\n    },\n  } as const;\n  const multipleAutocompleteSx = {\n    ...autocompleteSx,\n    '& .MuiAutocomplete-inputRoot .MuiAutocomplete-input': {\n      flexBasis: MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH,\n      minWidth: MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH,\n    },\n  } as const;\n\n  useEffect(() => {\n    if (!hiddenSelectedOptionCount) {\n      setHiddenChipAnchorEl(null);\n    }\n  }, [hiddenSelectedOptionCount]);\n\n  useEffect(() => {\n    if (!shouldRestoreAllOnClearRef.current) {\n      return;\n    }\n\n    const formElement = autocompleteRootRef.current?.closest('form');\n\n    if (!formElement) {\n      return;\n    }\n\n    const handleFormReset = () => {\n      window.setTimeout(() => {\n        restoreAllSelection();\n      }, 0);\n    };\n\n    formElement.addEventListener('reset', handleFormReset);\n\n    return () => {\n      formElement.removeEventListener('reset', handleFormReset);\n    };\n  }, [restoreAllSelection]);\n\n  const handleHiddenChipPopperClose = () => {\n    setHiddenChipAnchorEl(null);\n  };\n\n  const handleHiddenChipSummaryMouseDown = (event: ReactMouseEvent<HTMLElement>) => {\n    event.preventDefault();\n  };\n\n  const handleHiddenChipSummaryClick = (event: ReactMouseEvent<HTMLElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    setHiddenChipAnchorEl((previousAnchorElement) =>\n      previousAnchorElement === event.currentTarget ? null : event.currentTarget,\n    );\n  };\n\n  const handleHiddenChipDelete = (optionValue: string) => {\n    selectMultipleValues(\n      filteredSelectedOptions\n        .filter((option) => option.value !== optionValue)\n        .map((option) => option.value),\n    );\n  };\n\n  const handleMultipleRootKeyDown = (event: SelectorAutocompleteKeyDownEvent) => {\n    const currentInputValue = getCurrentAutocompleteInputValue(event, autocompleteInputValue);\n\n    if (\n      (isAllSelected || hiddenSelectedOptionCount > 0) &&\n      currentInputValue === '' &&\n      (event.key === 'Backspace' || event.key === 'Delete')\n    ) {\n      event.defaultMuiPrevented = true;\n      event.preventDefault();\n      event.stopPropagation();\n    }\n\n    textFieldProps?.onKeyDown?.(\n      event as Parameters<NonNullable<typeof textFieldProps.onKeyDown>>[0],\n    );\n  };\n\n  if (multiple) {\n    return (\n      <>\n        <Autocomplete\n          ref={autocompleteRootRef as MutableRefObject<HTMLDivElement | null>}\n          className={clsx('min-w-128', className)}\n          disableCloseOnSelect\n          disabled={disabled}\n          filterOptions={disableClientFilter ? (nextOptions) => nextOptions : undefined}\n          fullWidth={fullWidth}\n          inputValue={autocompleteInputValue}\n          loading={loading}\n          multiple\n          options={options}\n          clearText=\"\"\n          closeText=\"\"\n          clearIcon={<ClearIcon sx={{ fontSize: SELECTOR_CLEAR_ICON_FONT_SIZE }} />}\n          openText=\"\"\n          popupIcon={<ArrowDropDownIcon />}\n          sx={multipleAutocompleteSx}\n          value={selectedOptions}\n          getOptionLabel={(option) => getAutocompleteOptionLabel(option.label)}\n          isOptionEqualToValue={(option, selected) => option.value === selected.value}\n          loadingText={loadingText ?? t('Common.로딩 중...')}\n          noOptionsText={resolvedNoOptionsText}\n          onChange={(\n            _event: SyntheticEvent,\n            nextOptions: OwpSelectorBaseOption[],\n            reason: string,\n            details,\n          ) => {\n            const currentInputValue =\n              _event.type === 'keydown'\n                ? getCurrentAutocompleteInputValue(\n                    _event as SelectorAutocompleteKeyDownEvent,\n                    autocompleteInputValue,\n                  )\n                : (autocompleteInputValue ?? '');\n\n            if (\n              reason === 'removeOption' &&\n              _event.type === 'keydown' &&\n              currentInputValue === '' &&\n              (isAllSelected || hiddenSelectedOptionCount > 0)\n            ) {\n              _event.preventDefault();\n              _event.stopPropagation();\n              return;\n            }\n\n            if (reason === 'clear') {\n              if (shouldRestoreAllOnClearRef.current) {\n                selectAll();\n                return;\n              }\n\n              clearSelection();\n              return;\n            }\n\n            if (!disableAllValueItem && details?.option && isSelectorAllOption(details.option)) {\n              if (isAllSelected) {\n                clearSelection();\n                return;\n              }\n\n              selectAll();\n              return;\n            }\n\n            selectMultipleValues(\n              nextOptions\n                .filter((option) => !isSelectorAllOption(option))\n                .map((option) => option.value),\n            );\n          }}\n          onInputChange={(_event, nextInputValue, reason) => {\n            onAutocompleteInputChange?.(nextInputValue, reason);\n          }}\n          onKeyDown={handleMultipleRootKeyDown}\n          slotProps={autocompleteSlotProps}\n          renderInput={(params) => (\n            <TextField\n              {...params}\n              {...textFieldProps}\n              disabled={disabled}\n              error={error}\n              fullWidth={fullWidth}\n              helperText={helperText}\n              label={label}\n              placeholder={placeholder ?? t('Common.검색')}\n              required={required}\n              slotProps={{\n                ...textFieldProps?.slotProps,\n                input: {\n                  ...params.InputProps,\n                  ...textFieldProps?.slotProps?.input,\n                  endAdornment: (\n                    <>\n                      {loading ? (\n                        <CircularProgress color=\"inherit\" size={16} sx={{ mr: 0.5 }} />\n                      ) : null}\n                      {params.InputProps.endAdornment}\n                    </>\n                  ),\n                },\n              }}\n              variant={resolvedTextFieldVariant}\n            />\n          )}\n          renderOption={(optionProps, option, state) => {\n            const { key, ...restOptionProps } = optionProps;\n\n            return (\n              <li key={key} {...restOptionProps}>\n                <Checkbox checked={state.selected} className=\"!mr-8 !p-0\" size=\"small\" />\n                {option.label}\n              </li>\n            );\n          }}\n          renderValue={(nextSelectedOptions, getItemProps) => {\n            if (!disableAllValueItem && isAllSelected) {\n              return [\n                <Box\n                  component=\"span\"\n                  key={allOption.value}\n                  sx={{ color: 'text.primary', fontWeight: 500, mr: 0.5 }}\n                >\n                  {allOption.label}\n                </Box>,\n              ];\n            }\n\n            const visibleSelectedOptions = nextSelectedOptions\n              .filter((option) => !isSelectorAllOption(option))\n              .slice(0, MULTIPLE_VISIBLE_CHIP_COUNT);\n\n            return [\n              ...visibleSelectedOptions.map((option, index) => {\n                const { key, ...itemProps } = getItemProps({ index });\n\n                return (\n                  <Chip\n                    {...itemProps}\n                    key={key}\n                    label={option.label}\n                    size=\"small\"\n                    sx={{ borderRadius: 1, mr: 0.5 }}\n                  />\n                );\n              }),\n              ...(hiddenSelectedOptionCount > 0\n                ? [\n                    <Chip\n                      key=\"owp-selector-hidden-chip-summary\"\n                      clickable\n                      label={`+${hiddenSelectedOptionCount}`}\n                      onClick={handleHiddenChipSummaryClick}\n                      onMouseDown={handleHiddenChipSummaryMouseDown}\n                      size=\"small\"\n                      sx={(theme) => ({\n                        backgroundColor: alpha(theme.palette.primary.main, 0.14),\n                        border: `1px solid ${alpha(theme.palette.primary.main, 0.22)}`,\n                        borderRadius: 1,\n                        color: theme.palette.primary.dark,\n                        fontWeight: 600,\n                        mr: 0.5,\n                        '&:hover': {\n                          backgroundColor: alpha(theme.palette.primary.main, 0.2),\n                        },\n                      })}\n                    />,\n                  ]\n                : []),\n            ];\n          }}\n        />\n        <Popper\n          anchorEl={hiddenChipAnchorEl}\n          open={Boolean(hiddenChipAnchorEl) && hiddenSelectedOptionCount > 0}\n          placement=\"bottom-start\"\n          sx={{ zIndex: (theme) => theme.zIndex.modal }}\n        >\n          <ClickAwayListener onClickAway={handleHiddenChipPopperClose}>\n            <Paper\n              className=\"mt-4\"\n              sx={{\n                border: (theme) => `1px solid ${alpha(theme.palette.common.black, 0.12)}`,\n                display: 'flex',\n                flexWrap: 'wrap',\n                gap: 0.75,\n                maxWidth: 280,\n                p: 1,\n              }}\n            >\n              {hiddenSelectedOptions.map((option) => (\n                <Chip\n                  key={option.value}\n                  label={option.label}\n                  onDelete={() => handleHiddenChipDelete(option.value)}\n                  size=\"small\"\n                  sx={{ borderRadius: 1 }}\n                />\n              ))}\n            </Paper>\n          </ClickAwayListener>\n        </Popper>\n      </>\n    );\n  }\n\n  return (\n    <Autocomplete\n      className={clsx('min-w-128', className)}\n      disabled={disabled}\n      filterOptions={disableClientFilter ? (nextOptions) => nextOptions : undefined}\n      fullWidth={fullWidth}\n      inputValue={autocompleteInputValue}\n      loading={loading}\n      options={options}\n      clearText=\"\"\n      closeText=\"\"\n      clearIcon={<ClearIcon sx={{ fontSize: SELECTOR_CLEAR_ICON_FONT_SIZE }} />}\n      openText=\"\"\n      popupIcon={<ArrowDropDownIcon />}\n      sx={autocompleteSx}\n      value={selectedOption}\n      getOptionLabel={(option) => getAutocompleteOptionLabel(option.label)}\n      isOptionEqualToValue={(option, selected) => option.value === selected.value}\n      loadingText={loadingText ?? t('Common.로딩 중...')}\n      noOptionsText={resolvedNoOptionsText}\n      onChange={(_event: SyntheticEvent, nextOption) => {\n        if (!nextOption || (!disableAllValueItem && isSelectorAllOption(nextOption))) {\n          selectSingleValue('');\n          return;\n        }\n\n        selectSingleValue(nextOption.value);\n      }}\n      onInputChange={(_event, nextInputValue, reason) => {\n        onAutocompleteInputChange?.(nextInputValue, reason);\n      }}\n      slotProps={autocompleteSlotProps}\n      renderInput={(params) => (\n        <TextField\n          {...params}\n          {...textFieldProps}\n          disabled={disabled}\n          error={error}\n          fullWidth={fullWidth}\n          helperText={helperText}\n          label={label}\n          placeholder={placeholder}\n          required={required}\n          slotProps={{\n            ...textFieldProps?.slotProps,\n            input: {\n              ...params.InputProps,\n              ...textFieldProps?.slotProps?.input,\n              sx: {\n                ...(singleAutocompleteInputSx ?? {}),\n                ...((params.InputProps as { sx?: object }).sx ?? {}),\n                ...((textFieldProps?.slotProps?.input as { sx?: object } | undefined)?.sx ?? {}),\n              },\n              endAdornment: (\n                <>\n                  {loading ? <CircularProgress color=\"inherit\" size={16} sx={{ mr: 0.5 }} /> : null}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            },\n          }}\n          variant={resolvedTextFieldVariant}\n        />\n      )}\n      selectOnFocus\n      renderOption={(optionProps, option) => {\n        const { key, ...restOptionProps } = optionProps;\n\n        return (\n          <li key={key} {...restOptionProps}>\n            {option.label}\n          </li>\n        );\n      }}\n    />\n  );\n};\n"],"names":["MULTIPLE_VISIBLE_CHIP_COUNT","AUTOCOMPLETE_MIN_WIDTH","MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH","SELECTOR_CLEAR_ICON_FONT_SIZE","STANDARD_AUTOCOMPLETE_INPUT_PADDING_LEFT","OUTLINED_AUTOCOMPLETE_INPUT_PADDING_LEFT","OUTLINED_SMALL_AUTOCOMPLETE_INPUT_PADDING_LEFT","getCurrentAutocompleteInputValue","__name","event","fallbackValue","eventTarget","getAutocompleteOptionLabel","label","OwpSelectorAutocomplete","hookResult","props","t","useOwpTranslation","autocompleteInputValue","className","disableAllValueItem","disableClientFilter","disabled","error","fullWidth","helperText","loading","loadingText","multiple","noOptionsText","onAutocompleteInputChange","placeholder","required","textFieldProps","allOption","clearSelection","isAllSelected","resolvedOptions","restoreAllSelection","selectAll","selectedOption","selectedOptions","selectMultipleValues","selectSingleValue","options","filteredSelectedOptions","useMemo","option","isSelectorAllOption","hiddenSelectedOptions","hiddenSelectedOptionCount","hiddenChipAnchorEl","setHiddenChipAnchorEl","useState","autocompleteRootRef","useRef","resolvedNoOptionsText","shouldRestoreAllOnClearRef","autocompleteSlotProps","resolvedTextFieldVariant","singleAutocompleteInputSx","autocompleteSx","multipleAutocompleteSx","useEffect","formElement","_a","handleFormReset","handleHiddenChipPopperClose","handleHiddenChipSummaryMouseDown","handleHiddenChipSummaryClick","previousAnchorElement","handleHiddenChipDelete","optionValue","handleMultipleRootKeyDown","currentInputValue","jsxs","Fragment","jsx","Autocomplete","clsx","nextOptions","ClearIcon","ArrowDropDownIcon","selected","_event","reason","details","nextInputValue","params","TextField","CircularProgress","optionProps","state","key","restOptionProps","Checkbox","nextSelectedOptions","getItemProps","Box","index","itemProps","createElement","Chip","theme","alpha","Popper","ClickAwayListener","Paper","nextOption","_c","_b"],"mappings":"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"}
+{"version":3,"file":"OwpSelectorAutocomplete.js","sources":["../../../src/components/OwpSelectorBase/OwpSelectorAutocomplete.tsx"],"sourcesContent":["import { useOwpTranslation } from '@/hooks/useOwpTranslation';\nimport ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';\nimport ClearIcon from '@mui/icons-material/Clear';\nimport {\n  Autocomplete,\n  Box,\n  Checkbox,\n  Chip,\n  CircularProgress,\n  ClickAwayListener,\n  Paper,\n  Popper,\n  TextField,\n} from '@mui/material';\nimport { alpha } from '@mui/material/styles';\nimport clsx from 'clsx';\nimport {\n  type KeyboardEvent as ReactKeyboardEvent,\n  type MouseEvent as ReactMouseEvent,\n  type MutableRefObject,\n  type SyntheticEvent,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type {\n  OwpSelectorBaseHookResult,\n  OwpSelectorBaseOption,\n  OwpSelectorBaseProps,\n} from './types';\nimport { isSelectorAllOption } from './utils';\n\ninterface OwpSelectorAutocompleteProps {\n  hookResult: OwpSelectorBaseHookResult;\n  props: OwpSelectorBaseProps;\n}\n\nconst MULTIPLE_VISIBLE_CHIP_COUNT = 2;\nconst AUTOCOMPLETE_MIN_WIDTH = 152;\nconst MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH = 72;\nconst SELECTOR_CLEAR_ICON_FONT_SIZE = 18.57;\nconst STANDARD_AUTOCOMPLETE_INPUT_PADDING_LEFT = '11px !important';\nconst OUTLINED_AUTOCOMPLETE_INPUT_PADDING_LEFT = '2px !important';\nconst OUTLINED_SMALL_AUTOCOMPLETE_INPUT_PADDING_LEFT = '5px !important';\n\ntype SelectorAutocompleteKeyDownEvent = ReactKeyboardEvent<HTMLDivElement> & {\n  defaultMuiPrevented?: boolean;\n};\n\n/**\n * 현재 키 이벤트 기준 입력값 반환\n * @param event 키보드 이벤트\n * @param fallbackValue 제어 입력 fallback 값\n */\nconst getCurrentAutocompleteInputValue = (\n  event: SelectorAutocompleteKeyDownEvent,\n  fallbackValue?: string,\n) => {\n  const eventTarget = event.target;\n\n  if (eventTarget instanceof HTMLInputElement) {\n    return eventTarget.value;\n  }\n\n  return fallbackValue ?? '';\n};\n\n/**\n * Autocomplete 옵션 라벨 문자열 변환\n * @param label 옵션 라벨\n */\nconst getAutocompleteOptionLabel = (label: OwpSelectorBaseOption['label']) => {\n  return typeof label === 'string' || typeof label === 'number' ? `${label}` : '';\n};\n\n/**\n * Autocomplete 기반 공통 선택기\n * @param props Autocomplete 렌더링 props\n */\nexport const OwpSelectorAutocomplete = ({ hookResult, props }: OwpSelectorAutocompleteProps) => {\n  const { t } = useOwpTranslation();\n  const {\n    autocompleteInputValue,\n    className,\n    disableAllValueItem,\n    disableClientFilter,\n    disabled,\n    error,\n    fullWidth,\n    helperText,\n    label,\n    loading,\n    loadingText,\n    multiple,\n    noOptionsText,\n    onAutocompleteInputChange,\n    placeholder,\n    required,\n    textFieldProps,\n  } = props;\n  const {\n    allOption,\n    clearSelection,\n    isAllSelected,\n    resolvedOptions,\n    restoreAllSelection,\n    selectAll,\n    selectedOption,\n    selectedOptions,\n    selectMultipleValues,\n    selectSingleValue,\n  } = hookResult;\n  const options = disableAllValueItem ? resolvedOptions : [allOption, ...resolvedOptions];\n  const filteredSelectedOptions = useMemo(\n    () => selectedOptions.filter((option) => !isSelectorAllOption(option)),\n    [selectedOptions],\n  );\n  const hiddenSelectedOptions = useMemo(\n    () => (isAllSelected ? [] : filteredSelectedOptions.slice(MULTIPLE_VISIBLE_CHIP_COUNT)),\n    [filteredSelectedOptions, isAllSelected],\n  );\n  const hiddenSelectedOptionCount = hiddenSelectedOptions.length;\n  const [hiddenChipAnchorEl, setHiddenChipAnchorEl] = useState<HTMLElement | null>(null);\n  const autocompleteRootRef = useRef<HTMLDivElement | null>(null);\n  const resolvedNoOptionsText = noOptionsText ?? t('Message.검색 결과 없음');\n  const shouldRestoreAllOnClearRef = useRef(\n    multiple &&\n      !disableAllValueItem &&\n      ((props.value ?? props.defaultValue) == null || (props.value ?? props.defaultValue) === ''),\n  );\n  const autocompleteSlotProps = {\n    clearIndicator: {\n      className: 'm-0 p-0',\n      size: 'small',\n    },\n    paper: {\n      sx: {\n        '& .MuiAutocomplete-noOptions': {\n          fontSize: 14,\n          px: 1,\n          py: 1.5,\n          whiteSpace: 'nowrap',\n        },\n      },\n    },\n    popupIndicator: {\n      className: 'm-0 p-0',\n      size: 'small',\n    },\n  } as const;\n  const resolvedTextFieldVariant = textFieldProps?.variant ?? 'standard';\n  const singleAutocompleteInputSx =\n    resolvedTextFieldVariant === 'standard'\n      ? {\n          '& .MuiAutocomplete-input': {\n            paddingLeft: STANDARD_AUTOCOMPLETE_INPUT_PADDING_LEFT,\n          },\n        }\n      : resolvedTextFieldVariant === 'outlined'\n        ? {\n            '& .MuiAutocomplete-input': {\n              paddingLeft:\n                textFieldProps?.size === 'small'\n                  ? OUTLINED_SMALL_AUTOCOMPLETE_INPUT_PADDING_LEFT\n                  : OUTLINED_AUTOCOMPLETE_INPUT_PADDING_LEFT,\n            },\n          }\n        : undefined;\n  const autocompleteSx = {\n    minWidth: AUTOCOMPLETE_MIN_WIDTH,\n    '& .MuiAutocomplete-endAdornment': {\n      '& .MuiAutocomplete-clearIndicator + .MuiAutocomplete-popupIndicator': {\n        ml: 0,\n      },\n      '& .MuiIconButton-root': {\n        m: 0,\n        p: 0,\n      },\n      '& > :not(style) + :not(style)': {\n        ml: 0,\n      },\n      alignItems: 'center',\n      gap: 0,\n      right: 0,\n    },\n  } as const;\n  const multipleAutocompleteSx = {\n    ...autocompleteSx,\n    '& .MuiAutocomplete-inputRoot .MuiAutocomplete-input': {\n      flexBasis: MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH,\n      minWidth: MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH,\n    },\n  } as const;\n\n  useEffect(() => {\n    if (!hiddenSelectedOptionCount) {\n      setHiddenChipAnchorEl(null);\n    }\n  }, [hiddenSelectedOptionCount]);\n\n  useEffect(() => {\n    if (!shouldRestoreAllOnClearRef.current) {\n      return;\n    }\n\n    const formElement = autocompleteRootRef.current?.closest('form');\n\n    if (!formElement) {\n      return;\n    }\n\n    const handleFormReset = () => {\n      window.setTimeout(() => {\n        restoreAllSelection();\n      }, 0);\n    };\n\n    formElement.addEventListener('reset', handleFormReset);\n\n    return () => {\n      formElement.removeEventListener('reset', handleFormReset);\n    };\n  }, [restoreAllSelection]);\n\n  const handleHiddenChipPopperClose = () => {\n    setHiddenChipAnchorEl(null);\n  };\n\n  const handleHiddenChipSummaryMouseDown = (event: ReactMouseEvent<HTMLElement>) => {\n    event.preventDefault();\n  };\n\n  const handleHiddenChipSummaryClick = (event: ReactMouseEvent<HTMLElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    setHiddenChipAnchorEl((previousAnchorElement) =>\n      previousAnchorElement === event.currentTarget ? null : event.currentTarget,\n    );\n  };\n\n  const handleHiddenChipDelete = (optionValue: string) => {\n    selectMultipleValues(\n      filteredSelectedOptions\n        .filter((option) => option.value !== optionValue)\n        .map((option) => option.value),\n    );\n  };\n\n  const handleMultipleRootKeyDown = (event: SelectorAutocompleteKeyDownEvent) => {\n    const currentInputValue = getCurrentAutocompleteInputValue(event, autocompleteInputValue);\n\n    if (\n      (isAllSelected || hiddenSelectedOptionCount > 0) &&\n      currentInputValue === '' &&\n      (event.key === 'Backspace' || event.key === 'Delete')\n    ) {\n      event.defaultMuiPrevented = true;\n      event.preventDefault();\n      event.stopPropagation();\n    }\n\n    textFieldProps?.onKeyDown?.(\n      event as Parameters<NonNullable<typeof textFieldProps.onKeyDown>>[0],\n    );\n  };\n\n  if (multiple) {\n    return (\n      <>\n        <Autocomplete\n          ref={autocompleteRootRef as MutableRefObject<HTMLDivElement | null>}\n          className={clsx('min-w-128', className)}\n          disableCloseOnSelect\n          disabled={disabled}\n          filterOptions={disableClientFilter ? (nextOptions) => nextOptions : undefined}\n          fullWidth={fullWidth}\n          inputValue={autocompleteInputValue}\n          loading={loading}\n          multiple\n          options={options}\n          clearText=\"\"\n          closeText=\"\"\n          clearIcon={<ClearIcon sx={{ fontSize: SELECTOR_CLEAR_ICON_FONT_SIZE }} />}\n          openText=\"\"\n          popupIcon={<ArrowDropDownIcon />}\n          sx={multipleAutocompleteSx}\n          value={selectedOptions}\n          getOptionLabel={(option) => getAutocompleteOptionLabel(option.label)}\n          getOptionKey={(option) => option.value}\n          isOptionEqualToValue={(option, selected) => option.value === selected.value}\n          loadingText={loadingText ?? t('Common.로딩 중...')}\n          noOptionsText={resolvedNoOptionsText}\n          onChange={(\n            _event: SyntheticEvent,\n            nextOptions: OwpSelectorBaseOption[],\n            reason: string,\n            details,\n          ) => {\n            const currentInputValue =\n              _event.type === 'keydown'\n                ? getCurrentAutocompleteInputValue(\n                    _event as SelectorAutocompleteKeyDownEvent,\n                    autocompleteInputValue,\n                  )\n                : (autocompleteInputValue ?? '');\n\n            if (\n              reason === 'removeOption' &&\n              _event.type === 'keydown' &&\n              currentInputValue === '' &&\n              (isAllSelected || hiddenSelectedOptionCount > 0)\n            ) {\n              _event.preventDefault();\n              _event.stopPropagation();\n              return;\n            }\n\n            if (reason === 'clear') {\n              if (shouldRestoreAllOnClearRef.current) {\n                selectAll();\n                return;\n              }\n\n              clearSelection();\n              return;\n            }\n\n            if (!disableAllValueItem && details?.option && isSelectorAllOption(details.option)) {\n              if (isAllSelected) {\n                clearSelection();\n                return;\n              }\n\n              selectAll();\n              return;\n            }\n\n            selectMultipleValues(\n              nextOptions\n                .filter((option) => !isSelectorAllOption(option))\n                .map((option) => option.value),\n            );\n          }}\n          onInputChange={(_event, nextInputValue, reason) => {\n            onAutocompleteInputChange?.(nextInputValue, reason);\n          }}\n          onKeyDown={handleMultipleRootKeyDown}\n          slotProps={autocompleteSlotProps}\n          renderInput={(params) => (\n            <TextField\n              {...params}\n              {...textFieldProps}\n              disabled={disabled}\n              error={error}\n              fullWidth={fullWidth}\n              helperText={helperText}\n              label={label}\n              placeholder={placeholder ?? t('Common.검색')}\n              required={required}\n              slotProps={{\n                ...textFieldProps?.slotProps,\n                input: {\n                  ...params.InputProps,\n                  ...textFieldProps?.slotProps?.input,\n                  endAdornment: (\n                    <>\n                      {loading ? (\n                        <CircularProgress color=\"inherit\" size={16} sx={{ mr: 0.5 }} />\n                      ) : null}\n                      {params.InputProps.endAdornment}\n                    </>\n                  ),\n                },\n              }}\n              variant={resolvedTextFieldVariant}\n            />\n          )}\n          renderOption={(optionProps, option, state) => {\n            const { key, ...restOptionProps } = optionProps;\n\n            return (\n              <li key={key} {...restOptionProps}>\n                <Checkbox checked={state.selected} className=\"!mr-8 !p-0\" size=\"small\" />\n                {option.label}\n              </li>\n            );\n          }}\n          renderValue={(nextSelectedOptions, getItemProps) => {\n            if (!disableAllValueItem && isAllSelected) {\n              return [\n                <Box\n                  component=\"span\"\n                  key={allOption.value}\n                  sx={{ color: 'text.primary', fontWeight: 500, mr: 0.5 }}\n                >\n                  {allOption.label}\n                </Box>,\n              ];\n            }\n\n            const visibleSelectedOptions = nextSelectedOptions\n              .filter((option) => !isSelectorAllOption(option))\n              .slice(0, MULTIPLE_VISIBLE_CHIP_COUNT);\n\n            return [\n              ...visibleSelectedOptions.map((option, index) => {\n                const { key, ...itemProps } = getItemProps({ index });\n\n                return (\n                  <Chip\n                    {...itemProps}\n                    key={key}\n                    label={option.label}\n                    size=\"small\"\n                    sx={{ borderRadius: 1, mr: 0.5 }}\n                  />\n                );\n              }),\n              ...(hiddenSelectedOptionCount > 0\n                ? [\n                    <Chip\n                      key=\"owp-selector-hidden-chip-summary\"\n                      clickable\n                      label={`+${hiddenSelectedOptionCount}`}\n                      onClick={handleHiddenChipSummaryClick}\n                      onMouseDown={handleHiddenChipSummaryMouseDown}\n                      size=\"small\"\n                      sx={(theme) => ({\n                        backgroundColor: alpha(theme.palette.primary.main, 0.14),\n                        border: `1px solid ${alpha(theme.palette.primary.main, 0.22)}`,\n                        borderRadius: 1,\n                        color: theme.palette.primary.dark,\n                        fontWeight: 600,\n                        mr: 0.5,\n                        '&:hover': {\n                          backgroundColor: alpha(theme.palette.primary.main, 0.2),\n                        },\n                      })}\n                    />,\n                  ]\n                : []),\n            ];\n          }}\n        />\n        <Popper\n          anchorEl={hiddenChipAnchorEl}\n          open={Boolean(hiddenChipAnchorEl) && hiddenSelectedOptionCount > 0}\n          placement=\"bottom-start\"\n          sx={{ zIndex: (theme) => theme.zIndex.modal }}\n        >\n          <ClickAwayListener onClickAway={handleHiddenChipPopperClose}>\n            <Paper\n              className=\"mt-4\"\n              sx={{\n                border: (theme) => `1px solid ${alpha(theme.palette.common.black, 0.12)}`,\n                display: 'flex',\n                flexWrap: 'wrap',\n                gap: 0.75,\n                maxWidth: 280,\n                p: 1,\n              }}\n            >\n              {hiddenSelectedOptions.map((option) => (\n                <Chip\n                  key={option.value}\n                  label={option.label}\n                  onDelete={() => handleHiddenChipDelete(option.value)}\n                  size=\"small\"\n                  sx={{ borderRadius: 1 }}\n                />\n              ))}\n            </Paper>\n          </ClickAwayListener>\n        </Popper>\n      </>\n    );\n  }\n\n  return (\n    <Autocomplete\n      className={clsx('min-w-128', className)}\n      disabled={disabled}\n      filterOptions={disableClientFilter ? (nextOptions) => nextOptions : undefined}\n      fullWidth={fullWidth}\n      inputValue={autocompleteInputValue}\n      loading={loading}\n      options={options}\n      clearText=\"\"\n      closeText=\"\"\n      clearIcon={<ClearIcon sx={{ fontSize: SELECTOR_CLEAR_ICON_FONT_SIZE }} />}\n      openText=\"\"\n      popupIcon={<ArrowDropDownIcon />}\n      sx={autocompleteSx}\n      value={selectedOption}\n      getOptionLabel={(option) => getAutocompleteOptionLabel(option.label)}\n      getOptionKey={(option) => option.value}\n      isOptionEqualToValue={(option, selected) => option.value === selected.value}\n      loadingText={loadingText ?? t('Common.로딩 중...')}\n      noOptionsText={resolvedNoOptionsText}\n      onChange={(_event: SyntheticEvent, nextOption) => {\n        if (!nextOption || (!disableAllValueItem && isSelectorAllOption(nextOption))) {\n          selectSingleValue('');\n          return;\n        }\n\n        selectSingleValue(nextOption.value);\n      }}\n      onInputChange={(_event, nextInputValue, reason) => {\n        onAutocompleteInputChange?.(nextInputValue, reason);\n      }}\n      slotProps={autocompleteSlotProps}\n      renderInput={(params) => (\n        <TextField\n          {...params}\n          {...textFieldProps}\n          disabled={disabled}\n          error={error}\n          fullWidth={fullWidth}\n          helperText={helperText}\n          label={label}\n          placeholder={placeholder}\n          required={required}\n          slotProps={{\n            ...textFieldProps?.slotProps,\n            input: {\n              ...params.InputProps,\n              ...textFieldProps?.slotProps?.input,\n              sx: {\n                ...(singleAutocompleteInputSx ?? {}),\n                ...((params.InputProps as { sx?: object }).sx ?? {}),\n                ...((textFieldProps?.slotProps?.input as { sx?: object } | undefined)?.sx ?? {}),\n              },\n              endAdornment: (\n                <>\n                  {loading ? <CircularProgress color=\"inherit\" size={16} sx={{ mr: 0.5 }} /> : null}\n                  {params.InputProps.endAdornment}\n                </>\n              ),\n            },\n          }}\n          variant={resolvedTextFieldVariant}\n        />\n      )}\n      selectOnFocus\n      renderOption={(optionProps, option) => {\n        const { key, ...restOptionProps } = optionProps;\n\n        return (\n          <li key={key} {...restOptionProps}>\n            {option.label}\n          </li>\n        );\n      }}\n    />\n  );\n};\n"],"names":["MULTIPLE_VISIBLE_CHIP_COUNT","AUTOCOMPLETE_MIN_WIDTH","MULTIPLE_AUTOCOMPLETE_INPUT_MIN_WIDTH","SELECTOR_CLEAR_ICON_FONT_SIZE","STANDARD_AUTOCOMPLETE_INPUT_PADDING_LEFT","OUTLINED_AUTOCOMPLETE_INPUT_PADDING_LEFT","OUTLINED_SMALL_AUTOCOMPLETE_INPUT_PADDING_LEFT","getCurrentAutocompleteInputValue","__name","event","fallbackValue","eventTarget","getAutocompleteOptionLabel","label","OwpSelectorAutocomplete","hookResult","props","t","useOwpTranslation","autocompleteInputValue","className","disableAllValueItem","disableClientFilter","disabled","error","fullWidth","helperText","loading","loadingText","multiple","noOptionsText","onAutocompleteInputChange","placeholder","required","textFieldProps","allOption","clearSelection","isAllSelected","resolvedOptions","restoreAllSelection","selectAll","selectedOption","selectedOptions","selectMultipleValues","selectSingleValue","options","filteredSelectedOptions","useMemo","option","isSelectorAllOption","hiddenSelectedOptions","hiddenSelectedOptionCount","hiddenChipAnchorEl","setHiddenChipAnchorEl","useState","autocompleteRootRef","useRef","resolvedNoOptionsText","shouldRestoreAllOnClearRef","autocompleteSlotProps","resolvedTextFieldVariant","singleAutocompleteInputSx","autocompleteSx","multipleAutocompleteSx","useEffect","formElement","_a","handleFormReset","handleHiddenChipPopperClose","handleHiddenChipSummaryMouseDown","handleHiddenChipSummaryClick","previousAnchorElement","handleHiddenChipDelete","optionValue","handleMultipleRootKeyDown","currentInputValue","jsxs","Fragment","jsx","Autocomplete","clsx","nextOptions","ClearIcon","ArrowDropDownIcon","selected","_event","reason","details","nextInputValue","params","TextField","CircularProgress","optionProps","state","key","restOptionProps","Checkbox","nextSelectedOptions","getItemProps","Box","index","itemProps","createElement","Chip","theme","alpha","Popper","ClickAwayListener","Paper","nextOption","_c","_b"],"mappings":"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"}

package/dist/components/OwpTreeGrid/OwpTreeGrid.js

@@ -1,40 +1,40 @@
-var rr = Object.defineProperty;
-var a = (r, l) => rr(r, "name", { value: l, configurable: !0 });
-import { jsxs as tr, jsx as _ } 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";
-import { resolveOwpGridTheme as or } from "../../constants/gridTheme.js";
-import { resolveTreeGridColorNumber as O, TREEGRID_INPUT_CELL_COLOR as Se, TREEGRID_CELL_HIGHLIGHT_COLOR as He } from "../../constants/treeGrid.js";
-import { useGetCurrentSettings as nr } from "../../hooks/useOwpSettings.js";
-import { useOwpTranslation as ir } from "../../hooks/useOwpTranslation.js";
-import { useGetCurrentLanguage as sr } from "../../hooks/useCurrentLanguage.js";
-import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as ke } from "../../utils/treeGridBodyRowsEvent.js";
-import { getTreeGridPerfTimestamp as z, countTreeGridPerf as Pe, logTreeGridPerf as Me, measureTreeGridPerf as Ne } from "./internal/utils/perf.js";
-import { useRef as e, useState as Y, useMemo as ur, useEffect as w, useLayoutEffect as lr } from "react";
-import ar from "@mui/material/GlobalStyles";
-import { useOwpTreeGridOverlayFrame as cr } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
-import { bindTreeGridEvents as dr, getTreeGridBodyDataCount as J, buildTreeGridInitializationOptions as fr, hasTreeGridDisplayDataRows as xe, replaceTreeGridBodyData as mr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as pr } from "./internal/treeGridRuntime.js";
-import { applyTreeGridLayoutToGrid as Rr } from "./internal/treeGridLayout.js";
-import { OwpTreeGridLoadingOverlay as Tr } from "./internal/OwpTreeGridLoadingOverlay.js";
-import { OwpTreeGridNoDataOverlay as yr } from "./internal/OwpTreeGridNoDataOverlay.js";
-import { resolveTreeGridColumnEditRuleLookup as Ve, createTreeGridColumnEditRulesState as gr, syncTreeGridColumnEditRules as Gr } from "./internal/treeGridColumnEditRules.js";
-import { createTreeGridThemeContainerStyle as vr, TREE_GRID_THEME_WRAPPER_CLASS as Cr, TREE_GRID_THEME_TABLE_RADIUS_CLASS as Er, treeGridThemeStyles as br } from "./internal/treeGridTheme.js";
+var or = Object.defineProperty;
+var a = (r, l) => or(r, "name", { value: l, configurable: !0 });
+import { jsxs as nr, jsx as _ } 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";
+import { resolveOwpGridTheme as ir } from "../../constants/gridTheme.js";
+import { resolveTreeGridColorNumber as O, TREEGRID_INPUT_CELL_COLOR as ke, TREEGRID_CELL_HIGHLIGHT_COLOR as Pe } from "../../constants/treeGrid.js";
+import { useGetCurrentSettings as sr } from "../../hooks/useOwpSettings.js";
+import { useOwpTranslation as ur } from "../../hooks/useOwpTranslation.js";
+import { useGetCurrentLanguage as lr } from "../../hooks/useCurrentLanguage.js";
+import { TREE_GRID_BODY_ROWS_CHANGED_EVENT as Me } from "../../utils/treeGridBodyRowsEvent.js";
+import { getTreeGridPerfTimestamp as z, countTreeGridPerf as Ne, logTreeGridPerf as xe, measureTreeGridPerf as Ve } from "./internal/utils/perf.js";
+import { useRef as e, useState as Y, useMemo as ar, useEffect as w, useLayoutEffect as cr } from "react";
+import dr from "@mui/material/GlobalStyles";
+import { useOwpTreeGridOverlayFrame as fr } from "./internal/hooks/useOwpTreeGridOverlayFrame.js";
+import { bindTreeGridEvents as mr, getTreeGridBodyDataCount as J, buildTreeGridInitializationOptions as pr, hasTreeGridDisplayDataRows as je, replaceTreeGridBodyData as Rr, TREE_GRID_BINDING_LOADING_MIN_VISIBLE_MS as Tr } from "./internal/treeGridRuntime.js";
+import { applyTreeGridLayoutToGrid as yr } from "./internal/treeGridLayout.js";
+import { OwpTreeGridLoadingOverlay as gr } from "./internal/OwpTreeGridLoadingOverlay.js";
+import { OwpTreeGridNoDataOverlay as Gr } from "./internal/OwpTreeGridNoDataOverlay.js";
+import { resolveTreeGridColumnEditRuleLookup as qe, createTreeGridColumnEditRulesState as vr, syncTreeGridColumnEditRules as Cr } from "./internal/treeGridColumnEditRules.js";
+import { createTreeGridThemeContainerStyle as Er, TREE_GRID_THEME_WRAPPER_CLASS as br, TREE_GRID_THEME_TABLE_RADIUS_CLASS as Dr, treeGridThemeStyles as Br } from "./internal/treeGridTheme.js";
 import { isEmpty as h } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/predicate/isEmpty.js";
-import { delay as Dr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
-import { isEqual as je } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
-import { omit as Br } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
-const Qr = /* @__PURE__ */ a(({
+import { delay as Ir } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/function/delay.js";
+import { isEqual as We } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/predicate/isEqual.js";
+import { omit as Lr } from "../../node_modules/.pnpm/es-toolkit@1.39.10/node_modules/es-toolkit/dist/compat/object/omit.js";
+const Xr = /* @__PURE__ */ a(({
   id: r = "treeGridWrapper",
   containerStyle: l,
-  containerClassName: qe,
+  containerClassName: Fe,
   toolbarRowBackgroundColor: K,
-  className: We,
-  style: Fe,
+  className: ze,
+  style: Ye,
   height: Q = "100%",
   width: U = "100%",
   canUseTableRadius: X = !1,
-  tableBorderRadius: ze = ".8rem",
-  layoutUrl: Ye,
-  layoutData: Je,
-  dataUrl: Ke,
+  tableBorderRadius: Je = ".8rem",
+  layoutUrl: Ke,
+  layoutData: Qe,
+  dataUrl: Ue,
   layoutOverrides: A,
   data: o,
   useDataUrl: Z,
@@ -51,17 +51,18 @@ const Qr = /* @__PURE__ */ a(({
   columnEditRules: m,
   highlightEditableCells: ae = !0,
   highlightChangedCells: ce = !0,
-  loading: Qe,
+  syncDeletedRowCanEdit: de = !0,
+  loading: Xe,
   showLoading: n = !0
 }) => {
-  var Ie, Le;
-  const { t: S } = ir(), H = nr(), k = (Le = (Ie = H == null ? void 0 : H.theme) == null ? void 0 : Ie.main) == null ? void 0 : Le.grid, i = e(null), de = e(null), fe = e(null), P = e(null), M = e(A), me = e(o), N = e(
+  var _e, Oe;
+  const { t: S } = ur(), H = sr(), k = (Oe = (_e = H == null ? void 0 : H.theme) == null ? void 0 : _e.main) == null ? void 0 : Oe.grid, i = e(null), fe = e(null), me = e(null), P = e(null), M = e(A), pe = e(o), N = e(
     m
   ), x = e(
-    Ve(m, {
+    qe(m, {
       hourMinuteInvalidText: S("Message.시간은 HH:mm 형식으로 입력해주세요.")
     })
-  ), pe = e({
+  ), Re = e({
     onSelect: $,
     onRowClick: ee,
     onRowAdd: re,
@@ -74,19 +75,19 @@ const Qr = /* @__PURE__ */ a(({
     onAfterValueChanged: le
   }), p = e(void 0), V = e(!1), C = e(void 0), E = e(void 0), b = e(
     void 0
-  ), Re = e(gr()), Ue = e(!1), R = e(0), c = e(null), T = e(void 0), y = e(void 0), Te = e(ae), ye = e(ce), [j, Xe] = Y(!1), [Ze, g] = Y(!1), [$e, ge] = Y(!1), D = sr(), s = ur(
-    () => or(k),
+  ), Te = e(vr()), Ze = e(!1), R = e(0), c = e(null), T = e(void 0), y = e(void 0), ye = e(ae), ge = e(ce), Ge = e(de), [j, $e] = Y(!1), [er, g] = Y(!1), [rr, ve] = Y(!1), D = lr(), s = ar(
+    () => ir(k),
     [k]
-  ), Ge = e(
-    O(s.editable.backgroundColor) ?? O(Se)
-  ), ve = e(
-    s.changed.backgroundColor ?? He
-  ), Ce = e(s.state.selectedCellBackgroundColor), Ee = e(s.state.hoverCellBackgroundColor), be = e(D.id), er = n && o !== void 0 && j && E.current !== o, q = n && Qe === !0 || n && (Ze || er), W = !q && o !== void 0 && h(o) && !$e, De = /* @__PURE__ */ a((t) => {
-    ge(xe(t));
+  ), Ce = e(
+    O(s.editable.backgroundColor) ?? O(ke)
+  ), Ee = e(
+    s.changed.backgroundColor ?? Pe
+  ), be = e(s.state.selectedCellBackgroundColor), De = e(s.state.hoverCellBackgroundColor), Be = e(D.id), tr = n && o !== void 0 && j && E.current !== o, q = n && Xe === !0 || n && (er || tr), W = !q && o !== void 0 && h(o) && !rr, Ie = /* @__PURE__ */ a((t) => {
+    ve(je(t));
   }, "syncHasDisplayDataRows");
-  M.current = A, me.current = o, N.current = m, x.current = Ve(m, {
+  M.current = A, pe.current = o, N.current = m, x.current = qe(m, {
     hourMinuteInvalidText: S("Message.시간은 HH:mm 형식으로 입력해주세요.")
-  }), Te.current = ae, ye.current = ce, Ge.current = O(s.editable.backgroundColor) ?? O(Se), ve.current = s.changed.backgroundColor ?? He, Ce.current = s.state.selectedCellBackgroundColor, Ee.current = s.state.hoverCellBackgroundColor, pe.current = {
+  }), ye.current = ae, ge.current = ce, Ge.current = de, Ce.current = O(s.editable.backgroundColor) ?? O(ke), Ee.current = s.changed.backgroundColor ?? Pe, be.current = s.state.selectedCellBackgroundColor, De.current = s.state.hoverCellBackgroundColor, Re.current = {
     onSelect: $,
     onRowClick: ee,
     onRowAdd: re,
@@ -98,9 +99,9 @@ const Qr = /* @__PURE__ */ a(({
     onReady: ue,
     onAfterValueChanged: le
   };
-  const Be = cr({
+  const Le = fr({
     visible: q || W,
-    containerRef: de,
+    containerRef: fe,
     treeGridInstanceRef: i,
     debugId: r
   }), B = /* @__PURE__ */ a(() => {
@@ -111,46 +112,47 @@ const Qr = /* @__PURE__ */ a(({
   w(() => {
     const t = /* @__PURE__ */ a((u) => {
       var d;
-      ((d = u.detail) == null ? void 0 : d.gridId) === r && ge(xe(i.current));
+      ((d = u.detail) == null ? void 0 : d.gridId) === r && ve(je(i.current));
     }, "handleBodyRowsChanged");
-    return window.addEventListener(ke, t), () => {
-      window.removeEventListener(ke, t);
+    return window.addEventListener(Me, t), () => {
+      window.removeEventListener(Me, t);
     };
   }, [r]), w(() => {
     n || (F(), B(), c.current = null, g(!1));
   }, [n]), w(() => {
     var t;
-    if (D.id !== be.current && !h(i.current) && ((t = i.current) == null || t.Dispose(), i.current = null, be.current = D.id), !!h(i.current))
-      return dr({
+    if (D.id !== Be.current && !h(i.current) && ((t = i.current) == null || t.Dispose(), i.current = null, Be.current = D.id), !!h(i.current))
+      return mr({
         id: r,
-        latestEventHandlersRef: pe,
-        highlightEditableCellsRef: Te,
-        highlightChangedCellsRef: ye,
-        editableCellBackgroundColorValueRef: Ge,
-        changedCellBackgroundColorRef: ve,
-        selectedCellBackgroundColorRef: Ce,
-        hoverCellBackgroundColorRef: Ee,
+        latestEventHandlersRef: Re,
+        highlightEditableCellsRef: ye,
+        highlightChangedCellsRef: ge,
+        syncDeletedRowCanEditRef: Ge,
+        editableCellBackgroundColorValueRef: Ce,
+        changedCellBackgroundColorRef: Ee,
+        selectedCellBackgroundColorRef: be,
+        hoverCellBackgroundColorRef: De,
         treeGridInstanceRef: i,
-        treeGridInitStartedAtRef: fe,
+        treeGridInitStartedAtRef: me,
         latestLayoutOverridesRef: M,
         appliedLayoutOverridesRef: C,
         appliedBodyDataPropRef: E,
         latestColumnEditRulesRef: N,
         latestColumnEditRuleLookupRef: x,
         appliedColumnEditRulesRef: b,
-        columnEditRulesStateRef: Re,
-        hasAppliedInitialLayoutRef: Ue,
-        syncHasDisplayDataRows: De,
-        setIsTreeGridReady: Xe
-      }), fe.current = z(), Pe(r, "init"), Me(r, "TreeGrid init start", {
+        columnEditRulesStateRef: Te,
+        hasAppliedInitialLayoutRef: Ze,
+        syncHasDisplayDataRows: Ie,
+        setIsTreeGridReady: $e
+      }), me.current = z(), Ne(r, "init"), xe(r, "TreeGrid init start", {
         useDataUrl: !!Z,
         bodyRowCount: J(o)
       }), window.TreeGrid(
-        fr({
+        pr({
           id: r,
-          layoutUrl: Ye,
-          layoutData: Je,
-          dataUrl: Ke,
+          layoutUrl: Ke,
+          layoutData: Qe,
+          dataUrl: Ue,
           bodyData: o,
           useDataUrl: Z,
           width: U,
@@ -160,100 +162,100 @@ const Qr = /* @__PURE__ */ a(({
         r,
         r
       ), () => {
-        Dr(() => {
+        Ir(() => {
           var u;
           (u = i.current) == null || u.Dispose();
         }, 200);
       };
-  }, []), lr(() => {
-    const t = i.current, u = M.current, G = me.current, d = N.current;
+  }, []), cr(() => {
+    const t = i.current, u = M.current, G = pe.current, d = N.current;
     if (h(t) || !j)
       return;
-    const _e = C.current !== u && !je(C.current, u), L = E.current !== G && (!V.current || p.current !== G), Oe = b.current !== d && !je(b.current, d);
-    if (!(!_e && !L && !Oe)) {
-      if (_e) {
+    const we = C.current !== u && !We(C.current, u), L = E.current !== G && (!V.current || p.current !== G), he = b.current !== d && !We(b.current, d);
+    if (!(!we && !L && !he)) {
+      if (we) {
         const f = z();
-        Rr(t, u, L), C.current = u, Ne(r, "apply layout", f, {
+        yr(t, u, L), C.current = u, Ve(r, "apply layout", f, {
           disableBodyReload: !!L
         });
       }
       if (L) {
-        const f = R.current + 1, we = /* @__PURE__ */ a(() => {
+        const f = R.current + 1, Ae = /* @__PURE__ */ a(() => {
           const v = p.current;
-          y.current = void 0, P.current = z(), Pe(r, "reload"), Me(r, "ReloadBody start", {
+          y.current = void 0, P.current = z(), Ne(r, "reload"), xe(r, "ReloadBody start", {
             bodyRowCount: J(v)
-          }), mr(t, v, () => {
+          }), Rr(t, v, () => {
             if (R.current !== f)
               return;
-            E.current = v, De(t), Ne(r, "ReloadBody end", P.current, {
+            E.current = v, Ie(t), Ve(r, "ReloadBody end", P.current, {
               bodyRowCount: J(v)
             }), P.current = null, p.current === v && (p.current = void 0, V.current = !1);
-            const he = c.current;
-            if (!n || he === null) {
+            const Se = c.current;
+            if (!n || Se === null) {
               c.current = null, g(!1);
               return;
             }
-            const Ae = Math.max(
+            const He = Math.max(
               0,
-              pr - (Date.now() - he)
+              Tr - (Date.now() - Se)
             );
-            if (B(), Ae === 0) {
+            if (B(), He === 0) {
               c.current = null, g(!1);
               return;
             }
             T.current = window.setTimeout(() => {
               R.current === f && (T.current = void 0, c.current = null, g(!1));
-            }, Ae);
+            }, He);
           });
         }, "runBodyReload");
         R.current = f, p.current = G, V.current = !0, n && G !== void 0 ? (F(), B(), c.current = Date.now(), g(!0), y.current = window.setTimeout(() => {
-          R.current === f && we();
-        }, 0)) : we();
+          R.current === f && Ae();
+        }, 0)) : Ae();
       }
-      Oe && (Gr(
+      he && (Cr(
         t,
         x.current,
-        Re.current
+        Te.current
       ), b.current = d);
     }
   }, [j, A, o, m, n, r]), w(() => () => {
     F(), B();
   }, []);
-  const I = vr({
+  const I = Er({
     width: U,
     height: Q,
     treeGridTheme: s,
     gridThemeConfig: k,
     containerStyle: l,
-    tableBorderRadius: X ? ze : void 0
+    tableBorderRadius: X ? Je : void 0
   });
-  return K !== void 0 && (I["--owp-tree-grid-toolbar-row-background-color"] = String(K)), (n || W) && (I.position = l != null && l.position && l.position !== "static" ? l.position : "relative", I.isolation = "isolate"), /* @__PURE__ */ tr(
+  return K !== void 0 && (I["--owp-tree-grid-toolbar-row-background-color"] = String(K)), (n || W) && (I.position = l != null && l.position && l.position !== "static" ? l.position : "relative", I.isolation = "isolate"), /* @__PURE__ */ nr(
     "div",
     {
-      ref: de,
+      ref: fe,
       className: [
-        Cr,
-        X && Er,
-        qe
+        br,
+        X && Dr,
+        Fe
       ].filter(Boolean).join(" "),
       style: I,
       children: [
-        /* @__PURE__ */ _(ar, { styles: br }),
-        /* @__PURE__ */ _("div", { id: r, className: We, style: Br(Fe, ["height", "width"]) }),
+        /* @__PURE__ */ _(dr, { styles: Br }),
+        /* @__PURE__ */ _("div", { id: r, className: ze, style: Lr(Ye, ["height", "width"]) }),
         /* @__PURE__ */ _(
-          yr,
+          Gr,
           {
             visible: W,
             message: S("Message.조회된 결과가 없습니다."),
-            overlayFrame: Be
+            overlayFrame: Le
           }
         ),
-        /* @__PURE__ */ _(Tr, { visible: q, overlayFrame: Be })
+        /* @__PURE__ */ _(gr, { visible: q, overlayFrame: Le })
       ]
     }
   );
 }, "OwpTreeGrid");
 export {
-  Qr as OwpTreeGrid
+  Xr as OwpTreeGrid
 };
 //# sourceMappingURL=OwpTreeGrid.js.map