saurabh-table-dnd-edit 1.1.0

package/lib/components/MiniModal/MiniModal.js

@@ -0,0 +1,274 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useCallback, forwardRef, useLayoutEffect, useEffect, } from 'react';
+import { createPortal } from 'react-dom';
+import Button from '../Button/Button.js';
+import useEscapeKey from '../../hooks/keyboardevents/useEscKeyEvent.js';
+import useClickOutside from '../../hooks/useClickOutside';
+import classNames from 'classnames';
+import './MiniModal.scss';
+import Typography from '../Typography';
+const MiniModal = forwardRef(({ anchorRef, headerProps, childContent, cancelButtonProps = () => { }, proceedButtonProps = () => { }, footerContent, isWrapped = false, isAnimated = false, isPopOver = false, modalPosition = 'bottom', leftTopArrow = false, firstAnchorRef, anchorRefLeftNum, modalProperties, anchorLeftDistanceForWrapper = 170, extraTopSpace, extraRightSpace, extraLeftSpace, isIconModel, wrapperProperties, arrowProperties, arrowZIndex, overlay, outSideClick, ignoreRefs, }, ref) => {
+    const [modalPositionState, setModalPositionState] = useState({
+        top: 0,
+        left: 0,
+    });
+    const [arrowOffset, setArrowOffset] = useState(0);
+    const [increasedIconSize, setIncreasedIconSize] = useState(0);
+    const [arrowRight, setArrowRight] = useState(0);
+    const [isVisible, setIsVisible] = useState(false);
+    const modalRef = useRef(null);
+    const { width: modalWidth, height: modalHeight, borderRadius: modalBorderRadius = 4, zIndex: modalZIndex = 99, boxShadow: modalBoxShadow, left: modalLeft, right: modalRight, top: modalTop, padding: modalPadding, } = modalProperties || {};
+    const { left: popOverLeft, top: popOverTop, right: popOverRight = -10, size: popOverSize = 10, } = arrowProperties || {};
+    // Function to calculate available space
+    const getAvailableSpace = (rect) => {
+        const { top, left, bottom, right } = rect;
+        const viewportWidth = window.innerWidth;
+        const viewportHeight = window.innerHeight;
+        return {
+            spaceTop: top,
+            spaceLeft: left,
+            spaceRight: viewportWidth - right,
+            spaceBottom: viewportHeight - bottom,
+        };
+    };
+    // Helper function to get the anchor element
+    const getAnchorElement = () => {
+        if (typeof anchorRef === 'string') {
+            return document.getElementById(anchorRef);
+        }
+        return anchorRef?.current || null;
+    };
+    const anchorElement = getAnchorElement();
+    const anchorRect = anchorElement?.getBoundingClientRect();
+    if (!isWrapped && anchorRect) {
+        const availableSpace = getAvailableSpace(anchorRect);
+        const modalHeight = modalProperties?.height ?? 150;
+        const modalWidth = modalProperties?.width ?? 480;
+        const positionFallbacks = {
+            top: ['bottom', 'left', 'right'],
+            left: ['right', 'top', 'bottom'],
+            right: ['left', 'top', 'bottom'],
+            bottom: ['top', 'left', 'right'],
+        };
+        const checkSpace = (direction) => {
+            return (availableSpace[`space${direction.charAt(0).toUpperCase() + direction.slice(1)}`] <
+                (direction === 'top' || direction === 'bottom'
+                    ? modalHeight
+                    : modalWidth));
+        };
+        if (checkSpace(modalPosition)) {
+            const fallbacks = positionFallbacks[modalPosition];
+            for (const fallback of fallbacks) {
+                if (!checkSpace(fallback)) {
+                    modalPosition = fallback;
+                    break;
+                }
+            }
+        }
+    }
+    // Specify for the wrapper div left position
+    const calculateAnchorRefLeft = (anchorRefLeftNum) => {
+        if (anchorRefLeftNum) {
+            return anchorRefLeftNum;
+        }
+        return 0;
+    };
+    // Specify for the arrow position in left or top
+    const getArrowClassName = () => {
+        if (leftTopArrow && modalPosition === 'right') {
+            return 'left-top-arrow';
+        }
+        return modalPosition === 'right' ? 'left-middle-arrow' : '';
+    };
+    const calculatedAnchorRefLeft = calculateAnchorRefLeft(anchorRefLeftNum);
+    // Specify specific wrapper modal position
+    const firstAnchor = firstAnchorRef?.current &&
+        firstAnchorRef?.current?.getBoundingClientRect().left -
+            anchorLeftDistanceForWrapper;
+    // Specifying the modal top
+    const calculateModalTop = () => {
+        const safeHeight = modalProperties?.height ?? 0;
+        if (modalPosition === 'bottom') {
+            return isWrapped
+                ? modalPositionState.top + (extraTopSpace?.wrappedModal ?? 5)
+                : modalPositionState.top + (extraTopSpace?.normalModal ?? 10);
+        }
+        else if (modalPosition === 'right') {
+            return leftTopArrow
+                ? modalPositionState.top - (extraRightSpace?.leftTopArrow ?? 23)
+                : modalPositionState?.top -
+                    safeHeight / (extraRightSpace?.middleLeftArrow ?? 3.5);
+        }
+        else if (modalPosition === 'top') {
+            return (modalPositionState.top -
+                (safeHeight + (extraTopSpace?.normalModal ?? 10)));
+        }
+        else if (modalPosition === 'left') {
+            return leftTopArrow
+                ? modalPositionState.top - (extraRightSpace?.leftTopArrow ?? 25)
+                : modalPositionState?.top -
+                    safeHeight / (extraRightSpace?.middleLeftArrow ?? 3.5);
+        }
+        return modalPositionState.top - safeHeight / 1.5;
+    };
+    const calculatedModalTop = calculateModalTop();
+    // Specifying the modal left
+    const calculateModalLeft = () => {
+        if (modalPosition === 'right') {
+            return (modalPositionState.left + (extraLeftSpace?.rightAlignModal ?? 40));
+        }
+        else if (firstAnchorRef) {
+            return firstAnchor;
+        }
+        else if (modalPosition === 'left') {
+            return modalPositionState.left - (modalProperties?.width ?? 274) - 15;
+        }
+        else {
+            return modalPositionState.left - (extraLeftSpace?.normal ?? 30);
+        }
+    };
+    const calculatedModalLeft = calculateModalLeft();
+    // Handle escape and enter functionality
+    const handleEsc = useEscapeKey('Escape');
+    const handleEnter = useEscapeKey('Enter');
+    handleEsc(outSideClick);
+    handleEnter(proceedButtonProps?.onClick);
+    useClickOutside(modalRef, outSideClick, ignoreRefs);
+    // Calculate the modal position
+    const calculatePosition = useCallback(() => {
+        const anchorRect = anchorElement?.getBoundingClientRect();
+        const availableSpace = anchorRect && getAvailableSpace(anchorRect);
+        const modalRect = modalRef.current?.getBoundingClientRect();
+        if (isWrapped && anchorRect) {
+            const { height } = anchorRect;
+            if (height > 24) {
+                const diff = height - 24;
+                setIncreasedIconSize(diff);
+            }
+        }
+        if (anchorRect && modalRect && availableSpace) {
+            const { bottom, left, right } = anchorRect;
+            const { height, width } = modalRect;
+            const { spaceBottom } = availableSpace; // Get available space below anchor
+            const { scrollX, scrollY } = window;
+            let topPosition = bottom + scrollY;
+            let leftPosition;
+            if (modalPosition == 'right') {
+                leftPosition = right + scrollX - 20;
+            }
+            else {
+                leftPosition = left + scrollX;
+            }
+            if (width < 280) {
+                setArrowRight(6);
+            }
+            let arrowOffset = 0; // Adjust arrow position dynamically
+            // If modal height exceeds available space below, position it above
+            if (height > spaceBottom) {
+                const diff = height - spaceBottom;
+                topPosition = topPosition - diff; // Move modal above anchor
+                arrowOffset = diff; // Adjust arrow position
+            }
+            setModalPositionState({
+                top: topPosition,
+                left: leftPosition,
+            });
+            setArrowOffset(arrowOffset);
+            setIsVisible(true);
+            // Store arrow adjustment
+        }
+    }, [anchorElement]);
+    useLayoutEffect(() => {
+        if (!modalRef.current)
+            return;
+        calculatePosition();
+        const observer = new ResizeObserver((entries) => {
+            if (entries.length) {
+                calculatePosition();
+            }
+        });
+        observer.observe(modalRef.current);
+        window.addEventListener('resize', calculatePosition);
+        window.addEventListener('scroll', calculatePosition);
+        return () => {
+            window.removeEventListener('resize', calculatePosition);
+            observer.disconnect();
+            window.removeEventListener('scroll', calculatePosition);
+        };
+    }, [calculatePosition, modalRef]);
+    const { height: wrapperHeight = 35, top: wrapperTop = -34, width: wrapperWidth = 35, zIndex: wrapperZIndex = 101, boxShadow: wrapperBoxShadow, } = wrapperProperties || {};
+    const { isOverlay, backgroundColorOverlay, zIndexOverlay } = overlay || {};
+    if (isWrapped && isPopOver) {
+        return null;
+    }
+    const wrapperDiv = useRef(null);
+    useEffect(() => {
+        const isValidAnchorRef = anchorRef &&
+            typeof anchorRef !== 'string' &&
+            'current' in anchorRef &&
+            anchorRef.current;
+        if (overlay && wrapperDiv.current && isValidAnchorRef) {
+            const clone = anchorRef.current.cloneNode(true);
+            wrapperDiv.current.innerHTML = '';
+            wrapperDiv.current.appendChild(clone);
+        }
+        return () => {
+            wrapperDiv.current?.replaceChildren();
+        };
+    }, [anchorRef, overlay]);
+    return createPortal(_jsxs(_Fragment, { children: [isOverlay && (_jsx("div", { className: classNames('ff-mini-modal-overlay'), style: {
+                    zIndex: zIndexOverlay ?? 98,
+                    backgroundColor: backgroundColorOverlay ?? 'transparent',
+                }, onClick: cancelButtonProps?.onClick })), _jsxs("div", { ref: ref || modalRef, className: classNames('ff-mini-edit-modal-container', {
+                    modalVisible: isVisible,
+                    animatedModal: isAnimated,
+                }), style: {
+                    top: `${modalTop ?? calculatedModalTop}px`,
+                    left: `${modalLeft ?? calculatedModalLeft}px`,
+                    right: `${modalRight}px`,
+                }, children: [isPopOver && (_jsx("div", { className: `popover-arrow popover-arrow-${modalPosition === 'right'
+                            ? 'left'
+                            : modalPosition === 'top'
+                                ? 'bottom'
+                                : modalPosition === 'left'
+                                    ? 'right'
+                                    : 'top'} ${getArrowClassName()}`, style: {
+                            zIndex: `${arrowZIndex}`,
+                            top: `${popOverTop ? popOverTop + arrowOffset : arrowOffset}px`,
+                            left: `${popOverLeft && popOverLeft}px`,
+                            right: `${popOverRight && popOverRight + arrowRight}px`,
+                            borderWidth: `${modalPosition === 'right'
+                                ? `${popOverSize}px ${popOverSize}px ${popOverSize}px 0`
+                                : modalPosition === 'top'
+                                    ? `${popOverSize}px ${popOverSize}px 0 ${popOverSize}px`
+                                    : modalPosition === 'left'
+                                        ? `${popOverSize}px 0 ${popOverSize}px ${popOverSize}px`
+                                        : `0 ${popOverSize}px ${popOverSize}px ${popOverSize}px`}`,
+                        } })), isWrapped && (_jsx("div", { className: 'wrapped-div', ref: wrapperDiv, style: {
+                            left: `${calculatedAnchorRefLeft}px`,
+                            width: `${wrapperWidth + increasedIconSize / 1.2}px`,
+                            height: `${wrapperHeight + increasedIconSize}px`,
+                            top: `${wrapperTop - increasedIconSize}px`,
+                            backgroundColor: isOverlay ? 'white' : 'transparent',
+                            zIndex: `${wrapperZIndex}`,
+                            boxShadow: wrapperBoxShadow ??
+                                `0px -3px 4px 0px var(--ff-mini-modal-box-shadow)`,
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'center',
+                        } })), _jsxs("div", { className: classNames('mini-edit-modal', {
+                            'mini-edit-modal-wrapper-shadow': !!isWrapped && !modalBoxShadow,
+                            'mini-edit-modal-arrow-shadow': !!isPopOver && !modalBoxShadow,
+                        }), style: {
+                            minWidth: isWrapped ? '190px' : '',
+                            width: `${modalWidth}px`,
+                            height: `${modalHeight}px`,
+                            borderRadius: `${modalBorderRadius}px`,
+                            zIndex: `${modalZIndex}`,
+                            boxShadow: `${modalBoxShadow ??
+                                '0px 4px 8px var(--ff-mini-modal-arrow-shadow)'}`,
+                            padding: `${modalPadding ?? 4}px`,
+                        }, children: [headerProps ? (_jsx(Typography, { as: "div", children: headerProps })) : isIconModel ? (_jsx(_Fragment, {})) : (_jsxs(Typography, { as: "header", children: [_jsx(Typography, { as: "h2", children: "Header text" }), _jsx("hr", {})] })), childContent, footerContent ? (_jsx(Typography, { as: "footer", children: footerContent })) : isIconModel ? (_jsx(_Fragment, {})) : (_jsxs("footer", { className: "modal-footer", children: [_jsx(Button, { variant: "primary", className: "btn-cancel", onClick: cancelButtonProps?.onClick, label: cancelButtonProps?.text }), _jsx(Button, { variant: "secondary", className: "btn-proceed", label: proceedButtonProps?.text, onClick: proceedButtonProps?.onClick })] }))] })] })] }), document.body);
+});
+export default MiniModal;
+//# sourceMappingURL=MiniModal.js.map

package/lib/components/MiniModal/MiniModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MiniModal.js","sourceRoot":"","sources":["../../../src/components/MiniModal/MiniModal.tsx"],"names":[],"mappings":"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"}

package/lib/components/MiniModal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MiniModal';

package/lib/components/MiniModal/index.js

@@ -0,0 +1,2 @@
+export { default } from './MiniModal';
+//# sourceMappingURL=index.js.map

package/lib/components/MiniModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MiniModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/lib/components/MiniModal/types.d.ts

@@ -0,0 +1,131 @@
+import { ReactNode, RefObject } from 'react';
+interface ModalDimensions {
+    width?: number;
+    height?: number;
+    borderRadius?: number;
+    zIndex?: number;
+    boxShadow?: string;
+    left?: number;
+    top?: number;
+    padding?: number;
+    right?: number;
+}
+export type ModalPosition = 'bottom' | 'right' | 'top' | 'left';
+export interface MiniEditModalProps {
+    /**
+     * A reference to the button element that triggers the modal.
+     */
+    anchorRef?: RefObject<HTMLButtonElement> | string;
+    id?: string | number;
+    /**
+     * Optional properties for configuring the modal header.
+     */
+    headerProps?: ReactNode;
+    /**
+     * The main content to be displayed inside the modal
+     */
+    childContent: ReactNode;
+    /**
+     * Props for the cancel button inside the modal
+     */
+    cancelButtonProps?: any;
+    /**
+     * Props for the proceed button inside the modal.
+     */
+    proceedButtonProps?: any;
+    /**
+     * Optional content for the footer of the modal.
+     */
+    footerContent?: ReactNode;
+    /**
+     * Determines if the modal should be wrapped inside a container element.
+     */
+    isWrapped?: boolean;
+    /**
+     * Determines if the modal should have an animation when displayed.
+     */
+    isAnimated?: boolean;
+    /**
+     * Specifies if the modal should behave as a popover with an arrow.
+     */
+    isPopOver?: boolean;
+    /**
+     * Specifies if the modal should behave as a popover with an arrow.
+     */
+    isIconModel?: boolean;
+    /**
+     * Sets the position of the modal relative to its anchor.
+     * bottom: The modal appears below the anchor.
+     * right: The modal appears to the right of the anchor.
+     */
+    modalPosition?: ModalPosition;
+    /**
+     * Adds a top-left aligned arrow to the modal when its position is set to `'right'`.
+     */
+    leftTopArrow?: boolean;
+    /**
+     * A reference to an additional anchor element for positioning the modal.
+     */
+    firstAnchorRef?: RefObject<HTMLButtonElement>;
+    /**
+     * A numeric value representing the left position of the anchor element, used to calculate the modal's left position.
+     */
+    anchorRefLeftNum?: number;
+    /**
+     * Optional properties for configuring the modal's dimensions.
+     * width: The width of the modal.
+     * height: The height of the modal.
+     */
+    modalProperties?: ModalDimensions;
+    /**distance for the wrapper model from align alignments */
+    anchorLeftDistanceForWrapper?: number;
+    /**extra top space added from anchor */
+    extraTopSpace?: {
+        wrappedModal?: number;
+        normalModal?: number;
+    };
+    /**extra right space added from anchor */
+    extraRightSpace?: {
+        leftTopArrow?: number;
+        middleLeftArrow?: number;
+    };
+    /**extra left space added from anchor */
+    extraLeftSpace?: {
+        normal?: number;
+        rightAlignModal?: number;
+    };
+    wrapperProperties?: {
+        height?: number;
+        top?: number;
+        width?: number;
+        zIndex?: number;
+        boxShadow?: string;
+    };
+    arrowZIndex?: number;
+    arrowProperties?: {
+        right?: number;
+        left?: number;
+        top?: number;
+        size?: number;
+    };
+    overlay?: {
+        isOverlay?: boolean;
+        zIndexOverlay?: number;
+        backgroundColorOverlay?: string;
+    };
+    outSideClick?: any;
+    ignoreRefs?: Array<React.RefObject<HTMLElement>>;
+}
+export interface Rect {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+}
+export interface AvailableSpace {
+    spaceTop: number;
+    spaceLeft: number;
+    spaceRight: number;
+    spaceBottom: number;
+}
+export {};

package/lib/components/MiniModal/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/MiniModal/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/MiniModal/types.ts"],"names":[],"mappings":""}

package/lib/components/MobileSkin/MobileSkin.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './MobileSkin.scss';
+import { MobileSkinProps } from './MobileSkinInterface';
+declare const MobileSkin: React.FC<MobileSkinProps>;
+export default MobileSkin;

package/lib/components/MobileSkin/MobileSkin.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import './MobileSkin.scss';
+import Icon from '../Icon';
+import Tooltip from '../Tooltip';
+const MobileSkin = ({ children, orientation = '', navBarIcons = [], mobileHeight = 448, mobileWidth = 220, UtilityBar, tooltip = {}, background, navBarPosition = 'bottom', }) => {
+    const isPortrait = orientation === 'portrait';
+    const containerHeight = isPortrait ? mobileHeight : mobileWidth;
+    const containerWidth = isPortrait ? mobileWidth : mobileHeight;
+    const hasTopNav = UtilityBar && navBarPosition === 'top';
+    const hasBottomNav = UtilityBar && navBarPosition === 'bottom';
+    const hasSideNav = UtilityBar && navBarPosition === 'left';
+    return (_jsxs("div", { className: [
+            'ff-mobileskin-wrapper',
+            isPortrait ? 'portrait' : 'landscape',
+            hasSideNav ? 'ff-side-nav-left' : '',
+            hasTopNav ? 'navbar-top' : '',
+            hasBottomNav ? 'navbar-bottom' : '',
+        ]
+            .filter(Boolean)
+            .join(' '), children: [hasTopNav && (_jsx("div", { className: "ff-nav-bar top-nav-bar", children: navBarIcons.map(({ title, name, className, ...iconProps }, index) => {
+                    const key = tooltip?.[name] ?? index;
+                    const tooltipTitle = tooltip?.[name] || '';
+                    return (_jsx(Tooltip, { title: tooltipTitle, placement: "top", children: _jsx("div", { className: `ff-nav-bar-icon ${className || ''} ${index === navBarIcons.length - 1 ? 'last-icon' : ''} ${hasTopNav ? 'navbar-top' : ''}`, children: _jsx(Icon, { name: name, ...iconProps }) }) }, key));
+                }) })), _jsx("div", { className: "ff-mobileskin-container", style: { height: containerHeight + 16, width: containerWidth + 16 }, children: _jsx("div", { className: "ff-mobile-container", style: {
+                        width: containerWidth,
+                        height: containerHeight,
+                        background: background ? background : 'transparent',
+                    }, children: _jsx("div", { className: "ff-mobile-image-container", children: React.isValidElement(children) ? (children) : (_jsx("img", { src: children, alt: "Mobile content", style: {
+                                width: isPortrait ? '100%' : `${mobileWidth * 2.1}px`,
+                                height: isPortrait ? '100%' : `${mobileHeight * 0.5}px`,
+                            } })) }) }) }), UtilityBar && hasBottomNav && (_jsx("div", { className: "ff-nav-bar", children: navBarIcons?.map((icon, index) => {
+                    const { title, ...iconProps } = icon;
+                    return (_jsx("div", { className: `ff-nav-bar-icon ${icon?.className || ''} ${index === navBarIcons.length - 1 ? 'last-icon' : ''}`, children: _jsx(Tooltip, { title: title, children: _jsx(Icon, { ...iconProps }) }) }, index));
+                }) })), UtilityBar && hasSideNav && (_jsx("div", { className: "ff-side-nav-bar", children: navBarIcons?.map((icon, index) => {
+                    const { title, ...iconProps } = icon;
+                    return (_jsx("div", { className: `ff-sidebar ${icon?.className || ''} ${index === navBarIcons.length - 1 ? 'last-icon' : ''}`, children: _jsx(Tooltip, { title: title, placement: "bottom", children: _jsx(Icon, { ...iconProps }) }) }, index));
+                }) }))] }));
+};
+export default MobileSkin;
+//# sourceMappingURL=MobileSkin.js.map

package/lib/components/MobileSkin/MobileSkin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileSkin.js","sourceRoot":"","sources":["../../../src/components/MobileSkin/MobileSkin.tsx"],"names":[],"mappings":"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"}

package/lib/components/MobileSkin/MobileSkinInterface.d.ts

@@ -0,0 +1,18 @@
+interface NavBarIcon {
+    name: string;
+    [key: string]: any;
+}
+export interface MobileSkinProps {
+    children: React.ReactNode | string;
+    orientation?: 'portrait' | 'landscape';
+    navBarIcons?: NavBarIcon[];
+    topNavBarIcons?: NavBarIcon[];
+    mobileHeight?: number;
+    mobileWidth?: number;
+    UtilityBar?: boolean;
+    background?: string;
+    tooltip?: Record<string, string>;
+    navBarPosition?: 'top' | 'bottom' | 'left';
+    tooltipFormatter?: ((title: string) => React.ReactNode) | undefined;
+}
+export {};

package/lib/components/MobileSkin/MobileSkinInterface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MobileSkinInterface.js.map

package/lib/components/MobileSkin/MobileSkinInterface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileSkinInterface.js","sourceRoot":"","sources":["../../../src/components/MobileSkin/MobileSkinInterface.ts"],"names":[],"mappings":""}

package/lib/components/MobileSkin/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MobileSkin';

package/lib/components/MobileSkin/index.js

@@ -0,0 +1,2 @@
+export { default } from './MobileSkin';
+//# sourceMappingURL=index.js.map

package/lib/components/MobileSkin/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MobileSkin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/MobileSkin/types.d.ts

@@ -0,0 +1,37 @@
+export interface iconDetails {
+    /**
+     * details of each icon in which name must be there
+     */
+    name: string;
+    [key: string]: any;
+}
+export interface MobileSkinProps {
+    /**
+     * The content inside the mobile skin component
+     */
+    children: React.ReactNode | string;
+    /**
+     *    Portrait or landScape View of the Mobile
+     */
+    orientation: 'portrait' | 'landscape';
+    /**
+     *   height of the MobileSkin
+     */
+    mobileHeight?: number;
+    /**
+     *   width of the MobileSkin
+     */
+    mobileWidth?: number;
+    /**
+     * if you need the lower navbar below the mobileSkin you pass this prop
+     */
+    UtilityBar?: boolean;
+    /**
+     * takes the icons details like icon name , title, onClick event, height , width, etc but name is must
+     */
+    navbarIcons?: Array<iconDetails>;
+    /**
+   * Optional background color for the mobile container
+   */
+    background?: string;
+}

package/lib/components/MobileSkin/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/MobileSkin/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/MobileSkin/types.ts"],"names":[],"mappings":""}

package/lib/components/Modal/Modal.d.ts

@@ -0,0 +1,4 @@
+import './modal.scss';
+import { ModalProps } from './types';
+declare const Modal: import("react").ForwardRefExoticComponent<Omit<ModalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export default Modal;

package/lib/components/Modal/Modal.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useContext } from 'react';
+import { createPortal } from 'react-dom';
+import './modal.scss';
+import { ThemeContext } from '../ThemeProvider/ThemeProvider';
+import classNames from 'classnames';
+import { useKeyboardActions } from '../../utils/keyBoardActionUtil/UseKeyboardActions';
+const Modal = forwardRef(({ isOpen, onClose, contentLabel, isHeaderDisplayed, headerContent, footerContent, contentClassName, isFooterDisplayed, overlayClassName, shouldCloseOnEsc = true, ariaHideApp = true, shouldCloseOnOverlayClick = true, customWidth = '660px', customHeight = 'auto', children, zIndex = 1500, boxShadow = '', border = '', background = '', style = {}, }, ref) => {
+    useKeyboardActions(shouldCloseOnEsc && isOpen
+        ? [
+            {
+                key: 'Escape',
+                action: onClose,
+            },
+        ]
+        : []);
+    const themeContext = useContext(ThemeContext);
+    const currentTheme = themeContext?.currentTheme;
+    if (ariaHideApp) {
+        document.body.style.overflow = isOpen ? 'hidden' : '';
+    }
+    if (!isOpen)
+        return null;
+    return createPortal(_jsx("div", { className: `ff-modal-overlay ${overlayClassName || ''}`, style: { zIndex }, onClick: shouldCloseOnOverlayClick ? onClose : undefined, ref: ref, children: _jsxs("div", { style: {
+                boxShadow: boxShadow,
+                border: border,
+                borderRadius: '8px',
+                background: background,
+            }, className: "ff-modal-container", children: [_jsxs("div", { className: classNames(`ff-modal-content ${currentTheme} ${contentClassName}`, {
+                        'modal-bottom-border': !isFooterDisplayed,
+                        'modal-top-border': !isHeaderDisplayed,
+                    }), style: {
+                        width: customWidth,
+                        height: customHeight,
+                        ...style,
+                    }, onClick: (e) => e.stopPropagation(), "aria-label": contentLabel, children: [isHeaderDisplayed && (_jsx("div", { className: "ff-modal-header", children: headerContent })), children] }), isFooterDisplayed && (_jsx("div", { className: "ff-modal-footer", style: { width: customWidth }, children: footerContent }))] }) }), document.body);
+});
+export default Modal;
+//# sourceMappingURL=Modal.js.map

package/lib/components/Modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mDAAmD,CAAC;AAEvF,MAAM,KAAK,GAAG,UAAU,CACtB,CACE,EACE,MAAM,EACN,OAAO,EACP,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,GAAG,IAAI,EACvB,WAAW,GAAG,IAAI,EAClB,yBAAyB,GAAG,IAAI,EAChC,WAAW,GAAG,OAAO,EACrB,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,MAAM,GAAG,IAAI,EACb,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,EAAE,EACX,UAAU,GAAG,EAAE,EACf,KAAK,GAAG,EAAE,GACX,EACD,GAAG,EACH,EAAE;IACF,kBAAkB,CAChB,gBAAgB,IAAI,MAAM;QACxB,CAAC,CAAC;YACE;gBACE,GAAG,EAAE,QAAQ;gBACb,MAAM,EAAE,OAAO;aAChB;SACF;QACH,CAAC,CAAC,EAAE,CACP,CAAC;IAEF,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC9C,MAAM,YAAY,GAAG,YAAY,EAAE,YAAY,CAAC;IAEhD,IAAI,WAAW,EAAE,CAAC;QAChB,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACxD,CAAC;IAED,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,OAAO,YAAY,CACjB,cACE,SAAS,EAAE,oBAAoB,gBAAgB,IAAI,EAAE,EAAE,EACvD,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,OAAO,EAAE,yBAAyB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACxD,GAAG,EAAE,GAAG,YAER,eACE,KAAK,EAAE;gBACL,SAAS,EAAE,SAAS;gBACpB,MAAM,EAAE,MAAM;gBACd,YAAY,EAAE,KAAK;gBACnB,UAAU,EAAE,UAAU;aACvB,EACD,SAAS,EAAC,oBAAoB,aAE9B,eACE,SAAS,EAAE,UAAU,CACnB,oBAAoB,YAAY,IAAI,gBAAgB,EAAE,EACtD;wBACE,qBAAqB,EAAE,CAAC,iBAAiB;wBACzC,kBAAkB,EAAE,CAAC,iBAAiB;qBACvC,CACF,EACD,KAAK,EAAE;wBACL,KAAK,EAAE,WAAW;wBAClB,MAAM,EAAE,YAAY;wBACpB,GAAG,KAAK;qBACT,EACD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,gBACvB,YAAY,aAEvB,iBAAiB,IAAI,CACpB,cAAK,SAAS,EAAC,iBAAiB,YAAE,aAAa,GAAO,CACvD,EACA,QAAQ,IACL,EACL,iBAAiB,IAAI,CACpB,cAAK,SAAS,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,YAC3D,aAAa,GACV,CACP,IACG,GACF,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/components/Modal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Modal';