@monolith-forensics/monolith-ui 1.2.109 → 1.2.111

package/dist/DateInput/DateInput.js

@@ -193,9 +193,10 @@ const InputSegment = styled.div `
   }
 `;
 const DateInput = forwardRef(({ className, style = {}, defaultValue, value, format = "YYYY-MM-DD HH:mm:ss", label, description, arrow = true, size = "sm", variant = "outlined", clearable = false, required = false, onChange = () => { }, min, max, error, enableCalendar = false, utc = false, closeOnSelect = true, disabled = false, }, _ref) => {
-    const isControlled = value !== undefined;
+    // Determine controlled status only once at mount
+    const isControlled = useRef(value !== undefined);
     const [unControlledValue, setUncontrolledValue] = useState(defaultValue);
-    const _value = isControlled ? value : unControlledValue;
+    const _value = isControlled.current ? value : unControlledValue;
     const [selectedSegment, setSelectedSegment] = useState();
     const [isOpen, setIsOpen] = useState(false);
     // Check if format is date only and does not include time
@@ -351,7 +352,10 @@ const DateInput = forwardRef(({ className, style = {}, defaultValue, value, form
             setUncontrolledValue((prev) => {
                 if (!(selectedSegment === null || selectedSegment === void 0 ? void 0 : selectedSegment.momentType))
                     return prev;
-                const momentValue = utc ? moment.utc(prev) : moment(prev);
+                // if prev is null, use undefined - passing null to moment returns a null moment value
+                const momentValue = utc
+                    ? moment.utc(prev || undefined)
+                    : moment(prev || undefined);
                 let newValue = moment(momentValue)
                     .set(selectedSegment.momentType, parseInt(tempValue, 10) -
                     (selectedSegment.type === "month" ? 1 : 0))

package/dist/SelectBox/SelectBox.js

@@ -206,7 +206,8 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const theme = useTheme();
     const isObjectArray = (_a = Object.keys((data === null || data === void 0 ? void 0 : data[0]) || {})) === null || _a === void 0 ? void 0 : _a.includes("label");
-    const isControlled = value !== undefined;
+    // Determine controlled status only once at mount
+    const isControlled = useRef(value !== undefined);
     const resolvedOptions = data.map((item) => ({
         value: isObjectArray ? item.value : item,
         label: isObjectArray ? item.label : item,
@@ -231,7 +232,7 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
      * Get the correct value based on whether the component is controlled or not
      * if controlled, use the controlled value, otherwise use the resolved value
      */
-    const _value = isControlled ? resolvedValue : valueState;
+    const _value = isControlled.current ? resolvedValue : valueState;
     const [inputValue, setInputValue] = useState(typeof _value === "object" ? (_value === null || _value === void 0 ? void 0 : _value.label) || "" : _value || "");
     const [isOpen, setIsOpen] = useState(false);
     const [searchValue, setSearchValue] = useState("");
@@ -342,7 +343,7 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
         setInputValue("");
         setIsOpen(false);
         handleChangeSelection(null);
-        !isControlled && setValueState(null);
+        !isControlled.current && setValueState(null);
         setSearchValue("");
         searchFn === null || searchFn === void 0 ? void 0 : searchFn("");
         update();
@@ -356,7 +357,7 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
         setIsOpen(false);
     };
     const handleChangeSelection = useCallback((option) => {
-        !isControlled && setValueState(option);
+        !isControlled.current && setValueState(option);
         onChange === null || onChange === void 0 ? void 0 : onChange(option === null || option === void 0 ? void 0 : option.value, option);
     }, [onChange]);
     const handleAddItem = useCallback((newItem) => {
@@ -396,7 +397,7 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
             else if (index < filteredItems.length - 1) {
                 newItem = filteredItems[index + 1];
             }
-            !isControlled && setValueState(newItem);
+            !isControlled.current && setValueState(newItem);
             onChange === null || onChange === void 0 ? void 0 : onChange(newItem.value, newItem);
             return;
         }
@@ -417,7 +418,7 @@ DropDownProps = {}, debounceTime = 150, sort = false, disabled = false, }) => {
             else if (index > 0) {
                 newItem = filteredItems[index - 1];
             }
-            !isControlled && setValueState(newItem);
+            !isControlled.current && setValueState(newItem);
             onChange === null || onChange === void 0 ? void 0 : onChange(newItem.value, newItem);
             return;
         }

package/package.json

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