dynamic-modal 1.0.12 → 1.0.13
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/components/make-autocomplete/make-autocomplete.js +1 -1
- package/dist/components/make-input/make-input.js +1 -1
- package/dist/components/make-multi-select/make-multi-select.js +1 -1
- package/dist/components/make-select/make-select.js +1 -1
- package/dist/components/make-textarea/make-textarea.js +1 -1
- package/package.json +2 -2
- package/src/components/make-autocomplete/make-autocomplete.tsx +1 -1
- package/src/components/make-input/make-input.tsx +1 -1
- package/src/components/make-multi-select/make-multi-select.tsx +1 -1
- package/src/components/make-select/make-select.tsx +1 -1
- package/src/components/make-textarea/make-textarea.tsx +1 -1
|
@@ -63,7 +63,7 @@ const MakeAutocomplete = (_a) => {
|
|
|
63
63
|
message: (_c = validation.message) !== null && _c !== void 0 ? _c : ''
|
|
64
64
|
} }, validation), render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
|
|
65
65
|
var _a, _b, _c, _d;
|
|
66
|
-
return (react_1.default.createElement(react_2.Autocomplete, Object.assign({ size: 'sm' }, element, {
|
|
66
|
+
return (react_1.default.createElement(react_2.Autocomplete, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onSelectionChange: onChange, label: liveSearching ? 'Loading...' : element.label, selectedKey: value, color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined, isDisabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable }), (liveData || ((_d = element.options) !== null && _d !== void 0 ? _d : [])).map((opt) => (react_1.default.createElement(react_2.AutocompleteItem, { key: opt.id, value: opt.id }, opt.name)))));
|
|
67
67
|
} })
|
|
68
68
|
: react_1.default.createElement(react_1.default.Fragment, null));
|
|
69
69
|
};
|
|
@@ -63,7 +63,7 @@ const MakeInput = (_a) => {
|
|
|
63
63
|
message: (_c = validation.message) !== null && _c !== void 0 ? _c : ''
|
|
64
64
|
} }, validation), render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
|
|
65
65
|
var _a, _b, _c;
|
|
66
|
-
return (react_1.default.createElement(react_2.Input, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, value: value !== null && value !== void 0 ? value : '', color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined,
|
|
66
|
+
return (react_1.default.createElement(react_2.Input, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, value: value !== null && value !== void 0 ? value : '', color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined, isDisabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable })));
|
|
67
67
|
} })
|
|
68
68
|
: null);
|
|
69
69
|
};
|
|
@@ -63,7 +63,7 @@ const MakeMultiSelect = (_a) => {
|
|
|
63
63
|
message: (_c = validation.message) !== null && _c !== void 0 ? _c : ''
|
|
64
64
|
} }, validation), render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
|
|
65
65
|
var _a, _b, _c, _d;
|
|
66
|
-
return (react_1.default.createElement(react_2.Select, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onSelectionChange: onChange, label: liveSearching ? 'Loading...' : element.label, selectionMode: "multiple", selectedKeys: value, color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined,
|
|
66
|
+
return (react_1.default.createElement(react_2.Select, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onSelectionChange: onChange, label: liveSearching ? 'Loading...' : element.label, selectionMode: "multiple", selectedKeys: value, color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined, className: 'max-w-lg', isDisabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable }), (liveData || ((_d = element.options) !== null && _d !== void 0 ? _d : [])).map((opt) => (react_1.default.createElement(react_2.SelectItem, { key: opt.id, value: opt.id }, opt.name)))));
|
|
67
67
|
} })
|
|
68
68
|
: null);
|
|
69
69
|
};
|
|
@@ -63,7 +63,7 @@ const MakeSelect = (_a) => {
|
|
|
63
63
|
message: (_c = validation.message) !== null && _c !== void 0 ? _c : ''
|
|
64
64
|
} }, validation), render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
|
|
65
65
|
var _a, _b, _c, _d;
|
|
66
|
-
return (react_1.default.createElement(react_2.Select, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, label: liveSearching ? 'Loading...' : element.label, selectedKeys: [value], color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined,
|
|
66
|
+
return (react_1.default.createElement(react_2.Select, Object.assign({ size: 'sm' }, element, { id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, label: liveSearching ? 'Loading...' : element.label, selectedKeys: [value], color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined, isDisabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable }), (liveData || ((_d = element.options) !== null && _d !== void 0 ? _d : [])).map((opt) => (react_1.default.createElement(react_2.SelectItem, { key: opt.id, value: opt.id }, opt.name)))));
|
|
67
67
|
} })
|
|
68
68
|
: react_1.default.createElement(react_1.default.Fragment, null));
|
|
69
69
|
};
|
|
@@ -63,7 +63,7 @@ const MakeTextarea = (_a) => {
|
|
|
63
63
|
message: (_c = validation.message) !== null && _c !== void 0 ? _c : ''
|
|
64
64
|
} }, validation), render: ({ field: { onChange, value }, fieldState: { invalid } }) => {
|
|
65
65
|
var _a, _b, _c;
|
|
66
|
-
return (react_1.default.createElement(react_2.Textarea, Object.assign({}, element, { disableAutosize: true, id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, label: element.label, value: value !== null && value !== void 0 ? value : '', color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined,
|
|
66
|
+
return (react_1.default.createElement(react_2.Textarea, Object.assign({}, element, { disableAutosize: true, id: (_a = element.id) !== null && _a !== void 0 ? _a : (0, general_1.generateId)(), onChange: onChange, label: element.label, value: value !== null && value !== void 0 ? value : '', color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_b = validation.message) !== null && _b !== void 0 ? _b : '') : undefined, isDisabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable })));
|
|
67
67
|
} })
|
|
68
68
|
: null);
|
|
69
69
|
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dynamic-modal",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "The dynamic-modal is a solution of creation
|
|
3
|
+
"version": "1.0.13",
|
|
4
|
+
"description": "The dynamic-modal is a solution of creation different modals into project using a json configuration file",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"build": "tsc",
|
|
@@ -30,7 +30,6 @@ const MakeAutocomplete: FC<IMakeAutoCompleteProps> = ({ element: { validation: {
|
|
|
30
30
|
<Autocomplete
|
|
31
31
|
size='sm'
|
|
32
32
|
{...element}
|
|
33
|
-
isDisabled={element.disabled ?? !enable}
|
|
34
33
|
id={element.id ?? generateId()}
|
|
35
34
|
onSelectionChange={onChange}
|
|
36
35
|
label={liveSearching ? 'Loading...' : element.label}
|
|
@@ -38,6 +37,7 @@ const MakeAutocomplete: FC<IMakeAutoCompleteProps> = ({ element: { validation: {
|
|
|
38
37
|
color={invalid ? 'danger' : undefined}
|
|
39
38
|
isInvalid={invalid}
|
|
40
39
|
errorMessage={invalid ? (validation.message ?? '') : undefined}
|
|
40
|
+
isDisabled={element.disabled ?? !enable}
|
|
41
41
|
>
|
|
42
42
|
{
|
|
43
43
|
(liveData || (element.options ?? [])).map((opt) => (
|
|
@@ -36,7 +36,7 @@ const MakeInput: FC<IMakeInputProps> = ({ element: { validation: { required, ...
|
|
|
36
36
|
color={invalid ? 'danger' : undefined}
|
|
37
37
|
isInvalid={invalid}
|
|
38
38
|
errorMessage={invalid ? (validation.message ?? '') : undefined}
|
|
39
|
-
|
|
39
|
+
isDisabled={element.disabled ?? !enable}
|
|
40
40
|
/>
|
|
41
41
|
)}
|
|
42
42
|
/>
|
|
@@ -38,8 +38,8 @@ const MakeMultiSelect: FC<IMakeMultiSelectProps> = ({ element: { validation: { r
|
|
|
38
38
|
color={invalid ? 'danger' : undefined}
|
|
39
39
|
isInvalid={invalid}
|
|
40
40
|
errorMessage={invalid ? (validation.message ?? '') : undefined}
|
|
41
|
-
disabled={element.disabled ?? !enable}
|
|
42
41
|
className='max-w-lg'
|
|
42
|
+
isDisabled={element.disabled ?? !enable}
|
|
43
43
|
>
|
|
44
44
|
{
|
|
45
45
|
(liveData || (element.options ?? [])).map((opt) => (
|
|
@@ -37,7 +37,7 @@ const MakeSelect: FC<IMakeSelectProps> = ({ element: { validation: { required, .
|
|
|
37
37
|
color={invalid ? 'danger' : undefined}
|
|
38
38
|
isInvalid={invalid}
|
|
39
39
|
errorMessage={invalid ? (validation.message ?? '') : undefined}
|
|
40
|
-
|
|
40
|
+
isDisabled={element.disabled ?? !enable}
|
|
41
41
|
>
|
|
42
42
|
{
|
|
43
43
|
(liveData || (element.options ?? [])).map((opt) => (
|
|
@@ -37,7 +37,7 @@ const MakeTextarea: FC<IMakeTextareaProps> = ({ element: { validation: { require
|
|
|
37
37
|
color={invalid ? 'danger' : undefined}
|
|
38
38
|
isInvalid={invalid}
|
|
39
39
|
errorMessage={invalid ? (validation.message ?? '') : undefined}
|
|
40
|
-
|
|
40
|
+
isDisabled={element.disabled ?? !enable}
|
|
41
41
|
/>
|
|
42
42
|
)}
|
|
43
43
|
/>
|