@monolith-forensics/monolith-ui 1.2.40 → 1.2.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -35,7 +35,7 @@ export declare const CALENDAR_MONTHS: {
35
35
  };
36
36
  export declare const CALENDAR_WEEKS = 6;
37
37
  export declare const zeroPad: (value: number, length: number) => string;
38
- export declare const getMonthDays: (month?: number, year?: number) => 29 | 28 | 30 | 31;
38
+ export declare const getMonthDays: (month?: number, year?: number) => 28 | 29 | 30 | 31;
39
39
  export declare const getMonthFirstDay: (month?: number, year?: number) => number;
40
40
  export declare const isDate: (date: Date) => boolean;
41
41
  export declare const isSameMonth: (date: Date, basedate?: Date) => boolean;
@@ -1,15 +1,18 @@
1
+ import { LucideIcon } from "lucide-react";
1
2
  import { ReactNode } from "react";
2
3
  import { Size } from "../core";
3
4
  interface FormSectionProps {
4
5
  children?: ReactNode;
5
6
  className?: string;
7
+ style?: React.CSSProperties;
6
8
  title?: string | ReactNode;
7
9
  open?: boolean;
8
10
  defaultOpen?: boolean;
9
11
  onOpenChange?: (open: boolean) => void;
10
12
  allowCollapse?: boolean;
11
13
  size?: Size;
12
- style?: React.CSSProperties;
14
+ icon?: LucideIcon;
15
+ iconColor?: string;
13
16
  }
14
- declare const FormSection: ({ title, children, open, defaultOpen, onOpenChange, allowCollapse, size, style, }: FormSectionProps) => import("react/jsx-runtime").JSX.Element;
17
+ declare const FormSection: ({ title, children, open, defaultOpen, onOpenChange, allowCollapse, size, style, icon: Icon, iconColor, }: FormSectionProps) => import("react/jsx-runtime").JSX.Element;
15
18
  export default FormSection;
@@ -56,7 +56,23 @@ const StyledContainer = styled.div `
56
56
  }
57
57
  }
58
58
  `;
59
- const FormSection = ({ title, children, open, defaultOpen = true, onOpenChange, allowCollapse = true, size, style, }) => {
59
+ const resolveIconSize = (size) => {
60
+ switch (size) {
61
+ case "xs":
62
+ return 12;
63
+ case "sm":
64
+ return 14;
65
+ case "md":
66
+ return 18;
67
+ case "lg":
68
+ return 24;
69
+ case "xl":
70
+ return 28;
71
+ default:
72
+ return 18;
73
+ }
74
+ };
75
+ const FormSection = ({ title, children, open, defaultOpen = true, onOpenChange, allowCollapse = true, size, style, icon: Icon, iconColor, }) => {
60
76
  const [_open, setOpen] = useState(defaultOpen);
61
77
  const openState = open !== null && open !== void 0 ? open : _open;
62
78
  return (_jsxs(StyledContainer, { className: "mfui-FormSection", size: size, style: style, children: [_jsxs("div", { className: "section-header", onClick: (e) => {
@@ -64,6 +80,6 @@ const FormSection = ({ title, children, open, defaultOpen = true, onOpenChange,
64
80
  setOpen(!openState);
65
81
  onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(!openState);
66
82
  }
67
- }, children: [_jsx("h3", { children: title }), _jsx("div", { className: "section-line" }), !!allowCollapse ? (_jsx(ChevronDownIcon, { size: 18, className: openState ? "open" : "" })) : ("")] }), _jsx("div", { className: "section-content", "data-open": openState, children: children })] }));
83
+ }, children: [Icon && _jsx(Icon, { size: resolveIconSize(size), color: iconColor }), _jsx("h3", { children: title }), _jsx("div", { className: "section-line" }), !!allowCollapse ? (_jsx(ChevronDownIcon, { size: 18, className: openState ? "open" : "" })) : ("")] }), _jsx("div", { className: "section-content", "data-open": openState, children: children })] }));
68
84
  };
69
85
  export default FormSection;
@@ -1,4 +1,4 @@
1
- import "overlayscrollbars/overlayscrollbars.css";
1
+ import "overlayscrollbars/styles/overlayscrollbars.css";
2
2
  declare const GlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
3
3
  theme: any;
4
4
  }>;
@@ -1,5 +1,5 @@
1
1
  import { createGlobalStyle } from "styled-components";
2
- import "overlayscrollbars/overlayscrollbars.css";
2
+ import "overlayscrollbars/styles/overlayscrollbars.css";
3
3
  const GlobalStyle = createGlobalStyle `
4
4
 
5
5
  * {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@monolith-forensics/monolith-ui",
3
- "version": "1.2.40",
3
+ "version": "1.2.42",
4
4
  "main": "./dist/index.js",
5
5
  "types": "./dist/index.d.ts",
6
6
  "author": "Matt Danner (Monolith Forensics LLC)",
@@ -50,7 +50,7 @@
50
50
  "@uiw/codemirror-theme-vscode": "^4.23.6",
51
51
  "@uiw/react-codemirror": "^4.23.6",
52
52
  "deepmerge": "^4.3.1",
53
- "lucide-react": "^0.378.0",
53
+ "lucide-react": "^0.469.0",
54
54
  "moment": "^2.29.1",
55
55
  "overlayscrollbars": "^2.6.0",
56
56
  "overlayscrollbars-react": "^0.5.6",