@startdownnotez404/ui 1.3.5 → 1.3.6

package/dist/chunk-UDREPVEY.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../node_modules/classnames/index.js","../src/components/elemental/Modal/src/index.ts","../src/components/elemental/Modal/src/MuiModal/MuiModal.tsx","../src/_utils/_const/index.ts","../src/components/elemental/Modal/src/MuiModal/theme.ts"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","export { default as Modal } from '@mui/material/Modal'\nexport * from './MuiModal'\n","'use client'\nimport React, { useCallback, useMemo } from 'react'\nimport Modal, { type ModalProps } from '@mui/material/Modal'\nimport type { SxProps } from '@mui/material';\nimport type { Theme } from '@mui/material/styles';\nimport { useTheme, useMediaQuery } from '@mui/material';\nimport classnames from 'classnames';\nimport { CLASSNAMEs } from '@/_utils/_const/classNames';\nimport Tooltip from '@mui/material/Tooltip'\nimport { CloseIcon } from '@/icons/MuiIcon'\n\nimport { COMPONENTs } from '@/_utils/_const'\nimport { mergeSx } from '@/_utils/_func'\nimport { Box as Box } from '@/ele/Box'\nimport { Header as MuiHeader } from '@/ele/Typography'\nimport { ShinyPaper as MuiPaper } from '@/ele/Paper'\nimport { IconButton } from '@/ele/Button'\nimport { getDoodlePatternModalBackgroundSx } from '@/patterns'\nimport { MUI_MODAL_PAPER_RADIUS, muiModalPaperSx, muiModalRootSx } from './theme'\n\n/**\n * extended from Mui Modal\n * \n * [Doc](https://mui.com/material-ui/api/modal/)\n * \n * @param openProps - [open, setOpen]\n */\nexport default function MuiModal({\n  children,\n  openProps,\n  size = {\n    w: 'auto',\n    h: 'auto',\n  },\n  maxHeight = '95vh', maxWidth = '95vw',\n\n  onClose = () => { },\n  title = \"\",\n  titleIcon = null,\n  closeButton = null,\n  slots,\n  slotProps,\n  ...rest\n}: {\n  children?: React.ReactNode;\n  openProps: [\n    boolean, // open\n    (React.Dispatch<React.SetStateAction<boolean>> | React.Dispatch<boolean>) // setOpen\n  ];\n  size?: {\n    w?: string | number;\n    h?: string | number;\n  },\n  maxHeight?: string | number;\n  maxWidth?: string | number;\n  onClose?: () => void;\n  title?: string;\n  titleIcon?: React.ReactNode;\n  closeButton?: React.ReactNode;\n\n  slots?: {\n    closeButton?: React.ElementType;\n    closeIcon?: React.ElementType;\n  };\n  slotProps?: {\n    container?: {\n      style?: {\n        bgColor?: string;\n        shadow?: string;\n      },\n      sx?: SxProps<Theme>;\n    },\n    header?: {\n      style?: {\n        headerImg: string;\n      }\n    },\n    closeButton?: Partial<React.ComponentProps<typeof IconButton>> & {\n      closeIcon?: Partial<React.ComponentProps<typeof CloseIcon>>;\n    };\n  };\n} & Omit<ModalProps, \"open\" | \"title\">) {\n  const [open, setOpen] = openProps\n\n  // responsive behavior: on small screens modal should occupy nearly full\n  // viewport automatically so users are not staring at a tiny dialog.\n  const theme = useTheme();\n  const isSmDown = useMediaQuery(theme.breakpoints.down('sm'));\n  const effectiveSize = useMemo(() => {\n    if (isSmDown) {\n      return { width: 'calc(100vw - 2%)', height: 'calc(100vh - 2%)' };\n    }\n    return {\n      width: size.w || 'auto',\n      height: size.h || 'auto',\n    };\n  }, [isSmDown, size.w, size.h]);\n\n  const { \n    closeButton: CloseButtonSlot = IconButton,\n    closeIcon: CloseIconSlot = CloseIcon,\n  } = slots || {};\n\n  const {\n    closeButton: closeButtonAllProps,\n  } = slotProps || {};\n\n  const { closeIcon: closeIconProps, ...closeButtonProps } = closeButtonAllProps || {sx:{}};\n\n  /**\n   * Internal close handler that ensures modal state is updated\n   */\n  const handleClose = useCallback(() => {\n    // If setOpen is available (it should be from openProps), use it\n    if (typeof setOpen === 'function') {\n      setOpen(false);\n    }\n    // Also call generic onClose if provided\n    onClose?.();\n  }, [setOpen, onClose]);\n\n  /**\n   * Determine the close button to render\n   * If closeButton is provided, use it\n   * Otherwise generate a default IconButton that triggers handleClose\n   */\n  const renderCloseButton = useMemo(() => {\n    if (closeButton) return closeButton;\n    \n    return (\n      <CloseButtonSlot onClick={handleClose} size=\"small\" aria-label=\"close\" {...closeButtonProps} sx={{\n        padding: 0,\n        ...closeButtonProps?.sx,\n      }}>\n        <CloseIconSlot\n          {...closeIconProps}\n          fontSize=\"1rem\"\n          sx={{\n            color: 'var(--closeIconColor)',\n            ...closeIconProps?.sx,\n          }}\n        />\n      </CloseButtonSlot>\n    );\n  }, [closeButton, handleClose, CloseButtonSlot, CloseIconSlot, closeButtonProps, closeIconProps]);\n\n  // ensure the elemental modal classname is always present so tests can target it\n  const modalClass = classnames(CLASSNAMEs.elemental.modal, rest.className);\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      className={modalClass}\n      {...rest}\n      sx={{\n        zIndex: COMPONENTs.modal.zIndex,\n        padding: \"1%\",\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        background: 'transparent',\n\n        // backdropFilter: 'blur(5px)', // causing performance issues when blurring large areas\n      }}\n\n    >\n      <Box\n        style={{\n          \"--w\": effectiveSize.width,\n          \"--h\": effectiveSize.height,\n          \"--max-h\": maxHeight,\n          \"--max-w\": maxWidth,\n          ...(slotProps?.header?.style?.headerImg\n            ? { '--headerImg': slotProps.header.style.headerImg }\n            : {}),\n          ...(slotProps?.container?.style?.bgColor\n            ? { '--bgC': slotProps.container.style.bgColor }\n            : {}),\n          ...(slotProps?.container?.style?.shadow\n            ? { '--shadow': slotProps.container.style.shadow }\n            : {}),\n        } as React.CSSProperties}\n        sx={mergeSx(muiModalRootSx, {\n          display: \"flex\",\n          justifyContent: \"center\",\n          height: {xs: 'calc(100vh - 2%)', md: 'var(--h)'},\n          width: {xs: 'calc(100vw - 2%)', md: 'var(--w)'},\n          borderRadius: MUI_MODAL_PAPER_RADIUS,\n        })}>\n        <MuiPaper sx={mergeSx(muiModalPaperSx, slotProps?.container?.sx)}>\n          <BackgroundContainer overridePatternUrl={slotProps?.header?.style?.headerImg}>\n            <MuiModalHeader\n              title={title}\n              titleIcon={titleIcon}\n              closeButton={renderCloseButton}\n            />\n\n            <Box sx={{\n              padding: \"16px\",\n              paddingTop: \"8px\",\n              flexGrow: 1,\n              height: '-webkit-fill-available',\n              overflow: 'hidden',\n              display: 'flex',\n              flexDirection: 'column',\n            }}>\n              {children}\n            </Box>\n          </BackgroundContainer>\n        </MuiPaper>\n      </Box>\n    </Modal>\n  )\n}\n\n/**\n * Background container for the modal\n * it places a background image and a gradient overlay\n */\nfunction BackgroundContainer({ children, overridePatternUrl }: {\n  children?: React.ReactNode;\n  overridePatternUrl?: string;\n}) {\n  const isDefaultPattern = !overridePatternUrl;\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n        flexGrow: 1,\n        borderRadius: MUI_MODAL_PAPER_RADIUS,\n        position: 'relative',\n      }}>\n      <Box \n        sx={{\n          position: 'absolute',\n          inset: 0,\n          pointerEvents: 'none',\n          \n          ...(isDefaultPattern\n            ? getDoodlePatternModalBackgroundSx()\n            : {\n                backgroundImage: 'var(--headerImg)',\n                backgroundSize: '27px',\n              }),\n          opacity: 0.2,\n        }} \n      />\n      <Box sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n        flexGrow: 1,\n        borderRadius: MUI_MODAL_PAPER_RADIUS,\n        position: 'relative',\n        zIndex: 1,\n\n        // Circular gradient overlay\n        background: 'var(--modalOverlayBg)',\n      }}>\n        {children}\n      </Box>\n    </Box>\n  )\n}\n\nfunction MuiModalHeader({\n  title = '',\n  titleIcon = null,\n  closeButton = null,\n}: {\n  title?: string;\n  titleIcon?: React.ReactNode;\n  closeButton?: React.ReactNode;\n}) {\n  return (\n    <Box sx={{\n      display: 'flex',\n      justifyContent: 'center',\n      position: 'relative',\n    }}>\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          paddingTop: 1,\n          gap: 1,\n          maxWidth: '50%',\n        }}\n      >\n        <MuiHeader\n          sx={{\n            textOverflow: 'ellipsis',\n            overflow: 'hidden',\n            whiteSpace: 'pre',\n          }}\n        >\n          {title}\n        </MuiHeader>\n        {titleIcon && (\n          <MuiHeader sx={{ display: 'flex', flexShrink: 0, }}>\n            <Tooltip title=\"Icon\" arrow>\n              <span>{titleIcon}</span>\n            </Tooltip>\n          </MuiHeader>\n        )}\n      </Box>\n\n      {closeButton && (\n        <Box sx={{ position: 'absolute', right: '8px', top: '4px' }}>{closeButton}</Box>\n      )}\n    </Box>\n\n  );\n};\n\n","export const COMPONENTs = {\n  modal:{\n    zIndex: 1300,\n  }\n}\n","import type { SxProps, Theme } from '@mui/material/styles'\nimport { doodlePatternCssVars } from '@/patterns/doodlePatternStyles'\n\nexport const MUI_MODAL_PAPER_RADIUS = '20px'\n\nexport const muiModalRootSx: SxProps<Theme> = {\n  ...doodlePatternCssVars,\n  '--closeIconColor': 'var(--mui-palette-error-main)',\n  '--bgC': 'var(--mui-palette-background-default)',\n  '--shadow': 'var(--shadow-outset-1)',\n  '--modalOverlayBg': 'radial-gradient(ellipse 120% 100% at 50% 50%, var(--bgC) 0%, transparent 70%)',\n}\n\n/** Internal paper chrome. Pass as the first `sx` array item so host `slotProps.container.sx` merges instead of replacing `&.MuiPaper-root`. */\nexport const muiModalPaperSx: SxProps<Theme> = {\n  '&.MuiPaper-root': {\n    boxShadow: 'var(--shadow)',\n    backgroundColor: 'var(--bgC)',\n    borderRadius: MUI_MODAL_PAPER_RADIUS,\n    display: 'flex',\n    flexDirection: 'column',\n    maxHeight: 'var(--max-h)',\n    maxWidth: 'var(--max-w)',\n    padding: 0,\n    paddingTop: 0,\n    width: '-webkit-fill-available',\n    height: '-webkit-fill-available',\n  },\n}\n"],"mappings":"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","names":["default","default","classnames"]}

package/dist/chunk-UTVSYS6S.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/compound/UseForm/src/_utils/constants.ts","../src/components/compound/UseForm/src/_utils/helpers.ts","../src/components/compound/UseForm/src/Fields/Explanation.tsx"],"sourcesContent":["export const FIELD_TYPEs = {\n  text: 'text-field',\n  select: 'select-field',\n  slider: 'slider-field',\n  check: 'check-field',\n  date: 'date-field',\n  dateTime: 'date-time-field',\n  toggleButton: 'toggle-button',\n  autocomplete: 'autocomplete-field',\n  switch: 'switch-field',\n  number: 'number-field',\n  tel: 'tel-field',\n  json: 'json-field',\n  custom: 'custom-field',\n  textArray: 'text-array-field',\n  fileUpload: 'file-upload-field',\n  avatar: 'avatar-field',\n} as const\n","import type { SxProps, Theme } from '@mui/material/styles';\nimport { mergeSx } from '@/_utils/_func';\nimport type { Explanation, FieldConfig, FormTypeMap, InferFormDataType, RowConfig, StrictFormConfig } from './types';\nimport { FIELD_TYPEs } from './constants';\n\n/** Field `size` + host `sx`, flattened so array `sx` does not nest. */\nexport function mergeFieldSx(\n  size?: { width?: number | string; height?: number | string },\n  sx?: SxProps<Theme> | Record<string, unknown>,\n) {\n  return mergeSx(\n    size?.width != null ? { width: size.width } : undefined,\n    size?.height != null ? { height: size.height } : undefined,\n    sx,\n  )\n}\n\nexport function collectRows<T extends FormTypeMap>(config: StrictFormConfig<T>): RowConfig<T>[] {\n    const rows: RowConfig<T>[] = [];\n    if ('schema' in config && config.schema) {\n        rows.push(...config.schema as RowConfig<T>[]);\n    }\n    if ('steps' in config && config.steps) {\n        config.steps.forEach((step) => rows.push(...step.schema as RowConfig<T>[]));\n    }\n    return rows;\n}\n\nexport function collectFields<T extends FormTypeMap>(config: StrictFormConfig<T>): FieldConfig<T>[] {\n    return collectRows(config).flatMap((row) => row.fields);\n}\n\n/** Identity of registered fields (name/type/default). Used to avoid re-registering on config object identity changes. */\nexport function getFormFieldsSignature<T extends FormTypeMap>(config: StrictFormConfig<T>): string {\n    return JSON.stringify(\n        collectFields(config).map((field) => [field.name, field.type, field.defaultValue]),\n    );\n}\n\nexport function getFieldExplanation(\n    field: { explanation?: Explanation; explaination?: Explanation },\n): Explanation | undefined {\n    return field.explanation ?? field.explaination;\n}\n\nexport function isEmptyFormValue(value: unknown): boolean {\n    if (value === undefined || value === null) return true;\n    if (typeof value === 'string' && value.trim() === '') return true;\n    if (Array.isArray(value) && value.length === 0) return true;\n    return false;\n}\n\nexport function validateFormSchema<T extends FormTypeMap>(config: StrictFormConfig<T>): StrictFormConfig<T> {\n    const allowedTypes = new Set<string>(Object.values(FIELD_TYPEs));\n\n    collectRows(config).forEach((row) => {\n        row.fields.forEach((field) => {\n            if (!allowedTypes.has(field.type as string)) {\n                throw new Error(`Invalid field type \"${String(field.type)}\" in form schema`);\n            }\n        });\n    });\n\n    return config;\n}\n\nexport const getDefaultValues = <T extends FormTypeMap>(config: StrictFormConfig<T>, allEmpty: boolean): InferFormDataType<T> => {\n    // when `allEmpty` is true we intentionally ignore any explicit\n    // `defaultValues` supplied by the config; callers (such as the clear\n    // helper) rely on receiving truly empty defaults for every field type.\n    if (!allEmpty && config.defaultValues) return config.defaultValues;\n\n    const defaults: Record<string, unknown> = {};\n\n    collectRows(config).forEach((row) => {\n        row.fields.forEach((field) => {\n            const fieldName = field.name as string;\n            if (field.defaultValue !== undefined && !allEmpty) {\n                defaults[fieldName] = field.defaultValue;\n            } else {\n                const slotProps = (field as { slotProps?: { multiple?: boolean; min?: number } }).slotProps ?? {};\n                switch (field.type) {\n                    case FIELD_TYPEs.text:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.select:\n                        defaults[fieldName] = slotProps?.multiple ? [] : '';\n                        break;\n                    case FIELD_TYPEs.check:\n                        defaults[fieldName] = [];\n                        break;\n                    case FIELD_TYPEs.slider: {\n                        const min = slotProps?.min ?? 0;\n                        defaults[fieldName] = min;\n                        break;\n                    }\n                    case FIELD_TYPEs.date:\n                    case FIELD_TYPEs.dateTime:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.toggleButton:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.autocomplete:\n                        defaults[fieldName] = slotProps?.multiple ? [] : '';\n                        break;\n                    case FIELD_TYPEs.switch:\n                        defaults[fieldName] = false;\n                        break;\n                    case FIELD_TYPEs.number: {\n                        const min = slotProps?.min ?? 0;\n                        defaults[fieldName] = min;\n                        break;\n                    }\n                    case FIELD_TYPEs.tel:\n                        defaults[fieldName] = '';\n                        break;\n                    case FIELD_TYPEs.json:\n                        defaults[fieldName] = null;\n                        break;\n                    case FIELD_TYPEs.textArray:\n                        defaults[fieldName] = [];\n                        break;\n                    case FIELD_TYPEs.fileUpload:\n                        defaults[fieldName] = [];\n                        break;\n                    case FIELD_TYPEs.custom:\n                        defaults[fieldName] = undefined;\n                        break;\n                    case FIELD_TYPEs.avatar:\n                        defaults[fieldName] = null;\n                        break;\n                    default:\n                        defaults[fieldName] = undefined;\n                }\n            }\n        });\n    });\n\n    return defaults as InferFormDataType<T>;\n};\n","'use client'\nimport React, { useState, useRef } from 'react'\nimport { ClickAwayListener } from '@/ele/Overlay'\nimport { styled } from '@mui/material/styles'\nimport { Tooltip } from '@/ele/Tooltip'\nimport { IconButton } from '@/ele/Button'\nimport { Box as MuiBox } from '@/ele/Box'\nimport { HelpOutlineIcon } from '@/icons/MuiIcon'\nimport type { Explanation } from '../_utils';\n\n/** MUI outlined `size=\"small\"` control height — keep the help icon on the input, not the helper text. */\nexport const FIELD_INPUT_CONTROL_HEIGHT_PX = 40\n\nconst FieldExplanation: React.FC<{\n  label?: React.ReactNode;\n  explanation?: Explanation;\n  /** @deprecated Use explanation */\n  explaination?: Explanation;\n  /**\n   * When the icon sits beside an outlined input, pin it to the control height\n   * so helper/error text below the field does not pull it down.\n   */\n  alignToInput?: boolean;\n}> = ({label, explanation, explaination, alignToInput}) => {\n  const popRef = useRef(null)\n  const [open, setOpen] = useState(false)\n  const content = explanation ?? explaination\n\n  if (!content) return <>{label}</>\n\n  const icon = (\n    <MuiBox component=\"span\" sx={{ display: 'flex', alignItems: 'center', gap: 0.5, lineHeight: 1 }}>\n      {label}\n      <ClickAwayListener onClickAway={(e) => {\n        if(popRef.current && e.target && isChildOf(popRef.current, e.target as HTMLElement)) return\n        setOpen(false)\n      }}>\n        <Tooltip title={<Title explanation={content}/>} arrow open={open} \n        slotProps={{\n          popper:{ref:popRef}\n        }}>\n          <StyledIconButton onClick={(e)=>{ e.stopPropagation(); setOpen(true) }} tabIndex={-1}>\n            <HelpOutlineIcon sx={{fontSize:\"14px\"}}/>\n          </StyledIconButton>\n        </Tooltip>\n      </ClickAwayListener>\n    </MuiBox>\n  )\n\n  if (!alignToInput) return icon\n\n  return (\n    <MuiBox\n      data-field-explanation=\"input\"\n      style={{ height: FIELD_INPUT_CONTROL_HEIGHT_PX }}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        flexShrink: 0,\n      }}\n    >\n      {icon}\n    </MuiBox>\n  )\n}\nexport default FieldExplanation\n\nconst Title:React.FC<{\n  explanation: Explanation;\n}> = ({explanation}) => {\n  const {highlights,href,content=\"\"} = explanation ?? {}\n  const reg = new RegExp(`(${highlights?.join(\"|\")})`, \"g\")\n  const highlightedContent = content\n    .split(reg)\n    .map((part, index) => {\n      if (highlights?.includes(part)) {\n        return <MuiBox component=\"span\" key={index} sx={{\n          color:\"var(--useform-warning)\",\n          fontSize:\"1.2em\",\n          fontWeight:\"bold\",\n        }}>{part}</MuiBox>\n      }\n      return part\n    }\n  )\n\n\n  return (\n    <MuiBox>\n      <MuiBox sx={{ fontWeight: 'bold', mb: 0.5 }}>{explanation?.title}</MuiBox>\n      <MuiBox sx={{\n        lineBreak:\"auto\",\n        whiteSpace:\"pre-line\",\n      }}>{highlightedContent}</MuiBox>\n      {href?.label && \n      <MuiBox component=\"a\" \n      sx={{\n        textDecoration:\"underline\",\n        display:\"flex\",\n        justifyContent:\"flex-end\",\n        mt: 1\n      }} \n      href={href?.url} target=\"_blank\">\n        {href?.label}\n      </MuiBox>}\n    </MuiBox>\n  )\n}\n\nconst StyledIconButton = styled(IconButton)({\n  \"&.MuiButtonBase-root.MuiIconButton-root\":{\n    color:\"var(--useform-warning)\",\n    border: \"none\",\n    borderRadius: \"50%\",\n    padding:\"2px\",\n    marginLeft: \"4px\",\n    background: \"transparent\",\n  },\n  \n})\n\nfunction isChildOf(parent:HTMLElement, child:HTMLElement):boolean {\n        let node:HTMLElement|null = child\n        while(node !== null){\n                if(node === parent) return true\n                node = node.parentElement as HTMLElement | null\n        }\n        return false\n}\n"],"mappings":"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","names":["default"]}

package/dist/chunk-XIMFP6RB.mjs

@@ -1,161 +0,0 @@
-import {
-  DisplayFile_default,
-  PreviewableFile,
-  displayFileSize
-} from "./chunk-AAH2O24U.mjs";
-import {
-  Button
-} from "./chunk-JIU5GVM7.mjs";
-import {
-  default89 as default5,
-  default90 as default6
-} from "./chunk-ZVFYOXDE.mjs";
-import {
-  default as default4
-} from "./chunk-4RPFRNXG.mjs";
-import {
-  default as default2,
-  default2 as default3,
-  mergeSx
-} from "./chunk-S6EZVRZC.mjs";
-
-// src/components/compound/FileUploader/src/ReactDropzone.tsx
-import { useCallback, useEffect, useRef } from "react";
-import { useDropzone } from "react-dropzone";
-
-// src/components/compound/FileUploader/src/theme.ts
-var fileUploaderRootSx = {
-  "--dropzone-bg": "var(--mui-palette-background-paper)",
-  "--dropzone-text-color": "var(--mui-palette-text-secondary)",
-  "--dropzone-border-hover": "var(--mui-palette-primary-main)",
-  "--dropzone-bg-hover": "var(--mui-palette-action-hover)"
-};
-
-// src/components/compound/FileUploader/src/DropZoneBox.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var DropZoneBox = ({ getRootProps, getInputProps, error }) => {
-  return /* @__PURE__ */ jsxs(
-    default2,
-    {
-      ...getRootProps(),
-      sx: {
-        flex: 1,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        p: 3,
-        border: "2px dashed",
-        borderColor: error ? "error.main" : "divider",
-        borderRadius: 1,
-        backgroundColor: "var(--dropzone-bg)",
-        outline: "none",
-        transition: "border .24s ease-in-out",
-        color: "var(--dropzone-text-color)",
-        cursor: "pointer",
-        "&:hover": {
-          borderColor: "var(--dropzone-border-hover)",
-          backgroundColor: "var(--dropzone-bg-hover)"
-        }
-      },
-      children: [
-        /* @__PURE__ */ jsx("input", { ...getInputProps() }),
-        /* @__PURE__ */ jsx(default5, { sx: { fontSize: "2.5rem", mb: 1 } }),
-        /* @__PURE__ */ jsx(default4, { variant: "caption", align: "center", children: 'Drag "n" drop some files here, or click to select files' })
-      ]
-    }
-  );
-};
-var DropZoneBox_default = DropZoneBox;
-
-// src/components/compound/FileUploader/src/DropZoneButton.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var DropZoneButton = ({
-  getRootProps,
-  getInputProps,
-  label = "Upload file",
-  error = false
-}) => {
-  return /* @__PURE__ */ jsxs2(
-    Button,
-    {
-      variant: "outlined",
-      startIcon: /* @__PURE__ */ jsx2(default6, {}),
-      color: error ? "error" : "primary",
-      ...getRootProps(),
-      children: [
-        label,
-        /* @__PURE__ */ jsx2("input", { ...getInputProps() })
-      ]
-    }
-  );
-};
-var DropZoneButton_default = DropZoneButton;
-
-// src/components/compound/FileUploader/src/ReactDropzone.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var ReactDropzone = ({
-  filesProps,
-  accept,
-  maxFiles = 0,
-  // 0 means unlimited
-  error = false,
-  dropzoneType = "box",
-  label = "Upload File"
-}) => {
-  const [files, setFiles] = filesProps;
-  const blobRegistryRef = useRef(/* @__PURE__ */ new Set());
-  const onDrop = useCallback((acceptedFiles) => {
-    const newFiles = acceptedFiles.map((file) => {
-      const blobUrl = URL.createObjectURL(file);
-      blobRegistryRef.current.add(blobUrl);
-      return new PreviewableFile({
-        path: file.path,
-        blobUrl,
-        filename: file.name,
-        mimeType: file.type,
-        size: file.size,
-        displaySize: displayFileSize(file.size),
-        fileType: file.type.startsWith("image/") ? "image" : file.type.startsWith("application/json") ? "json" : "other"
-      });
-    });
-    setFiles((prev) => [...prev, ...newFiles]);
-  }, [setFiles]);
-  const isLimitReached = maxFiles > 0 && files.length >= maxFiles;
-  const { getRootProps, getInputProps } = useDropzone({
-    onDrop,
-    accept,
-    maxFiles: maxFiles > 0 ? maxFiles - files.length : void 0,
-    disabled: isLimitReached
-  });
-  const handleDelete = (fileToDelete) => {
-    setFiles((prev) => prev.filter((f) => f !== fileToDelete));
-    if (fileToDelete.blobUrl) {
-      URL.revokeObjectURL(fileToDelete.blobUrl);
-      blobRegistryRef.current.delete(fileToDelete.blobUrl);
-    }
-  };
-  useEffect(() => {
-    const blobRegistry = blobRegistryRef.current;
-    return () => {
-      blobRegistry.forEach((url) => URL.revokeObjectURL(url));
-      blobRegistry.clear();
-    };
-  }, []);
-  return /* @__PURE__ */ jsxs3(default2, { sx: mergeSx({ maxWidth: "100%" }, fileUploaderRootSx), children: [
-    !isLimitReached && /* @__PURE__ */ jsx3(default2, { component: "section", children: dropzoneType === "box" ? /* @__PURE__ */ jsx3(DropZoneBox_default, { getRootProps, getInputProps, error }) : /* @__PURE__ */ jsx3(DropZoneButton_default, { getRootProps, getInputProps, label, error }) }),
-    files.length > 0 && /* @__PURE__ */ jsx3(default3, { spacing: 1, sx: { mt: 0 }, children: files.map((file) => /* @__PURE__ */ jsx3(
-      DisplayFile_default,
-      {
-        file,
-        onDelete: handleDelete
-      },
-      file.blobUrl || file.filename || file.path
-    )) })
-  ] });
-};
-var ReactDropzone_default = ReactDropzone;
-
-export {
-  ReactDropzone_default
-};
-//# sourceMappingURL=chunk-XIMFP6RB.mjs.map

package/dist/chunk-XIMFP6RB.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/compound/FileUploader/src/ReactDropzone.tsx","../src/components/compound/FileUploader/src/theme.ts","../src/components/compound/FileUploader/src/DropZoneBox.tsx","../src/components/compound/FileUploader/src/DropZoneButton.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { useDropzone, FileWithPath, DropzoneOptions } from 'react-dropzone';\nimport { Box, Stack } from '@/ele/Box';\nimport { fileUploaderRootSx } from './theme';\nimport { mergeSx } from '@/_utils/_func';\nimport PreviewableFile, { displayFileSize } from '@/_utils/classes/PreviewableFile';\nimport DisplayFile from '@/compound/DisplayFile';\nimport DropZoneBox from './DropZoneBox';\nimport DropZoneButton from './DropZoneButton';\n\nexport type DropzoneType = \"box\" | \"button\";\n\nexport interface ReactDropzoneProps {\n    filesProps: [PreviewableFile[], React.Dispatch<React.SetStateAction<PreviewableFile[]>>];\n    accept?: DropzoneOptions['accept'];\n    maxFiles?: number;\n    error?: boolean;\n    dropzoneType?: DropzoneType;\n    label?: string;\n}\n\nconst ReactDropzone: React.FC<ReactDropzoneProps> = ({\n    filesProps,\n    accept,\n    maxFiles = 0, // 0 means unlimited\n    error = false,\n    dropzoneType = 'box',\n    label = 'Upload File'\n}) => {\n    const [files, setFiles] = filesProps;\n\n    // Track all active blob URLs so the unmount cleanup can revoke them\n    // even if the user never called handleDelete.\n    const blobRegistryRef = useRef<Set<string>>(new Set());\n\n    const onDrop = useCallback((acceptedFiles: FileWithPath[]) => {\n        const newFiles = acceptedFiles.map(file => {\n            const blobUrl = URL.createObjectURL(file);\n            blobRegistryRef.current.add(blobUrl);\n            return new PreviewableFile({\n                path: file.path,\n                blobUrl,\n                filename: file.name,\n                mimeType: file.type,\n                size: file.size,\n                displaySize: displayFileSize(file.size),\n                fileType: file.type.startsWith('image/') ? 'image'\n                          : file.type.startsWith('application/json') ? 'json' : 'other'\n            });\n        });\n\n        setFiles(prev => [...prev, ...newFiles]);\n    }, [setFiles]);\n\n    // hide dropzone UI when reached limit (already handled) — add explicit guard in render\n    const isLimitReached = maxFiles > 0 && files.length >= maxFiles;\n\n    const { getRootProps, getInputProps } = useDropzone({\n        onDrop,\n        accept,\n        maxFiles: maxFiles > 0 ? (maxFiles - files.length) : undefined,\n        disabled: isLimitReached,\n    });\n\n    const handleDelete = (fileToDelete: PreviewableFile) => {\n        setFiles(prev => prev.filter(f => f !== fileToDelete));\n        if (fileToDelete.blobUrl) {\n            URL.revokeObjectURL(fileToDelete.blobUrl);\n            blobRegistryRef.current.delete(fileToDelete.blobUrl);\n        }\n    };\n\n    useEffect(() => {\n        const blobRegistry = blobRegistryRef.current;\n        return () => {\n            blobRegistry.forEach(url => URL.revokeObjectURL(url));\n            blobRegistry.clear();\n        };\n    }, []); // Cleanup remaining blob URLs on unmount\n\n    return (\n        <Box sx={mergeSx({ maxWidth: '100%' }, fileUploaderRootSx)}>\n            {!isLimitReached && (\n                <Box component=\"section\">\n                    {dropzoneType === 'box' ? (\n                        <DropZoneBox getRootProps={getRootProps} getInputProps={getInputProps} error={error}/>\n                    ) : (\n                        <DropZoneButton getRootProps={getRootProps} getInputProps={getInputProps} label={label} error={error}/>\n                    )}\n                </Box>\n            )}\n\n            {files.length > 0 && (\n                <Stack spacing={1} sx={{ mt: 0 }}>\n                    {files.map((file) => (\n                        <DisplayFile \n                            key={file.blobUrl || file.filename || file.path} \n                            file={file} \n                            onDelete={handleDelete}\n                        />\n                    ))}\n                </Stack>\n            )}\n        </Box>\n    );\n};\n\nexport default ReactDropzone;\n","import type { SxProps, Theme } from '@mui/material/styles';\n\n/**\n * Root-level CSS variable aliases for the FileUploader compound component.\n * Declared once on the root element — child components consume via `var(--*)`.\n */\nexport const fileUploaderRootSx: SxProps<Theme> = {\n  '--dropzone-bg': 'var(--mui-palette-background-paper)',\n  '--dropzone-text-color': 'var(--mui-palette-text-secondary)',\n  '--dropzone-border-hover': 'var(--mui-palette-primary-main)',\n  '--dropzone-bg-hover': 'var(--mui-palette-action-hover)',\n};\n","import React from 'react';\nimport { DropzoneState } from 'react-dropzone';\nimport { Box } from '@/ele/Box';\nimport { Typography } from '@/ele/Typography';\nimport { NoteAddIcon } from '@/icons/MuiIcon';\n\nconst DropZoneBox: React.FC<{\n    getRootProps: DropzoneState[\"getRootProps\"];\n    getInputProps: DropzoneState[\"getInputProps\"];\n    error?: boolean;\n}> = ({ getRootProps, getInputProps, error }) => {\n    return (\n        <Box \n            {...getRootProps()} \n            sx={{\n                flex: 1,\n                display: \"flex\",\n                flexDirection: \"column\",\n                alignItems: \"center\",\n                p: 3,\n                border: \"2px dashed\",\n                borderColor: error ? 'error.main' : 'divider',\n                borderRadius: 1,\n                backgroundColor: 'var(--dropzone-bg)',\n                outline: \"none\",\n                transition: \"border .24s ease-in-out\",\n                color: 'var(--dropzone-text-color)',\n                cursor: 'pointer',\n                '&:hover': {\n                    borderColor: 'var(--dropzone-border-hover)',\n                    backgroundColor: 'var(--dropzone-bg-hover)'\n                }\n            }}\n        >\n            <input {...getInputProps()} />\n            \n            <NoteAddIcon sx={{ fontSize: \"2.5rem\", mb: 1 }} />\n            <Typography variant=\"caption\" align=\"center\">\n                Drag &quot;n&quot; drop some files here, or click to select files\n            </Typography>\n        </Box>\n    )\n}\n\nexport default DropZoneBox;\n","import React from 'react';\nimport { DropzoneState } from 'react-dropzone';\nimport { CloudUploadIcon } from '@/icons/MuiIcon';\nimport { Button } from '@/ele/Button'; \n\nconst DropZoneButton: React.FC<{\n    getRootProps: DropzoneState[\"getRootProps\"];\n    getInputProps: DropzoneState[\"getInputProps\"];\n    label?: string;\n    error?: boolean;\n}> = ({\n    getRootProps, getInputProps, \n    label=\"Upload file\",\n    error=false\n}) => {\n    return (\n        <Button \n            variant=\"outlined\"\n            startIcon={<CloudUploadIcon/>} \n            color={error ? \"error\" : \"primary\"}\n            {...getRootProps()}\n        >\n            {label}\n            <input {...getInputProps()}/>\n        </Button>\n    )\n}\n\nexport default DropZoneButton;\n"],"mappings":"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","names":["default","jsx","jsxs","default","jsx","jsxs","default"]}

package/dist/displayFile.d.mts

@@ -1,95 +0,0 @@
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-import * as _mui_material_SvgIcon from '@mui/material/SvgIcon';
-import React from 'react';
-
-type ValueOf<T> = T[keyof T];
-
-declare const FILE_STATUSs: {
-    readonly uploadingToLocal: "local-uploading";
-    readonly uploadedToLocal: "local-uploaded";
-    readonly localError: "local-error";
-    readonly pending: "pending";
-    readonly uploadPending: "upload-pending";
-    readonly gettingSignedURL: "upload-gettingSignedURL";
-    readonly beginUploadToS3: "upload-beginUploadToS3";
-    readonly uploadedToCloud: "upload-uploadedToCloud";
-    readonly error: "upload-error";
-    readonly downloadPending: "download-pending";
-    readonly downloading: "download-in-progress";
-    readonly downloaded: "download-completed";
-    readonly downloadError: "download-error";
-};
-type FileStatusType = ValueOf<typeof FILE_STATUSs>;
-type Attachment = {
-    url: string;
-    keyPath: string;
-    filename: string;
-    fileType: string;
-    hostname: string;
-};
-
-interface PreviewableFileProps {
-    path?: string;
-    blobUrl?: string;
-    filename?: string;
-    randomName?: string;
-    fileType?: string;
-    mimeType?: Blob["type"];
-    size?: number;
-    displaySize?: string;
-    url?: string;
-    fetchOptions?: object;
-    putUrl?: string;
-    getUrl?: string;
-    status?: FileStatusType;
-    revokeable?: boolean;
-    imageProps?: {
-        width: number;
-        height: number;
-    };
-}
-declare class PreviewableFile {
-    path: NonNullable<PreviewableFileProps["path"]>;
-    blobUrl: NonNullable<PreviewableFileProps["blobUrl"]>;
-    filename: NonNullable<PreviewableFileProps["filename"]>;
-    randomName: NonNullable<PreviewableFileProps["randomName"]>;
-    fileType: NonNullable<PreviewableFileProps["fileType"]>;
-    mimeType: NonNullable<PreviewableFileProps["mimeType"]>;
-    size: NonNullable<PreviewableFileProps["size"]>;
-    displaySize: NonNullable<PreviewableFileProps["displaySize"]>;
-    url: NonNullable<PreviewableFileProps["url"]>;
-    fetchOptions: NonNullable<PreviewableFileProps["fetchOptions"]>;
-    putUrl: NonNullable<PreviewableFileProps["putUrl"]>;
-    getUrl: NonNullable<PreviewableFileProps["getUrl"]>;
-    status: NonNullable<PreviewableFileProps["status"]>;
-    revokeable: NonNullable<PreviewableFileProps["revokeable"]>;
-    imageProps: NonNullable<PreviewableFileProps["imageProps"]>;
-    constructor(props?: PreviewableFileProps);
-    toPlainObj(): this;
-    updateFile(file: PreviewableFile | undefined): void;
-    updateStatus(status: FileStatusType): void;
-    downloadFile(): Promise<this>;
-    _displayFileSize(): string;
-    getUploadFormat(): Attachment;
-}
-
-interface DisplayFileProps {
-    file: PreviewableFile;
-    onDelete?: (file: PreviewableFile) => void;
-    mode?: 'thumbnail' | 'name';
-}
-declare const getFileIcon: (fileType: string) => _mui_material_OverridableComponent.OverridableComponent<_mui_material_SvgIcon.SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-declare const FileThumbnail: React.FC<{
-    file: PreviewableFile;
-    size?: number;
-}>;
-declare const DisplayFile: React.FC<DisplayFileProps> & {
-    DISPLAY_MODEs: {
-        thumbnail: 'thumbnail';
-        name: 'name';
-    };
-};
-
-export { DisplayFile, type DisplayFileProps, FileThumbnail, DisplayFile as default, getFileIcon };

package/dist/displayFile.d.ts

@@ -1,95 +0,0 @@
-import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
-import * as _mui_material_SvgIcon from '@mui/material/SvgIcon';
-import React from 'react';
-
-type ValueOf<T> = T[keyof T];
-
-declare const FILE_STATUSs: {
-    readonly uploadingToLocal: "local-uploading";
-    readonly uploadedToLocal: "local-uploaded";
-    readonly localError: "local-error";
-    readonly pending: "pending";
-    readonly uploadPending: "upload-pending";
-    readonly gettingSignedURL: "upload-gettingSignedURL";
-    readonly beginUploadToS3: "upload-beginUploadToS3";
-    readonly uploadedToCloud: "upload-uploadedToCloud";
-    readonly error: "upload-error";
-    readonly downloadPending: "download-pending";
-    readonly downloading: "download-in-progress";
-    readonly downloaded: "download-completed";
-    readonly downloadError: "download-error";
-};
-type FileStatusType = ValueOf<typeof FILE_STATUSs>;
-type Attachment = {
-    url: string;
-    keyPath: string;
-    filename: string;
-    fileType: string;
-    hostname: string;
-};
-
-interface PreviewableFileProps {
-    path?: string;
-    blobUrl?: string;
-    filename?: string;
-    randomName?: string;
-    fileType?: string;
-    mimeType?: Blob["type"];
-    size?: number;
-    displaySize?: string;
-    url?: string;
-    fetchOptions?: object;
-    putUrl?: string;
-    getUrl?: string;
-    status?: FileStatusType;
-    revokeable?: boolean;
-    imageProps?: {
-        width: number;
-        height: number;
-    };
-}
-declare class PreviewableFile {
-    path: NonNullable<PreviewableFileProps["path"]>;
-    blobUrl: NonNullable<PreviewableFileProps["blobUrl"]>;
-    filename: NonNullable<PreviewableFileProps["filename"]>;
-    randomName: NonNullable<PreviewableFileProps["randomName"]>;
-    fileType: NonNullable<PreviewableFileProps["fileType"]>;
-    mimeType: NonNullable<PreviewableFileProps["mimeType"]>;
-    size: NonNullable<PreviewableFileProps["size"]>;
-    displaySize: NonNullable<PreviewableFileProps["displaySize"]>;
-    url: NonNullable<PreviewableFileProps["url"]>;
-    fetchOptions: NonNullable<PreviewableFileProps["fetchOptions"]>;
-    putUrl: NonNullable<PreviewableFileProps["putUrl"]>;
-    getUrl: NonNullable<PreviewableFileProps["getUrl"]>;
-    status: NonNullable<PreviewableFileProps["status"]>;
-    revokeable: NonNullable<PreviewableFileProps["revokeable"]>;
-    imageProps: NonNullable<PreviewableFileProps["imageProps"]>;
-    constructor(props?: PreviewableFileProps);
-    toPlainObj(): this;
-    updateFile(file: PreviewableFile | undefined): void;
-    updateStatus(status: FileStatusType): void;
-    downloadFile(): Promise<this>;
-    _displayFileSize(): string;
-    getUploadFormat(): Attachment;
-}
-
-interface DisplayFileProps {
-    file: PreviewableFile;
-    onDelete?: (file: PreviewableFile) => void;
-    mode?: 'thumbnail' | 'name';
-}
-declare const getFileIcon: (fileType: string) => _mui_material_OverridableComponent.OverridableComponent<_mui_material_SvgIcon.SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-};
-declare const FileThumbnail: React.FC<{
-    file: PreviewableFile;
-    size?: number;
-}>;
-declare const DisplayFile: React.FC<DisplayFileProps> & {
-    DISPLAY_MODEs: {
-        thumbnail: 'thumbnail';
-        name: 'name';
-    };
-};
-
-export { DisplayFile, type DisplayFileProps, FileThumbnail, DisplayFile as default, getFileIcon };

package/dist/displayFile.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/compound/DisplayFile/index.ts","../src/components/elemental/Box/src/index.ts","../src/components/elemental/Typography/src/Typography.ts","../src/components/elemental/Button/src/IconButton/IconButton.tsx","../src/components/elemental/Tooltip/src/Tooltip/index.ts","../src/components/Icons/MuiIcon/index.ts","../src/_utils/_const/file.ts","../src/components/compound/DisplayFile/src/DisplayFile.tsx"],"sourcesContent":["export * from './src';\nexport { default } from './src';\n","export * from './BorderBox'\nexport {default as Box} from '@mui/material/Box'\nexport {default as Stack} from '@mui/material/Stack'\nexport {default as Grid} from '@mui/material/Grid'\n","export { default } from '@mui/material/Typography'","'use client'\nimport {forwardRef} from 'react'\nimport MuiIconButton from '@mui/material/IconButton'\nimport { Tooltip } from '@/ele/Tooltip'\nimport { type TooltipProps } from '@mui/material/Tooltip'\nimport { Box } from '@/ele/Box'\n\ntype IconButtonProps = React.ComponentProps<typeof MuiIconButton>\ntype Props = {\n  /** The Icon to render */\n  children: React.ReactNode;\n  /** The title of the tooltip */\n  title?: string;\n  /** \n   * The color theme of the entire component.\n   * @default 'secondary' (from theme)\n   */\n  color?: IconButtonProps['color'];\n  /**\n   * The size of the component.\n   * @default 'small' (from theme)\n   */\n  size?: IconButtonProps['size'];\n  \n  selected?: boolean;\n  \n  slotProps?: {\n    tooltip?: Omit<TooltipProps, \"children\">\n  };\n} & Omit<IconButtonProps, \"color\" | \"size\">;\n\n/**\n * A MuiIconButton wrapped in a MuiTooltip.\n * Default props like `size` and `color` are handled by the theme.\n */\nconst IconButton = forwardRef<HTMLButtonElement, Props>(({\n  title = \"\",\n  children,\n  color,\n  size,\n  slotProps,\n  selected,\n  className,\n  ...props\n}, ref) => {\n  return (\n    <Tooltip \n      title={title} \n      slotProps={{\n        popper: {\n          sx: {\n            textTransform: \"capitalize\",\n          }\n        },\n        ...slotProps?.tooltip\n      }}\n    >\n      <Box component=\"span\" sx={{width: \"fit-content\"}}>\n        <MuiIconButton\n          ref={ref}\n          color={color}\n          size={size}\n          className={[className, selected ? 'Mui-selected' : ''].filter(Boolean).join(' ')}\n          {...props}\n        >\n          {children}\n        </MuiIconButton>\n      </Box>\n    </Tooltip>\n  )\n})\n\nexport default IconButton","export {default as Tooltip} from '@mui/material/Tooltip'\nexport * from './theme'\n","// display\nexport {default as ArrowIcon} from '@mui/icons-material/ArrowRightAlt'\nexport {default as FileIcon} from '@mui/icons-material/DescriptionOutlined'\nexport {default as DescriptionIcon} from '@mui/icons-material/Description'\nexport {default as PictureAsPdfIcon} from '@mui/icons-material/PictureAsPdf'\nexport {default as AudioFileIcon} from '@mui/icons-material/AudioFile'\nexport {default as VideoFileIcon} from '@mui/icons-material/VideoFile'\nexport {default as TableChartIcon} from '@mui/icons-material/TableChart'\nexport {default as FolderZipIcon} from '@mui/icons-material/FolderZip'\nexport {default as InsertDriveFileIcon} from '@mui/icons-material/InsertDriveFile'\nexport {default as ImageIcon} from '@mui/icons-material/ImageOutlined'\nexport {default as LayersIcon} from '@mui/icons-material/LayersOutlined'\nexport {default as TextIcon} from '@mui/icons-material/TextFormat'\nexport {default as RemoveIcon} from '@mui/icons-material/Remove'\nexport {default as AddFileIcon} from '@mui/icons-material/PostAdd'\nexport {default as ErrorIcon} from '@mui/icons-material/ErrorOutline'\nexport {default as QuestionIcon} from '@mui/icons-material/QuestionMarkOutlined'\nexport {default as RoomIcon} from '@mui/icons-material/MeetingRoomOutlined'\nexport {default as BlacklistIcon} from '@mui/icons-material/PlaylistRemove'\nexport {default as WhitelistIcon} from '@mui/icons-material/ChecklistRtl'\nexport {default as NoImageIcon} from '@mui/icons-material/HideImageOutlined'\nexport {default as EyeIcon} from '@mui/icons-material/RemoveRedEyeTwoTone'\nexport {default as CropSizeIcon} from '@mui/icons-material/PhotoSizeSelectLarge'\nexport {default as AdminIcon} from '@mui/icons-material/LockPersonOutlined'\nexport {default as UserIcon} from '@mui/icons-material/Person'\nexport {default as EmoticonIcon} from '@mui/icons-material/InsertEmoticon'\nexport {default as DisabledSelectionIcon} from '@mui/icons-material/RemoveDoneOutlined'\nexport {default as TagIcon} from '@mui/icons-material/Tag'\nexport {default as AudioIcon} from '@mui/icons-material/Audiotrack'\nexport {default as VideoIcon} from '@mui/icons-material/Videocam'\nexport {default as CodeIcon} from '@mui/icons-material/Code'\nexport {default as ChartIcon} from '@mui/icons-material/Equalizer'\nexport {default as TableIcon} from '@mui/icons-material/PivotTableChart'\nexport {default as SearchIcon} from '@mui/icons-material/Search'\nexport {default as DataObjectIcon} from '@mui/icons-material/DataObject'\nexport {default as A2ZIcon} from '@mui/icons-material/SortByAlpha'\nexport {default as ThumbUpIcon} from '@mui/icons-material/ThumbUp'\nexport {default as MoneyIcon} from '@mui/icons-material/AttachMoneyOutlined'\nexport {default as ServerIcon} from '@mui/icons-material/Storage'\nexport {default as CerticateIcon} from '@mui/icons-material/WorkspacePremium'\nexport {default as NumberIcon} from '@mui/icons-material/Numbers'\nexport {default as SumIcon} from '@mui/icons-material/Functions'\nexport {default as LightBulbIcon} from '@mui/icons-material/Lightbulb'\nexport {default as RotateIcon} from '@mui/icons-material/CropRotate'\nexport {default as ImageSzieScaleIcon} from '@mui/icons-material/PhotoSizeSelectLarge'\nexport {default as CollectionIcon} from '@mui/icons-material/CollectionsBookmark'\nexport {default as HistoryIcon} from '@mui/icons-material/Schedule'\nexport {default as StyleIcon} from '@mui/icons-material/Style'\nexport {default as ARHorizontalIcon} from '@mui/icons-material/Crop169'\nexport {default as ARSquareIcon} from '@mui/icons-material/CropSquare'\nexport {default as VoiceIcon} from '@mui/icons-material/GraphicEqRounded'\nexport {default as MemoryIcon} from '@mui/icons-material/MemoryRounded'\n\n// button\nexport {default as AddCircleIcon} from '@mui/icons-material/AddCircleOutlineRounded'\nexport {default as AddIcon} from '@mui/icons-material/Add'\nexport {default as CloseIcon} from '@mui/icons-material/Close'\nexport {default as ExpandMoreIcon} from '@mui/icons-material/ExpandMore'\nexport {default as AutorenewIcon} from '@mui/icons-material/Autorenew'\nexport {default as CheckCircleIcon} from '@mui/icons-material/CheckCircle'\nexport {default as MenuIcon} from '@mui/icons-material/Menu'\nexport {default as MoreIcon} from '@mui/icons-material/MoreVert'\nexport {default as MoreHorizIcon} from '@mui/icons-material/MoreHoriz'\nexport {default as CopyIcon} from '@mui/icons-material/ContentCopy'\nexport {default as PasteIcon} from '@mui/icons-material/ContentPaste'\nexport {default as CloudIcon} from '@mui/icons-material/Cloud'\nexport {default as DownloadIcon} from '@mui/icons-material/DownloadOutlined'\nexport {default as DownloadDoneIcon} from '@mui/icons-material/DownloadDoneOutlined'\nexport {default as StartIcon} from '@mui/icons-material/StarBorderOutlined'\nexport {default as DeleteIcon} from '@mui/icons-material/DeleteForever'\nexport {default as LayerClearIcon } from '@mui/icons-material/LayersClear'\nexport {default as CheckIcon } from '@mui/icons-material/Check'\nexport {default as CheckAllIcon } from '@mui/icons-material/DoneAll'\nexport {default as PowerIcon } from '@mui/icons-material/PowerSettingsNew'\nexport {default as SendIcon } from '@mui/icons-material/Send'\nexport {default as ZoomInIcon } from '@mui/icons-material/ZoomInMap'\nexport {default as ZoomOutIcon } from '@mui/icons-material/ZoomOutMap'\nexport {default as ToolIcon } from '@mui/icons-material/HomeRepairService'\nexport {default as ConstructionIcon } from '@mui/icons-material/Construction'\nexport {default as HelpIcon } from '@mui/icons-material/Help'\nexport {default as ReportIcon } from '@mui/icons-material/EmojiFlags'\nexport {default as EditIcon } from '@mui/icons-material/Edit'\nexport {default as ForkIcon } from '@mui/icons-material/ForkRight'\nexport {default as SettingIcon } from '@mui/icons-material/Settings'\nexport {default as RestoreIcon } from '@mui/icons-material/Restore'\nexport {default as EditListIcon } from '@mui/icons-material/EditNote'\nexport {default as HomeIcon } from '@mui/icons-material/HomeOutlined'\nexport {default as EnterRoomIcon } from '@mui/icons-material/ExitToAppOutlined'\nexport {default as SunIcon} from '@mui/icons-material/WbSunnyOutlined'\nexport {default as MoonIcon} from '@mui/icons-material/DarkModeOutlined'\nexport {default as AttachFileIcon} from '@mui/icons-material/AttachFileOutlined'\nexport {default as NoteAddIcon} from '@mui/icons-material/NoteAdd'\nexport {default as CloudUploadIcon} from '@mui/icons-material/CloudUpload'\nexport {default as DoubleRightArrowIcon} from '@mui/icons-material/KeyboardDoubleArrowRight'\nexport {default as DoubleLeftArrowIcon} from '@mui/icons-material/KeyboardDoubleArrowLeft'\nexport {default as DoubleArrowIcon} from '@mui/icons-material/KeyboardDoubleArrowRightRounded'\nexport {default as FitScreenIcon} from '@mui/icons-material/FitScreen'\nexport {default as FullscreenIcon} from '@mui/icons-material/Fullscreen'\nexport {default as TestIcon} from '@mui/icons-material/Biotech'\nexport {default as ShareIcon} from '@mui/icons-material/Share'\nexport {default as FilterIcon}  from '@mui/icons-material/FilterAlt'\nexport {default as SyncIcon} from '@mui/icons-material/Sync'\nexport {default as PlayIcon} from '@mui/icons-material/PlayArrow'\nexport {default as PauseIcon} from '@mui/icons-material/PauseOutlined'\nexport {default as RandomIcon} from '@mui/icons-material/Casino'\nexport {default as CoinIcon} from '@mui/icons-material/Paid'\nexport {default as SaveChangesIcon} from '@mui/icons-material/Save'\nexport {default as StopIcon} from '@mui/icons-material/StopRounded'\nexport {default as ReplayIcon}  from '@mui/icons-material/Replay'\nexport {default as TreeIcon} from '@mui/icons-material/AccountTree'\nexport {default as ClearIcon} from '@mui/icons-material/Close'\nexport {default as KeyboardArrowDownIcon} from '@mui/icons-material/KeyboardArrowDown'\nexport {default as KeyboardArrowRightIcon} from '@mui/icons-material/KeyboardArrowRight'\nexport {default as SearchRoundedIcon} from '@mui/icons-material/SearchRounded'\nexport {default as CloseRoundedIcon} from '@mui/icons-material/CloseRounded'\nexport {default as SortByAlphaRoundedIcon} from '@mui/icons-material/SortByAlphaRounded'\nexport {default as FilterAltOutlinedIcon} from '@mui/icons-material/FilterAltOutlined'\nexport {default as InboxOutlinedIcon} from '@mui/icons-material/InboxOutlined'\nexport {default as SearchOffIcon} from '@mui/icons-material/SearchOff'\nexport {default as ClearRoundedIcon} from '@mui/icons-material/ClearRounded'\nexport {default as ArrowDropDownRoundedIcon} from '@mui/icons-material/ArrowDropDownRounded'\n\n// login\nexport {default as AccountIcon} from '@mui/icons-material/AccountBox'\nexport {default as LogoutIcon} from '@mui/icons-material/Logout'\nexport {default as LoginIcon} from '@mui/icons-material/Login'\nexport {default as DashboardIcon} from '@mui/icons-material/Dashboard'\n\n//logo\nexport {default as WorkFlowIcon} from '@mui/icons-material/AccountTreeOutlined'\nexport {default as HelpOutlineIcon} from '@mui/icons-material/HelpOutline'\nexport {default as NavigateBeforeIcon} from '@mui/icons-material/NavigateBefore'\nexport {default as NavigateNextIcon} from '@mui/icons-material/NavigateNext'\nexport {default as PersonIcon} from '@mui/icons-material/Person'\nexport {default as CalendarTodayIcon} from '@mui/icons-material/CalendarToday'\nexport {default as ChatIcon} from '@mui/icons-material/QuestionAnswerOutlined'\nexport {default as TodayIcon} from '@mui/icons-material/Today'\nexport {default as DeleteForeverIcon} from '@mui/icons-material/DeleteForever'\n\nexport {default as AdsClickIcon} from '@mui/icons-material/AdsClick'\nexport {default as FingerprintIcon} from '@mui/icons-material/Fingerprint'\nexport {default as SportsEsportsOutlinedIcon} from '@mui/icons-material/SportsEsportsOutlined'\nexport {default as HelpOutlineRoundedIcon} from '@mui/icons-material/HelpOutlineRounded'\nexport {default as AccountTreeOutlinedIcon} from '@mui/icons-material/AccountTreeOutlined'\nexport {default as SmartToyOutlinedIcon} from '@mui/icons-material/SmartToyOutlined'\nexport {default as AcUnitIcon} from '@mui/icons-material/AcUnit'\nexport {default as LoopIcon} from '@mui/icons-material/Loop'\nexport {default as PendingIcon} from '@mui/icons-material/Pending'\nexport {default as AllInclusiveIcon} from '@mui/icons-material/AllInclusive'\nexport {default as WarningOutlinedIcon} from '@mui/icons-material/WarningOutlined'\nexport {default as InfoOutlinedIcon} from '@mui/icons-material/InfoOutlined'\nexport {default as AutoAwesomeRoundedIcon} from '@mui/icons-material/AutoAwesomeRounded'\nexport {default as ErrorOutlineOutlinedIcon} from '@mui/icons-material/ErrorOutlineOutlined'\nexport {default as DownloadFilledIcon} from '@mui/icons-material/Download'","import { ValueOf } from '../_types';\n\nexport const FILE_STATUSs = {\n  // local status\n  uploadingToLocal:\"local-uploading\",\n  uploadedToLocal:\"local-uploaded\",\n  localError:\"local-error\",\n\n  \n  pending:\"pending\",\n  // upload s3\n  uploadPending:'upload-pending',\n  gettingSignedURL:'upload-gettingSignedURL',\n  beginUploadToS3:'upload-beginUploadToS3',\n  uploadedToCloud:'upload-uploadedToCloud',\n  error:'upload-error',\n  // download\n  downloadPending:'download-pending',\n  downloading:'download-in-progress',\n  downloaded:'download-completed',\n  downloadError:'download-error',\n} as const\n\nexport const FILE_TYPEs = {\n  image:\"image\",\n  video:\"video\",\n  audio:\"audio\",\n  pdf:\"pdf\",\n  doc:\"doc\",\n  xls:\"xls\",\n  ppt:\"ppt\",\n  txt:\"txt\",\n  zip:\"zip\",\n  json:\"json\",\n  other:\"other\",\n} as const\n\nexport const MAX_FILE_NAME_LENGTH = 100\n\nexport type FileStatusType = ValueOf<typeof FILE_STATUSs>;\nexport type FileType = ValueOf<typeof FILE_TYPEs>;\n\nexport type Attachment = {\n  url: string;\n  keyPath: string;\n  filename: string;\n  fileType: string;\n  hostname: string;\n}\n","// src/components/compound/DisplayFile/src/DisplayFile.tsx\nimport React from 'react';\nimport { Box } from '@/ele/Box';\nimport { Typography } from '@/ele/Typography';\nimport { IconButton } from '@/ele/Button';\nimport {\n  CloseIcon,\n  DescriptionIcon,\n  PictureAsPdfIcon,\n  ImageIcon,\n  AudioFileIcon,\n  VideoFileIcon,\n  TableChartIcon,\n  FolderZipIcon,\n  DataObjectIcon,\n  InsertDriveFileIcon,\n} from '@/icons/MuiIcon';\n\nimport PreviewableFile, { FILE_TYPEs } from '@/_utils/classes/PreviewableFile';\n\nexport interface DisplayFileProps {\n    file: PreviewableFile;\n    onDelete?: (file: PreviewableFile) => void;\n    mode?: 'thumbnail' | 'name';\n}\n\nexport const getFileIcon = (fileType: string) => {\n    switch (fileType) {\n        case FILE_TYPEs.image: return ImageIcon;\n        case FILE_TYPEs.pdf: return PictureAsPdfIcon;\n        case FILE_TYPEs.audio: return AudioFileIcon;\n        case FILE_TYPEs.video: return VideoFileIcon;\n        case FILE_TYPEs.xls: return TableChartIcon;\n        case FILE_TYPEs.zip: return FolderZipIcon;\n        case FILE_TYPEs.json: return DataObjectIcon;\n\n        case FILE_TYPEs.ppt:\n        case FILE_TYPEs.doc: \n        case FILE_TYPEs.txt: \n            return DescriptionIcon;\n        default: return InsertDriveFileIcon;\n    }\n};\n\nexport const FileThumbnail: React.FC<{ file: PreviewableFile; size?: number }> = ({ file, size = 60 }) => {\n    const isImage = file.fileType === FILE_TYPEs.image;\n    const FileIcon = getFileIcon(file.fileType || '');\n\n    return (\n        <Box\n            sx={{\n                width: size,\n                height: size,\n                minWidth: size,\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                bgcolor: 'transparent',\n                borderRadius: 1,\n                overflow: 'hidden'\n            }}\n        >\n            {isImage && file.blobUrl ? (\n                <Box\n                    component=\"img\"\n                    src={file.blobUrl}\n                    alt={file.filename}\n                    sx={{ width: '100%', height: '100%', objectFit: 'cover' }}\n                />\n            ) : (\n                <FileIcon fontSize={size >= 60 ? \"large\" : \"medium\"} color=\"action\" />\n            )}\n        </Box>\n    );\n};\n\nconst DisplayFile: React.FC<DisplayFileProps> & { DISPLAY_MODEs: { thumbnail: 'thumbnail'; name: 'name' } } = ({\n    file,\n    onDelete,\n    mode = 'thumbnail'\n}) => {\n    return (\n        <Box sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 1,\n            p: 1,\n            border: '1px solid',\n            borderColor: 'divider',\n            borderRadius: 1,\n            width: mode === 'thumbnail' ? 'fit-content' : '100%',\n            maxWidth: '100%',\n            position: 'relative',\n        }}>\n            <FileThumbnail file={file} />\n            \n            <Box sx={{ flex: 1, overflow: 'hidden' }}>\n                <Typography variant=\"body2\" noWrap sx={{ maxWidth: 150 }}>\n                    {file.filename}\n                </Typography>\n                <Typography variant=\"caption\" color=\"text.secondary\">\n                    {file.displaySize}\n                </Typography>\n            </Box>\n\n            {onDelete && (\n                <IconButton \n                    size=\"small\" \n                    onClick={() => onDelete(file)}\n                    sx={{ ml: 'auto' }}\n                >\n                    <CloseIcon fontSize=\"small\" />\n                </IconButton>\n            )}\n        </Box>\n    );\n};\n\nDisplayFile.DISPLAY_MODEs = {\n    thumbnail: 'thumbnail',\n    name: 'name'\n};\n\nexport default DisplayFile;\n"],"mappings":"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","names":["MuiIconButton","import_PhotoSizeSelectLarge","import_Close","import_Person","import_DeleteForever","import_AccountTreeOutlined","import_jsx_runtime"]}

package/dist/displayFile.mjs

@@ -1,19 +0,0 @@
-import {
-  DisplayFile_default,
-  FileThumbnail,
-  getFileIcon
-} from "./chunk-AAH2O24U.mjs";
-import "./chunk-JIU5GVM7.mjs";
-import "./chunk-4Q54P737.mjs";
-import "./chunk-OP6LKXPA.mjs";
-import "./chunk-ZVFYOXDE.mjs";
-import "./chunk-4RPFRNXG.mjs";
-import "./chunk-S6EZVRZC.mjs";
-import "./chunk-FJ6ZGZIA.mjs";
-export {
-  DisplayFile_default as DisplayFile,
-  FileThumbnail,
-  DisplayFile_default as default,
-  getFileIcon
-};
-//# sourceMappingURL=displayFile.mjs.map

package/dist/fileUploader.d.mts

@@ -1,86 +0,0 @@
-import React from 'react';
-import { DropzoneOptions } from 'react-dropzone';
-
-type ValueOf<T> = T[keyof T];
-
-declare const FILE_STATUSs: {
-    readonly uploadingToLocal: "local-uploading";
-    readonly uploadedToLocal: "local-uploaded";
-    readonly localError: "local-error";
-    readonly pending: "pending";
-    readonly uploadPending: "upload-pending";
-    readonly gettingSignedURL: "upload-gettingSignedURL";
-    readonly beginUploadToS3: "upload-beginUploadToS3";
-    readonly uploadedToCloud: "upload-uploadedToCloud";
-    readonly error: "upload-error";
-    readonly downloadPending: "download-pending";
-    readonly downloading: "download-in-progress";
-    readonly downloaded: "download-completed";
-    readonly downloadError: "download-error";
-};
-type FileStatusType = ValueOf<typeof FILE_STATUSs>;
-type Attachment = {
-    url: string;
-    keyPath: string;
-    filename: string;
-    fileType: string;
-    hostname: string;
-};
-
-interface PreviewableFileProps {
-    path?: string;
-    blobUrl?: string;
-    filename?: string;
-    randomName?: string;
-    fileType?: string;
-    mimeType?: Blob["type"];
-    size?: number;
-    displaySize?: string;
-    url?: string;
-    fetchOptions?: object;
-    putUrl?: string;
-    getUrl?: string;
-    status?: FileStatusType;
-    revokeable?: boolean;
-    imageProps?: {
-        width: number;
-        height: number;
-    };
-}
-declare class PreviewableFile {
-    path: NonNullable<PreviewableFileProps["path"]>;
-    blobUrl: NonNullable<PreviewableFileProps["blobUrl"]>;
-    filename: NonNullable<PreviewableFileProps["filename"]>;
-    randomName: NonNullable<PreviewableFileProps["randomName"]>;
-    fileType: NonNullable<PreviewableFileProps["fileType"]>;
-    mimeType: NonNullable<PreviewableFileProps["mimeType"]>;
-    size: NonNullable<PreviewableFileProps["size"]>;
-    displaySize: NonNullable<PreviewableFileProps["displaySize"]>;
-    url: NonNullable<PreviewableFileProps["url"]>;
-    fetchOptions: NonNullable<PreviewableFileProps["fetchOptions"]>;
-    putUrl: NonNullable<PreviewableFileProps["putUrl"]>;
-    getUrl: NonNullable<PreviewableFileProps["getUrl"]>;
-    status: NonNullable<PreviewableFileProps["status"]>;
-    revokeable: NonNullable<PreviewableFileProps["revokeable"]>;
-    imageProps: NonNullable<PreviewableFileProps["imageProps"]>;
-    constructor(props?: PreviewableFileProps);
-    toPlainObj(): this;
-    updateFile(file: PreviewableFile | undefined): void;
-    updateStatus(status: FileStatusType): void;
-    downloadFile(): Promise<this>;
-    _displayFileSize(): string;
-    getUploadFormat(): Attachment;
-}
-
-type DropzoneType = "box" | "button";
-interface ReactDropzoneProps {
-    filesProps: [PreviewableFile[], React.Dispatch<React.SetStateAction<PreviewableFile[]>>];
-    accept?: DropzoneOptions['accept'];
-    maxFiles?: number;
-    error?: boolean;
-    dropzoneType?: DropzoneType;
-    label?: string;
-}
-declare const ReactDropzone: React.FC<ReactDropzoneProps>;
-
-export { type DropzoneType, ReactDropzone, type ReactDropzoneProps, ReactDropzone as default };