sccoreui 3.3.7 → 3.4.0

package/dist/components/input/input-textarea.js

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

package/dist/components/input/input.js

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

package/dist/components/loading-indicator/loading-indicator-custom.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CustomLoadingIndicator = ({ size = "100px", color = "var(--primary-600)", strokewidth = "6", bgstrokecolor = "var(--gray-100)", bgstroke = false, animationduration = "3500ms" }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex align-items-center flex-column" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "svgAnimation absolute z-3", style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animation", cx: "44", cy: "44", r: "17.2", fill: "none", "stroke-width": strokewidth, style: { strokeLinecap: "round", animationDuration: animationduration, stroke: color } }) })) })), bgstroke && (0, jsx_runtime_1.jsx)("span", Object.assign({ style: { width: size, height: size } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ className: "", viewBox: "22 22 44 44" }, { children: (0, jsx_runtime_1.jsx)("circle", { className: "animatio", cx: "44", cy: "44", r: "17.2", fill: "none", "stroke-width": strokewidth, style: { stroke: bgstrokecolor } }) })) }))] })));
+};
+exports.default = CustomLoadingIndicator;

package/dist/components/megamenu/mega-menu.js

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

package/dist/components/multi-select/multi-select.js

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

package/dist/components/overlays/overlay-panel.js

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

package/dist/components/password/password.js

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

package/dist/components/progress-bar/progress-bar.js

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

package/dist/components/progress-steps/progress-steps.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("primereact/button");
+const svg_component_1 = tslib_1.__importDefault(require("../../directives/svg-component"));
+const react_1 = require("react");
+const ProgressSteps = (props) => {
+    const { stepsItems, orientation, activeIndex, withButtons = true, icons, className, style, } = props;
+    const [currentActive, setCurrentActive] = (0, react_1.useState)(!activeIndex ? 0 : activeIndex);
+    const progressRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (!orientation || orientation === "horizontal") {
+            progressRef.current.style.width = `${(currentActive / (stepsItems.length - 1)) * 100}%`;
+            progressRef.current.style.height = "2px";
+        }
+        else {
+            progressRef.current.style.height = `${(currentActive / (stepsItems.length - 1)) * 100}%`;
+            progressRef.current.style.width = "2px";
+        }
+    }, [currentActive, orientation]);
+    const handleNext = () => {
+        if (currentActive > stepsItems.length) {
+            setCurrentActive(stepsItems.length);
+        }
+        else {
+            setCurrentActive(currentActive + 1);
+        }
+    };
+    const handlePrev = () => {
+        if (currentActive < 1) {
+            setCurrentActive(1);
+        }
+        else {
+            setCurrentActive(currentActive - 1);
+        }
+    };
+    const orientationClass = !orientation ? "horizontal" : orientation;
+    const userClassNames = !className ? "" : className;
+    if (!stepsItems) {
+        throw new Error("stepItems must be specified in order to generate steps");
+    }
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `progress-container flex justify-content-between relative ${orientationClass === "horizontal"
+                    ? "flex-row max-w-full"
+                    : "flex-column max-h-full"} ${orientationClass} ${userClassNames}`, style: style }, { children: [(0, jsx_runtime_1.jsx)("div", { className: `progressbar bg-primary-600 absolute ${orientationClass}`, ref: progressRef }), stepsItems.map((eachItem, index) => ((0, jsx_runtime_1.jsxs)("section", Object.assign({ className: `progress-step-item ${orientationClass === "horizontal"
+                            ? "flex flex-column align-items-center gap-5"
+                            : "flex align-items-start gap-5"}  ${orientationClass}`, onClick: () => {
+                            if (eachItem.action) {
+                                eachItem.action();
+                            }
+                        } }, { children: [!icons ? ((0, jsx_runtime_1.jsx)(svg_component_1.default, { icon: index === currentActive
+                                    ? "step-current"
+                                    : index > currentActive
+                                        ? "step-unvisited"
+                                        : "step-checked" })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: index === currentActive
+                                    ? icons.current
+                                    : index > currentActive
+                                        ? icons.unvisited
+                                        : icons.visited })), !eachItem.template ? ((0, jsx_runtime_1.jsx)("span", Object.assign({ className: "font-medium" }, { children: eachItem.title }))) : ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: `flex flex-column line-height-2 ${orientationClass === "horizontal"
+                                    ? "align-items-center"
+                                    : "align-items-start"} ${orientationClass}` }, { children: eachItem.template })))] }), eachItem.id)))] })), withButtons && ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: `flex${orientationClass === "horizontal"
+                    ? ""
+                    : " flex-column align-self-center"} gap-2 mt-5` }, { children: [(0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: currentActive === 0, onClick: handlePrev }, { children: "Prev" })), (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({ disabled: currentActive === stepsItems.length - 1, onClick: handleNext }, { children: "Next" }))] })))] }));
+};
+exports.default = ProgressSteps;

package/dist/components/progress_bar_round/circle-progress-bar.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const CircleProgressComponent = ({ height = 290, strokeWidth = 14, text = "", strokeColor = 'var(--primary-600)', strokeBgColor = 'var(--gray-300)', value = -1, textDisabled = false, textClassName = "text-lg text-gray-700 font-normal", valueTextClassName = "text-2xl, text-gray-700 font-bold" }) => {
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative flex align-items-center justify-content-center", style: { height: height, width: height } }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex ", style: { width: `${height}px`, height: `${height}px`, transform: "rotate(-90deg)", position: "absolute", top: "0", zIndex: "10" } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", "stroke-width": strokeWidth, style: { strokeDasharray: "256.92", strokeDashoffset: `${(256.92 - ((256.92 / 100) * value))}`, strokeLinecap: "round", stroke: `${strokeColor}` } }) })) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex obsolute ", style: { width: `${height}px`, height: `${height}px`, position: "absolute", transform: "rotate(-90deg)" } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", "stroke-width": strokeWidth, style: { strokeDasharray: "256.92", strokeDashoffset: "0", strokeLinecap: "round", stroke: `${strokeBgColor}` } }) })) })), !textDisabled && (0, jsx_runtime_1.jsxs)("section", Object.assign({ className: "flex flex-column align-items-center mr-auto ml-auto mt-auto mb-auto" }, { children: [text !== "" && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: textClassName }, { children: text })), value !== -1 && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: valueTextClassName }, { children: [value, "%"] }))] }))] })));
+};
+exports.default = CircleProgressComponent;

package/dist/components/progress_bar_round/half-circle-progres-bar.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const HalfProgressComponent = ({ height = 290, strokeWidth = 14, text = "", strokeColor = 'var(--primary-600)', strokeBgColor = 'var(--gray-300)', value = -1, textDisabled = false }) => {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "relative flex align-items-center justify-content-center", style: { height: height, width: height } }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex ", style: { width: `${height}px`, height: `${height}px`, transform: "rotate(-90deg)", position: "absolute", top: "0", zIndex: "10" } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", "stroke-width": strokeWidth, style: { strokeDasharray: "180.46", strokeDashoffset: `${(180.46 - ((180.46 / 100) * value))}`, strokeLinecap: "round", stroke: `${strokeColor}` } }) })) })), (0, jsx_runtime_1.jsx)("span", Object.assign({ role: "progressbar", className: "flex obsolute ", style: { width: `${height}px`, height: `${height}px`, position: "absolute", transform: "rotate(-90deg)" } }, { children: (0, jsx_runtime_1.jsx)("svg", Object.assign({ viewBox: "22 22 110 110" }, { children: (0, jsx_runtime_1.jsx)("circle", { cx: "76", cy: "76", r: "40.2", fill: "none", "stroke-width": strokeWidth, style: { strokeDasharray: "128.46", strokeDashoffset: "0", strokeLinecap: "round", stroke: `${strokeBgColor}` } }) })) })), !textDisabled && (0, jsx_runtime_1.jsxs)("section", Object.assign({ className: "flex flex-column align-items-center mr-auto ml-auto mt-auto mb-auto" }, { children: [text !== "" && (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base" }, { children: text })), value !== -1 && (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "text-4xl my-2" }, { children: [value, "%"] }))] }))] })) }));
+};
+exports.default = HalfProgressComponent;

package/dist/components/radio-button/radio-button.js

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

package/dist/components/range-slider/slider.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const custom_slider_1 = tslib_1.__importDefault(require("../custom-slider/custom-slider"));
+exports.default = custom_slider_1.default;

package/dist/components/rating/rating.js

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

package/dist/components/side-panel/side-panel.js

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

package/dist/components/skeleton/skeleton.js

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

package/dist/components/slider/slider.js

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

package/dist/components/spinner/spinner.js

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

package/dist/components/tab-menu/tab-menu.js

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

package/dist/components/tabview/tabview.js

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

package/dist/components/toast/toast.js

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

package/dist/components/toggle/toggle-button.js

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

package/dist/components/tooltip/tooltip.js

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

package/dist/components/types/type.js

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

package/dist/components/utils/classnames.js

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

package/dist/directives/svg-component.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const svg_icons_1 = require("./svg-icons");
+const collorPallet = {
+    primary: "var(--primary-700)",
+    secondary: "var(--yellow-700)",
+    success: "var(--green-700)",
+    error: "var(--red-700)",
+};
+const colorFunction = (data) => {
+    if (data === null || data === void 0 ? void 0 : data.includes("text")) {
+        return `var(-${data.replace("text", "")})`;
+    }
+    else if (data === null || data === void 0 ? void 0 : data.includes("#")) {
+        return data;
+    }
+    else if (Object.keys(collorPallet).includes(data)) {
+        return collorPallet[data];
+    }
+    else {
+        return data;
+    }
+};
+const SvgComponent = ({ icon, size, color, className }) => {
+    const data2 = svg_icons_1.iconList.find((iconObject) => iconObject.name === icon);
+    const data = data2 === null || data2 === void 0 ? void 0 : data2.svg.replace('width="24" height="24"', `width=${size ? `${size}` : 16} size=${size ? `${size}` : 16}`).replace('stroke="#667085"', `stroke=${color ? colorFunction(color) : "#667085"}`).replace('stroke="#667085"', `stroke=${color ? colorFunction(color) : "#667085"}`).replace('stroke="#667085"', `stroke=${color ? colorFunction(color) : "#667085"}`).replace('stroke="#667085"', `stroke=${color ? colorFunction(color) : "#667085"}`).replace('stroke="#667085"', `stroke=${color ? colorFunction(color) : "#667085"}`).replace('stroke="#667085"', `stroke=${color ? colorFunction(color) : "#667085"}`).replace('stroke="#667085"', `stroke=${color ? colorFunction(color) : "#667085"}`).replace('stroke="#667085"', `stroke=${color ? colorFunction(color) : "#667085"}`).replace('stroke="#667085"', `stroke=${color ? colorFunction(color) : "#667085"}`).replace('stroke="#667085"', `stroke=${color ? colorFunction(color) : "#667085"}`).replace('stroke="#667085"', `stroke=${color ? colorFunction(color) : "#667085"}`);
+    if (data === undefined) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)("span", { className: `flex align-items-center justify-content-center${!className ? "" : ` ${className}`}`, dangerouslySetInnerHTML: { __html: data } });
+};
+exports.default = SvgComponent;