react-better-html 1.1.149 → 1.1.151

package/dist/index.d.mts

@@ -410,6 +410,10 @@ type InputFieldComponentType = {
     dateTime: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps & {
         minDate?: Date;
         maxDate?: Date;
+        /** @default today */
+        defaultDateAfterTimePick?: `${number}-${number}-${number}`;
+        /** @default "00:00" */
+        defaultTimeAfterDatePick?: `${number}:${number}`;
     }>) => React.ReactElement;
     time: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
     color: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
@@ -738,6 +742,7 @@ type TableProps<DataItem> = {
     pageCount?: number;
     isInsideTableExpandRow?: boolean;
     containsOverflowComponents?: boolean;
+    wrapperComponentRef?: React.Ref<HTMLDivElement>;
     getRowStyle?: (item: DataItem, index: number) => ComponentStyle;
     onClickRow?: (item: DataItem, index: number) => void;
     onClickAllCheckboxes?: (checked: boolean) => void;

package/dist/index.d.ts

@@ -410,6 +410,10 @@ type InputFieldComponentType = {
     dateTime: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps & {
         minDate?: Date;
         maxDate?: Date;
+        /** @default today */
+        defaultDateAfterTimePick?: `${number}-${number}-${number}`;
+        /** @default "00:00" */
+        defaultTimeAfterDatePick?: `${number}:${number}`;
     }>) => React.ReactElement;
     time: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
     color: (props: ComponentPropWithRef<HTMLInputElement, InputFieldProps>) => React.ReactElement;
@@ -738,6 +742,7 @@ type TableProps<DataItem> = {
     pageCount?: number;
     isInsideTableExpandRow?: boolean;
     containsOverflowComponents?: boolean;
+    wrapperComponentRef?: React.Ref<HTMLDivElement>;
     getRowStyle?: (item: DataItem, index: number) => ComponentStyle;
     onClickRow?: (item: DataItem, index: number) => void;
     onClickAllCheckboxes?: (checked: boolean) => void;

package/dist/index.js

@@ -3697,7 +3697,7 @@ var PageHeaderComponent = (0, import_react15.forwardRef)(function PageHeader({
     {
       alignItems: "center",
       gap: theme2.styles.space,
-      marginBottom: marginBottom ?? theme2.styles.space * 2,
+      marginBottom: marginBottom || theme2.styles.space * 2,
       ref,
       children: [
         imageUrl && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Image_default.profileImage, { src: imageUrl, size: imageSize ?? (mediaQuery.size600 ? 46 : 60) }),
@@ -6581,7 +6581,7 @@ InputFieldComponent.date = (0, import_react20.forwardRef)(function Date2({ minDa
     }
   );
 });
-InputFieldComponent.dateTime = (0, import_react20.forwardRef)(function DateTime({ minDate, maxDate, ...props }, ref) {
+InputFieldComponent.dateTime = (0, import_react20.forwardRef)(function DateTime({ minDate, maxDate, defaultDateAfterTimePick, defaultTimeAfterDatePick = "00:00", ...props }, ref) {
   const theme2 = useTheme();
   const holderRef = (0, import_react20.useRef)(null);
   const selectedHourRef = (0, import_react20.useRef)(null);
@@ -6590,31 +6590,31 @@ InputFieldComponent.dateTime = (0, import_react20.forwardRef)(function DateTime(
   const { internalValue, setInternalValue, inputFieldProps, insideInputFieldComponentProps, isOpen } = useComponentInputFieldDateProps(props, holderRef, isMobileIOS);
   const onChange = (0, import_react20.useCallback)(
     (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 = (0, import_react20.useCallback)(
     (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 = (0, import_react20.useCallback)(
     (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]
   );
   (0, import_react20.useEffect)(() => {
     if (isOpen && selectedHourRef.current)
@@ -7583,6 +7583,7 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
   pageCount,
   isInsideTableExpandRow,
   containsOverflowComponents,
+  wrapperComponentRef,
   getRowStyle,
   onClickRow,
   onClickAllCheckboxes,
@@ -7963,6 +7964,7 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
         borderRadius: theme2.styles.borderRadius * 2,
         overflow: !containsOverflowComponents ? "auto" : void 0,
         ...props,
+        ref: wrapperComponentRef,
         children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
           TableStyledComponent,
           {
@@ -8033,7 +8035,7 @@ var TableComponent = (0, import_react25.forwardRef)(function Table({
                   }
                 ),
                 expandedRows[rowIndex] && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("tr", { className: "withoutHover isExpandRow", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("td", { colSpan: columns.length, children: renderExpandedRow(item, rowIndex) }) })
-              ] }, JSON.stringify(item) + rowIndex + getRowStyle)) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("tr", { className: "withoutHover", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default.unknown, { children: noDataItemsMessage }) }) }) }),
+              ] }, JSON.stringify(item) + rowIndex)) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("tr", { className: "withoutHover", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("td", { className: "noData", colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Text_default.unknown, { children: noDataItemsMessage }) }) }) }),
               withFooter && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("tfoot", { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("tr", { className: "isFooter", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("td", { colSpan: columns.length, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
                 Div_default.column,
                 {