@monolith-forensics/monolith-ui 1.2.80 → 1.2.82

package/dist/DateInput/DateInput.js

@@ -15,6 +15,11 @@ import styled from "styled-components";
 import { FieldLabel, Calendar } from "..";
 import { StyledContent, StyledFloatContainer, ArrowButton, ClearButton, } from "../core";
 import parseTimestamp from "../Utilities/parseTimestamp";
+const StyledContainer = styled.div.attrs({
+    className: "mfui-DateInput",
+}) `
+  width: 100%;
+`;
 const StyledInputContainer = styled.div `
   position: relative;
 
@@ -471,13 +476,13 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, value, form
             document.removeEventListener("wheel", handleWheelEvent);
         };
     }, [selectedSegment]);
-    return (_jsxs("div", { className: "mfui-DateInput", children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(StyledInputContainer, { ref: (ref) => {
-                    if (typeof _ref === "function") {
-                        _ref(ref);
-                    }
-                    mainRef.current = ref;
-                    refs.setReference(ref);
-                }, className: className, onClick: handleContainerClick, onMouseDown: handleMouseDown, onKeyDown: handleKeyDown, onFocus: (e) => {
+    return (_jsxs(StyledContainer, { ref: (ref) => {
+            if (typeof _ref === "function") {
+                _ref(ref);
+            }
+            mainRef.current = ref;
+            refs.setReference(ref);
+        }, className: className, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(StyledInputContainer, { className: "input-container", onClick: handleContainerClick, onMouseDown: handleMouseDown, onKeyDown: handleKeyDown, onFocus: (e) => {
                     e.preventDefault();
                     setSelectedSegment(segments[0]);
                 }, onBlur: () => {

package/dist/QueryFilter/QueryFilter.js

@@ -97,16 +97,20 @@ const StyledInput = styled(Input) `
   }
 `;
 const StyledDateInput = styled(DateInput) `
-  height: 20px;
-  font-size: 12px;
-  border-radius: 0;
-  border-color: transparent;
-  background-color: ${({ theme }) => theme.palette.background.secondary};
+  width: auto;
 
-  cursor: pointer;
+  .input-container {
+    height: 20px;
+    font-size: 12px;
+    border-radius: 0;
+    border-color: transparent;
+    background-color: ${({ theme }) => theme.palette.background.secondary};
 
-  &:hover {
-    border-color: ${({ theme }) => theme.palette.primary.main};
+    cursor: pointer;
+
+    &:hover {
+      border-color: ${({ theme }) => theme.palette.primary.main};
+    }
   }
 `;
 const dateFormatResolver = (resolution) => {

package/dist/SelectBox/SelectBox.js

@@ -472,10 +472,7 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
     }, [refs.floating, refs.reference, handleBlur]);
     // handle input value change
     useEffect(() => {
-        if (_value) {
-            const newValue = _value.label;
-            setInputValue(newValue || "");
-        }
+        setInputValue((_value === null || _value === void 0 ? void 0 : _value.label) || "");
     }, [_value]);
     // handle scroll item into view
     useEffect(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.2.80",
+  "version": "1.2.82",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",