sccoreui 4.5.4 → 4.5.5

package/dist/components/chips/chip.js

@@ -5,9 +5,9 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
 const ChipTag = (props) => {
     const { onRemove } = props;
-    return props.template ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.template })) : ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: !props.className
+    return props.template ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.template })) : ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: props.className
             ? "bg-gray-100 border-round-2xl flex justify-content-between align-items-center py-1 gap-2 px-3 text-gray-700"
-            : `bg-gray-100 border-round-2xl flex justify-content-between align-items-center py-1 gap-2 px-3 text-gray-700 ${props.className}` }, { children: [props.image && ((0, jsx_runtime_1.jsx)("img", { src: props.image, alt: props.imageAlt || "chip image" })), props.icon && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.icon }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "font-medium" }, { children: props.label })), props.removable && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "cursor-pointer", onClick: (e) => {
+            : props.className }, { children: [props.image && ((0, jsx_runtime_1.jsx)("img", { src: props.image, alt: props.imageAlt || "chip image" })), props.icon && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.icon }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "font-medium" }, { children: props.label })), props.removable && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "cursor-pointer", onClick: (e) => {
                     const el = e.currentTarget.parentElement;
                     props.onRemove !== undefined ? onRemove : el.remove();
                 } }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.removeIcon || (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close" }) }) })))] })));

package/dist/components copy/Context-menu/contextMenu.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const contextmenu_1 = require("primereact/contextmenu");
+exports.default = contextmenu_1.ContextMenu;

package/dist/components copy/accordion/accordion.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionTab = exports.Accordion = exports.AccordionComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const accordion_1 = require("primereact/accordion");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
+Object.defineProperty(exports, "AccordionTab", { enumerable: true, get: function () { return accordion_1.AccordionTab; } });
+const AccordionComponent = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { children: "Accordion" }));
+};
+exports.AccordionComponent = AccordionComponent;

package/dist/components copy/api/Api.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterOperator = exports.FilterMatchMode = void 0;
+const api_1 = require("primereact/api");
+Object.defineProperty(exports, "FilterMatchMode", { enumerable: true, get: function () { return api_1.FilterMatchMode; } });
+Object.defineProperty(exports, "FilterOperator", { enumerable: true, get: function () { return api_1.FilterOperator; } });

package/dist/components copy/auto-complete/auto-complete.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoCompleteComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const autocomplete_1 = require("primereact/autocomplete");
+const AutoCompleteComponent = () => {
+    return ((0, jsx_runtime_1.jsx)("div", { children: "auto-complete" }));
+};
+exports.AutoCompleteComponent = AutoCompleteComponent;
+exports.default = autocomplete_1.AutoComplete;

package/dist/components copy/avatar/avatar-group.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const avatargroup_1 = require("primereact/avatargroup");
+exports.default = avatargroup_1.AvatarGroup;

package/dist/components copy/avatar/avatar.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const avatar_1 = require("primereact/avatar");
+exports.default = avatar_1.Avatar;

package/dist/components copy/badge/badge.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const badge_1 = require("primereact/badge");
+exports.default = badge_1.Badge;

package/dist/components copy/block-ui/blockUI.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const blockui_1 = require("primereact/blockui");
+exports.default = blockui_1.BlockUI;

package/dist/components copy/breadcrumb/breacrumb.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const breadcrumb_1 = require("primereact/breadcrumb");
+exports.default = breadcrumb_1.BreadCrumb;

package/dist/components copy/button/button.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("primereact/button");
+const ButtonComponent = () => {
+    return ((0, jsx_runtime_1.jsxs)("div", { children: ["ButtonComponent", (0, jsx_runtime_1.jsx)(button_1.Button, { label: "Click Me" })] }));
+};
+exports.ButtonComponent = ButtonComponent;
+exports.default = button_1.Button;

package/dist/components copy/button/menu-item.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/components copy/button/speed-dial.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const speeddial_1 = require("primereact/speeddial");
+exports.default = speeddial_1.SpeedDial;

package/dist/components copy/button/split-button.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const splitbutton_1 = require("primereact/splitbutton");
+exports.default = splitbutton_1.SplitButton;

package/dist/components copy/calendar/calendar.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const calendar_1 = require("primereact/calendar");
+exports.default = calendar_1.Calendar;

package/dist/components copy/card/card.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const card_1 = require("primereact/card");
+exports.default = card_1.Card;

package/dist/components copy/carousel/carousel.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const carousel_1 = require("primereact/carousel");
+exports.default = carousel_1.Carousel;

package/dist/components copy/carousel/tag.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tag_1 = require("primereact/tag");
+exports.default = tag_1.Tag;

package/dist/components copy/cascade-select/CascadeSelect.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const cascadeselect_1 = require("primereact/cascadeselect");
+exports.default = cascadeselect_1.CascadeSelect;

package/dist/components copy/chart/chart.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const chart_1 = require("primereact/chart");
+exports.default = chart_1.Chart;

package/dist/components copy/checkbox/checkbox.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const checkbox_1 = require("primereact/checkbox");
+const CheckboxComponent = () => {
+    return (0, jsx_runtime_1.jsx)("div", { children: "checkbox" });
+};
+exports.CheckboxComponent = CheckboxComponent;
+exports.default = checkbox_1.Checkbox;

package/dist/components copy/chips/chip.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
+const ChipTag = (props) => {
+    const { onRemove } = props;
+    return props.template ? ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.template })) : ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: props.className
+            ? "bg-gray-100 border-round-2xl flex justify-content-between align-items-center py-1 gap-2 px-3 text-gray-700"
+            : props.className }, { children: [props.image && ((0, jsx_runtime_1.jsx)("img", { src: props.image, alt: props.imageAlt || "chip image" })), props.icon && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.icon }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "font-medium" }, { children: props.label })), props.removable && ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "cursor-pointer", onClick: (e) => {
+                    const el = e.currentTarget.parentElement;
+                    props.onRemove !== undefined ? onRemove : el.remove();
+                } }, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.removeIcon || (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: "x-close" }) }) })))] })));
+};
+exports.default = ChipTag;

package/dist/components copy/chips/chips.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const chips_1 = require("primereact/chips");
+exports.default = chips_1.Chips;

package/dist/components copy/color-picker/color-picker.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const colorpicker_1 = require("primereact/colorpicker");
+exports.default = colorpicker_1.ColorPicker;

package/dist/components copy/custom-color-picker/color-picker.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_color_1 = require("react-color");
+const CustomColorPicker = ({ onChange, defaultValue }) => {
+    const [color, setColor] = (0, react_1.useState)(defaultValue);
+    const handleColorChange = (newColor) => {
+        setColor(newColor.hex);
+        onChange(newColor);
+    };
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_color_1.ChromePicker, { color: color, onChange: handleColorChange }) }));
+};
+exports.default = CustomColorPicker;

package/dist/components copy/custom-slider/custom-slider.js

@@ -0,0 +1,100 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const CustomSlider = (props) => {
+    const { min, max, orientation, range, value, indicator = true } = props;
+    const [rangeValues, setRangeValues] = (0, react_1.useState)(value);
+    const [sliderValue, setSliderValue] = (0, react_1.useState)(value);
+    const sliderRef = (0, react_1.useRef)(null);
+    if (range && typeof value === "number") {
+        throw new Error(`For a range slider value should be [number, number]. Make sure to provide a proper value.`);
+    }
+    const finalWidthValue = !range
+        ? `${sliderValue}%`
+        : `${rangeValues[0] > rangeValues[1]
+            ? rangeValues[0] - rangeValues[1]
+            : rangeValues[1] > rangeValues[0]
+                ? rangeValues[1] - rangeValues[0]
+                : 0}%`;
+    const finalLeftValue = rangeValues[0] < rangeValues[1]
+        ? `${rangeValues[0]}%`
+        : `${rangeValues[1]}%`;
+    const rangeStyles = range
+        ? {
+            [orientation === "horizontal" ? "width" : "height"]: finalWidthValue,
+            [orientation === "horizontal" ? "left" : "top"]: finalLeftValue,
+        }
+        : {
+            [orientation === "horizontal" ? "width" : "height"]: `${sliderValue}%`,
+            [orientation === "vertical" ? "top" : null]: 0,
+        };
+    const handleStyles = !range
+        ? { [orientation === "horizontal" ? "left" : "top"]: `${sliderValue}%` }
+        : null;
+    const mouseMoveController = (e, index) => {
+        const sliderRect = sliderRef.current.getBoundingClientRect();
+        const currentRange = Math.round((e[orientation === "horizontal" ? "clientX" : "clientY"] -
+            sliderRect[orientation === "horizontal" ? "left" : "top"]) /
+            4);
+        if (min && max) {
+            if (e[orientation === "horizontal" ? "clientX" : "clientY"] -
+                sliderRect[orientation === "horizontal" ? "left" : "top"] <
+                0 ||
+                e[orientation === "horizontal" ? "clientX" : "clientY"] -
+                    sliderRect[orientation === "horizontal" ? "left" : "top"] >
+                    sliderRect[orientation === "horizontal" ? "width" : "height"])
+                return;
+        }
+        else {
+            if (currentRange < 0 || currentRange > 100)
+                return;
+        }
+        if (range) {
+            if (index) {
+                setRangeValues((prevRanges) => [prevRanges[0], currentRange]);
+            }
+            else {
+                setRangeValues((prevRanges) => [currentRange, prevRanges[1]]);
+            }
+        }
+        else {
+            setSliderValue(currentRange);
+        }
+    };
+    const handleMovement = (index) => {
+        const handler = (e) => {
+            mouseMoveController(e, index);
+        };
+        document.addEventListener("mousemove", handler);
+        document.addEventListener("mouseup", () => {
+            document.removeEventListener("mousemove", handler);
+        });
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ "data-pc-name": "slider", "data-pc-section": "root", className: `p-slider ${orientation === "horizontal" ? "w" : "h"}-25rem p-component p-slider-${orientation}${props.className ? ` ${props.className}` : ""}`, ref: sliderRef }, { children: [(0, jsx_runtime_1.jsx)("span", { className: "p-slider-range", "data-pc-section": "range", style: rangeStyles }), range && typeof value !== "number" ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-slider-handle p-slider-handle-start", tabIndex: 0, role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": rangeValues[0], "aria-orientation": orientation, style: {
+                            [orientation === "horizontal"
+                                ? "left"
+                                : "top"]: `${rangeValues[0]}%`,
+                        }, onMouseDown: () => handleMovement(0) }, { children: indicator && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
+                                position: "absolute",
+                                height: "40px",
+                                [orientation === "vertical" ? "left" : "top"]: orientation === "horizontal" ? "-50px" : "-70px",
+                                transform: `translate${orientation === "horizontal" ? "X" : "Y"}(-30%)`,
+                            }, className: "px-3 bg-white border-1 border-gray-300 border-round-lg shadow-4 py-2 text-center text-lg" }, { children: [rangeValues[0], "%"] }))) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-slider-handle p-slider-handle-end p-slider-handle-active", tabIndex: 0, role: "slider", "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": rangeValues[1], "aria-orientation": orientation, style: {
+                            [orientation === "horizontal"
+                                ? "left"
+                                : "top"]: `${rangeValues[1]}%`,
+                        }, onMouseDown: () => handleMovement(1) }, { children: indicator && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
+                                position: "absolute",
+                                height: "40px",
+                                [orientation === "vertical" ? "left" : "top"]: orientation === "horizontal" ? "-50px" : "-70px",
+                                transform: `translate${orientation === "horizontal" ? "X" : "Y"}(-30%)`,
+                            }, className: "px-3 bg-white border-1 border-gray-300 border-round-lg shadow-4 py-2 text-center text-lg" }, { children: [rangeValues[1], "%"] }))) }))] })) : ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-slider-handle", role: "slider", "aria-valuenow": typeof value === "number" ? value : undefined, "aria-valuemin": min, "aria-valuemax": max, "aria-orientation": orientation, style: handleStyles, onMouseDown: () => handleMovement() }, { children: indicator && ((0, jsx_runtime_1.jsxs)("span", Object.assign({ style: {
+                        position: "absolute",
+                        height: "40px",
+                        width: "60px",
+                        [orientation === "vertical" ? "left" : "top"]: "-50px",
+                        transform: "translateX(-30%)",
+                    }, className: "px-3 bg-white border-1 border-gray-300 border-round-lg shadow-4 py-2 text-center text-lg" }, { children: [sliderValue, "%"] }))) })))] })));
+};
+exports.default = CustomSlider;

package/dist/components copy/data-scroller/data-scroller.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const datascroller_1 = require("primereact/datascroller");
+exports.default = datascroller_1.DataScroller;

package/dist/components copy/data-table/column.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const column_1 = require("primereact/column");
+exports.default = column_1.Column;

package/dist/components copy/data-table/data-table.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const datatable_1 = require("primereact/datatable");
+exports.default = datatable_1.DataTable;

package/dist/components copy/data-table/paginator.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const paginator_1 = require("primereact/paginator");
+exports.default = paginator_1.Paginator;

package/dist/components copy/data-view/data-view.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataViewLayoutOptions = exports.DataView = void 0;
+const dataview_1 = require("primereact/dataview");
+Object.defineProperty(exports, "DataView", { enumerable: true, get: function () { return dataview_1.DataView; } });
+Object.defineProperty(exports, "DataViewLayoutOptions", { enumerable: true, get: function () { return dataview_1.DataViewLayoutOptions; } });

package/dist/components copy/date-picker/date-picker.js

@@ -0,0 +1,164 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const calendar_1 = require("primereact/calendar");
+const react_1 = require("react");
+const button_1 = require("primereact/button");
+const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
+const DatePicker = (props) => {
+    const dateRef = (0, react_1.useRef)(null);
+    const today = new Date();
+    const options = { year: 'numeric', month: 'short', day: 'numeric' };
+    const oneWeekFromToday = new Date(today);
+    oneWeekFromToday.setDate(today.getDate());
+    const formattedDate = today.toLocaleDateString('en-US', options);
+    const [fromDate, setFromDate] = (0, react_1.useState)([]);
+    const [fromDateFormate, setFromDateFormate] = (0, react_1.useState)(formattedDate);
+    const [toDateFormate, setToDateFormate] = (0, react_1.useState)('-');
+    const [propsState, setPropsState] = (0, react_1.useState)({});
+    // const defaultDate = new Date(2023, 0, 1);
+    let dateFromTo = [];
+    const selecteDateOption = (dateType) => {
+        switch (dateType) {
+            case 'Today':
+                dateFromTo.push(today);
+                // Default date
+                break;
+            case 'Yesterday':
+                dateFromTo.push(today);
+                const yesterdayFromToday = new Date(today);
+                yesterdayFromToday.setDate(today.getDate() - 1);
+                dateFromTo.unshift(yesterdayFromToday);
+                break;
+            case 'This week': {
+                const startWeek = new Date(today);
+                const endWeek = new Date(today);
+                startWeek.setDate(today.getDate() - today.getDay());
+                endWeek.setDate(today.getDate() + (6 - today.getDay()));
+                dateFromTo.push(startWeek);
+                dateFromTo.push(endWeek);
+                break;
+            }
+            case 'Last week': {
+                const startWeek = new Date(today);
+                const endWeek = new Date(today);
+                startWeek.setDate(today.getDate() - today.getDay() - 7);
+                endWeek.setDate(today.getDate() - today.getDay() - 1);
+                dateFromTo.push(startWeek);
+                dateFromTo.push(endWeek);
+                break;
+            }
+            case 'This month':
+                const startMonth = new Date(today.getFullYear(), today.getMonth(), 1);
+                const endMonth = new Date(today.getFullYear(), today.getMonth() + 1, 0);
+                dateFromTo.push(startMonth);
+                dateFromTo.push(endMonth);
+                break;
+            case 'Last month':
+                const startLastMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1);
+                const endLastMonth = new Date(today.getFullYear(), today.getMonth(), 0);
+                dateFromTo.push(startLastMonth);
+                dateFromTo.push(endLastMonth);
+                break;
+            case 'This year':
+                const startOfYear = new Date(today.getFullYear(), 0, 1); // January 1st of the current year
+                const endOfYear = new Date(today.getFullYear(), 11, 31); // December 31st of the current year
+                dateFromTo.push(startOfYear);
+                dateFromTo.push(endOfYear);
+                break;
+            case 'Last year':
+                const startOfLastYear = new Date(today.getFullYear() - 1, 0, 1); // January 1st of the last year
+                const endOfLastYear = new Date(today.getFullYear() - 1, 11, 31); // December 31st of the last year
+                dateFromTo.push(startOfLastYear);
+                dateFromTo.push(endOfLastYear);
+                break;
+            case 'Custom':
+                // Default date 
+                dateFromTo.push(today);
+                break;
+        }
+        setFromDate(dateFromTo);
+        const formatFromDate = dateFromTo[0].toLocaleDateString('en-US', options);
+        setFromDateFormate(formatFromDate);
+        if (dateFromTo[1]) {
+            const formatToDate = dateFromTo[1].toLocaleDateString('en-US', options);
+            setToDateFormate(formatToDate);
+        }
+        else {
+            setToDateFormate('-');
+        }
+        if (props.onChange)
+            props.onChange(dateFromTo);
+    };
+    const template = () => {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex justify-content-end" }, { children: [(0, jsx_runtime_1.jsxs)("ul", Object.assign({ className: "list-none date_filter" }, { children: [(0, jsx_runtime_1.jsx)("li", Object.assign({ className: "border-round-xs p-2 flex align-items-center text-gray-700 cursor-pointer ", onClick: () => selecteDateOption('Today') }, { children: "Today" })), (0, jsx_runtime_1.jsx)("li", Object.assign({ className: "border-round-xs p-2 flex align-items-center text-gray-700 cursor-pointer ", onClick: () => selecteDateOption('Yesterday') }, { children: "Yesterday" })), (0, jsx_runtime_1.jsx)("li", Object.assign({ className: "border-round-xs p-2 flex align-items-center text-gray-700 cursor-pointer ", onClick: () => selecteDateOption('This week') }, { children: "This week" })), (0, jsx_runtime_1.jsx)("li", Object.assign({ className: "border-round-xs p-2 flex align-items-center text-gray-700 cursor-pointer ", onClick: () => selecteDateOption('Last week') }, { children: "Last week" })), (0, jsx_runtime_1.jsx)("li", Object.assign({ className: "border-round-xs p-2 flex align-items-center text-gray-700 cursor-pointer ", onClick: () => selecteDateOption('This month') }, { children: "This month" })), (0, jsx_runtime_1.jsx)("li", Object.assign({ className: "border-round-xs p-2 flex align-items-center text-gray-700 cursor-pointer ", onClick: () => selecteDateOption('Last month') }, { children: "Last month" })), (0, jsx_runtime_1.jsx)("li", Object.assign({ className: "border-round-xs p-2 flex align-items-center text-gray-700 cursor-pointer ", onClick: () => selecteDateOption('This year') }, { children: "This year" })), (0, jsx_runtime_1.jsx)("li", Object.assign({ className: "border-round-xs p-2 flex align-items-center text-gray-700 cursor-pointer ", onClick: () => selecteDateOption('Last year') }, { children: "Last year" })), (0, jsx_runtime_1.jsx)("li", Object.assign({ className: "border-round-xs p-2 flex align-items-center text-gray-700 cursor-pointer ", onClick: () => selecteDateOption('Custom') }, { children: "Custom" }))] })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "bottom_date_filters pt-4 px-6 pb-2 flex align-items-center justify-content-between" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { label: "Today", className: "bg-white text-gray-900 border-1 border-gray-300", onClick: () => selecteDateOption('Today') }), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center" }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, { label: `${fromDateFormate}`, className: "text-left bg-white text-gray-900 border-1 border-gray-300 mr-2 w-7rem" }), (0, jsx_runtime_1.jsx)("div", Object.assign({ className: "text-gray-900 text-xl" }, { children: "-" })), (0, jsx_runtime_1.jsx)(button_1.Button, { label: `${toDateFormate}`, className: "text-left bg-white text-gray-900 border-1 border-gray-300 ml-2 w-7rem" })] }))] }))] })) }));
+    };
+    const onChangeDate = (e) => {
+        if (props.onChange)
+            props.onChange(e);
+    };
+    (0, react_1.useEffect)(() => {
+        const datePickerProps = {};
+        for (let key in props) {
+            switch (key) {
+                case 'iconPos':
+                    // datePickerProps['iconPos'] = props.iconPos
+                    datePickerProps['icon'] = (0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: props.icon });
+                    break;
+                case 'numberOfMonths':
+                    datePickerProps['numberOfMonths'] = props.numberOfMonths;
+                    break;
+                case 'dateFormat':
+                    datePickerProps['dateFormat'] = props.dateFormat;
+                    break;
+                case 'selectionMode':
+                    datePickerProps['selectionMode'] = props.selectionMode;
+                    break;
+                case 'placeholder':
+                    datePickerProps['placeholder'] = props.placeholder;
+                    break;
+                case 'maxDate':
+                    datePickerProps['maxDate'] = props.maxDate;
+                    break;
+                case 'className':
+                    datePickerProps['className'] = props.className;
+                    break;
+                case 'showIcon':
+                    datePickerProps['showIcon'] = true;
+                    break;
+            }
+        }
+        setPropsState(datePickerProps);
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (props.value !== undefined) {
+            if (props.value === null) {
+                setFromDate(null);
+                return;
+            }
+            setFromDate(props.value);
+            const frmD = props.value[0].toLocaleDateString('en-US', options);
+            setFromDateFormate(frmD);
+            if (props.value[1]) {
+                const toD = props.value[1].toLocaleDateString('en-US', options);
+                setToDateFormate(toD);
+            }
+            else {
+                setToDateFormate('-');
+            }
+        }
+    }, [props.value]);
+    const clearIcon = () => {
+        const onClear = () => {
+            if (props.onClear)
+                props.onClear();
+        };
+        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ onClick: onClear, className: "flex align-items-center absolute right-20 clear_icon_sec cursor-pointer" }, { children: (0, jsx_runtime_1.jsx)(svg_component_1.default, { className: "icon_right right_section_item absolute z-5 ", icon: props.clear, size: 20 }, Math.floor(Math.random() * 1000)) })));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex justify-content-center w-full relative align-items-center custom_date_picker_sec` }, { children: [(0, jsx_runtime_1.jsx)(calendar_1.Calendar, Object.assign({ ref: dateRef, value: fromDate, onChange: (e) => onChangeDate(e), footerTemplate: template, className: `custom_date_picker ${(!JSON.stringify(fromDate).includes('null') && JSON.stringify(fromDate).includes(',')) ? 'multiple' : ''}` }, propsState, { iconPos: props.iconPos })), (props.clear && JSON.stringify(fromDate).split(',').length > 1) &&
+                clearIcon()] })));
+};
+exports.DatePicker = DatePicker;
+exports.default = exports.DatePicker;

package/dist/components copy/deferred-content/DeferredContent.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const deferredcontent_1 = require("primereact/deferredcontent");
+exports.default = deferredcontent_1.DeferredContent;

package/dist/components copy/dialogs/confirm-dialog.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const confirmdialog_1 = require("primereact/confirmdialog");
+exports.default = confirmdialog_1.ConfirmDialog;

package/dist/components copy/dialogs/confirm-popup.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const confirmpopup_1 = require("primereact/confirmpopup");
+exports.default = confirmpopup_1.ConfirmPopup;

package/dist/components copy/dialogs/dialog.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const dialog_1 = require("primereact/dialog");
+exports.default = dialog_1.Dialog;

package/dist/components copy/divider/divider.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const divider_1 = require("primereact/divider");
+exports.default = divider_1.Divider;

package/dist/components copy/dock/dock.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const dock_1 = require("primereact/dock");
+exports.default = dock_1.Dock;

package/dist/components copy/dropdown/dropdown.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownComponent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const dropdown_1 = require("primereact/dropdown");
+const DropdownComponent = () => {
+    const [selectedCity, setSelectedCity] = (0, react_1.useState)(null);
+    const cities = [
+        { name: 'New York', code: 'NY' },
+        { name: 'Rome', code: 'RM' },
+        { name: 'London', code: 'LDN' },
+        { name: 'Istanbul', code: 'IST' },
+        { name: 'Paris', code: 'PRS' },
+    ];
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: "card flex justify-content-center" }, { children: (0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { value: selectedCity, onChange: (e) => setSelectedCity(e.value), options: cities, optionLabel: "name", placeholder: "Select a City", className: "w-full md:w-14rem" }) })));
+};
+exports.DropdownComponent = DropdownComponent;
+exports.default = dropdown_1.Dropdown;

package/dist/components copy/editor/Editor.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const editor_1 = require("primereact/editor");
+exports.default = editor_1.Editor;

package/dist/components copy/fieldset/fieldset.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const fieldset_1 = require("primereact/fieldset");
+exports.default = fieldset_1.Fieldset;

package/dist/components copy/file-upload/file-upload.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const fileupload_1 = require("primereact/fileupload");
+exports.default = fileupload_1.FileUpload;