@nethru/ui 1.0.48 → 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";
@@ -8,6 +8,7 @@ import { Fragment as _Fragment } from "react/jsx-runtime";
 export default function AppendableFormList({
   forms,
   gap = 1,
+  addOns,
   onAppend,
   onRemove,
   readOnly
@@ -40,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/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.48",
+  "version": "1.0.49",
   "main": "dist/index.js",
   "files": [
     "/dist"