react-better-html 1.1.149 → 1.1.151

package/dist/index.mjs

@@ -3611,7 +3611,7 @@ var PageHeaderComponent = forwardRef8(function PageHeader({
     {
       alignItems: "center",
       gap: theme2.styles.space,
-      marginBottom: marginBottom ?? theme2.styles.space * 2,
+      marginBottom: marginBottom || theme2.styles.space * 2,
       ref,
       children: [
         imageUrl && /* @__PURE__ */ jsx13(Image_default.profileImage, { src: imageUrl, size: imageSize ?? (mediaQuery.size600 ? 46 : 60) }),
@@ -6495,7 +6495,7 @@ InputFieldComponent.date = forwardRef11(function Date2({ minDate, maxDate, ...pr
     }
   );
 });
-InputFieldComponent.dateTime = forwardRef11(function DateTime({ minDate, maxDate, ...props }, ref) {
+InputFieldComponent.dateTime = forwardRef11(function DateTime({ minDate, maxDate, defaultDateAfterTimePick, defaultTimeAfterDatePick = "00:00", ...props }, ref) {
   const theme2 = useTheme();
   const holderRef = useRef5(null);
   const selectedHourRef = useRef5(null);
@@ -6504,31 +6504,31 @@ InputFieldComponent.dateTime = forwardRef11(function DateTime({ minDate, maxDate
   const { internalValue, setInternalValue, inputFieldProps, insideInputFieldComponentProps, isOpen } = useComponentInputFieldDateProps(props, holderRef, isMobileIOS);
   const onChange = useCallback9(
     (date) => {
-      const newValue = date ? `${date}T${internalValue?.toString().split("T")[1] ?? "00:00"}` : "";
+      const newValue = date ? `${date}T${internalValue?.toString().split("T")[1] ?? defaultTimeAfterDatePick}` : "";
       inputFieldProps.onChangeValue?.(newValue);
       setInternalValue(newValue);
     },
-    [internalValue, inputFieldProps.onChangeValue]
+    [internalValue, defaultTimeAfterDatePick, inputFieldProps.onChangeValue]
   );
   const onClickHour = useCallback9(
     (hour) => {
       const newTime = `${hour.toString().padStart(2, "0")}:${internalValue?.toString().split(":")[1] || "00"}`;
-      const today = `${(/* @__PURE__ */ new Date()).getFullYear()}-${((/* @__PURE__ */ new Date()).getMonth() + 1).toString().padStart(2, "0")}-${(/* @__PURE__ */ new Date()).getDate().toString().padStart(2, "0")}`;
+      const today = defaultDateAfterTimePick ?? `${(/* @__PURE__ */ new Date()).getFullYear()}-${((/* @__PURE__ */ new Date()).getMonth() + 1).toString().padStart(2, "0")}-${(/* @__PURE__ */ new Date()).getDate().toString().padStart(2, "0")}`;
       const newValue = `${(internalValue.trim() || today)?.toString().split("T")[0]}T${newTime}`;
       inputFieldProps.onChangeValue?.(newValue);
       setInternalValue(newValue);
     },
-    [internalValue, inputFieldProps.onChangeValue]
+    [defaultDateAfterTimePick, internalValue, inputFieldProps.onChangeValue]
   );
   const onClickMinute = useCallback9(
     (minute) => {
       const newTime = `${internalValue?.toString().split("T")?.[1]?.split(":")[0] || "00"}:${minute.toString().padStart(2, "0")}`;
-      const today = `${(/* @__PURE__ */ new Date()).getFullYear()}-${((/* @__PURE__ */ new Date()).getMonth() + 1).toString().padStart(2, "0")}-${(/* @__PURE__ */ new Date()).getDate().toString().padStart(2, "0")}`;
+      const today = defaultDateAfterTimePick ?? `${(/* @__PURE__ */ new Date()).getFullYear()}-${((/* @__PURE__ */ new Date()).getMonth() + 1).toString().padStart(2, "0")}-${(/* @__PURE__ */ new Date()).getDate().toString().padStart(2, "0")}`;
       const newValue = `${(internalValue.trim() || today)?.toString().split("T")[0]}T${newTime}`;
       inputFieldProps.onChangeValue?.(newValue);
       setInternalValue(newValue);
     },
-    [internalValue, inputFieldProps.onChangeValue]
+    [defaultDateAfterTimePick, internalValue, inputFieldProps.onChangeValue]
   );
   useEffect8(() => {
     if (isOpen && selectedHourRef.current)
@@ -7507,6 +7507,7 @@ var TableComponent = forwardRef15(function Table({
   pageCount,
   isInsideTableExpandRow,
   containsOverflowComponents,
+  wrapperComponentRef,
   getRowStyle,
   onClickRow,
   onClickAllCheckboxes,
@@ -7887,6 +7888,7 @@ var TableComponent = forwardRef15(function Table({
         borderRadius: theme2.styles.borderRadius * 2,
         overflow: !containsOverflowComponents ? "auto" : void 0,
         ...props,
+        ref: wrapperComponentRef,
         children: /* @__PURE__ */ jsxs17(
           TableStyledComponent,
           {
@@ -7957,7 +7959,7 @@ var TableComponent = forwardRef15(function Table({
                   }
                 ),
                 expandedRows[rowIndex] && /* @__PURE__ */ jsx22("tr", { className: "withoutHover isExpandRow", children: /* @__PURE__ */ jsx22("td", { colSpan: columns.length, children: renderExpandedRow(item, rowIndex) }) })
-              ] }, JSON.stringify(item) + rowIndex + getRowStyle)) : /* @__PURE__ */ jsx22("tr", { className: "withoutHover", children: /* @__PURE__ */ jsx22("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ jsx22(Text_default.unknown, { children: noDataItemsMessage }) }) }) }),
+              ] }, JSON.stringify(item) + rowIndex)) : /* @__PURE__ */ jsx22("tr", { className: "withoutHover", children: /* @__PURE__ */ jsx22("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ jsx22(Text_default.unknown, { children: noDataItemsMessage }) }) }) }),
               withFooter && /* @__PURE__ */ jsx22("tfoot", { children: /* @__PURE__ */ jsx22("tr", { className: "isFooter", children: /* @__PURE__ */ jsx22("td", { colSpan: columns.length, children: /* @__PURE__ */ jsxs17(
                 Div_default.column,
                 {