@nethru/ui 1.0.82 → 2.0.0

package/dist/Frame.js

@@ -1,47 +0,0 @@
-import { Box } from '@mui/material';
-import { SidebarContextProvider } from './sidebar/SidebarContext';
-import { variables } from './variables';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function Frame({
-  appBar,
-  sideBar,
-  children,
-  footer,
-  menu,
-  menuIcons = {},
-  mainRef,
-  onScroll
-}) {
-  const containerStyles = {
-    display: 'flex',
-    flexGrow: 1,
-    overflow: 'auto',
-    marginTop: `${variables.gnbHeight}px`,
-    backgroundColor: variables.bodyBackgroundColor
-  };
-  const contentStyles = {
-    flexGrow: 1,
-    overflow: 'auto',
-    padding: '20px 40px'
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [appBar, /*#__PURE__*/_jsxs(Box, {
-      sx: containerStyles,
-      children: [/*#__PURE__*/_jsx(SidebarContextProvider, {
-        menu: menu,
-        icons: menuIcons,
-        children: sideBar
-      }), /*#__PURE__*/_jsxs(Box, {
-        ref: mainRef,
-        component: "section",
-        sx: contentStyles,
-        onScroll: onScroll,
-        children: [/*#__PURE__*/_jsx("main", {
-          children: children
-        }), footer]
-      })]
-    })]
-  });
-}

package/dist/GroupSelect.js

@@ -1,67 +0,0 @@
-import { Autocomplete, TextField } from "@mui/material";
-import Paper from "@mui/material/Paper";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function GroupSelect({
-  id,
-  options,
-  groupKey,
-  value,
-  onSelect,
-  placeholder,
-  disableClearable = false,
-  sx,
-  ...props
-}) {
-  const styles = {
-    '.MuiInputLabel-root, .MuiInputBase-input': {
-      fontSize: '0.875rem'
-    }
-  };
-  const paperStyles = {
-    '& .MuiAutocomplete-groupLabel': {
-      fontSize: '0.8rem',
-      paddingTop: 0,
-      paddingBottom: 0
-    },
-    '& .MuiAutocomplete-option': {
-      color: '#333',
-      fontSize: '0.875rem',
-      paddingTop: '3px',
-      paddingBottom: '3px'
-    },
-    '& .MuiAutocomplete-noOptions': {
-      fontSize: '0.8rem'
-    }
-  };
-  const handleSelect = (event, value, reason) => {
-    if (reason !== 'selectOption') return;
-    if (onSelect) onSelect(id, value);
-  };
-  function CustomPaper(props) {
-    return /*#__PURE__*/_jsx(Paper, {
-      ...props,
-      sx: paperStyles
-    });
-  }
-  return /*#__PURE__*/_jsx(Autocomplete, {
-    id: id,
-    size: "small",
-    options: options,
-    groupBy: option => option[groupKey],
-    value: value,
-    onChange: handleSelect,
-    blurOnSelect: true,
-    disableClearable: disableClearable,
-    noOptionsText: "\uC77C\uCE58\uD558\uB294 \uD56D\uBAA9\uC774 \uC5C6\uC2B5\uB2C8\uB2E4",
-    PaperComponent: CustomPaper,
-    renderInput: params => /*#__PURE__*/_jsx(TextField, {
-      ...params,
-      label: placeholder
-    }),
-    sx: {
-      ...sx,
-      ...styles
-    },
-    ...props
-  });
-}

package/dist/ListItem.js

@@ -1,21 +0,0 @@
-import MuiListItem from "@mui/material/ListItem";
-import { Grid } from "@mui/material";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function ListItem({
-  grid,
-  spacing = 10,
-  verticalAlign = 'flex-start',
-  children,
-  ...props
-}) {
-  return /*#__PURE__*/_jsxs(MuiListItem, {
-    ...props,
-    children: [grid && /*#__PURE__*/_jsx(Grid, {
-      container: true,
-      columnSpacing: spacing,
-      alignItems: verticalAlign,
-      children: children
-    }), !grid && children]
-  });
-}

package/dist/ListItemDivider.js

@@ -1,15 +0,0 @@
-import { Divider } from "@mui/material";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ListItemDivider({
-  sx,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(Divider, {
-    sx: {
-      ...sx,
-      mt: 3,
-      mb: 2
-    },
-    ...props
-  });
-}

package/dist/ListItemGrid.js

@@ -1,12 +0,0 @@
-import { Grid } from "@mui/material";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ListItemGrid({
-  children,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(Grid, {
-    item: true,
-    ...props,
-    children: children
-  });
-}

package/dist/ListItemText.js

@@ -1,44 +0,0 @@
-import { useState } from "react";
-import { Box, Stack, Tooltip, Typography } from "@mui/material";
-import MuiListItemText from "@mui/material/ListItemText";
-import HelpIcon from "@mui/icons-material/Help";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function ListItemText({
-  primary,
-  secondary,
-  tooltip,
-  ...props
-}) {
-  const [hover, setHover] = useState(false);
-  return /*#__PURE__*/_jsx(MuiListItemText, {
-    primary: typeof primary === 'string' ? /*#__PURE__*/_jsx(Typography, {
-      fontSize: 17,
-      fontWeight: 600,
-      children: primary
-    }) : /*#__PURE__*/_jsx(Box, {
-      children: primary
-    }),
-    secondary: /*#__PURE__*/_jsxs(Stack, {
-      direction: "row",
-      spacing: 0.5,
-      children: [/*#__PURE__*/_jsx(Box, {
-        color: "rgba(0, 0, 0, 0.6)",
-        fontSize: 14,
-        children: secondary
-      }), /*#__PURE__*/_jsx(Tooltip, {
-        title: tooltip,
-        children: /*#__PURE__*/_jsx(HelpIcon, {
-          sx: {
-            fontSize: 18,
-            visibility: tooltip && hover ? 'visible' : 'hidden'
-          }
-        })
-      })]
-    }),
-    disableTypography: true,
-    onMouseEnter: _ => setHover(true),
-    onMouseLeave: _ => setHover(false),
-    ...props
-  });
-}

package/dist/MainHeader.js

@@ -1,59 +0,0 @@
-import { Button, Stack, Typography } from "@mui/material";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function MainHeader({
-  title,
-  editable = false,
-  edit = false,
-  onEditClick,
-  onConfirmClick,
-  onCancelClick,
-  editButtonText = '편집',
-  confirmButtonText = '저장',
-  cancelButtonText = '취소',
-  confirmButtonDisabled = false,
-  rightSlot
-}) {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(Stack, {
-      direction: "row",
-      justifyContent: "space-between",
-      sx: {
-        mb: 2.5
-      },
-      children: [/*#__PURE__*/_jsx(Typography, {
-        variant: "h5",
-        children: title
-      }), rightSlot && /*#__PURE__*/_jsx(_Fragment, {
-        children: rightSlot
-      }), !rightSlot && editable && /*#__PURE__*/_jsxs(Stack, {
-        direction: "row",
-        spacing: 1,
-        justifyContent: "flex-end",
-        children: [!edit && /*#__PURE__*/_jsx(_Fragment, {
-          children: /*#__PURE__*/_jsx(Button, {
-            variant: "contained",
-            onClick: onEditClick,
-            children: editButtonText
-          })
-        }), edit && /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(Button, {
-            variant: "contained",
-            type: "submit",
-            onClick: onConfirmClick,
-            disabled: confirmButtonDisabled,
-            sx: {
-              width: 120
-            },
-            children: confirmButtonText
-          }), /*#__PURE__*/_jsx(Button, {
-            variant: "outlined",
-            onClick: onCancelClick,
-            children: cancelButtonText
-          })]
-        })]
-      })]
-    })
-  });
-}

package/dist/PropertyTable.js

@@ -1,141 +0,0 @@
-import { forwardRef, useMemo, useState } from "react";
-import { Box, Typography } from "@mui/material";
-import MenuItem from "@mui/material/MenuItem";
-import Select from "./Select";
-import { DataGridPro, useGridApiContext } from "@mui/x-data-grid-pro";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-const PropertyTable = /*#__PURE__*/forwardRef(({
-  columns,
-  rows,
-  onUpdate,
-  readOnly,
-  error = false,
-  helperText,
-  sx,
-  outerSx,
-  ...props
-}, ref) => {
-  const styles = useMemo(() => {
-    const result = {
-      '&.MuiDataGrid-root': {
-        borderBottom: error ? '2px solid #d32f2f' : 'none'
-      },
-      '.MuiDataGrid-columnHeaders': {
-        backgroundColor: '#f8f9fa'
-      },
-      '.MuiDataGrid-columnSeparator': {
-        // visibility: 'hidden !important'
-      },
-      '&.MuiDataGrid-root .MuiDataGrid-columnHeader:focus': {
-        outline: 'none !important'
-      },
-      '.MuiDataGrid-cell.fixed': {
-        fontWeight: 'bold'
-      },
-      '.MuiDataGrid-cell.dimmed': {
-        color: '#666'
-      },
-      '& .Mui-error': {
-        backgroundColor: 'rgb(126,10,15, 0.1)',
-        color: '#750f0f'
-      }
-    };
-    if (readOnly) {
-      result['&.MuiDataGrid-root .MuiDataGrid-cell:focus'] = {
-        outline: 'none !important'
-      };
-    }
-    return result;
-  }, [readOnly, error]);
-  const helperTextStyles = useMemo(() => {
-    return {
-      color: error ? '#d32f2f' : '#555',
-      fontSize: 12,
-      ml: '14px',
-      mt: '3px'
-    };
-  }, [error]);
-  const arrangedColumns = useMemo(() => {
-    return columns.map(column => {
-      const newColumn = {
-        ...column
-      };
-      if (readOnly) newColumn.editable = false;
-      if (column.dimmed) newColumn.cellClassName = 'dimmed';else if (column.fixed) {
-        newColumn.cellClassName = params => {
-          return !params.row.deletable ? 'fixed' : '';
-        };
-      }
-      if (column.type === 'singleSelect' && column.valueOptions) {
-        newColumn.renderEditCell = params => /*#__PURE__*/_jsx(SingleSelect, {
-          options: column.valueOptions,
-          ...params
-        });
-      }
-      return newColumn;
-    });
-  }, [columns, readOnly]);
-  const [updatedRows, setUpdatedRows] = useState(rows);
-  const processRowUpdate = row => {
-    const newRows = updatedRows.filter(r => r.id !== row.id);
-    newRows.push(row);
-    setUpdatedRows(newRows);
-    if (onUpdate) onUpdate(row, newRows);
-    return row;
-  };
-  return /*#__PURE__*/_jsxs(Box, {
-    ref: ref,
-    sx: outerSx,
-    children: [/*#__PURE__*/_jsx(DataGridPro, {
-      columns: arrangedColumns,
-      rows: rows,
-      columnHeaderHeight: 35,
-      rowHeight: 30,
-      isCellEditable: params => {
-        return params.row.deletable || !params.colDef.fixed;
-      },
-      processRowUpdate: processRowUpdate,
-      onProcessRowUpdateError: error => console.log(error),
-      disableColumnMenu: true,
-      disableRowSelectionOnClick: readOnly,
-      hideFooter: true,
-      sx: {
-        ...styles,
-        ...sx
-      },
-      ...props
-    }), helperText && /*#__PURE__*/_jsx(Typography, {
-      sx: helperTextStyles,
-      children: helperText
-    })]
-  });
-});
-const SingleSelect = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    id,
-    value,
-    field,
-    options
-  } = props;
-  const apiRef = useGridApiContext();
-  const handleChange = (event, data) => {
-    apiRef.current.setEditCellValue({
-      id,
-      field,
-      value: data.props.value
-    });
-  };
-  return /*#__PURE__*/_jsx(Select, {
-    fontSize: 14,
-    ref: ref,
-    value: value,
-    onChange: handleChange,
-    fullWidth: true,
-    children: options.map(option => /*#__PURE__*/_jsx(MenuItem, {
-      value: option.value,
-      children: option.label
-    }, option.value))
-  });
-});
-export default PropertyTable;

package/dist/ReferenceChipList.js

@@ -1,59 +0,0 @@
-import { Chip, Stack, Link } from "@mui/material";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ReferenceChipList({
-  references,
-  onClick,
-  chipStyles,
-  chipProps,
-  sx,
-  ...props
-}) {
-  const handleClick = (id, event) => {
-    if (onClick) onClick(id, event);
-  };
-  return /*#__PURE__*/_jsx(Stack, {
-    direction: "row",
-    gap: 0.5,
-    sx: {
-      flexWrap: 'wrap',
-      ...sx
-    },
-    ...props,
-    children: references.map((reference, index) => {
-      return reference.href ? /*#__PURE__*/_jsx(Link, {
-        href: reference.href,
-        underline: "none",
-        onClick: event => handleClick(reference.id, event),
-        children: /*#__PURE__*/_jsx(ReferenceChip, {
-          name: reference.name,
-          sx: chipStyles,
-          ...chipProps
-        })
-      }, index) : /*#__PURE__*/_jsx(ReferenceChip, {
-        name: reference.name,
-        onClick: event => reference.clickable && handleClick(reference.id, event),
-        sx: {
-          cursor: reference.clickable ? 'pointer' : 'default',
-          ...chipStyles
-        },
-        ...chipProps
-      }, index);
-    })
-  });
-}
-function ReferenceChip({
-  name,
-  sx,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(Chip, {
-    variant: "outlined",
-    label: name,
-    size: "small",
-    sx: {
-      fontSize: '13px',
-      ...sx
-    },
-    ...props
-  });
-}

package/dist/SearchTextField.js

@@ -1,24 +0,0 @@
-import { InputAdornment } from "@mui/material";
-import SearchIcon from "@mui/icons-material/Search";
-import TextField from "@mui/material/TextField";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function SearchTextField({
-  InputProps,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(TextField, {
-    variant: "standard",
-    placeholder: "\uAC80\uC0C9",
-    size: "small",
-    InputProps: {
-      startAdornment: /*#__PURE__*/_jsx(InputAdornment, {
-        position: "start",
-        children: /*#__PURE__*/_jsx(SearchIcon, {
-          fontSize: "small"
-        })
-      }),
-      ...InputProps
-    },
-    ...props
-  });
-}

package/dist/SearchableSelect.js

@@ -1,41 +0,0 @@
-import { Autocomplete, Box, Divider, Typography } from "@mui/material";
-import { TextField } from "@nethru/ui";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function SearchableSelect({
-  label,
-  options,
-  textFieldProps,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(Autocomplete, {
-    autoHighlight: true,
-    disableClearable: true,
-    options: options,
-    renderInput: params => /*#__PURE__*/_jsx(TextField, {
-      variant: "standard",
-      label: label,
-      ...params,
-      ...textFieldProps
-    }),
-    renderOption: (props, option) => /*#__PURE__*/_jsx(_Fragment, {
-      children: option.type === 'divider' ? /*#__PURE__*/_jsx(Divider, {
-        ...props,
-        sx: {
-          mb: 0.5
-        }
-      }) : /*#__PURE__*/_jsx(Box, {
-        component: "li",
-        ...props,
-        children: option.label
-      })
-    }),
-    getOptionDisabled: option => option.type === 'divider',
-    isOptionEqualToValue: (option, value) => option.id === value.id,
-    noOptionsText: /*#__PURE__*/_jsx(Typography, {
-      variant: "subtitle2",
-      children: "\uC77C\uCE58\uD558\uB294 \uD56D\uBAA9 \uC5C6\uC74C"
-    }),
-    ...props
-  });
-}

package/dist/Section.js

@@ -1,22 +0,0 @@
-import { Paper } from "@mui/material";
-import { forwardRef } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-const Section = /*#__PURE__*/forwardRef(({
-  children,
-  sx,
-  ...props
-}, ref) => {
-  return /*#__PURE__*/_jsx(Paper, {
-    ref: ref,
-    variant: "outlined",
-    square: false,
-    sx: {
-      marginTop: '20px',
-      padding: 3,
-      ...sx
-    },
-    ...props,
-    children: children
-  });
-});
-export default Section;

package/dist/Select.js

@@ -1,48 +0,0 @@
-import MuiSelect from "@mui/material/Select";
-import { FormControl, InputLabel } from "@mui/material";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function Select({
-  variant,
-  label,
-  name,
-  fontSize,
-  fullWidth = false,
-  inputProps,
-  MenuProps,
-  children,
-  ...props
-}) {
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs(FormControl, {
-      variant: variant,
-      fullWidth: fullWidth,
-      sx: {
-        '.MuiSelect-select.MuiInputBase-input': {
-          fontSize: fontSize ? fontSize : 15
-        }
-      },
-      children: [label && /*#__PURE__*/_jsx(InputLabel, {
-        children: label
-      }), /*#__PURE__*/_jsx(MuiSelect, {
-        inputProps: {
-          name: name,
-          ...inputProps
-        },
-        MenuProps: {
-          PaperProps: {
-            sx: {
-              '& .MuiMenuItem-root': {
-                fontSize: fontSize ? fontSize : 15
-              }
-            }
-          },
-          ...MenuProps
-        },
-        ...props,
-        children: children
-      })]
-    })
-  });
-}

package/dist/ShadowedSection.js

@@ -1,36 +0,0 @@
-import { Box, Divider, Stack, Typography } from "@mui/material";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function ShadowedSection({
-  label,
-  children,
-  marginTop = '20px',
-  sx,
-  ...props
-}) {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Box, {
-      sx: {
-        mt: marginTop
-      },
-      children: /*#__PURE__*/_jsx(Typography, {
-        variant: "subtitle1",
-        children: label
-      })
-    }), /*#__PURE__*/_jsxs(Stack, {
-      sx: {
-        backgroundColor: '#fff',
-        boxShadow: '0 0.3rem 0.3rem rgba(0, 0, 0, 0.03) !important'
-      },
-      children: [/*#__PURE__*/_jsx(Divider, {}), /*#__PURE__*/_jsx(Stack, {
-        sx: {
-          padding: 3,
-          ...sx
-        },
-        ...props,
-        children: children
-      }), /*#__PURE__*/_jsx(Divider, {})]
-    })]
-  });
-}

package/dist/Snackbar.js

@@ -1,51 +0,0 @@
-import { Alert, Box, Slide } from "@mui/material";
-import MuiSnackbar from "@mui/material/Snackbar";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function Snackbar({
-  content,
-  severity = 'info',
-  maxWidth = '25%',
-  autoHideDuration = 3000,
-  anchorOrigin = {
-    vertical: 'top',
-    horizontal: 'right'
-  },
-  children,
-  sx,
-  ...props
-}) {
-  const styles = {
-    maxWidth: maxWidth,
-    boxShadow: '0 0.3rem 0.3rem rgba(0, 0, 0, 0.03)'
-  };
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [!children && /*#__PURE__*/_jsx(MuiSnackbar, {
-      autoHideDuration: autoHideDuration,
-      anchorOrigin: anchorOrigin,
-      TransitionComponent: transition,
-      sx: {
-        ...sx,
-        ...styles
-      },
-      ...props,
-      children: /*#__PURE__*/_jsx(Alert, {
-        severity: severity,
-        children: /*#__PURE__*/_jsx(Box, {
-          whiteSpace: "pre",
-          children: content
-        })
-      })
-    }), children && /*#__PURE__*/_jsx(MuiSnackbar, {
-      ...props,
-      children: children
-    })]
-  });
-}
-function transition(props) {
-  return /*#__PURE__*/_jsx(Slide, {
-    ...props,
-    direction: "down"
-  });
-}