sccoreui 4.7.5 → 4.7.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/App.scss
CHANGED
|
@@ -10,9 +10,13 @@ const multiselect_1 = require("primereact/multiselect");
|
|
|
10
10
|
const inputtextarea_1 = require("primereact/inputtextarea");
|
|
11
11
|
const max_1 = tslib_1.__importStar(require("react-phone-number-input/max"));
|
|
12
12
|
const inputnumber_1 = require("primereact/inputnumber");
|
|
13
|
+
const sccoreui_1 = require("sccoreui");
|
|
13
14
|
const InputTextField = (props) => {
|
|
14
|
-
const { errors, touched, name, length, label, placeholder, optional, maxLength, className, validate, disabled } = props;
|
|
15
|
-
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [
|
|
15
|
+
const { errors, touched, name, length, label, placeholder, optional, maxLength, className, validate, disabled, isLoading } = props;
|
|
16
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex flex-column" }, { children: [!isLoading ?
|
|
17
|
+
(0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { 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 }))) }))] })
|
|
18
|
+
:
|
|
19
|
+
(0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(sccoreui_1.Skeleton, { className: "h-1rem mb-1 w-5rem" }), (0, jsx_runtime_1.jsx)(sccoreui_1.Skeleton, { height: "40px", className: "w-full" })] }), 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" }) }))] })));
|
|
16
20
|
};
|
|
17
21
|
const InputNumberField = (props) => {
|
|
18
22
|
const { errors, touched, name, length, label, placeholder, optional, setFieldValue, min, max, maxLength, className, validate, disabled } = props;
|
|
@@ -84,6 +84,7 @@ export interface TextFieldProps {
|
|
|
84
84
|
className?: string;
|
|
85
85
|
validate?: any;
|
|
86
86
|
disabled?: boolean;
|
|
87
|
+
isLoading?: boolean;
|
|
87
88
|
}
|
|
88
89
|
export interface NumberFieldProps {
|
|
89
90
|
errors: any;
|
|
@@ -100,6 +101,7 @@ export interface NumberFieldProps {
|
|
|
100
101
|
className?: string;
|
|
101
102
|
validate?: any;
|
|
102
103
|
disabled?: boolean;
|
|
104
|
+
isLoading?: boolean;
|
|
103
105
|
}
|
|
104
106
|
export interface TextAreaFieldProps {
|
|
105
107
|
errors: any;
|
|
@@ -113,6 +115,7 @@ export interface TextAreaFieldProps {
|
|
|
113
115
|
className?: string;
|
|
114
116
|
maxLength?: number;
|
|
115
117
|
validate?: any;
|
|
118
|
+
isLoading?: boolean;
|
|
116
119
|
}
|
|
117
120
|
export interface DropDownFieldProps {
|
|
118
121
|
errors: any;
|
|
@@ -132,6 +135,7 @@ export interface DropDownFieldProps {
|
|
|
132
135
|
disabled?: boolean;
|
|
133
136
|
filter?: boolean;
|
|
134
137
|
panelStyle?: any;
|
|
138
|
+
isLoading?: boolean;
|
|
135
139
|
}
|
|
136
140
|
export interface MultiSelectProps {
|
|
137
141
|
errors: any;
|
|
@@ -148,17 +152,20 @@ export interface MultiSelectProps {
|
|
|
148
152
|
className?: string;
|
|
149
153
|
validate?: any;
|
|
150
154
|
disabled?: boolean;
|
|
155
|
+
isLoading?: boolean;
|
|
151
156
|
}
|
|
152
157
|
export interface TreeDropdownSelectTypes {
|
|
153
158
|
clickOnNode?: any;
|
|
154
159
|
treeData: any;
|
|
155
160
|
expandedKeys: any;
|
|
156
161
|
classNames?: any;
|
|
162
|
+
isLoading?: boolean;
|
|
157
163
|
}
|
|
158
164
|
export interface CustomColorPickerTypes {
|
|
159
165
|
onChange?: any;
|
|
160
166
|
defaultValue: string;
|
|
161
167
|
className?: string;
|
|
168
|
+
isLoading?: boolean;
|
|
162
169
|
}
|
|
163
170
|
export interface FroalaTextEditorTypes {
|
|
164
171
|
onChange?: any;
|
|
@@ -166,6 +173,7 @@ export interface FroalaTextEditorTypes {
|
|
|
166
173
|
placeholderText: string;
|
|
167
174
|
id: string;
|
|
168
175
|
className?: string;
|
|
176
|
+
isLoading?: boolean;
|
|
169
177
|
}
|
|
170
178
|
export interface ListBoxDropdownTypes {
|
|
171
179
|
values: any;
|
|
@@ -187,4 +195,5 @@ export interface ListBoxDropdownTypes {
|
|
|
187
195
|
menuClassName?: any;
|
|
188
196
|
listBoxParentClassName?: any;
|
|
189
197
|
link?: any;
|
|
198
|
+
isLoading?: boolean;
|
|
190
199
|
}
|