@monolith-forensics/monolith-ui 1.3.6 → 1.3.61

package/dist/Divider/Divider.d.ts

@@ -0,0 +1,6 @@
+import { CSSProperties } from "react";
+export interface DividerProps {
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const Divider: import("react").ForwardRefExoticComponent<DividerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Divider/Divider.js

@@ -0,0 +1,25 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import styled from "styled-components";
+const StyledDivider = styled.div `
+  height: 1px;
+  width: 100%;
+  background-color: ${({ theme }) => theme.palette.divider};
+  margin: 16px 0;
+`;
+export const Divider = forwardRef((_a, ref) => {
+    var { className, style } = _a, other = __rest(_a, ["className", "style"]);
+    return (_jsx(StyledDivider, Object.assign({ ref: ref, className: className, style: style }, other)));
+});
+Divider.displayName = "Divider";

package/dist/Divider/index.d.ts

@@ -0,0 +1 @@
+export * from "./Divider";

package/dist/Divider/index.js

@@ -0,0 +1 @@
+export * from "./Divider";

package/dist/Input/Input.d.ts

@@ -5,6 +5,9 @@ export interface InputProps {
     size?: Size;
     variant?: Variant;
     width?: string | number | null | undefined;
+    password?: boolean;
+    clearable?: boolean;
+    onClear?: () => void;
 }
 declare const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export default Input;

package/dist/Input/Input.js

@@ -9,9 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
-import { forwardRef } from "react";
+import { forwardRef, useState } from "react";
+import { Eye, EyeOff, X } from "lucide-react";
 const StyledInput = styled.input `
   font-family: ${({ theme }) => theme.typography.fontFamily};
   pointer-events: "all";
@@ -143,8 +144,73 @@ const StyledInput = styled.input `
     opacity: 0.5;
   }
 `;
+const InputContainer = styled.div `
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: ${({ width }) => {
+    if (typeof width === "undefined")
+        return "100%";
+    if (width === null)
+        return "100%";
+    if (typeof width === "string")
+        return width;
+    if (typeof width === "number")
+        return `${width}px`;
+}};
+`;
+const InputButton = styled.button `
+  position: absolute;
+  right: 8px;
+  background: none;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: ${(props) => props.theme.palette.text.secondary};
+  padding: 4px;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+
+  &:hover {
+    color: ${(props) => props.theme.palette.text.primary};
+    background-color: ${(props) => props.theme.palette.action.hover};
+  }
+
+  &:focus {
+    outline: none;
+    box-shadow: 0 0 0 2px ${(props) => props.theme.palette.primary.main}40;
+  }
+
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+`;
 const Input = forwardRef((_a, ref) => {
-    var { className } = _a, props = __rest(_a, ["className"]);
-    return _jsx(StyledInput, Object.assign({ ref: ref, className: className }, props));
+    var { className, password = false, clearable = false, onClear, width, value } = _a, props = __rest(_a, ["className", "password", "clearable", "onClear", "width", "value"]);
+    const [passwordVisible, setPasswordVisible] = useState(false);
+    const hasButton = password || (clearable && value);
+    const handlePasswordToggle = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        setPasswordVisible((prev) => !prev);
+    };
+    const handleClear = (e) => {
+        e.preventDefault();
+        e.stopPropagation();
+        onClear === null || onClear === void 0 ? void 0 : onClear();
+    };
+    return (_jsxs(InputContainer, { className: className, width: width, children: [_jsx(StyledInput, Object.assign({ ref: ref, value: value, width: width, type: password && !passwordVisible ? "password" : "text", style: {
+                    paddingRight: hasButton ? "36px" : undefined,
+                } }, props)), password ? (_jsx(InputButton, { onClick: handlePasswordToggle, onMouseDown: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                }, type: "button", children: passwordVisible ? _jsx(Eye, {}) : _jsx(EyeOff, {}) })) : clearable && value ? (_jsx(InputButton, { onClick: handleClear, onMouseDown: (e) => {
+                    e.preventDefault();
+                    e.stopPropagation();
+                }, type: "button", children: _jsx(X, {}) })) : null] }));
 });
+Input.displayName = "Input";
 export default Input;

package/dist/ItemTotal/ItemTotal.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+interface ItemTotalProps {
+    className?: string;
+    total: number;
+    Icon: React.ComponentType<any>;
+    style?: React.CSSProperties;
+    title?: string;
+}
+declare const ItemTotal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ItemTotalProps, never>> & string & Omit<({ className, total, Icon, style, title, }: ItemTotalProps) => import("react/jsx-runtime").JSX.Element, keyof React.Component<any, {}, any>>;
+export default ItemTotal;
+export type { ItemTotalProps };

package/dist/ItemTotal/ItemTotal.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+const ItemTotal = styled(({ className, total, Icon, style = {}, title = "Total Items", }) => {
+    return (_jsxs("div", { className: className, title: title, style: style, children: [_jsx(Icon, { size: 14, style: {
+                    fontSize: 14,
+                    marginRight: 5,
+                } }), _jsx("div", { style: {
+                    fontSize: 12,
+                }, children: total || 0 })] }));
+}) `
+  display: flex;
+  align-content: center;
+  align-items: center;
+  margin-left: 10px;
+  cursor: pointer;
+  color: ${({ theme }) => theme.palette.text.secondary};
+
+  &:hover {
+    color: ${({ theme }) => theme.palette.text.primary};
+  }
+`;
+export default ItemTotal;

package/dist/ItemTotal/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ItemTotal";
+export type { ItemTotalProps } from "./ItemTotal";

package/dist/ItemTotal/index.js

@@ -0,0 +1 @@
+export { default } from "./ItemTotal";

package/dist/index.d.ts

@@ -28,6 +28,8 @@ export { default as Tooltip } from "./Tooltip";
 export { default as Pill } from "./Pill";
 export { default as Calendar } from "./Calendar";
 export { default as Typography } from "./Typography";
+export { default as ItemTotal } from "./ItemTotal";
+export type { ItemTotalProps } from "./ItemTotal";
 export * from "./RichTextEditor";
 export { default as Loader } from "./Loader";
 export type { LoaderProps } from "./Loader";
@@ -38,3 +40,4 @@ export * from "./FileViewer";
 export * from "./Table";
 export type { ColumnProps, TableProps } from "./Table";
 export * from "./Tabs";
+export * from "./Divider";

package/dist/index.js

@@ -21,6 +21,7 @@ export { default as Tooltip } from "./Tooltip";
 export { default as Pill } from "./Pill";
 export { default as Calendar } from "./Calendar";
 export { default as Typography } from "./Typography";
+export { default as ItemTotal } from "./ItemTotal";
 export * from "./RichTextEditor";
 export { default as Loader } from "./Loader";
 export * from "./QueryFilter";
@@ -29,3 +30,4 @@ export * from "./MonolithUIProvider";
 export * from "./FileViewer";
 export * from "./Table";
 export * from "./Tabs";
+export * from "./Divider";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.3.6",
+  "version": "1.3.61",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",