fis-component 0.0.66 → 0.0.68

package/dist/cjs/types/src/components/Input/InputTime/index.d.ts

@@ -1,10 +1,12 @@
 import React from "react";
 import { InputFieldProps } from "../InputField";
 import { InputLabelProps } from "../InputLabel";
-export interface InputTimeProps extends InputFieldProps, Partial<InputLabelProps> {
+export interface InputTimeProps extends Omit<InputFieldProps, "onChange">, Partial<InputLabelProps> {
     message?: string;
     positive?: boolean;
     format?: string;
+    onChange?: (date: Date | null) => void;
+    getPopupContainer?: () => HTMLElement;
 }
 declare const FISInputTime: React.ForwardRefExoticComponent<InputTimeProps & React.RefAttributes<HTMLInputElement>>;
 export default FISInputTime;

package/dist/esm/index.js

@@ -70918,7 +70918,7 @@ const DivInputTimeSC = styled.div `
 `;
 
 const FISInputTime = forwardRef((props, ref) => {
-    const { className, textLabel = "", iconLabel, required, message, negative, positive, format = "HH:mm:ss", disabled, onClickIconLabel, ...rest } = props;
+    const { className, textLabel = "", iconLabel, required, message, negative, positive, format = "HH:mm:ss", disabled, onChange, onClickIconLabel, getPopupContainer, ...rest } = props;
     const [inputValue, setInputValue] = useState("");
     const [timeValue, setTimeValue] = useState(null);
     const [isOpen, setIsOpen] = useState(false);
@@ -70936,6 +70936,7 @@ const FISInputTime = forwardRef((props, ref) => {
         };
     }, []);
     const handleTimeChange = (time) => {
+        onChange?.(time ? time.toDate() : null);
         setTimeValue(time);
         setInputValue(time ? time.format(format) : "");
         setIsOpen(false);
@@ -70945,9 +70946,11 @@ const FISInputTime = forwardRef((props, ref) => {
         setInputValue(newValue);
         const parsedTime = dayjs(newValue, format, true);
         if (parsedTime.isValid()) {
+            onChange?.(parsedTime.toDate());
             setTimeValue(parsedTime);
         }
         else {
+            onChange?.(null);
             setTimeValue(null);
         }
     };
@@ -70959,7 +70962,7 @@ const FISInputTime = forwardRef((props, ref) => {
             setIsOpen(open);
         }
     };
-    return (jsxs(DivContainerSC$2, { className: className, ref: containerRef, children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxs(DivInputTimeSC, { children: [jsx(FISInputField, { ...rest, ref: ref, typeSuffix: "icon", iconSuffix: jsx(TimeIcon, {}), negative: negative, value: inputValue, onChange: handleInputChange, onFocus: handleClickInput, onClickSuffix: handleClickInput }), jsx(HiddenTimePickerSC, { format: format, value: timeValue, onChange: handleTimeChange, open: isOpen, onOpenChange: handleOpenChange, getPopupContainer: (triggerNode) => triggerNode.parentElement || document.body })] }), message && (jsx(DivHintWrapperSC, { children: jsx(SpanHintSC, { className: classNames({
+    return (jsxs(DivContainerSC$2, { className: className, ref: containerRef, children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxs(DivInputTimeSC, { children: [jsx(FISInputField, { ...rest, ref: ref, typeSuffix: "icon", iconSuffix: jsx(TimeIcon, {}), negative: negative, value: inputValue, onChange: handleInputChange, onFocus: handleClickInput, onClickSuffix: handleClickInput }), jsx(HiddenTimePickerSC, { format: format, value: timeValue, onChange: handleTimeChange, open: isOpen, onOpenChange: handleOpenChange, getPopupContainer: getPopupContainer })] }), message && (jsx(DivHintWrapperSC, { children: jsx(SpanHintSC, { className: classNames({
                         disabled: disabled,
                         negative: negative,
                         positive: positive,
@@ -73624,7 +73627,10 @@ const SpanTotalSC = styled.span `
 const LIMIT_DEFAULT = 10;
 const FISPagination = ({ pageSize = LIMIT_DEFAULT, current = 1, total = 0, minimize, recordCounted, onIconPageRecordClick, showTotal, ...rest }) => {
     const rangeRecords = useMemo$1(() => {
-        return [(current - 1) * pageSize + 1, current * pageSize];
+        return [
+            (current - 1) * pageSize + 1,
+            current * pageSize > total ? total : current * pageSize,
+        ];
     }, [current, pageSize, total]);
     const defaultShowTotal = (jsxs(Fragment, { children: ["Hi\u1EC3n th\u1ECB ", rangeRecords[0], "-", rangeRecords[1], recordCounted ? (`trong ${total} bản ghi`) : (jsx(FISIconButton, { size: "xs", icon: jsx(InfoIcon, {}), variant: "tertiary-invisible", onClick: onIconPageRecordClick }))] }));
     // Merge the default props with the provided props