sccoreui 4.5.5 → 4.5.6

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

@@ -1,164 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-"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

@@ -1,19 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-"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

@@ -1,4 +0,0 @@
-"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

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

package/dist/components copy/form/form-fields/form-fields.js

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const formik_1 = require("formik");
-const react_1 = require("react");
-const inputtext_1 = require("primereact/inputtext");
-const dropdown_1 = require("primereact/dropdown");
-const multiselect_1 = require("primereact/multiselect");
-const inputtextarea_1 = require("primereact/inputtextarea");
-const max_1 = tslib_1.__importStar(require("react-phone-number-input/max"));
-const inputnumber_1 = require("primereact/inputnumber");
-const InputTextField = (props) => {
-    const { errors, touched, name, length, label, placeholder, optional, maxLength, className, validate, disabled } = props;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, Object.assign({ maxLength: maxLength, autoComplete: "off", disabled: disabled, placeholder: placeholder }, field, { className: `${className} full_form_field ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
-};
-const InputNumberField = (props) => {
-    const { errors, touched, name, length, label, placeholder, optional, setFieldValue, min, max, maxLength, className, validate, disabled } = props;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, errors: errors, touched: touched, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, Object.assign({ min: min, max: max, disabled: disabled, pt: { input: { root: { autoComplete: 'off' } } }, maxLength: maxLength, maxFractionDigits: 0, placeholder: placeholder }, field, { onChange: (e) => setFieldValue(name, e.value !== null ? e.value : min), className: `full_form_field ${className} ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
-};
-const InputCurrencyField = (props) => {
-    const { errors, touched, name, length, label, placeholder, optional, setFieldValue, min, max, maxLength, className, validate, disabled } = props;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, errors: errors, touched: touched, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsxs)("span", Object.assign({ className: "p-input-icon-left form_field" }, { children: [(0, jsx_runtime_1.jsx)("span", Object.assign({ className: "p-input-prefix text-lg text-gray-600 font-normal" }, { children: "$" })), (0, jsx_runtime_1.jsx)(inputnumber_1.InputNumber, Object.assign({ "aria-autocomplete": "none", minFractionDigits: 2, disabled: disabled, min: min, max: max, maxLength: maxLength }, field, { onChange: (e) => setFieldValue(name, e.value !== null ? e.value : min), maxFractionDigits: 2, placeholder: placeholder, className: `full_form_field ${className} customNumberField ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name }))] }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
-};
-const InputTextAreaField = (props) => {
-    const [charCount, setCharCount] = (0, react_1.useState)(0);
-    const { errors, touched, name, length, label, placeholder, optional, values, className, maxLength, validate } = props;
-    (0, react_1.useEffect)(() => {
-        setCharCount(values[name].length);
-    }, [values[name]]);
-    (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }));
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column relative" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: name, type: "textarea", validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(inputtextarea_1.InputTextarea, Object.assign({ autoComplete: "off", placeholder: placeholder, style: { height: '154px', resize: 'none', overflowY: 'scroll' } }, field, { maxLength: maxLength, className: `pt-2 full_form_field ${className} ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "absolute text-base font-normal text-gray-600", style: { bottom: '20px', right: '12px' } }, { children: [charCount, "/", maxLength] }))] })) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
-};
-const DropDownField = (props) => {
-    const { errors, touched, name, length, label, placeholder, options, optional, customSelectedTemplate, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled, filter, panelStyle } = props;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({ panelStyle: panelStyle || '', filter: filter || false, disabled: disabled, placeholder: placeholder }, field, { options: options, itemTemplate: customFieldsTemplate, valueTemplate: customSelectedTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: `full_form_field ${className} ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
-};
-const MultiSelectField = (props) => {
-    const { errors, touched, name, length, label, placeholder, options, optional, customFieldsTemplate, optionLabel, optionDisabled, className, validate, disabled } = props;
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name, validate: validate }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(multiselect_1.MultiSelect, Object.assign({ disabled: disabled, placeholder: placeholder }, field, { options: options, itemTemplate: customFieldsTemplate, optionDisabled: optionDisabled, optionLabel: optionLabel, className: `full_form_field ${className} ${errors[name] && touched[name] ? 'p-invalid' : ''} ${length === 'full' ? '' : 'form_field'}`, id: name }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
-};
-const PhoneNumberField = (props) => {
-    const { errors, touched, name, length, values, label, placeholder, optional, position, setFieldValue } = props;
-    const customCountry = (props) => {
-        const customCountryTemplate = (options) => {
-            let callCode = (0, max_1.getCountryCallingCode)(options.value);
-            return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'flex align-items-center gap-2' }, { children: [(0, jsx_runtime_1.jsx)("img", { src: `https://catamphetamine.github.io/country-flag-icons/3x2/${options.value}.svg`, alt: 'countries', className: 'border-circle', style: { width: '1.5rem', height: '1.5rem', objectFit: 'cover' } }), (0, jsx_runtime_1.jsx)("span", Object.assign({ className: 'text-lg font-medium text-gray-900 line-height-3' }, { children: options.label })), (0, jsx_runtime_1.jsxs)("span", Object.assign({ className: 'text-lg font-normal text-gray-600 line-height-3' }, { children: ["+", callCode] }))] })));
-        };
-        const customSelectedVal = (options) => {
-            if (options) {
-                return ((0, jsx_runtime_1.jsx)("img", { src: `https://catamphetamine.github.io/country-flag-icons/3x2/${options.value}.svg`, alt: 'selected-country', className: 'border-circle ml-2', style: { width: '1.5rem', height: '1.5rem', objectFit: 'cover' } }));
-            }
-            return ((0, jsx_runtime_1.jsx)("div", { children: placeholder }));
-        };
-        return ((0, jsx_runtime_1.jsx)("div", Object.assign({ id: 'customCountryDropDown' }, { children: (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ name: "countryCode" }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, Object.assign({ filter: true, filterBy: 'label', options: props.options }, field, { panelClassName: `${position === 'left' ? '' : 'phoneNumberClass'}`, panelStyle: { maxWidth: '18rem' } }, props, { itemTemplate: customCountryTemplate, valueTemplate: customSelectedVal, optionLabel: 'value', onChange: (e) => {
-                        setFieldValue('countryCode', e.value);
-                    } }))) })) })));
-    };
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column gap-1" }, { children: [optional && (0, jsx_runtime_1.jsxs)("label", Object.assign({ className: "font-medium text-base mb-1 w-full flex justify-content-between", htmlFor: name }, { children: [label, (0, jsx_runtime_1.jsx)("span", Object.assign({ className: "text-base font-medium font-italic text-gray-600" }, { children: "Optional" }))] })), !optional && (0, jsx_runtime_1.jsx)("label", Object.assign({ className: "font-medium text-base mb-1", htmlFor: name }, { children: label })), (0, jsx_runtime_1.jsx)(formik_1.Field, Object.assign({ type: "text", name: name }, { children: ({ field }) => ((0, jsx_runtime_1.jsx)(max_1.default, Object.assign({ international: true, countryCallingCodeEditable: false, withCountryCallingCode: false, countrySelectComponent: customCountry, usenationalformatfordefaultcountryvalue: "true", defaultCountry: values[name], limitMaxLength: true, className: `full_form_field flex align-items-center ${errors[name] ? 'p-invalid' : ''} ${length === 'full' ? 'form_field' : 'form_field'}` }, field, { onChange: (e) => setFieldValue(name, e) }))) })), errors[name] && touched[name] ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: errors[name] }) }))) : (0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'errorField flex align-items-center text-sm', style: { height: '16px' } }, { children: (0, jsx_runtime_1.jsx)("span", { children: "\u00A0" }) }))] })));
-};
-// const InputGroupField = (props: any) => {
-//     const { errors, touched, name, length, label, placeholder, optional, position, setFieldValue, validate } = props;
-//     return (
-//         <div className="flex flex-column gap-1">
-//             {optional && <label className="font-medium text-base mb-1 w-full flex justify-content-between" htmlFor={name}>{label}<span className="text-base font-medium font-italic text-gray-600">Optional</span></label>}
-//             {!optional && <label className="font-medium text-base mb-1" htmlFor={name}>{label}</label>}
-//             <Field type="text" name={name}>
-//                 {
-//                     ({ field }: any) => (
-//                         <div {...field}></div>
-//                     )
-//                 }
-//             </Field>
-//             {errors[name] && touched[name] ? (
-//                 <small className='errorField'>{errors[name]}</small>
-//             ) : <small>&nbsp;</small>}
-//         </div>
-//     )
-// }
-exports.default = { InputTextField, InputNumberField, InputCurrencyField, InputTextAreaField, DropDownField, MultiSelectField, PhoneNumberField, Field: formik_1.Field };

package/dist/components copy/form/form.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const formik_1 = require("formik");
-const FormComponent = (props) => {
-    const { values, validations, children, validateOnChange, validateOnBlur, validateForm, className, onSubmit } = props;
-    return ((0, jsx_runtime_1.jsx)(formik_1.Formik, Object.assign({ initialValues: values, validationSchema: validations, validateOnChange: validateOnChange, validate: validateForm, validateOnBlur: validateOnBlur, onSubmit: (values) => onSubmit(values) }, { children: ({ errors, touched, isValid, values, actions, resetForm, setFieldValue, handleSubmit, setFieldTouched, dirty, validate }) => ((0, jsx_runtime_1.jsx)(formik_1.Form, Object.assign({ className: className }, { children: children({ errors, touched, isValid, values, actions, resetForm, handleSubmit, setFieldValue, setFieldTouched, dirty, validate }) }))) })));
-};
-exports.default = FormComponent;

package/dist/components copy/froala-editor/FroalaEditor.js

@@ -1,84 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-require("froala-editor/css/froala_editor.pkgd.min.css");
-require("froala-editor/css/froala_style.min.css");
-const react_froala_wysiwyg_1 = tslib_1.__importDefault(require("react-froala-wysiwyg"));
-require("froala-editor/js/plugins.pkgd.min.js");
-// import { SvgComponent } from 'sccoreui';
-// import SvgComponent from '../../directives/svg-component';
-// import { Bold, Italic } from '../../assets/svg/svg';
-const FroalaTextEditor = ({ onChange, value, placeholderText }) => {
-    const editorRef = (0, react_1.useRef)(null);
-    // const html = ``;
-    const [editorContent, setEditorContent] = (0, react_1.useState)(value);
-    // Callback function to handle content changes
-    const handleModelChange = (content) => {
-        setEditorContent(content);
-        onChange(content);
-    };
-    // const handleKeyUp = () => {
-    //   // Access the current content of the editor
-    //   debugger
-    //   const content = editorRef.current.editor.html.get();
-    //   // Implement logic to recognize special words or patterns in 'content'
-    //   // For example, if you want to detect the word 'special':
-    //   if (content.toLowerCase().includes('special')) {
-    //     // Do something special
-    //     console.log('Special word detected!');
-    //   }
-    // };
-    (0, react_1.useEffect)(() => {
-        if (editorRef.current) {
-            editorRef.current.editor.$el.on('focus', () => {
-                document.getElementById('fr-text-editor').classList.add('focus-text-editor');
-            });
-            editorRef.current.editor.$el.on('focusout', () => {
-                document.getElementById('fr-text-editor').classList.remove('focus-text-editor');
-            });
-        }
-    }, []);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: 'text-editor', id: "fr-text-editor" }, { children: (0, jsx_runtime_1.jsx)(react_froala_wysiwyg_1.default, { tag: "textarea", config: {
-                fontFamilySelection: true,
-                fontFamily: {
-                    'Arial,Helvetica,sans-serif': 'sans-serif',
-                    'Impact,Charcoal,sans-serif': 'RobotoBold',
-                    'RobotoItalic,Charcoal,sans-serif': 'RobotoItalic',
-                    // 'Tahoma,Geneva,sans-serif': 'Font 3'
-                },
-                fontFamilyDefaultSelection: 'sans-serif',
-                placeholderText: placeholderText,
-                key: "5OA4gB3A3B3E3B5D3E3F-11SLJCKHXOSLMc1YGSGb1ZXHSe1CgB5A4D4G4E3C2A12A19A6B4==",
-                charCounterCount: false,
-                toolbarSticky: false,
-                quickInsertEnabled: false,
-                toolbarInline: false,
-                attribution: false,
-                heightMax: 160,
-                heightMin: 130,
-                toolbarButtons: {
-                    'fontFamily': {
-                        'buttons': ['fontFamily'],
-                        'class': 'customCard',
-                    },
-                    'moreText': {
-                        'buttons': ['bold', 'italic', 'underline', 'strikeThrough', 'fontSize', 'subscript', 'superscript', 'textColor', 'backgroundColor', 'inlineClass', 'inlineStyle', 'clearFormatting'],
-                        'buttonsVisible': 2
-                    },
-                    'moreParagraph': {
-                        'buttons': ['formatOL', 'formatUL', 'alignLeft', 'alignCenter', 'formatOLSimple', 'alignRight', 'alignJustify', 'paragraphFormat', 'paragraphStyle', 'lineHeight', 'outdent', 'indent', 'quote'],
-                        'buttonsVisible': 2
-                    },
-                    'moreRich': {
-                        'buttons': ['insertLink', 'insertImage', 'insertHR', 'undo', 'redo', 'html'],
-                        'buttonsVisible': 2
-                    },
-                    'fullscreen': {
-                        'button': 'fullscreen'
-                    },
-                },
-            }, model: editorContent, onModelChange: handleModelChange, ref: editorRef }) })));
-};
-exports.default = FroalaTextEditor;

package/dist/components copy/galleria/galleria.js

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

package/dist/components copy/image/image.js

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

package/dist/components copy/inplace/inplace.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InplaceContent = exports.InplaceDisplay = exports.Inplace = void 0;
-const inplace_1 = require("primereact/inplace");
-Object.defineProperty(exports, "Inplace", { enumerable: true, get: function () { return inplace_1.Inplace; } });
-Object.defineProperty(exports, "InplaceDisplay", { enumerable: true, get: function () { return inplace_1.InplaceDisplay; } });
-Object.defineProperty(exports, "InplaceContent", { enumerable: true, get: function () { return inplace_1.InplaceContent; } });

package/dist/components copy/input/input-mask.js

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

package/dist/components copy/input/input-number.js

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

package/dist/components copy/input/input-switch.js

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

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

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

package/dist/components copy/input/input.js

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

package/dist/components copy/knob/knob.js

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

package/dist/components copy/list-box/listbox.js

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

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

@@ -1,11 +0,0 @@
-"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", strokeWidth: 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 copy/megamenu/mega-menu.js

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

package/dist/components copy/mention/mention.js

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

package/dist/components copy/menu/menu.js

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

package/dist/components copy/menubar/menubar.js

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

package/dist/components copy/message/Message.js

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

package/dist/components copy/messages/messages.js

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

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

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