@nethru/ui 1.0.81 → 2.0.0

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"
-  });
-}

package/dist/StatusChip.js

@@ -1,34 +0,0 @@
-import { Chip } from "@mui/material";
-import CheckCircleIcon from "@mui/icons-material/CheckCircle";
-import ErrorIcon from "@mui/icons-material/Error";
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function StatusChip({
-  id,
-  label,
-  status,
-  onOperate,
-  sx,
-  ...props
-}) {
-  const styles = {
-    '&': {
-      bgcolor: status === 'normal' ? '#4caf50' : '#fff'
-    },
-    '.MuiSvgIcon-root.MuiChip-deleteIcon': {
-      cursor: onOperate ? 'pointer' : 'default'
-    }
-  };
-  return /*#__PURE__*/_jsx(Chip, {
-    id: id,
-    label: label,
-    variant: status === 'normal' ? 'filled' : 'outlined',
-    color: status === 'normal' ? 'success' : 'default',
-    deleteIcon: status === 'normal' ? /*#__PURE__*/_jsx(CheckCircleIcon, {}) : /*#__PURE__*/_jsx(ErrorIcon, {}),
-    onDelete: _ => onOperate && onOperate(id, status),
-    sx: {
-      ...sx,
-      ...styles
-    },
-    ...props
-  });
-}

package/dist/Switch.js

@@ -1,37 +0,0 @@
-import { FormControlLabel, Stack } from "@mui/material";
-import MuiSwitch from "@mui/material/Switch";
-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 Switch({
-  label,
-  labelPlacement = 'top',
-  ...props
-}) {
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [label && /*#__PURE__*/_jsx(Stack, {
-      direction: "row",
-      alignItems: "center",
-      sx: {
-        '.MuiFormControlLabel-label': {
-          color: '#666',
-          fontSize: 11
-        },
-        '.MuiFormControlLabel-root': {
-          ml: labelPlacement === 'start' ? '0px' : '-10px',
-          mr: 0
-        }
-      },
-      children: /*#__PURE__*/_jsx(FormControlLabel, {
-        control: /*#__PURE__*/_jsx(MuiSwitch, {
-          color: "primary",
-          ...props
-        }),
-        label: label,
-        labelPlacement: labelPlacement
-      })
-    }), !label && /*#__PURE__*/_jsx(MuiSwitch, {
-      ...props
-    })]
-  });
-}

package/dist/TabbedSection.js

@@ -1,37 +0,0 @@
-import { Stack, Tab } from "@mui/material";
-import Tabs from "./Tabs";
-import Section from "./Section";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default function TabbedSection({
-  orientation,
-  labels = [],
-  tabProps = {},
-  sectionProps = {},
-  children,
-  ...props
-}) {
-  const styles = {
-    mt: 0,
-    width: orientation === 'vertical' ? '100%' : 'unset'
-  };
-  return /*#__PURE__*/_jsxs(Stack, {
-    direction: orientation === 'vertical' ? 'row' : 'column',
-    children: [/*#__PURE__*/_jsx(Tabs, {
-      orientation: orientation,
-      ...props,
-      children: labels.map((label, index) => /*#__PURE__*/_jsx(Tab, {
-        label: label,
-        wrapped: orientation === 'vertical',
-        ...tabProps
-      }, index))
-    }), /*#__PURE__*/_jsx(Section, {
-      sx: {
-        ...styles,
-        ...sectionProps.sx
-      },
-      ...sectionProps,
-      children: children
-    })]
-  });
-}

package/dist/Tabs.js

@@ -1,38 +0,0 @@
-import React from "react";
-import MuiTabs from "@mui/material/Tabs";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function Tabs({
-  orientation,
-  sx,
-  ...props
-}) {
-  const vertical = orientation === 'vertical';
-  const styles = {
-    ml: vertical ? 0 : 0.5,
-    mr: vertical ? 0 : 0.5,
-    mt: vertical ? 0.5 : 0,
-    mb: vertical ? 0.5 : 0,
-    '& .MuiButtonBase-root.MuiTab-root': {
-      fontSize: '15px'
-    },
-    '&.MuiTabs-root.MuiTabs-vertical': {
-      minWidth: '40px',
-      maxWidth: '40px'
-    },
-    '&.MuiTabs-root.MuiTabs-vertical .MuiButtonBase-root.MuiTab-root': {
-      minWidth: '40px',
-      maxWidth: '40px'
-    }
-  };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(MuiTabs, {
-      orientation: orientation,
-      sx: {
-        ...styles,
-        ...sx
-      },
-      ...props
-    })
-  });
-}

package/dist/TextField.js

@@ -1,25 +0,0 @@
-import MuiTextField from "@mui/material/TextField";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-export default function TextField({
-  width,
-  fontSize,
-  textAlign,
-  inputProps,
-  ...props
-}) {
-  const styles = {
-    fontSize: fontSize ? fontSize : 16,
-    textAlign: textAlign ? textAlign : 'left',
-    width
-  };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsx(MuiTextField, {
-      inputProps: {
-        ...inputProps,
-        style: styles
-      },
-      ...props
-    })
-  });
-}

package/dist/index.js

@@ -1,42 +0,0 @@
-export { default as Accordion } from "./Accordion";
-export { default as AccordionDetails } from "./AccordionDetails";
-export { default as AccordionSummary } from "./AccordionSummary";
-export { default as AlertDialog } from "./AlertDialog";
-export { default as AppBar } from "./AppBar";
-export { default as AppendableFormList } from "./AppendableFormList";
-export { default as AvatarDropdown } from "./AvatarDropdown";
-export { default as Button } from "./Button";
-export { default as Checkbox } from "./Checkbox";
-export { default as CircularProgress } from "./CircularProgress";
-export { default as ColumnedSection } from "./ColumnedSection";
-export { default as ConfirmDialog } from "./ConfirmDialog";
-export { default as DataGrid } from "./DataGrid";
-export { default as Dialog } from "./Dialog";
-export { default as DropdownButton } from "./DropdownButton";
-export { default as Editor } from "./editor/Editor";
-export { default as FormLabel } from "./FormLabel";
-export { default as Frame } from "./Frame";
-export { default as GroupSelect } from "./GroupSelect";
-export { default as ListItem } from "./ListItem";
-export { default as ListItemDivider } from "./ListItemDivider";
-export { default as ListItemGrid } from "./ListItemGrid";
-export { default as ListItemText } from "./ListItemText";
-export { default as MainHeader } from "./MainHeader";
-export { default as PropertyTable } from "./PropertyTable";
-export { default as ReferenceChipList } from "./ReferenceChipList";
-export { default as SearchableSelect } from "./SearchableSelect";
-export { default as SearchTextField } from "./SearchTextField";
-export { default as Section } from "./Section";
-export { default as Select } from "./Select";
-export { default as ShadowedSection } from "./ShadowedSection";
-export { default as Slider } from "./Slider";
-export { default as Snackbar } from "./Snackbar";
-export { default as StatusChip } from "./StatusChip";
-export { default as Switch } from "./Switch";
-export { default as TabbedSection } from "./TabbedSection";
-export { default as Tabs } from "./Tabs";
-export { default as TextField } from "./TextField";
-export { default as Sidebar } from "./sidebar/Sidebar";
-export * from './sidebar/SidebarContext';
-export { default as Error } from "./error/Error";
-export { default as HttpError } from "./error/HttpError";