@monolith-forensics/monolith-ui 1.8.1-dev.4 → 1.8.1

package/dist/Utilities/parseTimestamp.js

@@ -7,7 +7,6 @@ import moment from "moment";
 // When `timestamp` is empty, segment values fall back to placeholders so the
 // DateInput can still render an editable structure.
 export default function parseTimestamp(timestamp, format, utc = false) {
-    var _a;
     // Supported format tokens and how each token maps to a segment type.
     // `momentType` is used by consumers that need to know which unit the
     // segment represents in Moment's terminology.
@@ -41,7 +40,7 @@ export default function parseTimestamp(timestamp, format, utc = false) {
     // Break the format into ordered parts while keeping separators.
     // Example: "MM/DD/YYYY HH:mm" => ["MM", "/", "DD", "/", "YYYY", " ", "HH", ":", "mm"]
     function splitFormat(format) {
-        return format.split(/(YYYY|MM|DD|HH|h|mm|ss|SSS|A|Z)/).filter((s) => s);
+        return format.split(/(YYYY|MM|DD|HH|h|mm|ss|SSS|Z)/).filter((s) => s);
     }
     // Convert each format part into a known token descriptor.
     // Unknown parts are treated as literal separators.
@@ -58,19 +57,15 @@ export default function parseTimestamp(timestamp, format, utc = false) {
                 index: -1,
             };
     }
-    const parsedTimestamp = timestamp
-        ? utc === true
-            ? moment.utc(timestamp)
-            : moment(timestamp)
-        : null;
-    const hasValidTimestamp = (_a = parsedTimestamp === null || parsedTimestamp === void 0 ? void 0 : parsedTimestamp.isValid()) !== null && _a !== void 0 ? _a : false;
     // Build the final Segment[] in format order.
     // For date/time tokens, format the timestamp using local or UTC mode.
-    // For separators (or empty/invalid timestamps), use the placeholder as the value.
+    // For separators (or empty timestamp), use the placeholder as the value.
     const segments = splitFormat(format).map((segment, i) => {
         const { pattern, placeholder, type, momentType } = matchSegment(segment);
-        const value = hasValidTimestamp && parsedTimestamp
-            ? parsedTimestamp.format(pattern)
+        const value = timestamp
+            ? utc === true
+                ? moment.utc(timestamp).format(pattern)
+                : moment(timestamp).format(pattern)
             : placeholder;
         return {
             value,

package/dist/core/ArrowButton.d.ts

@@ -1,7 +1,5 @@
-import Size from "./Types/Size";
 interface ArrowButtonProps {
     className?: string;
-    size?: Size;
     [key: string]: React.ButtonHTMLAttributes<HTMLButtonElement> | any;
 }
 declare const ArrowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ArrowButtonProps, never>> & string & Omit<({ className, ...props }: ArrowButtonProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/dist/core/ArrowButton.js

@@ -12,10 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ChevronDownIcon } from "lucide-react";
 import styled from "styled-components";
-import { DEFAULT_CONTROL_SIZE, getControlSizeTokens } from "./controlSizes";
 const ArrowIcon = styled((_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("div", Object.assign({ className: className }, props, { children: _jsx(ChevronDownIcon, { size: getControlSizeTokens(props.size).iconSize }) })));
+    return (_jsx("div", Object.assign({ className: className }, props, { children: _jsx(ChevronDownIcon, { size: 16 }) })));
 }) `
   color: ${(props) => props.theme.palette.text.secondary};
   transition: transform 0.2s ease-in-out;
@@ -29,19 +28,16 @@ const ArrowIcon = styled((_a) => {
 `;
 const ArrowButton = styled((_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: _jsx(ArrowIcon, { size: props.size }) })));
+    return (_jsx("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: _jsx(ArrowIcon, {}) })));
 }) `
   position: absolute;
   right: 0;
   height: 100%;
-  width: ${({ size = DEFAULT_CONTROL_SIZE }) => `${getControlSizeTokens(size).adornmentWidth}px`};
+  padding-inline: 10px;
   background: none;
   border: none;
   cursor: pointer;
   margin: 0;
   outline: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
 `;
 export default ArrowButton;

package/dist/core/ClearButton.d.ts

@@ -1,7 +1,5 @@
-import Size from "./Types/Size";
 interface ClearButtonProps {
     className?: string;
-    size?: Size;
     [key: string]: React.ButtonHTMLAttributes<HTMLButtonElement> | any;
 }
 declare const ClearButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ClearButtonProps, never>> & string & Omit<({ className, ...props }: ClearButtonProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/dist/core/ClearButton.js

@@ -12,10 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { X } from "lucide-react";
 import styled from "styled-components";
-import { DEFAULT_CONTROL_SIZE, getControlSizeTokens } from "./controlSizes";
 const ClearIcon = styled((_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("div", Object.assign({ className: className }, props, { children: _jsx(X, { size: getControlSizeTokens(props.size).iconSize }) })));
+    return (_jsx("div", Object.assign({ className: className }, props, { children: _jsx(X, { size: 16 }) })));
 }) `
   color: ${(props) => props.theme.palette.text.secondary};
   transition: transform 0.2s ease-in-out;
@@ -29,19 +28,16 @@ const ClearIcon = styled((_a) => {
 `;
 const ClearButton = styled((_a) => {
     var { className } = _a, props = __rest(_a, ["className"]);
-    return (_jsx("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: _jsx(ClearIcon, { size: props.size }) })));
+    return (_jsx("button", Object.assign({ className: className }, props, { tabIndex: -1, "data-default-btn": true, children: _jsx(ClearIcon, {}) })));
 }) `
   position: absolute;
   right: 0;
   height: 100%;
-  width: ${({ size = DEFAULT_CONTROL_SIZE }) => `${getControlSizeTokens(size).adornmentWidth}px`};
+  padding-inline: 10px;
   background: none;
   border: none;
   cursor: pointer;
   margin: 0;
   outline: none;
-  display: flex;
-  align-items: center;
-  justify-content: center;
 `;
 export default ClearButton;

package/dist/core/controlSizes.js

@@ -26,7 +26,7 @@ const CONTROL_SIZE_TOKENS = {
         pillPaddingX: 6,
         pillIconSize: 10,
         pillGap: 4,
-        segmentedHeight: 22,
+        segmentedHeight: 24,
         segmentedFontSize: 11,
         sectionTitleFontSize: 12,
         sectionIconSize: 12,
@@ -57,7 +57,7 @@ const CONTROL_SIZE_TOKENS = {
         pillPaddingX: 8,
         pillIconSize: 12,
         pillGap: 5,
-        segmentedHeight: 26,
+        segmentedHeight: 28,
         segmentedFontSize: 12,
         sectionTitleFontSize: 13,
         sectionIconSize: 12,
@@ -89,7 +89,7 @@ const CONTROL_SIZE_TOKENS = {
         pillIconSize: 14,
         pillGap: 5,
         segmentedHeight: 32,
-        segmentedFontSize: 14,
+        segmentedFontSize: 13,
         sectionTitleFontSize: 14,
         sectionIconSize: 14,
     },
@@ -119,8 +119,8 @@ const CONTROL_SIZE_TOKENS = {
         pillPaddingX: 12,
         pillIconSize: 16,
         pillGap: 5,
-        segmentedHeight: 38,
-        segmentedFontSize: 16,
+        segmentedHeight: 36,
+        segmentedFontSize: 14,
         sectionTitleFontSize: 16,
         sectionIconSize: 18,
     },
@@ -150,8 +150,8 @@ const CONTROL_SIZE_TOKENS = {
         pillPaddingX: 14,
         pillIconSize: 18,
         pillGap: 5,
-        segmentedHeight: 46,
-        segmentedFontSize: 18,
+        segmentedHeight: 44,
+        segmentedFontSize: 15,
         sectionTitleFontSize: 18,
         sectionIconSize: 24,
     },
@@ -181,8 +181,8 @@ const CONTROL_SIZE_TOKENS = {
         pillPaddingX: 16,
         pillIconSize: 20,
         pillGap: 5,
-        segmentedHeight: 56,
-        segmentedFontSize: 20,
+        segmentedHeight: 52,
+        segmentedFontSize: 16,
         sectionTitleFontSize: 20,
         sectionIconSize: 28,
     },

package/dist/core/index.d.ts

@@ -2,6 +2,5 @@ export { default as StyledContent } from "./StyledContent";
 export { default as StyledFloatContainer } from "./StyledFloatContainer";
 export { default as ArrowButton } from "./ArrowButton";
 export { default as ClearButton } from "./ClearButton";
-export * from "./controlSizes";
 export type { default as Size } from "./Types/Size";
 export type { default as Variant } from "./Types/Variant";

package/dist/core/index.js

@@ -2,4 +2,3 @@ export { default as StyledContent } from "./StyledContent";
 export { default as StyledFloatContainer } from "./StyledFloatContainer";
 export { default as ArrowButton } from "./ArrowButton";
 export { default as ClearButton } from "./ClearButton";
-export * from "./controlSizes";

package/dist/index.d.ts

@@ -14,8 +14,6 @@ export * from "./Alert";
 export * from "./Kanban";
 export { default as IconButton } from "./IconButton";
 export { default as DateInput } from "./DateInput";
-export { default as SuperDatePicker } from "./SuperDatePicker";
-export type { SuperDatePickerChangeMeta, SuperDatePickerProps, SuperDatePickerPreset, SuperDatePickerValue, } from "./SuperDatePicker";
 export { default as TextArea } from "./TextArea";
 export { default as TextAreaInput } from "./TextAreaInput";
 export type { ActionMenuOptions, TextAreaInputProps } from "./TextAreaInput";
@@ -46,5 +44,4 @@ export * from "./Tabs";
 export * from "./Divider";
 export * from "./SegmentedControl";
 export * from "./Popover";
-export * from "./Charts";
 export * from "./Utilities";

package/dist/index.js

@@ -9,7 +9,6 @@ export * from "./Alert";
 export * from "./Kanban";
 export { default as IconButton } from "./IconButton";
 export { default as DateInput } from "./DateInput";
-export { default as SuperDatePicker } from "./SuperDatePicker";
 export { default as TextArea } from "./TextArea";
 export { default as TextAreaInput } from "./TextAreaInput";
 export { default as TagBox } from "./TagBox";
@@ -36,5 +35,4 @@ export * from "./Tabs";
 export * from "./Divider";
 export * from "./SegmentedControl";
 export * from "./Popover";
-export * from "./Charts";
 export * from "./Utilities";

package/dist/theme/variants.js

@@ -73,13 +73,16 @@ const lightVariant = {
             main: green[700],
             contrastText: "#FFF",
         },
+        warning: {
+            main: "#ffa726",
+            contrastText: "#FFF",
+        },
         background: {
             default: "#FFF",
             paper: "#FFF",
             alt: "#ededed",
             secondary: "#f0f0f0",
             gradient: "linear-gradient(#FFFFFF 0%, #ccdcf9 50%)",
-            subtle: "#ededed",
         },
         menu: {
             background: "#FFF",
@@ -237,13 +240,16 @@ const darkVariant = merge(lightVariant, {
             main: green[500],
             contrastText: "#FFF",
         },
+        warning: {
+            main: "#ffa726",
+            contrastText: "#FFF",
+        },
         background: {
             default: "#222222",
             paper: "#333333",
             alt: "#1e1e1e",
             secondary: "#303030",
             gradient: "linear-gradient(#333333 0%, #1e1e1e 50%)",
-            subtle: "#333333",
         },
         menu: {
             background: "#222222",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.8.1-dev.4",
+  "version": "1.8.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",
@@ -40,22 +40,24 @@
     "@radix-ui/react-switch": "^1.0.7",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@tabler/icons-react": "^3.11.0",
-    "@tiptap/core": "3.22.4",
-    "@tiptap/extension-color": "3.22.4",
-    "@tiptap/extension-horizontal-rule": "3.22.4",
-    "@tiptap/extension-image": "3.22.4",
-    "@tiptap/extension-table": "3.22.4",
-    "@tiptap/extension-text-align": "3.22.4",
-    "@tiptap/extension-text-style": "3.22.4",
-    "@tiptap/extensions": "3.22.4",
-    "@tiptap/pm": "3.22.4",
-    "@tiptap/react": "3.22.4",
-    "@tiptap/starter-kit": "3.22.4",
-    "@tiptap/suggestion": "3.22.4",
+    "@tiptap/extension-color": "^2.9.1",
+    "@tiptap/extension-focus": "^2.5.9",
+    "@tiptap/extension-horizontal-rule": "^2.5.9",
+    "@tiptap/extension-image": "^2.5.9",
+    "@tiptap/extension-placeholder": "^2.5.9",
+    "@tiptap/extension-table": "^2.5.8",
+    "@tiptap/extension-table-cell": "^2.5.8",
+    "@tiptap/extension-table-header": "^2.5.8",
+    "@tiptap/extension-table-row": "^2.5.8",
+    "@tiptap/extension-text-align": "^2.5.8",
+    "@tiptap/extension-text-style": "^2.9.1",
+    "@tiptap/extension-underline": "^2.5.8",
+    "@tiptap/pm": "^2.5.8",
+    "@tiptap/react": "^2.5.8",
+    "@tiptap/starter-kit": "^2.5.8",
+    "@tiptap/suggestion": "^2.5.9",
     "@uiw/codemirror-theme-vscode": "^4.23.6",
     "@uiw/react-codemirror": "^4.23.6",
-    "d3-scale": "^4.0.2",
-    "d3-shape": "^3.2.0",
     "deepmerge": "^4.3.1",
     "exceljs": "^4.4.0",
     "lucide-react": "^0.469.0",
@@ -81,22 +83,12 @@
   },
   "devDependencies": {
     "@tanstack/react-query": "5.59.16",
-    "@types/d3-scale": "^4.0.9",
-    "@types/d3-shape": "^3.1.8",
     "@types/overlayscrollbars": "^1.12.5",
-    "@types/react": "19.0.8",
-    "@types/react-dom": "19.0.3",
+    "@types/react-dom": "^18.3.0",
     "@types/react-window": "^1.8.8",
     "@types/spark-md5": "^3.0.4",
     "chokidar-cli": "^3.0.0",
     "typescript": "^5.5.4",
     "yalc": "^1.0.0-pre.53"
-  },
-  "resolutions": {
-    "@types/react": "19.0.8",
-    "prosemirror-model": "1.25.4",
-    "prosemirror-state": "1.4.4",
-    "prosemirror-transform": "1.12.0",
-    "prosemirror-view": "1.41.8"
   }
 }