sccoreui 4.0.9 → 4.1.1

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

@@ -11,16 +11,16 @@ 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 } = 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", 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 { 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 } = 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, pt: { input: { root: { autoComplete: 'off' } } }, maxLength: maxLength, maxFractionDigits: 2, 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 { 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: 2, 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 } = 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", 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 { 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", 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);
@@ -32,12 +32,12 @@ const InputTextAreaField = (props) => {
     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 } = 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({ 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 { errors, touched, name, length, label, placeholder, options, optional, customSelectedTemplate, 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)(dropdown_1.Dropdown, Object.assign({ 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 } = 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({ 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 { 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;

package/dist/components/types/type.js

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

package/dist/index.js

@@ -180,7 +180,7 @@ var menu_1 = require("./components/menu/menu");
 Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return tslib_1.__importDefault(menu_1).default; } });
 var menubar_1 = require("./components/menubar/menubar");
 Object.defineProperty(exports, "Menubar", { enumerable: true, get: function () { return tslib_1.__importDefault(menubar_1).default; } });
-var panelMenu_1 = require("../src/components/panel-menu/panelMenu");
+var panelMenu_1 = require("./components/panel-menu/panelMenu");
 Object.defineProperty(exports, "PanelMenu", { enumerable: true, get: function () { return tslib_1.__importDefault(panelMenu_1).default; } });
 var slide_menu_1 = require("./components/slide-menu/slide-menu");
 Object.defineProperty(exports, "SlideMenu", { enumerable: true, get: function () { return tslib_1.__importDefault(slide_menu_1).default; } });

package/dist/types/components/form/form-fields/form-fields.d.ts

@@ -1,10 +1,11 @@
+import { DropDownFieldProps, MultiSelectProps, NumberFieldProps, TextAreaFieldProps, TextFieldProps } from "../../types/type";
 declare const _default: {
-    InputTextField: (props: any) => import("react/jsx-runtime").JSX.Element;
-    InputNumberField: (props: any) => import("react/jsx-runtime").JSX.Element;
-    InputCurrencyField: (props: any) => import("react/jsx-runtime").JSX.Element;
-    InputTextAreaField: (props: any) => import("react/jsx-runtime").JSX.Element;
-    DropDownField: (props: any) => import("react/jsx-runtime").JSX.Element;
-    MultiSelectField: (props: any) => import("react/jsx-runtime").JSX.Element;
+    InputTextField: (props: TextFieldProps) => import("react/jsx-runtime").JSX.Element;
+    InputNumberField: (props: NumberFieldProps) => import("react/jsx-runtime").JSX.Element;
+    InputCurrencyField: (props: NumberFieldProps) => import("react/jsx-runtime").JSX.Element;
+    InputTextAreaField: (props: TextAreaFieldProps) => import("react/jsx-runtime").JSX.Element;
+    DropDownField: (props: DropDownFieldProps) => import("react/jsx-runtime").JSX.Element;
+    MultiSelectField: (props: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
     PhoneNumberField: (props: any) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;

package/dist/types/components/form/form.d.ts

@@ -1,2 +1,3 @@
-declare const FormComponent: (props: any) => import("react/jsx-runtime").JSX.Element;
+import { FormComponentProps } from "../types/type";
+declare const FormComponent: (props: FormComponentProps) => import("react/jsx-runtime").JSX.Element;
 export default FormComponent;

package/dist/types/components/types/type.d.ts

@@ -62,3 +62,88 @@ export interface RangeSliderProps extends Omit<React.DetailedHTMLProps<React.Inp
     range?: boolean | undefined;
     indicator?: boolean | undefined;
 }
+export interface FormComponentProps {
+    values: any;
+    validations: any;
+    children: any;
+    validateOnChange: boolean;
+    validateOnBlur: boolean;
+    validateForm: any;
+    className: string;
+    onSubmit: any;
+}
+export interface TextFieldProps {
+    errors: any;
+    touched: any;
+    name: string;
+    length: string;
+    label: string;
+    placeholder: string;
+    optional: boolean;
+    maxLength: number;
+    className: string;
+    validate: any;
+    disabled: boolean;
+}
+export interface NumberFieldProps {
+    errors: any;
+    touched: any;
+    name: string;
+    length: string;
+    label: string;
+    placeholder: string;
+    optional: boolean;
+    setFieldValue: any;
+    min: number;
+    max: number;
+    maxLength: number;
+    className: string;
+    validate: any;
+    disabled: boolean;
+}
+export interface TextAreaFieldProps {
+    errors: any;
+    touched: any;
+    name: string;
+    length: string;
+    label: string;
+    placeholder: string;
+    optional: boolean;
+    values: any;
+    className: string;
+    maxLength: number;
+    validate: any;
+}
+export interface DropDownFieldProps {
+    errors: any;
+    touched: any;
+    name: string;
+    length: string;
+    label: string;
+    placeholder: string;
+    options: any[];
+    optional: boolean;
+    customSelectedTemplate: any;
+    customFieldsTemplate: any;
+    optionLabel: string;
+    optionDisabled: any;
+    className: string;
+    validate: any;
+    disabled: boolean;
+}
+export interface MultiSelectProps {
+    errors: any;
+    touched: any;
+    name: string;
+    length: string;
+    label: string;
+    placeholder: string;
+    options: any[];
+    optional: boolean;
+    customFieldsTemplate: any;
+    optionLabel: string;
+    optionDisabled: any;
+    className: string;
+    validate: any;
+    disabled: boolean;
+}

package/dist/types/index.d.ts

@@ -81,7 +81,7 @@ export { default as ContextMenu } from "./components/Context-menu/contextMenu";
 export { default as Dock } from "./components/dock/dock";
 export { default as Menu } from "./components/menu/menu";
 export { default as Menubar } from "./components/menubar/menubar";
-export { default as PanelMenu } from "../src/components/panel-menu/panelMenu";
+export { default as PanelMenu } from "./components/panel-menu/panelMenu";
 export { default as SlideMenu } from "./components/slide-menu/slide-menu";
 export { default as Stesp } from './components/steps/steps';
 export { default as TieredMenu } from "./components/tiered-menu/tieredMenu";
@@ -102,7 +102,7 @@ import { ColorPickerChangeEvent } from "primereact/colorpicker";
 import { SliderChangeEvent } from "primereact/slider";
 import { FileUploadHandlerEvent, FileUploadHeaderTemplateOptions, FileUploadSelectEvent, FileUploadUploadEvent, ItemTemplateOptions } from "primereact/fileupload";
 import { GalleriaResponsiveOptions } from "primereact/galleria";
-import { CustomActionEvent, StepItem, StepsItemProps, TeamDataItem, CustomerAbout, CustomerDataItem, RangeSliderProps } from "../src/components/types/type";
+import { CustomActionEvent, StepItem, StepsItemProps, TeamDataItem, CustomerAbout, CustomerDataItem, RangeSliderProps, FormComponentProps, TextFieldProps, NumberFieldProps, TextAreaFieldProps, DropDownFieldProps, MultiSelectProps } from "../src/components/types/type";
 import { InputNumberValueChangeEvent } from "primereact/inputnumber";
 import { RadioButtonChangeEvent } from "primereact/radiobutton";
 import { CarouselResponsiveOption } from "primereact/carousel";
@@ -134,4 +134,4 @@ import { TreeTableExpandedKeysType, TreeTableSelectionEvent, TreeTableSelectionK
 import { TabPanelHeaderTemplateOptions } from "primereact/tabview";
 import { ToastMessage } from "primereact/toast";
 import { EditorTextChangeEvent } from 'primereact/editor';
-export type { DropdownChangeEvent, CarouselResponsiveOption, ColorPickerChangeEvent, SliderChangeEvent, MenuItem, FileUploadHandlerEvent, FileUploadHeaderTemplateOptions, FileUploadSelectEvent, FileUploadUploadEvent, ItemTemplateOptions, InputNumberValueChangeEvent, RadioButtonChangeEvent, CustomActionEvent, StepItem, StepsItemProps, TeamDataItem, CustomerAbout, CustomerDataItem, RangeSliderProps, GalleriaResponsiveOptions, AutoCompleteCompleteEvent, CalendarChangeEvent, CascadeSelectChangeEvent, ChipsChangeEvent, InputMaskChangeEvent, InputSwitchChangeEvent, KnobChangeEvent, ListBoxChangeEvent, MentionSearchEvent, MentionItemTemplateOptions, MultiSelectChangeEvent, MultiStateCheckboxChangeEvent, RatingChangeEvent, SelectButtonChangeEvent, TreeSelectChangeEvent, TriStateCheckboxChangeEvent, ToggleButtonChangeEvent, DataTableFilterMeta, ColumnFilterElementTemplateOptions, InputNumberChangeEvent, DataTableSelectionChangeEvent, DataTableSelectEvent, DataTableUnselectEvent, DataTableDataSelectableEvent, DataTableCellSelection, DataTableCellClassNameOptions, DataTableExpandedRows, DataTableRowEvent, DataTableValueArray, ColumnEvent, ColumnEditorOptions, DataTableRowEditCompleteEvent, DataTableSelectAllChangeEvent, DataTablePageEvent, DataTableSortEvent, DataTableFilterEvent, ColumnBodyOptions, VirtualScrollerLazyEvent, VirtualScrollerLoadingTemplateOptions, DataTableRowToggleEvent, PaginatorPageChangeEvent, PaginatorJumpToPageInputOptions, PaginatorCurrentPageReportOptions, PaginatorRowsPerPageDropdownOptions, PaginatorLastPageLinkOptions, PaginatorNextPageLinkOptions, PaginatorPageLinksOptions, PaginatorPrevPageLinkOptions, PaginatorFirstPageLinkOptions, TreeExpandedKeysType, TreeMultipleSelectionKeys, TreeCheckboxSelectionKeys, TreeEventNodeEvent, TreeNodeTemplateOptions, TreeTogglerTemplateOptions, TreeDragDropEvent, TreeTableExpandedKeysType, TreeTableSelectionEvent, TreeTableSelectionKeysType, TreeTablePageEvent, TreeTableEvent, VirtualScrollerTemplateOptions, TabPanelHeaderTemplateOptions, MenuItemOptions, ToastMessage, EditorTextChangeEvent };
+export type { DropdownChangeEvent, CarouselResponsiveOption, ColorPickerChangeEvent, SliderChangeEvent, MenuItem, FileUploadHandlerEvent, FileUploadHeaderTemplateOptions, FileUploadSelectEvent, FileUploadUploadEvent, ItemTemplateOptions, InputNumberValueChangeEvent, RadioButtonChangeEvent, CustomActionEvent, StepItem, FormComponentProps, TextFieldProps, TextAreaFieldProps, NumberFieldProps, DropDownFieldProps, MultiSelectProps, StepsItemProps, TeamDataItem, CustomerAbout, CustomerDataItem, RangeSliderProps, GalleriaResponsiveOptions, AutoCompleteCompleteEvent, CalendarChangeEvent, CascadeSelectChangeEvent, ChipsChangeEvent, InputMaskChangeEvent, InputSwitchChangeEvent, KnobChangeEvent, ListBoxChangeEvent, MentionSearchEvent, MentionItemTemplateOptions, MultiSelectChangeEvent, MultiStateCheckboxChangeEvent, RatingChangeEvent, SelectButtonChangeEvent, TreeSelectChangeEvent, TriStateCheckboxChangeEvent, ToggleButtonChangeEvent, DataTableFilterMeta, ColumnFilterElementTemplateOptions, InputNumberChangeEvent, DataTableSelectionChangeEvent, DataTableSelectEvent, DataTableUnselectEvent, DataTableDataSelectableEvent, DataTableCellSelection, DataTableCellClassNameOptions, DataTableExpandedRows, DataTableRowEvent, DataTableValueArray, ColumnEvent, ColumnEditorOptions, DataTableRowEditCompleteEvent, DataTableSelectAllChangeEvent, DataTablePageEvent, DataTableSortEvent, DataTableFilterEvent, ColumnBodyOptions, VirtualScrollerLazyEvent, VirtualScrollerLoadingTemplateOptions, DataTableRowToggleEvent, PaginatorPageChangeEvent, PaginatorJumpToPageInputOptions, PaginatorCurrentPageReportOptions, PaginatorRowsPerPageDropdownOptions, PaginatorLastPageLinkOptions, PaginatorNextPageLinkOptions, PaginatorPageLinksOptions, PaginatorPrevPageLinkOptions, PaginatorFirstPageLinkOptions, TreeExpandedKeysType, TreeMultipleSelectionKeys, TreeCheckboxSelectionKeys, TreeEventNodeEvent, TreeNodeTemplateOptions, TreeTogglerTemplateOptions, TreeDragDropEvent, TreeTableExpandedKeysType, TreeTableSelectionEvent, TreeTableSelectionKeysType, TreeTablePageEvent, TreeTableEvent, VirtualScrollerTemplateOptions, TabPanelHeaderTemplateOptions, MenuItemOptions, ToastMessage, EditorTextChangeEvent };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sccoreui",
-  "version": "4.0.9",
+  "version": "4.1.1",
   "description": "ui-sccore",
   "main": "./dist/index.js",
   "module": "./dist/index.js",