fis-component 0.0.49 → 0.0.51

package/dist/cjs/types/src/components/Combobox/types.d.ts

@@ -10,7 +10,7 @@ export interface ComboboxOption {
     }[];
 }
 export type SingleSelect<T> = {
-    multi: false;
+    multi?: boolean;
     value: T;
     onChange: (value: T) => void;
     displayValue?: (value: ComboboxOption) => string;

package/dist/cjs/types/src/components/Pagination/styles.d.ts

@@ -11,6 +11,7 @@ export declare const SelectPageSizeSC: import("styled-components/dist/types").IS
     positive?: boolean;
     multiDisplayText?: (count: number) => string;
     renderOption?: (option: import("../Select/types").SelectOption) => React.ReactNode;
+    portal?: boolean;
 } & import("../Select/types").SingleSelect<string> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
 }) | (Omit<Partial<import("../Input/InputLabel").InputLabelProps> & Omit<import("../MenuSelect/types").MenuProps, "size" | "onClickMenu" | "groups" | "multi" | "selectedValues" | "onChangeSelected"> & Omit<import("../SelectItem").SelectFieldProps, "onChange" | "value"> & {
@@ -20,6 +21,7 @@ export declare const SelectPageSizeSC: import("styled-components/dist/types").IS
     positive?: boolean;
     multiDisplayText?: (count: number) => string;
     renderOption?: (option: import("../Select/types").SelectOption) => React.ReactNode;
+    portal?: boolean;
 } & import("../Select/types").MultiSelect<string> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
     ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
 }), import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Select/types").SelectProps<string> & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/cjs/types/src/components/Portal/index.d.ts

@@ -9,6 +9,7 @@ type Props = {
      * The `container` will have the portal children appended to it.
      */
     container?: HTMLElement | null;
+    portal?: boolean;
 };
-declare function Portal(props: Props): import("react").ReactPortal | null;
+declare function Portal({ container, children, portal }: Props): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null;
 export { Portal };

package/dist/cjs/types/src/components/Select/types.d.ts

@@ -10,7 +10,7 @@ export interface SelectOption {
     }[];
 }
 export type SingleSelect<T> = {
-    multi: false;
+    multi?: boolean;
     value: T;
     onChange: (value: T) => void;
     displayValue?: (value: SelectOption) => string;
@@ -28,4 +28,5 @@ export type SelectProps<T> = Partial<InputLabelProps> & Omit<MenuProps, "groups"
     positive?: boolean;
     multiDisplayText?: (count: number) => string;
     renderOption?: (option: SelectOption) => React.ReactNode;
+    portal?: boolean;
 } & (SingleSelect<T> | MultiSelect<T>);

package/dist/esm/index.js

@@ -69951,12 +69951,15 @@ function getDefaultContainer() {
     rootPortal.setAttribute("id", rootId);
     return document.body.appendChild(rootPortal);
 }
-function Portal(props) {
+function Portal({ container, children, portal }) {
     const [mountNode, setMountNode] = useState(null);
     useLayoutEffect$2(() => {
-        setMountNode(props.container || getDefaultContainer());
-    }, [props.container]);
-    return mountNode ? createPortal(props.children, mountNode) : null;
+        setMountNode(container || getDefaultContainer());
+    }, [container]);
+    if (!portal) {
+        return children || null;
+    }
+    return mountNode ? createPortal(children, mountNode) : null;
 }
 
 const DivChipButtonWrapperSC = styled.div `
@@ -73252,7 +73255,7 @@ function isMenuSize(value) {
     return value === "sm" || value === "md";
 }
 
-const FISSelect = forwardRef(({ className, size = "md", options, value, disabled = false, textLabel = "", iconLabel, required, negative, message, positive, multi, placeholderSearch, loading, onChange, renderOption, onClickIconLabel, displayValue, multiDisplayText, ...restProps }, ref) => {
+const FISSelect = forwardRef(({ className, size = "md", options, value, disabled = false, textLabel = "", iconLabel, required, negative, message, positive, multi, placeholderSearch, loading, onChange, renderOption, onClickIconLabel, displayValue, multiDisplayText, portal, ...restProps }, ref) => {
     const [isOpen, setIsOpen] = useState(false);
     const [referenceElement, setReferenceElement] = useState(null);
     const [popperElement, setPopperElement] = useState(null);
@@ -73313,7 +73316,7 @@ const FISSelect = forwardRef(({ className, size = "md", options, value, disabled
             onChange(newValues);
         }
     }, [multi, onChange, value]);
-    return (jsxs(DivWrapperSC$1, { className: className, children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsx(DivInputWrapperSC, { ref: setReferenceElement, onClick: handleToggle, children: jsx(FISSelectItem, { ...restProps, ref: ref, size: size, iconSuffix: isOpen ? jsx(ArrowUpIcon, {}) : jsx(ArrowDownIcon, {}), value: computedDisplayValue, disabled: disabled, activeDropdown: isOpen }) }), message && (jsx(SpanHintSC$3, { className: classNames({ disabled, negative, positive }), children: message })), multi && value.length > 0 && (jsx(SelectedTagsWrapper, { children: jsx(MultipleValue, { options: selectedOptions, onRemove: handleOptionRemove }) })), isOpen && (jsx(Portal, { children: jsx(DivDropdownMenuSC, { ref: setPopperElement, style: { ...styles.popper, width: referenceElement?.offsetWidth }, ...attributes.popper, children: jsx(FISMenuSelect, { size: isMenuSize(size) ? size : "md", groups: options, placeholder: placeholderSearch, loading: loading, multi: multi, selectedValues: multi ? value : value ? [value] : [], onChangeSelected: (values) => {
+    return (jsxs(DivWrapperSC$1, { className: className, children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsx(DivInputWrapperSC, { ref: setReferenceElement, onClick: handleToggle, children: jsx(FISSelectItem, { ...restProps, ref: ref, size: size, iconSuffix: isOpen ? jsx(ArrowUpIcon, {}) : jsx(ArrowDownIcon, {}), value: computedDisplayValue, disabled: disabled, activeDropdown: isOpen }) }), message && (jsx(SpanHintSC$3, { className: classNames({ disabled, negative, positive }), children: message })), multi && value.length > 0 && (jsx(SelectedTagsWrapper, { children: jsx(MultipleValue, { options: selectedOptions, onRemove: handleOptionRemove }) })), isOpen && (jsx(Portal, { portal: portal, children: jsx(DivDropdownMenuSC, { ref: setPopperElement, style: { ...styles.popper, width: referenceElement?.offsetWidth }, ...attributes.popper, children: jsx(FISMenuSelect, { size: isMenuSize(size) ? size : "md", groups: options, placeholder: placeholderSearch, loading: loading, multi: multi, selectedValues: multi ? value : value ? [value] : [], onChangeSelected: (values) => {
                             if (multi) {
                                 onChange(values);
                             }