@monolith-forensics/monolith-ui 1.3.109 → 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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.3.109",
+  "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"
   }
 }