pixel-virtual-tree 1.0.0

package/lib/components/DatePicker/Timepicker.js

@@ -0,0 +1,230 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from 'react';
+import Typography from '../Typography';
+import Icon from '../Icon';
+import classNames from 'classnames';
+import { convertTo24Hour } from '../../assets/utils/functionUtils';
+import { convertTo12Hour } from '../../assets/utils/functionUtils';
+import { isValid12HourTime } from '../../assets/utils/functionUtils';
+const TimePicker = ({ value, onChange, minTime, maxTime, onErrorChange, }) => {
+    const [inputValue, setInputValue] = useState('');
+    const [period, setPeriod] = useState('AM');
+    const [timeFieldError, setTimeFieldError] = useState(false);
+    const [isPeriodDropdownOpen, setIsPeriodDropdownOpen] = useState(false);
+    const inputRef = useRef(null);
+    const periodRef = useRef(null);
+    useEffect(() => {
+        if (value) {
+            const time12h = convertTo12Hour(value);
+            const [time, periodValue] = time12h.split(' ');
+            setInputValue(time);
+            setPeriod(periodValue);
+            setTimeFieldError(!isTimeWithInBounds(time12h, minTime, maxTime));
+        }
+    }, [value, minTime, maxTime]);
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (isPeriodDropdownOpen &&
+                periodRef.current &&
+                !periodRef.current.contains(e.target)) {
+                setIsPeriodDropdownOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [isPeriodDropdownOpen]);
+    useEffect(() => {
+        onErrorChange(timeFieldError);
+    }, [timeFieldError]);
+    const generateTimeOptions = () => {
+        const options = [];
+        const start = 0;
+        const end = 23 * 60 + 45;
+        const interval = 15;
+        for (let i = start; i <= end; i += interval) {
+            const hours = Math.floor(i / 60);
+            const minutes = i % 60;
+            const period = hours >= 12 ? 'PM' : 'AM';
+            const displayHour = hours % 12 || 12;
+            const displayMinutes = minutes < 10 ? '0' + minutes : minutes;
+            options.push(`${displayHour}:${displayMinutes} ${period}`);
+        }
+        return options;
+    };
+    const timeOptions = generateTimeOptions();
+    const isTimeWithInBounds = (time, minTime, maxTime) => {
+        const [hours = 0, minutes = 0] = convertTo24Hour(time)
+            .split(':')
+            .map(Number);
+        const timeValue = hours * 60 + minutes;
+        if (minTime) {
+            const [minHours = 0, minMinutes = 0] = minTime.split(':').map(Number);
+            const minValue = minHours * 60 + minMinutes;
+            if (timeValue < minValue)
+                return false;
+        }
+        if (maxTime) {
+            const [maxHours = 0, maxMinutes = 0] = maxTime.split(':').map(Number);
+            const maxValue = maxHours * 60 + maxMinutes;
+            if (timeValue > maxValue)
+                return false;
+        }
+        return true;
+    };
+    const handleTimeInput = (event) => {
+        let [hourSection, minuteSection] = inputValue.split(':');
+        let [newHour, newMinute] = event.target.value.split(':');
+        const selectionStart = inputRef.current?.selectionStart ?? 0;
+        // Handle hour part input
+        if (selectionStart <= 2) {
+            const currentHour = parseInt(hourSection ?? '0') || 0;
+            if (newHour?.length === 1) {
+                hourSection = currentHour
+                    ? hourSection?.slice(-1) + newHour
+                    : `0${newHour}`; // Single digit input
+            }
+            else {
+                hourSection = newHour?.padStart(2, '0'); // Two digits for hour
+            }
+            // Ensure hour part is valid (between 1 and 12)
+            let parsedHour = parseInt(hourSection ?? '0') || 0;
+            if (parsedHour > 12) {
+                parsedHour = parseInt(newHour ?? '0'); // Fix if hour exceeds 12
+            }
+            hourSection = parsedHour.toString().padStart(2, '0');
+            // Move to minute part if hour is greater than 1, otherwise stay on hour
+            if (parsedHour > 1) {
+                setTimeout(() => {
+                    inputRef.current?.setSelectionRange(3, 5); // Move to minute part
+                }, 0);
+            }
+            else {
+                setTimeout(() => {
+                    inputRef.current?.setSelectionRange(0, 2); // Keep cursor on hour part
+                }, 0);
+            }
+        }
+        // Handle minute part input
+        if (selectionStart >= 3) {
+            const currentMinute = parseInt(minuteSection ?? '0') || 0;
+            if (newMinute?.length === 1) {
+                minuteSection = currentMinute
+                    ? minuteSection?.slice(-1) + newMinute
+                    : `0${newMinute}`; // Single digit input
+            }
+            else {
+                minuteSection = newMinute?.padStart(2, '0'); // Two digits for minute
+            }
+            // Ensure minute part is valid (between 00 and 59)
+            let parsedMinute = parseInt(minuteSection ?? '0') || 0;
+            if (parsedMinute > 59) {
+                parsedMinute = parseInt(newMinute ?? '0'); // Fix if minute exceeds 59
+            }
+            minuteSection = parsedMinute.toString().padStart(2, '0');
+            if (parsedMinute < 6) {
+                setTimeout(() => {
+                    inputRef.current?.setSelectionRange(3, 5); // Keep cursor on minute part
+                }, 0);
+            }
+        }
+        setInputValue(`${hourSection}:${minuteSection}`);
+        if (isValid12HourTime(`${hourSection}:${minuteSection}`)) {
+            const time24h = convertTo24Hour(`${hourSection}:${minuteSection} ${period}`);
+            onChange(time24h);
+            setTimeFieldError(false);
+        }
+        else {
+            setTimeFieldError(true);
+        }
+    };
+    const togglePeriodDropdown = () => {
+        setIsPeriodDropdownOpen((prev) => !prev);
+    };
+    const handlePeriodChange = (option) => {
+        setPeriod(option);
+        const time24h = convertTo24Hour(`${inputValue} ${option}`);
+        onChange(time24h);
+        setIsPeriodDropdownOpen(false);
+    };
+    const handleKeyDown = (event) => {
+        const { key } = event;
+        const selectionStart = inputRef.current?.selectionStart ?? 0;
+        const selectionEnd = inputRef.current?.selectionEnd ?? 0;
+        let [hourSection, minuteSection] = inputValue.split(':');
+        if (key === 'Backspace' && selectionStart <= 2) {
+            event.preventDefault();
+            hourSection = 'HH';
+            setInputValue(`${hourSection}:${minuteSection}`);
+            setTimeout(() => inputRef.current?.setSelectionRange(0, 2), 0);
+            setTimeFieldError(true);
+        }
+        if (key === 'Backspace' && selectionStart >= 3) {
+            event.preventDefault();
+            minuteSection = 'MM';
+            setInputValue(`${hourSection}:${minuteSection}`);
+            setTimeout(() => inputRef.current?.setSelectionRange(3, 5), 0);
+            setTimeFieldError(true);
+        }
+        if (key === 'ArrowRight') {
+            if (selectionEnd === 2) {
+                event.preventDefault();
+                inputRef.current?.setSelectionRange(3, 5);
+            }
+            else if (selectionStart === 0) {
+                event.preventDefault();
+                inputRef.current?.setSelectionRange(0, 2);
+            }
+        }
+        if (key === 'ArrowLeft') {
+            if (selectionStart === 3) {
+                event.preventDefault();
+                inputRef.current?.setSelectionRange(0, 2);
+            }
+            else if (selectionStart === 5) {
+                event.preventDefault();
+                inputRef.current?.setSelectionRange(3, 5);
+            }
+        }
+    };
+    const handleFocus = () => {
+        if (inputValue === '') {
+            setInputValue('HH:MM');
+        }
+        setTimeout(() => {
+            inputRef.current?.setSelectionRange(0, 2);
+        }, 0);
+    };
+    const handleBlur = () => {
+        if (inputValue === 'HH:MM') {
+            setInputValue('');
+        }
+    };
+    const handleClick = () => {
+        const selectionStart = inputRef.current?.selectionStart ?? 0;
+        if (selectionStart >= 3) {
+            inputRef.current?.setSelectionRange(3, 5);
+        }
+        else {
+            inputRef.current?.setSelectionRange(0, 2);
+        }
+    };
+    const handleTimeOptionClick = (time) => {
+        const [timeValue, periodValue] = time.split(' ');
+        setInputValue(timeValue);
+        setPeriod(periodValue);
+        const time24h = convertTo24Hour(`${timeValue} ${periodValue}`);
+        onChange(time24h);
+        setTimeFieldError(false);
+    };
+    return (_jsxs("div", { className: "ff-time-picker-container", children: [_jsxs("div", { className: "ff-time-picker-fields", children: [_jsxs("div", { className: classNames('ff-time-input-container', { 'ff-time-input-container--float': !!inputValue }, { 'ff-time-input-container--danger': !!timeFieldError }), children: [_jsx(Typography, { as: "label", htmlFor: "time", className: classNames('ff-time-input-label', {
+                                    'ff-time-input-label--danger': !!timeFieldError,
+                                }), children: "Time" }), _jsx("input", { name: "time", ref: inputRef, type: "text", id: "time-input", value: inputValue, inputMode: "numeric", placeholder: "HH:MM", onChange: handleTimeInput, onKeyDown: handleKeyDown, onFocus: handleFocus, onClick: handleClick, onBlur: handleBlur, maxLength: 5, className: classNames('ff-time-input', {
+                                    'ff-time-input--danger': !!timeFieldError,
+                                }) })] }), _jsxs("div", { className: classNames('ff-time-period-container', {
+                            'ff-time-period-container--active': !!isPeriodDropdownOpen,
+                        }), ref: periodRef, children: [_jsxs("div", { onClick: togglePeriodDropdown, className: "ff-time-period-select", "aria-haspopup": "listbox", "aria-expanded": isPeriodDropdownOpen, children: [_jsx(Typography, { children: period }), _jsx(Icon, { name: isPeriodDropdownOpen ? 'arrow_up' : 'arrow_down', className: "ff-time-period-icon", height: 12, width: 12 })] }), isPeriodDropdownOpen && (_jsxs("ul", { className: "ff-time-period-options", role: "listbox", children: [_jsx(Typography, { as: "li", className: "ff-option-item", onClick: () => handlePeriodChange('AM'), "aria-selected": period === 'AM', children: "AM" }), _jsx(Typography, { as: "li", className: "ff-option-item", onClick: () => handlePeriodChange('PM'), "aria-selected": period === 'PM', children: "PM" })] }))] })] }), _jsx("div", { className: "ff-time-picker-options", children: timeOptions
+                    .filter((time) => isTimeWithInBounds(time, minTime, maxTime))
+                    .map((time, index) => (_jsx("div", { className: "ff-time-option", onClick: () => handleTimeOptionClick(time), children: _jsx(Typography, { lineHeight: "18px", textAlign: "center", children: time }) }, index))) })] }));
+};
+export default TimePicker;
+//# sourceMappingURL=Timepicker.js.map

package/lib/components/DatePicker/Timepicker.js.map

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

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

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

package/lib/components/DatePicker/index.js

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

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

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

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

@@ -0,0 +1,103 @@
+export interface DatePickerProps {
+    /**
+     * The minimum selectable date.
+     */
+    minDate?: DateValue;
+    /**
+     * The maximum selectable date.
+     */
+    maxDate?: DateValue;
+    /**
+     * Selected date value.
+     */
+    value?: DateValue;
+    /**
+     * Function to handle date selection.
+     */
+    onChange: (value: DateValue, formatted?: string) => void;
+    /**
+     * Placeholder text for the input field.
+     */
+    placeholder?: string;
+    /**
+     * Disables the date picker.
+     */
+    disabled?: boolean;
+    /**
+     * Format for displaying the selected date. Default is 'EEEE, dd MMM yyyy'.
+     */
+    dateFormat?: string;
+    /**
+     * Format for displaying the selected time. Default is 'hh:mm a'.
+     */
+    timeFormat?: string;
+    /**
+     * Timezone for the date picker.
+     */
+    timezone?: string;
+    /**
+     * Custom width for the calendar. This will override the default width of the calendar.
+     */
+    calendarWidth?: number;
+    /**
+     * When true, displays the input field error.
+     */
+    error?: boolean;
+    /**
+     * Helper text to display below the input field, used for error messages or instructions.
+     */
+    helperText?: string | undefined;
+    /**
+     * Select only date .
+     */
+    dateOnly?: boolean;
+    className?: string;
+    zIndex?: number;
+    /**
+     * Default: false, if true, displayed with border radius and color required for the filter date picker.
+     */
+    isFilterDatePicker?: boolean;
+    /**
+     * The selected date don't want to be deselected .
+     */
+    isSelectableDate?: boolean;
+    /**
+     * Function to handle onBlur for datepicker.
+     */
+    onBlur?: (date: DateValue) => void;
+    /**
+     * Default:False,if true, the date picker will not apply any date formatting.
+     */
+    withOutDateFormat?: boolean;
+}
+export type DateValue = Date | undefined;
+export interface CustomCaptionProps {
+    children?: React.ReactNode;
+}
+export interface CustomCalenderButtonProps {
+    className?: string;
+    disabled?: boolean | undefined;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}
+export interface TimePickerProps {
+    /**
+     * The current time value, in string format (e.g., '14:30').
+     */
+    value: string;
+    /**
+     * Function to handle time selection changes, receiving the selected time as a string.
+     */
+    onChange: (time: string) => void;
+    /**
+     * The minimum selectable time, used to restrict the earliest selectable time.
+     */
+    minTime?: string;
+    /**
+     * The maximum selectable time, used to restrict the latest selectable time.
+     */
+    maxTime?: string;
+    /**
+     * Function to handle error state changes, receiving a boolean indicating the presence of an error.
+     */
+    onErrorChange: (error: boolean) => void;
+}

package/lib/components/DatePicker/types.js

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

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

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

package/lib/components/DebugToolsPanel/DebugToolsPanel.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './DebugToolsPanel.scss';
+import { DebugToolsPanelProps } from './type';
+declare const DebugToolsPanel: FC<DebugToolsPanelProps>;
+export default DebugToolsPanel;

package/lib/components/DebugToolsPanel/DebugToolsPanel.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState, useMemo } from 'react';
+import './DebugToolsPanel.scss';
+import Button from '../Button';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import Tabs from '../Tabs';
+const DebugToolsPanel = ({ buttons = [], panelContentMap = {}, headerIconsMap = {}, headerLeadingIconMap = {}, panelheight = '100%', panelwidth = '485px', }) => {
+    const buttonRefs = useRef({});
+    const [notchTop, setNotchTop] = useState(0);
+    const [activePanel, setActivePanel] = useState(null);
+    useEffect(() => {
+        if (activePanel && buttonRefs.current[activePanel]) {
+            const wrapper = buttonRefs.current[activePanel];
+            const wrapperRect = wrapper.getBoundingClientRect();
+            const containerRect = wrapper.parentElement.getBoundingClientRect();
+            const offsetTop = wrapperRect.top - containerRect.top + wrapperRect.height / 2 - 10;
+            setNotchTop(offsetTop);
+        }
+    }, [activePanel]);
+    const handleClick = (label) => {
+        setActivePanel((prev) => (prev === label ? null : label));
+    };
+    const activeTabData = useMemo(() => {
+        if (!activePanel)
+            return [];
+        return [
+            {
+                id: activePanel,
+                label: activePanel,
+                icon: headerLeadingIconMap?.[activePanel],
+            },
+        ];
+    }, [activePanel, headerLeadingIconMap]);
+    return (_jsxs("div", { className: "ff-debug-buttons-container", children: [_jsx("div", { className: "ff-debug_buttons", children: buttons.map((label) => (_jsx("div", { ref: (el) => (buttonRefs.current[label] = el), children: _jsx(Button, { onClick: () => handleClick(label), variant: "custom", className: `ff-debug-button ${activePanel === label ? 'active' : ''}`, children: label }) }, label))) }), activePanel && (_jsxs("div", { className: "ff-debug-panel", style: { height: panelheight, width: panelwidth }, children: [_jsx("div", { className: "ff-dropdown-notch", style: { top: `${notchTop}px` } }), _jsxs("div", { className: "ff-debug-panel__header", children: [_jsx("div", { className: "ff-debug-panel__title", children: _jsx(Tabs, { tabsData: activeTabData, activeTabId: activePanel, variant: "default", noPadding: true, onTabClick: () => { } }) }), _jsx("div", { className: "ff-debug-panel__header-icons", children: headerIconsMap?.[activePanel] ?? (_jsx(Icon, { name: "close", className: "ff-debug-panel__close-icon", onClick: () => setActivePanel(null) })) })] }), _jsx("div", { className: "ff-debug-panel__content", children: _jsx(Typography, { children: panelContentMap?.[activePanel] }) })] }))] }));
+};
+DebugToolsPanel.displayName = 'DebugToolsPanel';
+export default DebugToolsPanel;
+//# sourceMappingURL=DebugToolsPanel.js.map

package/lib/components/DebugToolsPanel/DebugToolsPanel.js.map

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

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

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

package/lib/components/DebugToolsPanel/index.js

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

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

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

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

@@ -0,0 +1,8 @@
+export interface DebugToolsPanelProps {
+    buttons?: string[];
+    panelContentMap?: Record<string, React.ReactNode>;
+    headerIconsMap?: Record<string, React.ReactNode>;
+    headerLeadingIconMap?: Record<string, React.ReactNode>;
+    panelheight?: string;
+    panelwidth?: string;
+}

package/lib/components/DebugToolsPanel/type.js

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

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

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

package/lib/components/DownloadClient/DownloadClient.d.ts

@@ -0,0 +1,4 @@
+import './DownloadClient.scss';
+import { DownloadClientProps } from './type';
+declare const DownloadClient: React.FC<DownloadClientProps>;
+export default DownloadClient;

package/lib/components/DownloadClient/DownloadClient.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from 'react';
+import './DownloadClient.scss';
+import Icon from '../Icon';
+import Typography from '../Typography';
+const DownloadClient = ({ onClose, top = '100px', left = '0px', className, description = 'Download and Install the fireflink client to run the script', onClick = () => { }, optionZIndex = 10000001, }) => {
+    useEffect(() => {
+        const handleCloseDownloadClient = (event) => {
+            if (event.key === 'Escape') {
+                onClose?.();
+            }
+        };
+        document.addEventListener('keydown', handleCloseDownloadClient);
+        return () => {
+            document.removeEventListener('keydown', handleCloseDownloadClient);
+        };
+    }, [onClose]);
+    const osVersion = ['windows', 'mac_icon', 'linux'];
+    return (_jsxs("div", { className: `ff-download-client-wrapper ${className}`, style: { top: top, left: left, zIndex: optionZIndex }, children: [_jsxs("div", { className: "ff-download-client-header-wrapper", children: [_jsx("div", { className: "ff-download-client-hollow-triangle" }), _jsx(Typography, { fontWeight: "semi-bold", lineHeight: "32px", className: "ff-download-client-header-text", children: "Download client" }), _jsx(Icon, { name: "close", color: "var(--brand-color)", className: "ff-download-client-close-icon", height: 12, width: 12 })] }), _jsxs("div", { className: "ff-download-client-content-text", children: [_jsx(Typography, { as: "div", color: "var(--download-client-content-text-color)", fontWeight: "semi-bold", textAlign: "center", lineHeight: "26px", children: description }), _jsx(Typography, { as: "div", className: "ff-download-client-description-text", textAlign: "center", fontWeight: "medium", lineHeight: "26px", children: "Choose OS to Download" }), _jsx("div", { className: "ff-download-client-os-wrapper", children: osVersion.map((os) => (_jsx("div", { className: "ff-os-version-wrapper", onClick: () => {
+                                onClick(os === 'mac_icon' ? 'mac' : os);
+                            }, children: _jsx(Icon, { name: os, height: 36, width: 36 }) }, os))) })] })] }));
+};
+export default DownloadClient;
+//# sourceMappingURL=DownloadClient.js.map

package/lib/components/DownloadClient/DownloadClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadClient.js","sourceRoot":"","sources":["../../../src/components/DownloadClient/DownloadClient.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,MAAM,cAAc,GAAkC,CAAC,EACrD,OAAO,EACP,GAAG,GAAG,OAAO,EACb,IAAI,GAAG,KAAK,EACZ,SAAS,EACT,WAAW,GAAG,6DAA6D,EAC3E,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,EAClB,YAAY,GAAG,QAAQ,GACxB,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,yBAAyB,GAAG,CAAC,KAAoB,EAAE,EAAE;YACzD,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,OAAO,EAAE,EAAE,CAAC;YACd,CAAC;QACH,CAAC,CAAC;QACF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,yBAAyB,CAAC,CAAC;QAChE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,yBAAyB,CAAC,CAAC;QACrE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG,CAAC,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC,CAAC;IAEnD,OAAO,CACL,eACE,SAAS,EAAE,8BAA8B,SAAS,EAAE,EACpD,KAAK,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,aAErD,eAAK,SAAS,EAAC,mCAAmC,aAChD,cAAK,SAAS,EAAC,oCAAoC,GAAO,EAC1D,KAAC,UAAU,IACT,UAAU,EAAC,WAAW,EACtB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,gCAAgC,gCAG/B,EACb,KAAC,IAAI,IACH,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,oBAAoB,EAC1B,SAAS,EAAC,+BAA+B,EACzC,MAAM,EAAE,EAAE,EACV,KAAK,EAAE,EAAE,GACT,IACE,EAEN,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,2CAA2C,EACjD,UAAU,EAAC,WAAW,EACtB,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAC,MAAM,YAEhB,WAAW,GACD,EACb,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,qCAAqC,EAC/C,SAAS,EAAC,QAAQ,EAClB,UAAU,EAAC,QAAQ,EACnB,UAAU,EAAC,MAAM,sCAGN,EAEb,cAAK,SAAS,EAAC,+BAA+B,YAC3C,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,CACrB,cAEE,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,GAAG,EAAE;gCACZ,OAAO,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;4BAC1C,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,GAAI,IANpC,EAAE,CAOH,CACP,CAAC,GACE,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1 @@
+export * from './DownloadClient';

package/lib/components/DownloadClient/index.js

@@ -0,0 +1,2 @@
+export * from './DownloadClient';
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,27 @@
+export interface DownloadClientProps {
+    /**
+     * Close dialog function to close the modal dialog
+     **/
+    onClose: () => void;
+    /**
+     * distance between modal dialog and parent from top
+     **/
+    top?: string;
+    /**
+     * distance between modal dialog and parent from left
+     **/
+    left?: string;
+    /**
+     * To be used custom properties for the modal dialog through className
+     **/
+    className?: string;
+    /**
+     * Description of the dialog box
+     **/
+    description?: string;
+    /**
+     * Download button function
+     **/
+    onClick?: (os: string) => void;
+    optionZIndex?: number;
+}

package/lib/components/DownloadClient/type.js

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

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

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

package/lib/components/DragAndDrop/DragAndDrop.d.ts

@@ -0,0 +1,11 @@
+import * as DNDCore from '@dnd-kit/core';
+import * as DNDSortable from '@dnd-kit/sortable';
+import * as DNDUtilities from '@dnd-kit/utilities';
+import * as DNDModifiers from '@dnd-kit/modifiers';
+declare const DragAndDrop: {
+    DNDCore: typeof DNDCore;
+    DNDSortable: typeof DNDSortable;
+    DNDUtilities: typeof DNDUtilities;
+    DNDModifiers: typeof DNDModifiers;
+};
+export default DragAndDrop;

package/lib/components/DragAndDrop/DragAndDrop.js

@@ -0,0 +1,7 @@
+import * as DNDCore from '@dnd-kit/core';
+import * as DNDSortable from '@dnd-kit/sortable';
+import * as DNDUtilities from '@dnd-kit/utilities';
+import * as DNDModifiers from '@dnd-kit/modifiers';
+const DragAndDrop = { DNDCore, DNDSortable, DNDUtilities, DNDModifiers };
+export default DragAndDrop;
+//# sourceMappingURL=DragAndDrop.js.map

package/lib/components/DragAndDrop/DragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragAndDrop.js","sourceRoot":"","sources":["../../../src/components/DragAndDrop/DragAndDrop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,eAAe,CAAC;AACzC,OAAO,KAAK,WAAW,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,YAAY,MAAM,oBAAoB,CAAC;AAEnD,MAAM,WAAW,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,CAAC;AAEzE,eAAe,WAAW,CAAC"}

package/lib/components/DragAndDrop/DragAndDropList.d.ts

@@ -0,0 +1,20 @@
+import './DragAndDropList.scss';
+interface TaskProps {
+    id: number;
+    title: string;
+}
+export declare const Task: ({ id, title }: TaskProps) => import("react/jsx-runtime").JSX.Element;
+interface ColumnProps {
+    id: string;
+    tasks: {
+        id: number;
+        title: string;
+    }[];
+}
+export declare const Column: React.FC<ColumnProps>;
+interface InputProps {
+    onSubmit: (input: string) => void;
+}
+export declare const Input: React.FC<InputProps>;
+declare const DragAndDropList: () => import("react/jsx-runtime").JSX.Element;
+export default DragAndDropList;