@fattureincloud/fic-design-system 0.19.23 → 0.19.24

package/dist/common/types/misc.d.ts

@@ -18,3 +18,13 @@ export declare type Dimensions = {
     width: number;
 };
 export declare type DSRect = Coordinates & Dimensions;
+export interface PopperProps {
+    /**
+     * Ensures the popper does not extend beyond the table's header (`<thead>`),
+     * keeping it below the header but above the rest of the content.
+     * Useful when the popper is used within a table to maintain visibility hierarchy.
+     *
+     * Default: `false`
+     */
+    preventOverlay?: boolean;
+}

package/dist/components/dropdown/DropdownImpl.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { DropdownProps } from './types';
-declare const DropdownImpl: ({ className, content, disableArrowNavigation, emptyState, fullWidth, isDisabled, maxHeight, maxWidth, minWidthAsTrigger, offsetY, onClose, onOpen, open, outsideTriggers, placement, portalContainer, renderContent, renderTrigger, setOpen, sideButton, title, triggerStyles, usePortal, withPadding, }: DropdownProps) => JSX.Element;
+declare const DropdownImpl: ({ className, content, disableArrowNavigation, emptyState, fullWidth, isDisabled, maxHeight, maxWidth, minWidthAsTrigger, offsetY, onClose, onOpen, open, outsideTriggers, placement, portalContainer, preventOverlay, renderContent, renderTrigger, setOpen, sideButton, title, triggerStyles, usePortal, withPadding, }: DropdownProps) => JSX.Element;
 export default DropdownImpl;

package/dist/components/dropdown/DropdownPopper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DropdownProps } from './types';
-declare const _default: React.ForwardRefExoticComponent<Pick<DropdownProps, "content" | "onClose" | "onOpen" | "fullWidth" | "maxWidth" | "emptyState" | "renderContent"> & {
+declare const _default: React.ForwardRefExoticComponent<Pick<DropdownProps, "content" | "onClose" | "onOpen" | "fullWidth" | "maxWidth" | "emptyState" | "preventOverlay" | "renderContent"> & {
     attributes: {
         [key: string]: {
             [key: string]: string;

package/dist/components/dropdown/dropdown.stories.d.ts

@@ -5,5 +5,6 @@ export declare const Simple: () => JSX.Element;
 export declare const WithExternalTrigger: () => JSX.Element;
 export declare const WithKnobs: () => JSX.Element;
 export declare const WithButton: () => JSX.Element;
+export declare const WithPreventOverlay: (args: DropdownProps) => JSX.Element;
 declare const DropdownStories: Meta<DropdownProps>;
 export default DropdownStories;

package/dist/components/dropdown/styled.d.ts

@@ -13,6 +13,7 @@ export declare const DefaultContentWrapper: import("styled-components").StyledCo
 export declare const CustomContentWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContentWrapperProps, never>;
 export declare const PopperContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     withPadding: boolean;
+    preventOverlay?: boolean | undefined;
 }, never>;
 export declare const BodyAnimationWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/dist/components/dropdown/types.d.ts

@@ -1,5 +1,6 @@
 import { Placement } from '@popperjs/core/lib/enums';
 import React, { CSSProperties, Dispatch, MouseEventHandler, ReactNode, SetStateAction } from 'react';
+import { PopperProps } from '../../common/types/misc';
 import { ButtonProps } from '../buttons';
 import { IconProps } from '../icon';
 export declare type TitleProps = {
@@ -40,7 +41,7 @@ declare type UncontrolledStateProps = BaseProps & {
     setOpen?: never;
     outsideTriggers?: never;
 };
-export declare type DropdownProps = ControlledStateProps | UncontrolledStateProps;
+export declare type DropdownProps = (ControlledStateProps | UncontrolledStateProps) & PopperProps;
 export declare type DropdownItemType = 'default' | 'danger' | 'success' | 'warning' | 'link';
 export interface DropdownItemProps {
     active?: boolean;

package/dist/components/editableInput/EditableInput.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export interface EditableInputProps {
+import { PopperProps } from '../../common/types/misc';
+export interface EditableInputProps extends PopperProps {
     content: string | number | null;
     hover: boolean;
     maxContentLength?: number;
@@ -10,5 +11,5 @@ export interface EditableInputProps {
     rowId: number;
     unitSymbol?: string | undefined;
 }
-declare const EditableInput: ({ content, hover, maxContentLength, offsetY, onChange, onClose, onOpen, rowId, unitSymbol, }: EditableInputProps) => JSX.Element;
+declare const EditableInput: ({ content, hover, maxContentLength, offsetY, onChange, onClose, onOpen, preventOverlay, rowId, unitSymbol, }: EditableInputProps) => JSX.Element;
 export default EditableInput;

package/dist/components/editableInput/components/CustomInput.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-interface Props {
+import { PopperProps } from '../../../common/types/misc';
+interface Props extends PopperProps {
     content: string | number | null;
     hover: boolean;
     maxContentLength?: number;
@@ -10,5 +11,5 @@ interface Props {
     rowId: number;
     unitSymbol?: string | undefined;
 }
-declare const CustomInput: ({ content, hover, maxContentLength, offsetY, onChange, onClose, onOpen, rowId, unitSymbol, }: Props) => JSX.Element;
+declare const CustomInput: ({ content, hover, maxContentLength, offsetY, onChange, onClose, onOpen, preventOverlay, rowId, unitSymbol, }: Props) => JSX.Element;
 export default CustomInput;

package/dist/components/editableInput/components/TextAreaPopup.d.ts

@@ -1,8 +1,9 @@
 import { MutableRefObject } from 'react';
-interface Props {
+import { PopperProps } from '../../../common/types/misc';
+interface Props extends PopperProps {
     content: string | number | null;
     focus: boolean;
-    inputWrapperRef: MutableRefObject<null>;
+    inputWrapperRef: MutableRefObject<HTMLElement | null>;
     maxContentLength?: number;
     offsetY?: number;
     onBlur: () => void;
@@ -11,5 +12,5 @@ interface Props {
     rowId: number;
     unitSymbol?: string | undefined;
 }
-declare const TextAreaPopup: ({ content, focus, inputWrapperRef, maxContentLength, offsetY, onBlur, onChange, onClose, rowId, }: Props) => JSX.Element;
+declare const TextAreaPopup: ({ content, focus, inputWrapperRef, maxContentLength, offsetY, onBlur, onChange, onClose, preventOverlay, rowId, }: Props) => JSX.Element;
 export default TextAreaPopup;

package/dist/components/editableInput/editableInput.stories.d.ts

@@ -4,4 +4,5 @@ import { EditableInputProps } from './EditableInput';
 declare const EditableInputStories: Meta<EditableInputProps>;
 export declare const Default: () => JSX.Element;
 export declare const WithMaxContentLength: () => JSX.Element;
+export declare const WithPreventOverlay: (args: EditableInputProps) => JSX.Element;
 export default EditableInputStories;