@nethru/ui 1.0.47 → 1.0.49

package/dist/AppendableFormList.js

@@ -1,5 +1,5 @@
 import React from "react";
-import { Box, Button, IconButton, Stack, Tooltip, Typography } from "@mui/material";
+import { Button, IconButton, Stack, Tooltip, Typography } from "@mui/material";
 import AddIcon from "@mui/icons-material/Add";
 import DeleteIcon from "@mui/icons-material/Delete";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -7,12 +7,14 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function AppendableFormList({
   forms,
+  gap = 1,
+  addOns,
   onAppend,
   onRemove,
   readOnly
 }) {
   return /*#__PURE__*/_jsxs(Stack, {
-    gap: 1,
+    gap: gap,
     children: [/*#__PURE__*/_jsxs(_Fragment, {
       children: [forms.map((form, index) => /*#__PURE__*/_jsxs(Stack, {
         direction: "row",
@@ -39,13 +41,15 @@ export default function AppendableFormList({
         },
         children: "\uD56D\uBAA9\uC774 \uC5C6\uC2B5\uB2C8\uB2E4"
       })]
-    }), !readOnly && /*#__PURE__*/_jsx(Box, {
-      children: /*#__PURE__*/_jsx(Button, {
+    }), !readOnly && /*#__PURE__*/_jsxs(Stack, {
+      direction: "row",
+      gap: 1,
+      children: [/*#__PURE__*/_jsx(Button, {
         variant: "text",
         startIcon: /*#__PURE__*/_jsx(AddIcon, {}),
         onClick: onAppend,
         children: "\uCD94\uAC00"
-      })
+      }), addOns]
     })]
   });
 }

package/dist/Dialog.js

@@ -1,26 +1,40 @@
-import { Zoom } from "@mui/material";
+import { Slide, Zoom } from "@mui/material";
 import MuiDialog from "@mui/material/Dialog";
 import { forwardRef } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
-const Transition = /*#__PURE__*/forwardRef(function Transition(props, ref) {
+const ZoomTransition = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/_jsx(Zoom, {
     ref: ref,
     ...props
   });
 });
+const SlideTransition = /*#__PURE__*/forwardRef(function (props, ref) {
+  return /*#__PURE__*/_jsx(Slide, {
+    direction: "down",
+    ref: ref,
+    ...props
+  });
+});
 export default function Dialog({
+  center = true,
   contentFontSize = 16,
   children,
   sx,
   ...props
 }) {
+  const styles = {
+    '& .MuiDialog-container': {
+      alignItems: center ? 'center' : 'flex-start'
+    },
+    '.MuiTypography-root.MuiDialogContentText-root': {
+      fontSize: contentFontSize
+    }
+  };
   return /*#__PURE__*/_jsx(MuiDialog, {
-    TransitionComponent: Transition,
+    TransitionComponent: center ? ZoomTransition : SlideTransition,
     sx: {
-      ...sx,
-      '.MuiTypography-root.MuiDialogContentText-root': {
-        fontSize: contentFontSize
-      }
+      ...styles,
+      ...sx
     },
     ...props,
     children: children

package/dist/ListItemText.js

@@ -12,10 +12,12 @@ export default function ListItemText({
 }) {
   const [hover, setHover] = useState(false);
   return /*#__PURE__*/_jsx(MuiListItemText, {
-    primary: /*#__PURE__*/_jsx(Typography, {
+    primary: typeof primary === 'string' ? /*#__PURE__*/_jsx(Typography, {
       fontSize: 17,
       fontWeight: 600,
       children: primary
+    }) : /*#__PURE__*/_jsx(Box, {
+      children: primary
     }),
     secondary: /*#__PURE__*/_jsxs(Stack, {
       direction: "row",

package/dist/SearchableSelect.js

@@ -0,0 +1,35 @@
+import { Autocomplete, Box, Divider } 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,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Autocomplete, {
+    autoHighlight: true,
+    disableClearable: true,
+    options: options,
+    renderInput: params => /*#__PURE__*/_jsx(TextField, {
+      variant: "standard",
+      label: label,
+      ...params
+    }),
+    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,
+    ...props
+  });
+}

package/dist/index.js

@@ -23,6 +23,7 @@ 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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethru/ui",
-  "version": "1.0.47",
+  "version": "1.0.49",
   "main": "dist/index.js",
   "files": [
     "/dist"