@monolith-forensics/monolith-ui 1.3.6 → 1.3.62

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/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/TextInput/TextInput.d.ts

@@ -10,5 +10,9 @@ export type TextInputProps = InputProps & {
     description?: string;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     style?: React.CSSProperties;
+    password?: boolean;
+    clearable?: boolean;
+    onClear?: () => void;
 };
 export declare const TextInput: React.FC<TextInputProps>;
+export default TextInput;

package/dist/TextInput/TextInput.js

@@ -13,11 +13,78 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import { FieldLabel } from "..";
 import Input from "../Input/Input";
-import { forwardRef } from "react";
+import { forwardRef, useState } from "react";
+import { Eye, EyeOff, X } from "lucide-react";
 const StyledContainer = styled.div `
   grid-column: span ${({ colSpan }) => colSpan || 1};
 `;
+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;
+  }
+`;
 export const TextInput = forwardRef((_a, ref) => {
-    var { className, label, error, required, colSpan = 1, description, size = "sm", inputProps } = _a, rest = __rest(_a, ["className", "label", "error", "required", "colSpan", "description", "size", "inputProps"]);
-    return (_jsxs(StyledContainer, { className: className, colSpan: colSpan, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsx(Input, Object.assign({ ref: ref, size: size }, inputProps, rest))] }));
+    var { className, label, error, required, colSpan = 1, description, size = "sm", inputProps, password = false, clearable = false, onClear, type, style, value } = _a, rest = __rest(_a, ["className", "label", "error", "required", "colSpan", "description", "size", "inputProps", "password", "clearable", "onClear", "type", "style", "value"]);
+    const [passwordVisible, setPasswordVisible] = useState(false);
+    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();
+    };
+    // Enhanced features: password or clearable functionality
+    const inputType = password && !passwordVisible ? "password" : type || "text";
+    const inputStyle = Object.assign(Object.assign({}, style), (password || (clearable && value) ? { paddingRight: "36px" } : {}));
+    return (_jsxs(StyledContainer, { className: className, colSpan: colSpan, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(InputContainer, { children: [_jsx(Input, Object.assign({ ref: ref, value: value, size: size, type: inputType, style: inputStyle }, inputProps, rest)), 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] })] }));
 });
+TextInput.displayName = "TextInput";
+export default TextInput;

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.62",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",