create-react-admin-template 0.0.0-stage → 0.1.0

package/template/src/components/PageFeedback/PageFeedback.tsx

@@ -0,0 +1,194 @@
+import { fnIsApiError } from '@/api'
+import { useLocale } from '@/locale'
+import {
+  Inbox,
+  LoaderCircle,
+  RotateCcw,
+  TriangleAlert,
+  type LucideIcon,
+} from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import type {
+  IPageEmptyStateProps,
+  IPageErrorStateProps,
+  TPageLoadingStateProps,
+} from './types'
+
+type TPageFeedbackLayoutProps = {
+  /** 当前反馈状态使用的无语义装饰图标。 */
+  Icon: LucideIcon
+  /** 当前状态是否仍在等待异步操作完成。 */
+  bIsBusy?: boolean
+  /** Feature 提供的后续操作区域。 */
+  objAction?: React.ReactNode
+  /** 请求 ID 等不属于主说明的补充信息。 */
+  objDetails?: React.ReactNode
+  /** 外层布局样式。 */
+  strClassName?: string
+  /** 当前状态的详细说明。 */
+  strDescription: string
+  /** 装饰图标附加样式。 */
+  strIconClassName?: string
+  /** 动态反馈的播报优先级。 */
+  strLive: 'assertive' | 'polite'
+  /** 动态反馈的无障碍角色。 */
+  strRole: 'alert' | 'status'
+  /** 当前状态的简短标题。 */
+  strTitle: string
+}
+
+function PageFeedbackLayout({
+  Icon,
+  bIsBusy,
+  objAction,
+  objDetails,
+  strClassName,
+  strDescription,
+  strIconClassName,
+  strLive,
+  strRole,
+  strTitle,
+}: TPageFeedbackLayoutProps) {
+  return (
+    <section
+      aria-busy={bIsBusy}
+      aria-live={strLive}
+      className={cn(
+        'flex min-h-64 w-full flex-col items-center justify-center gap-3 rounded-xl border border-dashed bg-card px-6 py-10 text-center',
+        strClassName
+      )}
+      role={strRole}
+    >
+      <span className='flex size-11 items-center justify-center rounded-full bg-muted text-muted-foreground'>
+        <Icon aria-hidden='true' className={cn('size-5', strIconClassName)} />
+      </span>
+      <div className='max-w-lg space-y-1.5'>
+        <h2 className='font-semibold'>{strTitle}</h2>
+        <p className='text-sm leading-6 text-muted-foreground'>
+          {strDescription}
+        </p>
+      </div>
+      {objDetails}
+      {objAction ? (
+        <div className='mt-2 flex flex-wrap justify-center gap-2'>
+          {objAction}
+        </div>
+      ) : null}
+    </section>
+  )
+}
+
+/** 页面首次加载占位；已有缓存内容时不应替换整页。 */
+export function PageLoadingState({
+  strClassName,
+  strDescription,
+  strTitle,
+}: TPageLoadingStateProps) {
+  const { fnTranslateShared } = useLocale()
+
+  return (
+    <PageFeedbackLayout
+      bIsBusy
+      Icon={LoaderCircle}
+      strClassName={strClassName}
+      strDescription={
+        strDescription ?? fnTranslateShared('pageFeedback.loadingDescription')
+      }
+      strLive='polite'
+      strRole='status'
+      strIconClassName='animate-spin motion-reduce:animate-none'
+      strTitle={strTitle ?? fnTranslateShared('pageFeedback.loadingTitle')}
+    />
+  )
+}
+
+/** 成功空态；只有请求成功且业务集合确实为空时使用。 */
+export function PageEmptyState({
+  objAction,
+  strClassName,
+  strDescription,
+  strTitle,
+}: IPageEmptyStateProps) {
+  const { fnTranslateShared } = useLocale()
+
+  return (
+    <PageFeedbackLayout
+      Icon={Inbox}
+      objAction={objAction}
+      strClassName={strClassName}
+      strDescription={
+        strDescription ?? fnTranslateShared('pageFeedback.emptyDescription')
+      }
+      strLive='polite'
+      strRole='status'
+      strTitle={strTitle ?? fnTranslateShared('pageFeedback.emptyTitle')}
+    />
+  )
+}
+
+/** 无可用页面内容时的错误态，按 ApiError 契约决定是否提供重试。 */
+export function PageErrorState({
+  bIsRetrying = false,
+  fnOnRetry,
+  objAction,
+  objError,
+  strClassName,
+  strDescription,
+  strTitle,
+}: IPageErrorStateProps) {
+  const { fnTranslateShared } = useLocale()
+  const bIsApiError = fnIsApiError(objError)
+  const strRequestId = bIsApiError ? objError.strRequestId : undefined
+  const strResolvedDescription =
+    strDescription ??
+    (bIsApiError && objError.message.trim()
+      ? objError.message
+      : fnTranslateShared('pageFeedback.errorDescription'))
+  const bCanRetry = Boolean(fnOnRetry) && (!bIsApiError || objError.bRetriable)
+  const objResolvedAction =
+    bCanRetry || objAction ? (
+      <>
+        {bCanRetry ? (
+          <Button
+            disabled={bIsRetrying}
+            onClick={fnOnRetry}
+            type='button'
+            variant='outline'
+          >
+            {bIsRetrying ? (
+              <LoaderCircle
+                aria-hidden='true'
+                className='animate-spin motion-reduce:animate-none'
+              />
+            ) : (
+              <RotateCcw aria-hidden='true' />
+            )}
+            {bIsRetrying
+              ? fnTranslateShared('pageFeedback.retrying')
+              : fnTranslateShared('common.retry')}
+          </Button>
+        ) : null}
+        {objAction}
+      </>
+    ) : undefined
+
+  return (
+    <PageFeedbackLayout
+      Icon={TriangleAlert}
+      objAction={objResolvedAction}
+      objDetails={
+        strRequestId ? (
+          <p className='font-mono text-xs text-muted-foreground'>
+            {fnTranslateShared('pageFeedback.requestId')}：{strRequestId}
+          </p>
+        ) : undefined
+      }
+      strClassName={strClassName}
+      strDescription={strResolvedDescription}
+      strLive='assertive'
+      strRole='alert'
+      strTitle={strTitle ?? fnTranslateShared('pageFeedback.errorTitle')}
+    />
+  )
+}

package/template/src/components/PageFeedback/index.ts

@@ -0,0 +1,10 @@
+export {
+  PageEmptyState,
+  PageErrorState,
+  PageLoadingState,
+} from './PageFeedback'
+export type {
+  IPageEmptyStateProps,
+  IPageErrorStateProps,
+  TPageLoadingStateProps,
+} from './types'

package/template/src/components/PageFeedback/types.ts

@@ -0,0 +1,31 @@
+import type { ReactNode } from 'react'
+
+interface IPageFeedbackTextProps {
+  /** 外层布局样式；仅用于页面级尺寸和间距调整。 */
+  strClassName?: string
+  /** 状态标题；省略时使用当前 Locale 的共享文案。 */
+  strTitle?: string
+  /** 状态说明；省略时使用当前 Locale 的共享文案。 */
+  strDescription?: string
+}
+
+/** 页面首次加载且还没有可展示内容时的参数。 */
+export type TPageLoadingStateProps = IPageFeedbackTextProps
+
+/** 页面请求成功但结果集合为空时的参数。 */
+export interface IPageEmptyStateProps extends IPageFeedbackTextProps {
+  /** 创建、清空筛选等由 Feature 拥有的后续操作。 */
+  objAction?: ReactNode
+}
+
+/** 页面没有可用内容且请求失败时的参数。 */
+export interface IPageErrorStateProps extends IPageFeedbackTextProps {
+  /** 标准 ApiError 或其他 Error；非 ApiError 不会直接泄露内部错误文案。 */
+  objError: Error
+  /** 返回、联系支持等由 Feature 提供的非重试操作。 */
+  objAction?: ReactNode
+  /** 当前重试请求是否仍在执行，用于阻止重复触发。 */
+  bIsRetrying?: boolean
+  /** 重新执行当前幂等读取；非重试型 ApiError 即使提供也不会展示。 */
+  fnOnRetry?: () => void
+}

package/template/src/components/PasswordInput/PasswordInput.tsx

@@ -0,0 +1,50 @@
+import * as React from 'react'
+import { useLocale } from '@/locale'
+import { Eye, EyeOff } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { Button } from '../ui/button'
+import { Input } from '../ui/input'
+
+type TPasswordInputProps = Omit<
+  React.InputHTMLAttributes<HTMLInputElement>,
+  'type'
+> & {
+  ref?: React.Ref<HTMLInputElement>
+}
+
+export function PasswordInput({
+  className: strClassName,
+  disabled: bDisabled,
+  ref: objRef,
+  ...objProps
+}: TPasswordInputProps) {
+  const [bShowPassword, fnSetShowPassword] = React.useState(false)
+  const { fnTranslateShared } = useLocale()
+
+  return (
+    <div className='relative'>
+      <Input
+        type={bShowPassword ? 'text' : 'password'}
+        className={cn('pe-10', strClassName)}
+        ref={objRef}
+        disabled={bDisabled}
+        {...objProps}
+      />
+      <Button
+        type='button'
+        size='icon'
+        variant='ghost'
+        disabled={bDisabled}
+        className='absolute inset-e-0 top-1/2 -translate-y-1/2 text-muted-foreground hover:bg-transparent'
+        onClick={() => fnSetShowPassword((bPrevious) => !bPrevious)}
+      >
+        {bShowPassword ? <Eye /> : <EyeOff />}
+        <span className='sr-only'>
+          {bShowPassword
+            ? fnTranslateShared('password.hide')
+            : fnTranslateShared('password.show')}
+        </span>
+      </Button>
+    </div>
+  )
+}

package/template/src/components/PasswordInput/index.ts

@@ -0,0 +1 @@
+export { PasswordInput } from './PasswordInput'

package/template/src/components/RouteDialog/RouteDialog.tsx

@@ -0,0 +1,20 @@
+import { AppDialog } from '@/components/AppDialog'
+import type { TRouteDialogProps } from './types'
+
+/**
+ * 由路由挂载状态控制开关的应用弹窗。
+ *
+ * 路由组件存在时弹窗始终打开；关闭动作交还给调用方执行路由返回，
+ * 避免再维护一份容易与 URL 失去同步的本地 open 状态。
+ */
+export function RouteDialog({ fnOnClose, ...objProps }: TRouteDialogProps) {
+  return (
+    <AppDialog
+      {...objProps}
+      bOpen
+      fnOnOpenChange={(bOpen) => {
+        if (!bOpen) void fnOnClose()
+      }}
+    />
+  )
+}

package/template/src/components/RouteDialog/index.ts

@@ -0,0 +1,2 @@
+export { RouteDialog } from './RouteDialog'
+export { useRouteDialogNavigation } from './useRouteDialogNavigation'

package/template/src/components/RouteDialog/types.ts

@@ -0,0 +1,8 @@
+import type { TAppDialogProps } from '@/components/AppDialog'
+
+export type TRouteDialogProps = Omit<
+  TAppDialogProps,
+  'bOpen' | 'fnOnOpenChange'
+> & {
+  fnOnClose: () => void | Promise<void>
+}

package/template/src/components/RouteDialog/useRouteDialogNavigation.ts

@@ -0,0 +1,30 @@
+import { useCallback, useState } from 'react'
+
+/**
+ * 把“准备弹窗数据”和“写入弹窗路由”合并成一个可观察的打开动作。
+ *
+ * 调用方在 fnPrepareAndNavigate 中预取接口数据，完成后再导航。这样加载态
+ * 留在触发按钮上，RouteDialog 挂载时可以直接读取查询缓存，避免空弹窗闪烁。
+ */
+export function useRouteDialogNavigation() {
+  const [strPendingRouteDialogKey, fnSetPendingRouteDialogKey] = useState('')
+
+  const fnOpenRouteDialog = useCallback(
+    async (
+      strRouteDialogKey: string,
+      fnPrepareAndNavigate: () => Promise<void>
+    ) => {
+      fnSetPendingRouteDialogKey(strRouteDialogKey)
+      try {
+        await fnPrepareAndNavigate()
+      } finally {
+        fnSetPendingRouteDialogKey((strCurrentKey) =>
+          strCurrentKey === strRouteDialogKey ? '' : strCurrentKey
+        )
+      }
+    },
+    []
+  )
+
+  return { strPendingRouteDialogKey, fnOpenRouteDialog }
+}

package/template/src/components/SensitiveData/SensitiveData.tsx

@@ -0,0 +1,337 @@
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import {
+  fnResolveSensitiveDataMaskedText,
+  SensitiveDataError,
+} from '@/dataMasking'
+import { useLocale } from '@/locale'
+import { usePermission } from '@/permissions'
+import { Check, Copy, Eye, EyeOff, LoaderCircle } from 'lucide-react'
+import { cn } from '@/lib/utils'
+import { Button } from '@/components/ui/button'
+import type { ISensitiveDataProps } from './types'
+
+const nDefaultRevealDurationMs = 30_000
+const nMinimumRevealDurationMs = 1_000
+
+interface IRevealedDataState {
+  /** 请求原始值时对应的后端脱敏文本，用于阻止晚到结果串行。 */
+  readonly strMaskedSource?: string
+  /** 当前仅在组件内存中短暂保存的原始值。 */
+  readonly strValue: string
+}
+
+async function fnWriteBrowserClipboard(strText: string) {
+  if (!globalThis.navigator?.clipboard?.writeText) {
+    throw new SensitiveDataError(
+      'clipboard_unavailable',
+      '当前浏览器上下文不支持安全剪贴板写入。'
+    )
+  }
+  await globalThis.navigator.clipboard.writeText(strText)
+}
+
+function fnWrapSensitiveDataError(
+  objCause: Error | undefined,
+  strCode: 'copy_failed' | 'reveal_failed',
+  strMessage: string
+) {
+  if (objCause instanceof SensitiveDataError) return objCause
+  return new SensitiveDataError(strCode, strMessage, {
+    cause: objCause,
+  })
+}
+
+/**
+ * 默认脱敏展示敏感数据，并把临时查看、原始值复制收敛到独立权限入口。
+ *
+ * 该组件只负责交互准入；后端仍必须决定是否返回原始值并校验按需查看请求。
+ */
+export function SensitiveData({
+  fnOnError,
+  fnRequestReveal,
+  fnWriteClipboard = fnWriteBrowserClipboard,
+  objCopyPolicy = { strMode: 'disabled' },
+  objMaskingPolicy,
+  objRevealPolicy = { strMode: 'disabled' },
+  objValue,
+  strClassName,
+  strLabel,
+}: ISensitiveDataProps) {
+  const { fnTranslateShared } = useLocale()
+  const objRevealAbortRef = useRef<AbortController | null>(null)
+  const [objRevealedData, fnSetRevealedData] =
+    useState<IRevealedDataState | null>(null)
+  const [strInteractionStatus, fnSetInteractionStatus] = useState<
+    'copied' | 'copyFailed' | 'idle' | 'loading' | 'revealFailed'
+  >('idle')
+
+  const objRevealRequirement =
+    objRevealPolicy.strMode === 'authorized'
+      ? objRevealPolicy.objRequirement
+      : undefined
+  const strRevealMatchMode =
+    objRevealPolicy.strMode === 'authorized'
+      ? objRevealPolicy.strMatchMode
+      : undefined
+  const objCopyRequirement =
+    objCopyPolicy.strMode === 'disabled'
+      ? undefined
+      : objCopyPolicy.objRequirement
+  const strCopyMatchMode =
+    objCopyPolicy.strMode === 'disabled'
+      ? undefined
+      : objCopyPolicy.strMatchMode
+  const bHasRevealPermission = usePermission(
+    objRevealRequirement,
+    strRevealMatchMode
+  )
+  const bHasCopyPermission = usePermission(objCopyRequirement, strCopyMatchMode)
+  const bCanReveal =
+    objRevealPolicy.strMode === 'authorized' &&
+    bHasRevealPermission &&
+    (objValue.strState === 'available' || Boolean(fnRequestReveal))
+  const strRevealMode = objRevealPolicy.strMode
+  const nConfiguredRevealDurationMs =
+    objRevealPolicy.strMode === 'authorized'
+      ? objRevealPolicy.nDurationMs
+      : undefined
+  const bDoesRevealedDataMatchSource = Boolean(
+    objRevealedData &&
+    (objValue.strState === 'available'
+      ? objRevealedData.strValue === objValue.strValue
+      : objRevealedData.strMaskedSource === objValue.strMaskedValue)
+  )
+  const bIsRevealed =
+    bCanReveal && bDoesRevealedDataMatchSource && objRevealedData !== null
+  const strMaskedValue = useMemo(
+    () => fnResolveSensitiveDataMaskedText(objValue, objMaskingPolicy),
+    [objMaskingPolicy, objValue]
+  )
+  const strDisplayedValue = bIsRevealed
+    ? objRevealedData.strValue
+    : strMaskedValue
+  const bCanCopy =
+    objCopyPolicy.strMode === 'masked'
+      ? bHasCopyPermission
+      : objCopyPolicy.strMode === 'revealed' &&
+        bHasCopyPermission &&
+        bIsRevealed
+
+  const fnHide = useCallback(() => {
+    objRevealAbortRef.current?.abort()
+    objRevealAbortRef.current = null
+    fnSetRevealedData(null)
+    fnSetInteractionStatus('idle')
+  }, [])
+
+  const strAvailableValue =
+    objValue.strState === 'available' ? objValue.strValue : undefined
+  const strServerMaskedValue = objValue.strMaskedValue
+
+  useEffect(() => {
+    const nTimer = globalThis.setTimeout(fnHide, 0)
+    return () => globalThis.clearTimeout(nTimer)
+  }, [fnHide, strAvailableValue, strServerMaskedValue])
+
+  useEffect(() => {
+    if (bCanReveal) return
+    const nTimer = globalThis.setTimeout(fnHide, 0)
+    return () => globalThis.clearTimeout(nTimer)
+  }, [bCanReveal, fnHide])
+
+  useEffect(() => {
+    if (!bIsRevealed || strRevealMode !== 'authorized') return
+
+    const nRevealDurationMs = Math.max(
+      nMinimumRevealDurationMs,
+      Number.isFinite(nConfiguredRevealDurationMs)
+        ? Math.trunc(nConfiguredRevealDurationMs ?? nDefaultRevealDurationMs)
+        : nDefaultRevealDurationMs
+    )
+    const nTimer = globalThis.setTimeout(fnHide, nRevealDurationMs)
+    const fnHideWhenPageLeaves = () => fnHide()
+    const fnHideWhenDocumentIsHidden = () => {
+      if (document.visibilityState === 'hidden') fnHide()
+    }
+    globalThis.addEventListener('pagehide', fnHideWhenPageLeaves)
+    document.addEventListener('visibilitychange', fnHideWhenDocumentIsHidden)
+    return () => {
+      globalThis.clearTimeout(nTimer)
+      globalThis.removeEventListener('pagehide', fnHideWhenPageLeaves)
+      document.removeEventListener(
+        'visibilitychange',
+        fnHideWhenDocumentIsHidden
+      )
+    }
+  }, [bIsRevealed, fnHide, nConfiguredRevealDurationMs, strRevealMode])
+
+  useEffect(
+    () => () => {
+      objRevealAbortRef.current?.abort()
+    },
+    []
+  )
+
+  useEffect(() => {
+    if (strInteractionStatus !== 'copied') return
+    const nTimer = globalThis.setTimeout(
+      () => fnSetInteractionStatus('idle'),
+      1_500
+    )
+    return () => globalThis.clearTimeout(nTimer)
+  }, [strInteractionStatus])
+
+  const fnReveal = useCallback(async () => {
+    if (!bCanReveal || strInteractionStatus === 'loading') return
+    if (bIsRevealed) {
+      fnHide()
+      return
+    }
+
+    if (objValue.strState === 'available') {
+      fnSetRevealedData({ strValue: objValue.strValue })
+      fnSetInteractionStatus('idle')
+      return
+    }
+    if (!fnRequestReveal) return
+
+    const objAbortController = new AbortController()
+    objRevealAbortRef.current?.abort()
+    objRevealAbortRef.current = objAbortController
+    fnSetInteractionStatus('loading')
+    try {
+      const strValue = await fnRequestReveal({
+        objSignal: objAbortController.signal,
+      })
+      if (objAbortController.signal.aborted) return
+      if (!strValue) {
+        throw new SensitiveDataError(
+          'empty_reveal_value',
+          '敏感数据查看接口返回了空原始值。'
+        )
+      }
+      fnSetRevealedData({
+        strMaskedSource: objValue.strMaskedValue,
+        strValue,
+      })
+      fnSetInteractionStatus('idle')
+    } catch (objError) {
+      if (objAbortController.signal.aborted) return
+      const objSensitiveDataError = fnWrapSensitiveDataError(
+        objError instanceof Error ? objError : undefined,
+        'reveal_failed',
+        '敏感数据查看失败。'
+      )
+      fnSetInteractionStatus('revealFailed')
+      fnOnError?.(objSensitiveDataError)
+    } finally {
+      if (objRevealAbortRef.current === objAbortController) {
+        objRevealAbortRef.current = null
+      }
+    }
+  }, [
+    bCanReveal,
+    bIsRevealed,
+    fnHide,
+    fnOnError,
+    fnRequestReveal,
+    objValue,
+    strInteractionStatus,
+  ])
+
+  const fnCopy = useCallback(async () => {
+    if (!bCanCopy) return
+    const strCopyValue =
+      objCopyPolicy.strMode === 'revealed' && bIsRevealed
+        ? objRevealedData.strValue
+        : strMaskedValue
+    if (strCopyValue === null) return
+
+    try {
+      await fnWriteClipboard(strCopyValue)
+      fnSetInteractionStatus('copied')
+    } catch (objError) {
+      const objSensitiveDataError = fnWrapSensitiveDataError(
+        objError instanceof Error ? objError : undefined,
+        'copy_failed',
+        '敏感数据复制失败。'
+      )
+      fnSetInteractionStatus('copyFailed')
+      fnOnError?.(objSensitiveDataError)
+    }
+  }, [
+    bCanCopy,
+    bIsRevealed,
+    fnOnError,
+    fnWriteClipboard,
+    objCopyPolicy.strMode,
+    objRevealedData,
+    strMaskedValue,
+  ])
+
+  const strRevealAction = bIsRevealed
+    ? fnTranslateShared('sensitiveData.hide')
+    : fnTranslateShared('sensitiveData.reveal')
+  const strCopyAction =
+    objCopyPolicy.strMode === 'revealed'
+      ? fnTranslateShared('sensitiveData.copyRevealed')
+      : fnTranslateShared('sensitiveData.copyMasked')
+  const strLiveMessage =
+    strInteractionStatus === 'copied'
+      ? fnTranslateShared('sensitiveData.copied')
+      : strInteractionStatus === 'copyFailed'
+        ? fnTranslateShared('sensitiveData.copyFailed')
+        : strInteractionStatus === 'revealFailed'
+          ? fnTranslateShared('sensitiveData.revealFailed')
+          : strInteractionStatus === 'loading'
+            ? fnTranslateShared('sensitiveData.loading')
+            : ''
+
+  return (
+    <span
+      aria-label={strLabel}
+      className={cn('inline-flex min-w-0 items-center gap-1', strClassName)}
+      role='group'
+    >
+      <span className='min-w-0 break-all whitespace-pre-wrap'>
+        {strDisplayedValue}
+      </span>
+      {bCanReveal ? (
+        <Button
+          aria-label={`${strRevealAction}: ${strLabel}`}
+          disabled={strInteractionStatus === 'loading'}
+          onClick={() => void fnReveal()}
+          size='icon-xs'
+          type='button'
+          variant='ghost'
+        >
+          {strInteractionStatus === 'loading' ? (
+            <LoaderCircle aria-hidden='true' className='animate-spin' />
+          ) : bIsRevealed ? (
+            <EyeOff aria-hidden='true' />
+          ) : (
+            <Eye aria-hidden='true' />
+          )}
+        </Button>
+      ) : null}
+      {bCanCopy ? (
+        <Button
+          aria-label={`${strCopyAction}: ${strLabel}`}
+          onClick={() => void fnCopy()}
+          size='icon-xs'
+          type='button'
+          variant='ghost'
+        >
+          {strInteractionStatus === 'copied' ? (
+            <Check aria-hidden='true' />
+          ) : (
+            <Copy aria-hidden='true' />
+          )}
+        </Button>
+      ) : null}
+      <span aria-live='polite' className='sr-only'>
+        {strLiveMessage}
+      </span>
+    </span>
+  )
+}

package/template/src/components/SensitiveData/index.ts

@@ -0,0 +1,2 @@
+export { SensitiveData } from './SensitiveData'
+export type { ISensitiveDataProps } from './types'