pixel-react 1.11.22 → 1.11.24

package/lib/StyleGuide/Typography/TypographyList.js

@@ -0,0 +1,4 @@
+export const fontData = [
+    { name: 'Poppins', fontSizePx: '12px', fontSizeRem: '0.75rem' },
+];
+//# sourceMappingURL=TypographyList.js.map

package/lib/StyleGuide/Typography/TypographyList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypographyList.js","sourceRoot":"","sources":["../../../src/StyleGuide/Typography/TypographyList.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE;CAChE,CAAC"}

package/lib/StyleGuide/Typography/types.d.ts

@@ -0,0 +1,8 @@
+export interface FontData {
+    name: string;
+    fontSizePx: string;
+    fontSizeRem: string;
+}
+export interface TypographyProps {
+    fonts: FontData[];
+}

package/lib/StyleGuide/Typography/types.js

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

package/lib/StyleGuide/Typography/types.js.map

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

package/lib/assets/utils/functionUtils.d.ts

@@ -0,0 +1,11 @@
+export declare const isFunction: (functionToCheck: any) => any;
+export declare const convertTo24Hour: (time12h: string) => string;
+export declare const convertTo12Hour: (time24: string) => string;
+export declare const isValid12HourTime: (timeString: string) => boolean;
+export declare const UNIT_MULTIPLIERS: Record<string, number>;
+export declare function normalizeStorageValue(value: string): {
+    normalizedValue: number;
+    unit: string;
+    value: number;
+};
+export declare function formatMemoryValue(valueInBytes: number): string;

package/lib/assets/utils/functionUtils.js

@@ -0,0 +1,74 @@
+export const isFunction = (functionToCheck) => {
+    return (functionToCheck && {}.toString.call(functionToCheck) === '[object Function]');
+};
+export const convertTo24Hour = (time12h) => {
+    const [time, modifier] = time12h.split(' ');
+    if (!time || !modifier)
+        return '00:00';
+    let [hours, minutes] = time.split(':');
+    if (!hours || !minutes)
+        return '00:00';
+    if (hours === '12') {
+        hours = '00';
+    }
+    if (modifier.toUpperCase() === 'PM') {
+        hours = (parseInt(hours, 10) + 12).toString();
+    }
+    return `${hours.padStart(2, '0')}:${minutes.padStart(2, '0')}`;
+};
+export const convertTo12Hour = (time24) => {
+    const [hoursStr, minutesStr] = time24.split(':');
+    const hours = parseInt(hoursStr ?? '0', 10);
+    const minutes = parseInt(minutesStr ?? '0', 10);
+    const ampm = hours >= 12 ? 'PM' : 'AM';
+    const hours12 = hours % 12 || 12;
+    return `${hours12.toString().padStart(2, '0')}:${minutes
+        .toString()
+        .padStart(2, '0')} ${ampm}`;
+};
+export const isValid12HourTime = (timeString) => {
+    const regex = /^(0[1-9]|1[0-2]):([0-5][0-9])(?:\s?(AM|PM))?$/i;
+    return regex.test(timeString);
+};
+// Utility to normalize memory values to bytes
+export const UNIT_MULTIPLIERS = {
+    B: 1,
+    KB: 1024,
+    MB: 1024 * 1024,
+    GB: 1024 * 1024 * 1024,
+};
+// Parses a storage value string and converts it into a normalized value in bytes along with its unit.
+export function normalizeStorageValue(value) {
+    const match = value.match(/^(\d+(?:\.\d+)?)\s*(B|KB|MB|GB)$/i);
+    if (!match) {
+        throw new Error(`Invalid storage value format: ${value}`);
+    }
+    const [, numericPart, unit] = match;
+    // Ensure numericPart and unit are defined
+    if (!numericPart || !unit) {
+        throw new Error(`Invalid storage value format: ${value}`);
+    }
+    const normalizedValue = parseFloat(numericPart) * (UNIT_MULTIPLIERS[unit.toUpperCase()] || 1);
+    return {
+        normalizedValue,
+        unit: unit.toUpperCase(),
+        value: parseFloat(numericPart),
+    };
+}
+// Converts a byte value into a readable string with the largest appropriate unit (GB, MB, KB, B).
+export function formatMemoryValue(valueInBytes) {
+    const units = ['GB', 'MB', 'KB', 'B'];
+    for (const unit of units) {
+        const factor = UNIT_MULTIPLIERS[unit];
+        if (factor === undefined) {
+            throw new Error(`Missing factor for unit: ${unit}`);
+        }
+        if (valueInBytes >= factor || unit === 'B') {
+            const normalizedValue = valueInBytes / factor;
+            const formattedValue = normalizedValue % 1 === 0 ? `${normalizedValue.toFixed(0)}` : `${normalizedValue.toFixed(2)}`;
+            return `${formattedValue} ${unit}`;
+        }
+    }
+    return `${valueInBytes} B`;
+}
+//# sourceMappingURL=functionUtils.js.map

package/lib/assets/utils/functionUtils.js.map

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

package/lib/components/Accordion/Accordion.d.ts

@@ -0,0 +1,8 @@
+import './Accordion.scss';
+import '../../../index.scss';
+import { AccordionProps } from './types';
+/**
+ * Accordion UI component
+ */
+declare const Accordion: ({ highlightText, headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, isExpand, onClick, className, iconColor, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
+export default Accordion;

package/lib/components/Accordion/Accordion.js

@@ -0,0 +1,30 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import './Accordion.scss';
+import Icon from '../Icon';
+import '../../../index.scss';
+import Tooltip from '../Tooltip';
+import Typography from '../Typography';
+import classNames from 'classnames';
+import HighlightText from '../HighlightText';
+/**
+ * Accordion UI component
+ */
+const Accordion = ({ highlightText = '', headerTitle = '', color, minHeight = '32px', // Default min-height for accordion content
+accordionContent = _jsx(_Fragment, { children: "This is accordion content" }), disable = false, disableInfoMessage = '', accordionStateIconName = 'arrow_down', AccordionStateIconWidth = 12, AccordionStateIconHeight = 8, isExpand, onClick, className = '', iconColor = 'var(--brand-color)', }) => {
+    const [isAccordionExpanded, setIsAccordionExpanded] = useState(isExpand ?? true);
+    const onAccordionClick = () => {
+        if (onClick) {
+            onClick();
+        }
+        if (!disable) {
+            setIsAccordionExpanded(!isAccordionExpanded);
+        }
+    };
+    return (_jsxs("div", { className: `ff-accordion ${className}`, children: [_jsxs("div", { className: `accordion-header ${disable && 'ff-disabled'} ${isAccordionExpanded && 'expanded'} `, style: { color: color || '--tooltip-bg-color' }, onClick: onAccordionClick, children: [_jsx(Tooltip, { title: disableInfoMessage, children: _jsx(Typography, { as: "div", className: "header-title", fontWeight: "semi-bold", lineHeight: "18px", children: typeof headerTitle === "string" ?
+                                _jsx(HighlightText, { text: headerTitle, highlight: highlightText }) : headerTitle }) }), _jsx(Icon, { name: accordionStateIconName, hoverEffect: false, className: classNames('accordion-arrow', {
+                            expanded: isAccordionExpanded,
+                        }), width: AccordionStateIconWidth, height: AccordionStateIconHeight, color: iconColor })] }), !disable && isAccordionExpanded && (_jsx("div", { style: { minHeight }, className: "accordion-content", children: accordionContent }))] }));
+};
+export default Accordion;
+//# sourceMappingURL=Accordion.js.map

package/lib/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,qBAAqB,CAAC;AAE7B,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAE7C;;GAEG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,aAAa,GAAG,EAAE,EAClB,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,SAAS,GAAG,MAAM,EAAE,2CAA2C;AAC/D,gBAAgB,GAAG,0DAA8B,EACjD,OAAO,GAAG,KAAK,EACf,kBAAkB,GAAG,EAAE,EACvB,sBAAsB,GAAG,YAAY,EACrC,uBAAuB,GAAG,EAAE,EAC5B,wBAAwB,GAAG,CAAC,EAC5B,QAAQ,EACR,OAAO,EACP,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,oBAAoB,GACjB,EAAE,EAAE;IACnB,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAC5D,QAAQ,IAAI,IAAI,CACjB,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,EAAE,CAAC;QACZ,CAAC;QACD,IAAI,CAAC,OAAO,EAAE,CAAC;YACb,sBAAsB,CAAC,CAAC,mBAAmB,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,gBAAgB,SAAS,EAAE,aACzC,eACE,SAAS,EAAE,oBAAoB,OAAO,IAAI,aAAa,IACrD,mBAAmB,IAAI,UACzB,GAAG,EACH,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,IAAI,oBAAoB,EAAE,EAC/C,OAAO,EAAE,gBAAgB,aAEzB,KAAC,OAAO,IAAC,KAAK,EAAE,kBAAkB,YAChC,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,cAAc,EACxB,UAAU,EAAC,WAAW,EACtB,UAAU,EAAC,MAAM,YAEhB,OAAO,WAAW,KAAK,QAAQ,CAAA,CAAC;gCACjC,KAAC,aAAa,IAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,GAAI,CAAC,CAAC,CAAC,WAAW,GACjE,GACL,EAEV,KAAC,IAAI,IACH,IAAI,EAAE,sBAAsB,EAC5B,WAAW,EAAE,KAAK,EAClB,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;4BACvC,QAAQ,EAAE,mBAAmB;yBAC9B,CAAC,EACF,KAAK,EAAE,uBAAuB,EAC9B,MAAM,EAAE,wBAAwB,EAChC,KAAK,EAAE,SAAS,GAChB,IACE,EACL,CAAC,OAAO,IAAI,mBAAmB,IAAI,CAClC,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,EAAE,SAAS,EAAC,mBAAmB,YACrD,gBAAgB,GACb,CACP,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

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

package/lib/components/Accordion/index.js

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

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

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

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

@@ -0,0 +1,53 @@
+import { ReactNode } from 'react';
+export interface AccordionProps {
+    /**
+     * Accordion Header Title
+     */
+    headerTitle: string | JSX.Element;
+    /**
+     * Content that to be shown while Accordion is expanded
+     */
+    accordionContent: ReactNode;
+    /**
+     * Custom color for the Accordion header
+     */
+    color?: string;
+    /**
+     * Minimum height for the Accordion
+     */
+    minHeight?: string;
+    /**
+     * Property to disable accordion
+     */
+    disable?: boolean;
+    /**
+     * Info message to user for disabling accordion
+     */
+    disableInfoMessage?: string;
+    /**
+     * Icon name for the Accordion state like expand and collapse
+     */
+    accordionStateIconName?: string;
+    /**
+     * Accordion collapse and expand Icon width
+     */
+    AccordionStateIconWidth: number;
+    /**
+     * Accordion collapse and expand Icon height
+     */
+    AccordionStateIconHeight: number;
+    /**
+     * Optional props for initial state of Accordion
+     */
+    isExpand?: boolean;
+    /**
+     * Callback function for the accordion header click
+     */
+    onClick?: () => void;
+    /**
+     * Providing className for Styles
+     */
+    className?: string;
+    iconColor?: string;
+    highlightText?: string;
+}

package/lib/components/Accordion/types.js

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

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

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

package/lib/components/AddContentButton/AddContentButton.d.ts

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

package/lib/components/AddContentButton/AddContentButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './AddContentButton.scss';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import IconButton from '../IconButton';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+const AddContentButton = ({ iconName = '', onButtonClick, buttonLabel = 'Label', buttonText = 'To Add Group', disableButton = false, stepCount = 1, iconWidth = 120, iconHeight = 120, }) => {
+    return (_jsxs("div", { className: `add-content-button ${disableButton ? 'disabled' : ''}`, children: [!checkEmpty(iconName) && (_jsx("div", { className: "icon-container", children: _jsx(Icon, { name: iconName, width: iconWidth, height: iconHeight }) })), _jsxs("div", { className: "typography-label-button", children: [_jsxs(Typography, { fontSize: "12px", fontWeight: "regular", lineHeight: "18px", children: ["step ", stepCount, " :"] }), _jsx(Typography, { fontSize: "12px", fontWeight: "semi-bold", lineHeight: "18px", children: "Click" }), _jsx(IconButton, { label: buttonLabel, onClick: onButtonClick, iconName: "plus_user_icon", isDisable: disableButton }), _jsx(Typography, { fontSize: "12px", fontWeight: "semi-bold", lineHeight: "18px", children: buttonText })] })] }));
+};
+export default AddContentButton;
+//# sourceMappingURL=AddContentButton.js.map

package/lib/components/AddContentButton/AddContentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddContentButton.js","sourceRoot":"","sources":["../../../src/components/AddContentButton/AddContentButton.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAC;AACjC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG/D,MAAM,gBAAgB,GAAoC,CAAC,EACzD,QAAQ,GAAG,EAAE,EACb,aAAa,EACb,WAAW,GAAG,OAAO,EACrB,UAAU,GAAG,cAAc,EAC3B,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,GAAG,EACf,UAAU,GAAG,GAAG,GACjB,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAE,sBAAsB,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,aACpE,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CACxB,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAI,GAC1D,CACP,EACD,eAAK,SAAS,EAAC,yBAAyB,aACtC,MAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,SAAS,EAAC,UAAU,EAAC,MAAM,sBAC1D,SAAS,UACJ,EACb,KAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,EAAC,MAAM,sBAEvD,EACb,KAAC,UAAU,IACT,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAC,gBAAgB,EACzB,SAAS,EAAE,aAAa,GACxB,EACF,KAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,WAAW,EAAC,UAAU,EAAC,MAAM,YACjE,UAAU,GACA,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

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

package/lib/components/AddContentButton/index.js

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

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

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

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

@@ -0,0 +1,10 @@
+export interface AddContentButtonProps {
+    iconName?: string;
+    onButtonClick?: () => {} | void;
+    buttonLabel: string;
+    buttonText: string;
+    disableButton?: boolean;
+    stepCount: string | number;
+    iconWidth?: number;
+    iconHeight?: number;
+}

package/lib/components/AddContentButton/types.js

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

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

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

package/lib/components/AddResourceButton/AddResourceButton.d.ts

@@ -0,0 +1,4 @@
+import './AddResourceButton.scss';
+import { AddResourceButtonProps } from './type';
+declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, menuOptionZIndex, treeRowRef, onMenuOptionClick, }: AddResourceButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default AddResourceButton;

package/lib/components/AddResourceButton/AddResourceButton.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './AddResourceButton.scss';
+import ArrowsButton from './ArrowsButton/ArrowsButton';
+import Icon from '../Icon';
+import { useRef, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { validateArrows, } from './type';
+import usePortalPosition from '../../hooks/usePortalPosition';
+const AddResourceButton = ({ id = 'AddModule', variant = 'primary', directionalArrow = [
+    {
+        direction: 'right',
+        menuOptions: [
+            { label: 'Sub Module', value: 'sub_module', icon: '', disable: false },
+        ],
+    },
+], zIndex = 1400, menuOptionZIndex = 1400, treeRowRef, onMenuOptionClick, }) => {
+    const [isHovered, setIsHovered] = useState(false);
+    const [positionArrowContainer, setPositionArrowContainer] = useState({ left: 0, top: 0 });
+    const [activeArrow, setActiveArrow] = useState('');
+    const arrowContainerRef = useRef(null);
+    const validArrows = validateArrows(directionalArrow);
+    const portalPosition = usePortalPosition(arrowContainerRef, isHovered);
+    const handleHover = () => {
+        if (!activeArrow) {
+            setIsHovered(true);
+        }
+        const { positionX, positionY } = portalPosition(arrowContainerRef);
+        setPositionArrowContainer({ left: positionX, top: positionY });
+        const parentNode = arrowContainerRef.current?.parentNode;
+        if (treeRowRef !== null && parentNode) {
+            const actionContainer = treeRowRef?.current?.querySelector('.table-tree-row-action');
+            actionContainer?.classList.add('table-row-add-button');
+        }
+    };
+    const handleLeave = () => {
+        setIsHovered(false);
+        setActiveArrow('');
+        const parentNode = arrowContainerRef.current?.parentNode;
+        if (treeRowRef !== null && parentNode) {
+            const actionContainer = treeRowRef?.current?.querySelector('.table-tree-row-action');
+            actionContainer?.classList.remove('table-row-add-button');
+        }
+    };
+    const handleArrowClick = (direction) => {
+        if (activeArrow === direction) {
+            setActiveArrow('');
+            setIsHovered(false);
+        }
+        else {
+            setActiveArrow(direction);
+            setIsHovered(true);
+        }
+    };
+    const getArrowButtonClass = () => {
+        const directions = validArrows
+            .map((arrow) => arrow.direction)
+            .sort()
+            .join('-');
+        return `ff-${directions}`;
+    };
+    return (_jsxs("div", { className: `ff-add-button-container ${isHovered && !activeArrow ? `ff-hovered-add-button--${variant}` : ''}`, id: id, onMouseEnter: handleHover, onMouseLeave: handleLeave, ref: arrowContainerRef, children: [_jsx("span", { className: "ff-add-button", children: _jsx(Icon, { name: "plus_icon", width: 16, height: 16, className: isHovered
+                        ? `ff-hovered-add-icon--${variant}`
+                        : `ff-add-icon--${variant}` }) }), isHovered &&
+                createPortal(_jsx("div", { id: `portal-123`, className: `ff-arrow-buttons-container ${getArrowButtonClass()}`, onMouseEnter: handleHover, onMouseLeave: handleLeave, style: {
+                        left: positionArrowContainer.left,
+                        top: positionArrowContainer.top,
+                        zIndex: zIndex,
+                    }, children: directionalArrow.map(({ direction, menuOptions }, index) => (_jsx(ArrowsButton, { direction: direction, onArrowClick: () => handleArrowClick(direction), menuOptions: menuOptions, isActive: activeArrow === direction, variant: variant, treeRowRef: treeRowRef, onMenuOptionClick: onMenuOptionClick, menuOptionZIndex: menuOptionZIndex }, index))) }), document.body)] }));
+};
+export default AddResourceButton;
+//# sourceMappingURL=AddResourceButton.js.map

package/lib/components/AddResourceButton/AddResourceButton.js.map

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

package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.d.ts

@@ -0,0 +1,6 @@
+import './ArrowsButton.scss';
+import { DirectionalArrowButtonProps } from '../type';
+declare const ArrowsButton: ({ direction, menuOptions, onArrowClick, treeRowRef, onMenuOptionClick, menuOptionZIndex, }: DirectionalArrowButtonProps & {
+    isActive: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowsButton;

package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import './ArrowsButton.scss';
+import MenuOption from '../../MenuOption/MenuOption';
+import { useRef } from 'react';
+const ArrowsButton = ({ direction, menuOptions, onArrowClick, treeRowRef, onMenuOptionClick, menuOptionZIndex, }) => {
+    const getIconName = () => {
+        return `arrows_${direction}_icon`;
+    };
+    const menuOptionRef = useRef(null);
+    const isAddResourceButton = true;
+    return (_jsx("div", { children: _jsx("button", { className: classNames('ff-arrow-button', `ff-arrow-button--${direction}`), onClick: onArrowClick, children: _jsx("span", { ref: menuOptionRef, children: _jsx(MenuOption, { iconName: getIconName(), options: menuOptions, dropdownPlacement: direction, iconSize: 12, iconButtonSize: 24, iconButtonBorderRadius: 3, onOptionClick: onMenuOptionClick, treeRowRef: treeRowRef, zIndex: menuOptionZIndex, isAddResourceButton: isAddResourceButton }) }) }) }));
+};
+export default ArrowsButton;
+//# sourceMappingURL=ArrowsButton.js.map

package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowsButton.js","sourceRoot":"","sources":["../../../../src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,qBAAqB,CAAC;AAE7B,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,YAAY,GAAG,CAAC,EACpB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,UAAU,EACV,iBAAiB,EACjB,gBAAgB,GACoC,EAAE,EAAE;IACxD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,UAAU,SAAS,OAAO,CAAC;IACpC,CAAC,CAAC;IACF,MAAM,aAAa,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACnD,MAAM,mBAAmB,GAAG,IAAI,CAAC;IAEjC,OAAO,CACL,wBACE,iBACE,SAAS,EAAE,UAAU,CACnB,iBAAiB,EACjB,oBAAoB,SAAS,EAAE,CAChC,EACD,OAAO,EAAE,YAAY,YAErB,eAAM,GAAG,EAAE,aAAa,YACtB,KAAC,UAAU,IACT,QAAQ,EAAE,WAAW,EAAE,EACvB,OAAO,EAAE,WAAW,EACpB,iBAAiB,EAAE,SAAS,EAC5B,QAAQ,EAAE,EAAE,EACZ,cAAc,EAAE,EAAE,EAClB,sBAAsB,EAAE,CAAC,EACzB,aAAa,EAAE,iBAAiB,EAChC,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,gBAAgB,EACxB,mBAAmB,EAAE,mBAAmB,GACxC,GACG,GACA,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

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

package/lib/components/AddResourceButton/index.js

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

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

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

package/lib/components/AddResourceButton/type.d.ts

@@ -0,0 +1,81 @@
+import { ReactNode } from 'react';
+/**
+ * Describes the directional arrow used in the Add Resource Button component.
+ * The arrow specifies its direction (top, right, down) and associated menu options.
+ *
+ * @property {('top' | 'right' | 'down')} direction - Specifies the direction of the arrow.
+ * @property {(Object | null)[]} menuOptions - The list of menu options displayed when the arrow button is active.
+ * If null, no menu options will be shown.
+ */
+export interface DirectionalArrow {
+    direction: string | 'top' | 'right' | 'down';
+    menuOptions: {
+        label: string;
+        value: string | string[];
+        icon?: string;
+        disable?: boolean;
+    }[];
+}
+/**
+ * Props for the Add Resource Button component.
+ *
+ * @property {string} [id] - An optional unique identifier for the Add Resource Button.
+ * @property {('primary' | 'secondary')} [variant] - Optional button style variant.
+ * @property {DirectionalArrow[]} directionalArrow - An array of directional arrows, each specifying the direction and associated menu options. Default values will be provided if not passed.
+ * @property {number} [zIndex] - An optional z-index value for positioning, defaults to 99.
+ */
+export interface AddResourceButtonProps {
+    id?: string;
+    variant?: 'primary' | 'secondary';
+    directionalArrow: {
+        /**
+         * direction option: 'top' | 'right' | 'down'
+         */
+        direction: string;
+        menuOptions: {
+            label: string;
+            value: string | string[];
+            icon?: string;
+            disable?: boolean;
+        }[];
+    }[];
+    zIndex?: number;
+    treeRowRef?: React.RefObject<HTMLDivElement | null>;
+    menuOptionZIndex?: number;
+    onMenuOptionClick?: (option: {
+        label: string | ReactNode;
+        value: any;
+    }) => void;
+}
+/**
+ * Props for individual directional arrow buttons.
+ *
+ * @property {('top' | 'right' | 'down')} direction - The direction of the arrow button (top, right, or down).
+ * @property {(Object | any)} menuOptions - The list of menu options or a generic value for dynamic content.
+ * @property {() => void} onArrowClick - Callback function triggered when the arrow button is clicked.
+ * @property {boolean} isActive - Specifies if the button is in an active state (highlighted when selected).
+ */
+export interface DirectionalArrowButtonProps {
+    direction: 'top' | 'right' | 'down';
+    menuOptions: {
+        label: string;
+        value: string | string[];
+        icon?: string;
+        disable?: boolean;
+    }[];
+    onArrowClick: () => void;
+    onMenuOptionClick?: (option: {
+        label: string | ReactNode;
+        value: any;
+    }) => void;
+    isActive: boolean;
+    variant?: 'primary' | 'secondary';
+    treeRowRef?: React.RefObject<HTMLDivElement | null>;
+    menuOptionZIndex?: number;
+}
+/**
+ * Utility function to validate an array of directional arrows.
+ * Ensures there is at least one valid arrow in the array.
+ * If the array is empty, it returns a default arrow object.
+ */
+export declare const validateArrows: (arrows: DirectionalArrow[]) => DirectionalArrow[];

package/lib/components/AddResourceButton/type.js

@@ -0,0 +1,25 @@
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+/**
+ * Utility function to validate an array of directional arrows.
+ * Ensures there is at least one valid arrow in the array.
+ * If the array is empty, it returns a default arrow object.
+ */
+export const validateArrows = (arrows) => {
+    if (checkEmpty(arrows)) {
+        return [
+            {
+                direction: null,
+                menuOptions: [
+                    {
+                        label: 'Sub Module',
+                        value: 'sub_module',
+                        icon: '',
+                        disable: false,
+                    },
+                ],
+            },
+        ];
+    }
+    return arrows;
+};
+//# sourceMappingURL=type.js.map

package/lib/components/AddResourceButton/type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.js","sourceRoot":"","sources":["../../../src/components/AddResourceButton/type.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AA+E/D;;;;GAIG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,MAA0B,EACN,EAAE;IACtB,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC;QACvB,OAAO;YACL;gBACE,SAAS,EAAE,IAAW;gBACtB,WAAW,EAAE;oBACX;wBACE,KAAK,EAAE,YAAY;wBACnB,KAAK,EAAE,YAAY;wBACnB,IAAI,EAAE,EAAE;wBACR,OAAO,EAAE,KAAK;qBACf;iBACF;aACF;SACF,CAAC;IACJ,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

package/lib/components/AiToggle/AiToggle.d.ts

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

package/lib/components/AiToggle/AiToggle.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './AiToggle.scss';
+import Typography from '../Typography';
+import classNames from 'classnames';
+const AiToggle = ({ onChange, disabled, checked = false, id = 'toggle', path, }) => {
+    const handleChange = (e) => {
+        if (onChange) {
+            onChange(e);
+        }
+    };
+    return (_jsxs("div", { className: "ff--ai-switch-container", children: [_jsx("input", { className: "ff--ai-switch-checkbox", id: `ff-toggle-${id}`, type: "checkbox", disabled: !!disabled, onChange: handleChange, checked: checked }), _jsx("label", { className: classNames(`ff--ai-switch-label`, {
+                    'ff--ai-switch-label--disabled': disabled,
+                }), htmlFor: `ff-toggle-${id}`, children: _jsx("span", { className: "ff--ai-switch-content", children: _jsxs("span", { className: "ff--ai-switch-content", children: [_jsx(Typography, { className: classNames('ff--ai-switch-typography', {
+                                    left: checked,
+                                    right: !checked,
+                                }), as: "div", fontWeight: "bold", fontSize: 18, color: checked
+                                    ? 'var(--base-bg-color)'
+                                    : 'var(--ff-ai-toggle-text-color)', children: "AI" }), _jsx("img", { className: "ff--ai-switch-image", src: path, alt: "AI image" })] }) }) })] }));
+};
+export default AiToggle;
+//# sourceMappingURL=AiToggle.js.map

package/lib/components/AiToggle/AiToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiToggle.js","sourceRoot":"","sources":["../../../src/components/AiToggle/AiToggle.tsx"],"names":[],"mappings":";AAEA,OAAO,iBAAiB,CAAC;AAEzB,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,QAAQ,GAAgC,CAAC,EAC7C,QAAQ,EACR,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,EAAE,GAAG,QAAQ,EACb,IAAI,GACL,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,CAAM,EAAE,EAAE;QAC9B,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACtC,gBACE,SAAS,EAAC,wBAAwB,EAClC,EAAE,EAAE,aAAa,EAAE,EAAE,EACrB,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,QAAQ,EACpB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,OAAO,GAChB,EACF,gBACE,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE;oBAC3C,+BAA+B,EAAE,QAAQ;iBAC1C,CAAC,EACF,OAAO,EAAE,aAAa,EAAE,EAAE,YAE1B,eAAM,SAAS,EAAC,uBAAuB,YACrC,gBAAM,SAAS,EAAC,uBAAuB,aACrC,KAAC,UAAU,IACT,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE;oCAChD,IAAI,EAAE,OAAO;oCACb,KAAK,EAAE,CAAC,OAAO;iCAChB,CAAC,EACF,EAAE,EAAC,KAAK,EACR,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAE,EAAE,EACZ,KAAK,EACH,OAAO;oCACL,CAAC,CAAC,sBAAsB;oCACxB,CAAC,CAAC,gCAAgC,mBAI3B,EACb,cAAK,SAAS,EAAC,qBAAqB,EAAC,GAAG,EAAE,IAAI,EAAE,GAAG,EAAC,UAAU,GAAG,IAC5D,GACF,GACD,IACJ,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

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

package/lib/components/AiToggle/index.js

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

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

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

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

@@ -0,0 +1,7 @@
+export interface ToggleAiIconProps {
+    onChange?: (event: React.MouseEvent<HTMLInputElement, MouseEvent>) => void;
+    disabled?: boolean;
+    checked?: boolean;
+    id?: string;
+    path?: string;
+}

package/lib/components/AiToggle/types.js

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

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

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

package/lib/components/AllProjectsDropdown/AllProjectsDropdown.d.ts

@@ -0,0 +1,4 @@
+import './AllProjectsDropdown.scss';
+import { AllProjectsDropdownProps } from './types';
+declare const AllProjectsDropdown: ({ onClick, onMenuClick, options, selectedOption, selected, placeholder, disabled, }: AllProjectsDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default AllProjectsDropdown;