@evoke-platform/ui-components 1.0.0-dev.198 → 1.0.0-dev.200
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.
|
@@ -156,7 +156,9 @@ export default function MultiSelect(props) {
|
|
|
156
156
|
padding: '4px',
|
|
157
157
|
borderRadius: '8px',
|
|
158
158
|
}, size: 'small', variant: 'outlined', onClick: (e) => handleDeletedOptions(e) }, "Clear all") },
|
|
159
|
-
React.createElement(AlertTitle, { sx: { fontWeight: 700, lineHeight: '22px', fontSize: '13px', color: '#7A4F01' } },
|
|
159
|
+
React.createElement(AlertTitle, { sx: { fontWeight: 700, lineHeight: '22px', fontSize: '13px', color: '#7A4F01' } }, deletedOptions.length > 1
|
|
160
|
+
? `${deletedOptions.length} fields have been deleted`
|
|
161
|
+
: `${deletedOptions.length} field has been deleted`),
|
|
160
162
|
React.createElement(Typography, { sx: { fontWeight: 400, lineHeight: '18px', fontSize: '12px', color: '#7A4F01' } }, "Any cleared deleted fields will be removed after saving."))),
|
|
161
163
|
options.length > 4 && (React.createElement(Grid, { item: true, p: 1 },
|
|
162
164
|
React.createElement(TextField, { placeholder: "Search Properties", size: "small", InputProps: {
|
|
@@ -164,9 +166,9 @@ export default function MultiSelect(props) {
|
|
|
164
166
|
React.createElement(Search, null))),
|
|
165
167
|
}, fullWidth: true, sx: styles.textField, value: searchText, onChange: filterItems }))),
|
|
166
168
|
(optionsArray === null || optionsArray === void 0 ? void 0 : optionsArray.length) > 1 && (React.createElement(Grid, { container: true },
|
|
167
|
-
React.createElement(Grid, { item: true, xs: 3 },
|
|
169
|
+
React.createElement(Grid, { item: true, xs: 4, md: 3 },
|
|
168
170
|
React.createElement(Button, { sx: Object.assign(Object.assign({}, styles.button), { fontWeight: 'bold' }), variant: "text", onClick: (e) => handleSelectAllChange(e), disabled: optionsArray.every((option) => option.disabled === true || selectAll) }, "Select All")),
|
|
169
|
-
React.createElement(Grid, { item: true, xs: 9 },
|
|
171
|
+
React.createElement(Grid, { item: true, xs: 8, md: 9 },
|
|
170
172
|
React.createElement(Button, { sx: Object.assign(Object.assign({}, styles.button), { fontWeight: 'bold' }), variant: "text", onClick: (e) => handleClearAll(e), disabled: optionsArray.every((option) => option.disabled === true) ||
|
|
171
173
|
optionsArray.every((option) => option.value === false) }, "Clear All")))),
|
|
172
174
|
React.createElement(Box, { sx: Object.assign(Object.assign({}, styles.list), { maxHeight: maxHeight !== null && maxHeight !== void 0 ? maxHeight : 'auto' }) }, isSortable ? (React.createElement(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, modifiers: [restrictToVerticalAxis, restrictToWindowEdges] },
|