fis-component 0.0.58 → 0.0.60

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

@@ -1,4 +1,5 @@
 import { InputFieldProps } from "../InputField";
+import dayjs from "dayjs";
 import { InputLabelProps } from "../InputLabel";
 export interface InputDateProps extends Omit<InputFieldProps, "value" | "onChange">, Partial<InputLabelProps> {
     /**Date value*/
@@ -11,6 +12,15 @@ export interface InputDateProps extends Omit<InputFieldProps, "value" | "onChang
     positive?: boolean;
     /** Handle on change action */
     onChange?: (date: Date | null) => void;
+    /**
+     * Function that returns the HTML element to render the popup container into.
+     * Useful for controlling where the date picker dropdown is attached in the DOM.
+     */
+    getPopupContainer?: () => HTMLElement;
+    /**The minimum selectable date. Dates before this value will be disabled.*/
+    minDate?: dayjs.Dayjs | undefined;
+    /**The maximum selectable date. Dates after this value will be disabled.*/
+    maxDate?: dayjs.Dayjs | undefined;
 }
 declare const FISInputDate: import("react").ForwardRefExoticComponent<InputDateProps & import("react").RefAttributes<HTMLInputElement>>;
 export default FISInputDate;

package/dist/esm/index.js

@@ -62950,6 +62950,7 @@ const FISTab = ({ children, active: propActive, defaultActive, size = "md", clas
                         return (jsxs(DivTabItemSC, { ref: (el) => (tabRefs.current[value] = el), "$isActive": activeKey === value, "$disabled": disabled, "$size": size, className: itemClassName, "$fullWidth": fullWidth, onClick: () => handleTabClick(value, disabled), children: [startIcon, title && jsx(SpanContentSC$1, { children: title }), endIcon] }, value));
                     }), jsx(DivActiveIndicatorSC, { style: indicatorStyle })] }), activeContent && jsx("div", { className: contentClassName, children: activeContent })] }));
 };
+FISTab.displayName = "FISTab";
 
 const DivSegmentedContainerSC = styled.div `
   width: 100%;
@@ -71000,7 +71001,7 @@ function mergeRefs(...refs) {
 }
 
 const FISInputDate = forwardRef((props, ref) => {
-    const { value, textLabel = "", iconLabel, required, message = "", disabled, negative, positive, format = "DD/MM/YYYY", onClickIconLabel, onChange, ...restProps } = props;
+    const { value, textLabel = "", iconLabel, required, message = "", disabled, negative, positive, format = "DD/MM/YYYY", onClickIconLabel, onChange, getPopupContainer, minDate, maxDate, ...restProps } = props;
     const [open, setOpen] = useState(false);
     const [inputValue, setInputValue] = useState(value ? dayjs(value).format(format) : "");
     const [dateValue, setDateValue] = useState(value ? dayjs(value) : null);
@@ -71043,7 +71044,7 @@ const FISInputDate = forwardRef((props, ref) => {
             onChange?.(null);
         }
     };
-    return (jsxs(DivWrapperSC$2, { children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxs(DivInputWrapperSC$1, { children: [jsx(FISInputField, { ...restProps, ref: mergeRef, typeSuffix: "icon", iconSuffix: jsx(DateIcon, {}), value: inputValue, negative: negative, disabled: disabled, onFocus: () => setOpen(true), onChange: handleInputChange, onClickSuffix: () => setOpen(true) }), jsx(HiddenDatePickerSC, { open: open, value: dateValue, onChange: (value) => handleChange(value), onOpenChange: handleOpenChange, format: format })] }), message && (jsx(DivHintWrapperSC$1, { children: jsx(SpanHintSC$3, { className: classNames({
+    return (jsxs(DivWrapperSC$2, { children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxs(DivInputWrapperSC$1, { children: [jsx(FISInputField, { ...restProps, ref: mergeRef, typeSuffix: "icon", iconSuffix: jsx(DateIcon, {}), value: inputValue, negative: negative, disabled: disabled, onFocus: () => setOpen(true), onChange: handleInputChange, onClickSuffix: () => setOpen(true) }), jsx(HiddenDatePickerSC, { open: open, value: dateValue, onChange: (value) => handleChange(value), onOpenChange: handleOpenChange, format: format, getPopupContainer: getPopupContainer, minDate: minDate, maxDate: maxDate })] }), message && (jsx(DivHintWrapperSC$1, { children: jsx(SpanHintSC$3, { className: classNames({
                         disabled,
                         negative,
                         positive,
@@ -73358,9 +73359,12 @@ const FISSelect = forwardRef(({ className, style, size = "md", options, value, d
             return found ? [found] : [];
         }
     }, [value, multi]);
-    const computedDisplayValue = useMemo$1(() => {
+    const computedDisplayValue = () => {
         if (multi) {
             const count = value.length;
+            if (count === 0) {
+                return "";
+            }
             return multiDisplayText
                 ? multiDisplayText(count)
                 : `Selected ${count.toString().padStart(2, "0")} option${count !== 1 ? "s" : ""}`;
@@ -73370,7 +73374,7 @@ const FISSelect = forwardRef(({ className, style, size = "md", options, value, d
                 return "";
             return (displayValue?.(selectedItems[0]) || selectedItems[0].label);
         }
-    }, [value, multi, displayValue, multiDisplayText, selectedItems, options]);
+    };
     const handleToggle = useCallback(() => {
         if (!disabled)
             setIsOpen((prev) => !prev);