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.
@@ -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, { isDisabled: (_a = element.disabled) !== null && _a !== void 0 ? _a : !enable, id: (_b = element.id) !== null && _b !== void 0 ? _b : (0, general_1.generateId)(), onSelectionChange: onChange, label: liveSearching ? 'Loading...' : element.label, selectedKey: value, color: invalid ? 'danger' : undefined, isInvalid: invalid, errorMessage: invalid ? ((_c = validation.message) !== null && _c !== void 0 ? _c : '') : undefined }), (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)))));
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, disabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable })));
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, disabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable, className: 'max-w-lg' }), (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)))));
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, disabled: (_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)))));
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, disabled: (_c = element.disabled) !== null && _c !== void 0 ? _c : !enable })));
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.12",
4
- "description": "The dynamic-modal is a solution of creation differents modals into project using a json configuration file",
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
- disabled={element.disabled ?? !enable}
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
- disabled={element.disabled ?? !enable}
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
- disabled={element.disabled ?? !enable}
40
+ isDisabled={element.disabled ?? !enable}
41
41
  />
42
42
  )}
43
43
  />