@monolith-forensics/monolith-ui 1.3.108 → 1.3.110

package/dist/Button/Button.js

@@ -94,6 +94,8 @@ const StyledButton = styled.button `
     }
 }};
 
+  height: 400px;
+
   color: ${({ theme, variant, color }) => {
     var _a, _b;
     if (variant === "default")
@@ -169,7 +171,9 @@ const StyledButton = styled.button `
 
   cursor: pointer;
 
-  transition: background-color 0.2s, border 0.2s;
+  transition:
+    background-color 0.2s,
+    border 0.2s;
 
   .inner-span {
     display: flex;

package/dist/FieldLabel/FieldLabel.js

@@ -4,7 +4,7 @@ import * as Tooltip from "@radix-ui/react-tooltip";
 export const InfoComponent = styled(({ className, children, description, label }) => {
     if (!description)
         return children;
-    return (_jsx(Tooltip.Provider, { delayDuration: 800, skipDelayDuration: 0, disableHoverableContent: true, children: _jsxs(Tooltip.Root, { children: [_jsx(Tooltip.Trigger, { asChild: true, children: children }), _jsx(Tooltip.Portal, { children: _jsxs(Tooltip.Content, { className: className, side: "right", sideOffset: 15, align: "start", onClick: (e) => e.stopPropagation(), children: [_jsx("div", { className: "title", children: label || "Info" }), _jsx("div", { children: description || "N/A" })] }) })] }) }));
+    return (_jsx(Tooltip.Provider, { delayDuration: 300, skipDelayDuration: 0, disableHoverableContent: true, children: _jsxs(Tooltip.Root, { children: [_jsx(Tooltip.Trigger, { asChild: true, children: children }), _jsx(Tooltip.Portal, { children: _jsxs(Tooltip.Content, { className: className, side: "right", sideOffset: 15, align: "start", onClick: (e) => e.stopPropagation(), children: [_jsx("div", { className: "title", children: label || "Info" }), _jsx("div", { children: description || "N/A" })] }) })] }) }));
 }) `
   pointer-events: none;
   z-index: 999999;

package/dist/SelectBox/SelectBox.js

@@ -381,7 +381,7 @@ triggerFocus = false, triggerOpen = false, onFocused, onOpened, }) => {
     // ============================================================================
     // Render
     // ============================================================================
-    return (_jsxs(StyledContainer, { className: className, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(StyledInputContainer, { ref: refs.setReference, onMouseDown: () => setIsOpen(true), width: width, onKeyDown: handleKeyDown, "data-open": isOpen, "data-disabled": disabled, tabIndex: disabled ? -1 : 0, children: [_jsx(Input, { ref: inputRef, value: inputValue, onChange: handleInputChange, onFocus: handleFocus, autoFocus: focused, disabled: disabled, tabIndex: disabled ? -1 : 0, placeholder: placeholder, size: size, readOnly: !searchable && !allowCustomValue, "data-button-right": arrow || clearable, style: isOpen ? { borderColor: theme.palette.primary.main } : {} }), renderActionButton()] }), isOpen && (_jsx(FloatingPortal, { preserveTabOrder: true, children: _jsx(StyledFloatContainer, { ref: (ref) => {
+    return (_jsxs(StyledContainer, { className: className, "data-test": "this-is-a-test", children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(StyledInputContainer, { ref: refs.setReference, onMouseDown: () => setIsOpen(true), width: width, onKeyDown: handleKeyDown, "data-open": isOpen, "data-disabled": disabled, tabIndex: -1, children: [_jsx(Input, { ref: inputRef, value: inputValue, onChange: handleInputChange, onFocus: handleFocus, autoFocus: focused, disabled: disabled, tabIndex: disabled ? -1 : 0, placeholder: placeholder, size: size, readOnly: !searchable && !allowCustomValue, "data-button-right": arrow || clearable, style: isOpen ? { borderColor: theme.palette.primary.main } : {} }), renderActionButton()] }), isOpen && (_jsx(FloatingPortal, { preserveTabOrder: true, children: _jsx(StyledFloatContainer, { ref: (ref) => {
                         containerRef.current = ref;
                         refs.setFloating(ref);
                     }, style: floatingStyles, className: "mfFloating", children: _jsxs(StyledContent, Object.assign({ className: "mfFloatingContent", style: {

package/dist/Switch/Switch.d.ts

@@ -3,7 +3,7 @@ import { Size } from "../core";
 export type SwitchProps = {
     className?: string;
     onChange: (e: any) => void;
-    size?: Size;
+    size?: Exclude<Size, "xxs">;
     label?: string;
     labelPosition?: "left" | "right";
     description?: string;

package/dist/Switch/Switch.js

@@ -30,6 +30,18 @@ const StyledRoot = styled(RadixSwitch.Root) `
                     ? "32px"
                     : "16px"};
 
+  min-width: ${({ size }) => size === "xs"
+    ? "26px"
+    : size === "sm"
+        ? "35px"
+        : size === "md"
+            ? "41px"
+            : size === "lg"
+                ? "53px"
+                : size === "xl"
+                    ? "70px"
+                    : "26px"};
+
   width: ${({ size }) => size === "xs"
     ? "26px"
     : size === "sm"

package/dist/TextAreaInput/TextAreaInput.js

@@ -152,7 +152,7 @@ const TextAreaInput = forwardRef((props, ref) => {
                             height: 16,
                             width: 16,
                         },
-                    }, children: _jsx(StyledMoreHorizontal, { size: 16 }) })) : null, children: label })), _jsxs(TextAreaWrapper, { children: [_jsx(TextArea, Object.assign({ ref: mergedRef, size: size, maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange, cacheMeasurements: cacheMeasurements }, rest)), (insertableItems === null || insertableItems === void 0 ? void 0 : insertableItems.length) && (_jsx(InsertMenuOverlay, { ref: insertMenuRef, "$visible": showInsertMenu, children: _jsx(StyledInsertSelectBox, { data: insertableItems, placeholder: "Select item to insert...", searchable: true, clearable: false, arrow: false, focused: showInsertMenu, openOnFocus: true, triggerOpen: triggerSelectBoxOpen, onOpened: handleSelectBoxOpened, onChange: handleInsertSelect, size: size }) }))] })] }));
+                    }, children: _jsx(StyledMoreHorizontal, { size: 16 }) })) : null, children: label })), _jsxs(TextAreaWrapper, { children: [_jsx(TextArea, Object.assign({ ref: mergedRef, size: size, maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange, cacheMeasurements: cacheMeasurements }, rest)), showInsertMenu && (insertableItems === null || insertableItems === void 0 ? void 0 : insertableItems.length) && (_jsx(InsertMenuOverlay, { ref: insertMenuRef, "$visible": showInsertMenu, children: _jsx(StyledInsertSelectBox, { data: insertableItems, placeholder: "Select item to insert...", searchable: true, clearable: false, arrow: false, focused: showInsertMenu, openOnFocus: true, triggerOpen: triggerSelectBoxOpen, onOpened: handleSelectBoxOpened, onChange: handleInsertSelect, size: size }) }))] })] }));
 });
 TextAreaInput.displayName = "TextAreaInput";
 export default TextAreaInput;

package/dist/TextInput/TextInput.js

@@ -81,10 +81,10 @@ export const TextInput = forwardRef((_a, ref) => {
     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) => {
+                        }, tabIndex: -1, 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] })] }));
+                        }, tabIndex: -1, type: "button", children: _jsx(X, {}) })) : null] })] }));
 });
 TextInput.displayName = "TextInput";
 export default TextInput;

package/dist/Tooltip/Tooltip.d.ts

@@ -7,6 +7,8 @@ interface TooltipProps {
     sideOffset?: number;
     align?: "start" | "center" | "end";
     delayDuration?: number;
+    /** When true, the tooltip stays open while hovering over its content */
+    hoverableContent?: boolean;
 }
-declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TooltipProps, never>> & string & Omit<({ className, children, content, side, sideOffset, align, delayDuration, }: TooltipProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined, keyof import("react").Component<any, {}, any>>;
+declare const Tooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<TooltipProps, never>> & string & Omit<({ className, children, content, side, sideOffset, align, delayDuration, hoverableContent, }: TooltipProps) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined, keyof import("react").Component<any, {}, any>>;
 export default Tooltip;

package/dist/Tooltip/Tooltip.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
 import * as RadixTooltip from "@radix-ui/react-tooltip";
-const Tooltip = styled(({ className, children, content, side = "right", sideOffset = 15, align = "start", delayDuration = 800, }) => {
+const Tooltip = styled(({ className, children, content, side = "right", sideOffset = 15, align = "start", delayDuration = 300, hoverableContent = false, }) => {
     if (!content)
         return children;
-    return (_jsx(RadixTooltip.Provider, { delayDuration: delayDuration || 800, skipDelayDuration: 0, disableHoverableContent: true, children: _jsxs(RadixTooltip.Root, { children: [_jsx(RadixTooltip.Trigger, { asChild: true, children: children }), _jsx(RadixTooltip.Portal, { children: _jsx(RadixTooltip.Content, { className: className, side: side || "right", sideOffset: sideOffset || 15, align: align || "start", onClick: (e) => e.stopPropagation(), children: content }) })] }) }));
+    return (_jsx(RadixTooltip.Provider, { delayDuration: delayDuration, skipDelayDuration: 0, disableHoverableContent: !hoverableContent, children: _jsxs(RadixTooltip.Root, { children: [_jsx(RadixTooltip.Trigger, { asChild: true, children: children }), _jsx(RadixTooltip.Portal, { children: _jsx(RadixTooltip.Content, { className: className, side: side || "right", sideOffset: sideOffset || 15, align: align || "start", onClick: (e) => e.stopPropagation(), children: content }) })] }) }));
 }) `
-  pointer-events: none;
+  pointer-events: ${({ hoverableContent }) => hoverableContent ? "auto" : "none"};
   z-index: 999999;
   background-color: ${({ theme }) => theme.palette.background.default};
   padding: 15px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.3.108",
+  "version": "1.3.110",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",
@@ -16,7 +16,10 @@
     "registry": "https://registry.npmjs.org/"
   },
   "scripts": {
+    "branch": "bash ./scripts/branch",
+    "pr": "bash ./scripts/pr",
     "dev": "cd playground && yarn dev",
+    "dev:link": "yarn build && yalc publish --push && chokidar \"src/**/*\" -d 500 -c \"yarn build && yalc publish --push\"",
     "clean": "rm -r ./dist",
     "build": "tsc",
     "listFiles": "tsc --listFiles",
@@ -79,6 +82,8 @@
     "@types/react-dom": "^18.3.0",
     "@types/react-window": "^1.8.8",
     "@types/spark-md5": "^3.0.4",
-    "typescript": "^5.5.4"
+    "chokidar-cli": "^3.0.0",
+    "typescript": "^5.5.4",
+    "yalc": "^1.0.0-pre.53"
   }
 }