@nethru/ui 1.0.21 → 1.0.23

package/dist/CircularProgress.js

@@ -0,0 +1,33 @@
+import { Box, Typography } from "@mui/material";
+import MuiCircularProgress from "@mui/material/CircularProgress";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export default function CircularProgress(props) {
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      position: 'relative',
+      display: 'inline-flex'
+    },
+    children: [/*#__PURE__*/_jsx(MuiCircularProgress, {
+      variant: "determinate",
+      ...props
+    }), /*#__PURE__*/_jsx(Box, {
+      sx: {
+        top: 0,
+        left: 0,
+        bottom: 0,
+        right: 0,
+        position: 'absolute',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center'
+      },
+      children: /*#__PURE__*/_jsx(Typography, {
+        variant: "caption",
+        component: "div",
+        color: "text.secondary",
+        children: `${Math.round(props.value)}%`
+      })
+    })]
+  });
+}

package/dist/ReferenceChipList.js

@@ -0,0 +1,56 @@
+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
+}) {
+  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: onClick,
+        children: /*#__PURE__*/_jsx(ReferenceChip, {
+          name: reference.name,
+          sx: chipStyles,
+          ...chipProps
+        })
+      }, index) : /*#__PURE__*/_jsx(ReferenceChip, {
+        name: reference.name,
+        onClick: onClick,
+        sx: {
+          cursor: 'default',
+          ...chipStyles
+        },
+        ...chipProps
+      }, index);
+    })
+  });
+}
+function ReferenceChip({
+  name,
+  sx,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(Chip, {
+    variant: "outlined",
+    label: name,
+    size: "small",
+    sx: {
+      fontSize: '14px',
+      ...sx
+    },
+    ...props
+  });
+}

package/dist/index.js

@@ -5,6 +5,7 @@ export { default as AlertDialog } from "./AlertDialog";
 export { default as AppBar } from "./AppBar";
 export { default as AvatarDropdown } from "./AvatarDropdown";
 export { default as Checkbox } from "./Checkbox";
+export { default as CircularProgress } from "./CircularProgress";
 export { default as ConfirmDialog } from "./ConfirmDialog";
 export { default as DataGrid } from "./DataGrid";
 export { default as Dialog } from "./Dialog";
@@ -17,6 +18,7 @@ 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 ReferenceChipList } from "./ReferenceChipList";
 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.21",
+  "version": "1.0.23",
   "main": "dist/index.js",
   "files": [
     "/dist"