ish-ui 1.0.5 → 1.0.6
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/package.json +2 -5
- package/dist/actions/FieldProcessing.d.ts +0 -10
- package/dist/actions/FieldProcessing.js +0 -18
- package/dist/actions/FieldProcessing.js.map +0 -1
- package/dist/actions/index.d.ts +0 -1
- package/dist/actions/index.js +0 -9
- package/dist/actions/index.js.map +0 -1
- package/dist/appBar/AppBarHelpMenu.d.ts +0 -3
- package/dist/appBar/AppBarHelpMenu.js +0 -78
- package/dist/appBar/AppBarHelpMenu.js.map +0 -1
- package/dist/appBar/index.d.ts +0 -1
- package/dist/appBar/index.js +0 -9
- package/dist/appBar/index.js.map +0 -1
- package/dist/buttons/AddButton.d.ts +0 -14
- package/dist/buttons/AddButton.js +0 -10
- package/dist/buttons/AddButton.js.map +0 -1
- package/dist/buttons/TimetableButton.d.ts +0 -3
- package/dist/buttons/TimetableButton.js +0 -13
- package/dist/buttons/TimetableButton.js.map +0 -1
- package/dist/buttons/index.d.ts +0 -2
- package/dist/buttons/index.js +0 -10
- package/dist/buttons/index.js.map +0 -1
- package/dist/colorPicker/ColorPicker.d.ts +0 -11
- package/dist/colorPicker/ColorPicker.js +0 -133
- package/dist/colorPicker/ColorPicker.js.map +0 -1
- package/dist/colorPicker/index.d.ts +0 -1
- package/dist/colorPicker/index.js +0 -9
- package/dist/colorPicker/index.js.map +0 -1
- package/dist/dialog/BrowserWarning.d.ts +0 -3
- package/dist/dialog/BrowserWarning.js +0 -17
- package/dist/dialog/BrowserWarning.js.map +0 -1
- package/dist/dialog/confirm/ConfirmBase.d.ts +0 -7
- package/dist/dialog/confirm/ConfirmBase.js +0 -30
- package/dist/dialog/confirm/ConfirmBase.js.map +0 -1
- package/dist/dialog/index.d.ts +0 -3
- package/dist/dialog/index.js +0 -11
- package/dist/dialog/index.js.map +0 -1
- package/dist/dialog/message/Message.d.ts +0 -3
- package/dist/dialog/message/Message.js +0 -92
- package/dist/dialog/message/Message.js.map +0 -1
- package/dist/documents/DocumentIconsChooser.d.ts +0 -3
- package/dist/documents/DocumentIconsChooser.js +0 -52
- package/dist/documents/DocumentIconsChooser.js.map +0 -1
- package/dist/documents/index.d.ts +0 -2
- package/dist/documents/index.js +0 -10
- package/dist/documents/index.js.map +0 -1
- package/dist/documents/utils/index.d.ts +0 -7
- package/dist/documents/utils/index.js +0 -62
- package/dist/documents/utils/index.js.map +0 -1
- package/dist/dynamicSizeList/DynamicSizeList.d.ts +0 -21
- package/dist/dynamicSizeList/DynamicSizeList.js +0 -170
- package/dist/dynamicSizeList/DynamicSizeList.js.map +0 -1
- package/dist/dynamicSizeList/index.d.ts +0 -1
- package/dist/dynamicSizeList/index.js +0 -9
- package/dist/dynamicSizeList/index.js.map +0 -1
- package/dist/fieldMessage/ErrorMessage.d.ts +0 -8
- package/dist/fieldMessage/ErrorMessage.js +0 -15
- package/dist/fieldMessage/ErrorMessage.js.map +0 -1
- package/dist/fieldMessage/WarningMessage.d.ts +0 -8
- package/dist/fieldMessage/WarningMessage.js +0 -15
- package/dist/fieldMessage/WarningMessage.js.map +0 -1
- package/dist/fieldMessage/index.d.ts +0 -3
- package/dist/fieldMessage/index.js +0 -11
- package/dist/fieldMessage/index.js.map +0 -1
- package/dist/fieldMessage/styles.d.ts +0 -3
- package/dist/fieldMessage/styles.js +0 -19
- package/dist/fieldMessage/styles.js.map +0 -1
- package/dist/fileUploader/FileUploaderDialog.d.ts +0 -15
- package/dist/fileUploader/FileUploaderDialog.js +0 -100
- package/dist/fileUploader/FileUploaderDialog.js.map +0 -1
- package/dist/fileUploader/index.d.ts +0 -1
- package/dist/fileUploader/index.js +0 -9
- package/dist/fileUploader/index.js.map +0 -1
- package/dist/formFields/CheckboxField.d.ts +0 -7
- package/dist/formFields/CheckboxField.js +0 -68
- package/dist/formFields/CheckboxField.js.map +0 -1
- package/dist/formFields/CodeEditorField.d.ts +0 -6
- package/dist/formFields/CodeEditorField.js +0 -70
- package/dist/formFields/CodeEditorField.js.map +0 -1
- package/dist/formFields/ColoredCheckBox.d.ts +0 -3
- package/dist/formFields/ColoredCheckBox.js +0 -42
- package/dist/formFields/ColoredCheckBox.js.map +0 -1
- package/dist/formFields/DateTimeField.d.ts +0 -2
- package/dist/formFields/DateTimeField.js +0 -28
- package/dist/formFields/DateTimeField.js.map +0 -1
- package/dist/formFields/EditInPlaceDateTimeField.d.ts +0 -10
- package/dist/formFields/EditInPlaceDateTimeField.js +0 -189
- package/dist/formFields/EditInPlaceDateTimeField.js.map +0 -1
- package/dist/formFields/EditInPlaceDurationField.d.ts +0 -4
- package/dist/formFields/EditInPlaceDurationField.js +0 -64
- package/dist/formFields/EditInPlaceDurationField.js.map +0 -1
- package/dist/formFields/EditInPlaceField.d.ts +0 -10
- package/dist/formFields/EditInPlaceField.js +0 -59
- package/dist/formFields/EditInPlaceField.js.map +0 -1
- package/dist/formFields/EditInPlaceFieldBase.d.ts +0 -28
- package/dist/formFields/EditInPlaceFieldBase.js +0 -124
- package/dist/formFields/EditInPlaceFieldBase.js.map +0 -1
- package/dist/formFields/EditInPlaceFileField.d.ts +0 -7
- package/dist/formFields/EditInPlaceFileField.js +0 -61
- package/dist/formFields/EditInPlaceFileField.js.map +0 -1
- package/dist/formFields/EditInPlaceMoneyField.d.ts +0 -9
- package/dist/formFields/EditInPlaceMoneyField.js +0 -38
- package/dist/formFields/EditInPlaceMoneyField.js.map +0 -1
- package/dist/formFields/EditInPlacePhoneField.d.ts +0 -4
- package/dist/formFields/EditInPlacePhoneField.js +0 -70
- package/dist/formFields/EditInPlacePhoneField.js.map +0 -1
- package/dist/formFields/EditInPlaceSearchSelect.d.ts +0 -4
- package/dist/formFields/EditInPlaceSearchSelect.js +0 -322
- package/dist/formFields/EditInPlaceSearchSelect.js.map +0 -1
- package/dist/formFields/FieldAdornments.d.ts +0 -13
- package/dist/formFields/FieldAdornments.js +0 -28
- package/dist/formFields/FieldAdornments.js.map +0 -1
- package/dist/formFields/FilePreview.d.ts +0 -17
- package/dist/formFields/FilePreview.js +0 -78
- package/dist/formFields/FilePreview.js.map +0 -1
- package/dist/formFields/FormRadioButtons.d.ts +0 -3
- package/dist/formFields/FormRadioButtons.js +0 -28
- package/dist/formFields/FormRadioButtons.js.map +0 -1
- package/dist/formFields/SelectCustomComponents.d.ts +0 -5
- package/dist/formFields/SelectCustomComponents.js +0 -183
- package/dist/formFields/SelectCustomComponents.js.map +0 -1
- package/dist/formFields/Switch.d.ts +0 -7
- package/dist/formFields/Switch.js +0 -117
- package/dist/formFields/Switch.js.map +0 -1
- package/dist/formFields/TextField.d.ts +0 -6
- package/dist/formFields/TextField.js +0 -43
- package/dist/formFields/TextField.js.map +0 -1
- package/dist/formFields/UneditableBase.d.ts +0 -17
- package/dist/formFields/UneditableBase.js +0 -49
- package/dist/formFields/UneditableBase.js.map +0 -1
- package/dist/formFields/index.d.ts +0 -19
- package/dist/formFields/index.js +0 -27
- package/dist/formFields/index.js.map +0 -1
- package/dist/index.d.ts +0 -18
- package/dist/index.js +0 -26
- package/dist/index.js.map +0 -1
- package/dist/layout/InfoPill.d.ts +0 -7
- package/dist/layout/InfoPill.js +0 -27
- package/dist/layout/InfoPill.js.map +0 -1
- package/dist/layout/index.d.ts +0 -2
- package/dist/layout/index.js +0 -10
- package/dist/layout/index.js.map +0 -1
- package/dist/layout/resizable/ResizableWrapper.d.ts +0 -14
- package/dist/layout/resizable/ResizableWrapper.js +0 -43
- package/dist/layout/resizable/ResizableWrapper.js.map +0 -1
- package/dist/markdownEditor/HtmlEditor.d.ts +0 -15
- package/dist/markdownEditor/HtmlEditor.js +0 -19
- package/dist/markdownEditor/HtmlEditor.js.map +0 -1
- package/dist/markdownEditor/WysiwygEditor.d.ts +0 -8
- package/dist/markdownEditor/WysiwygEditor.js +0 -101
- package/dist/markdownEditor/WysiwygEditor.js.map +0 -1
- package/dist/markdownEditor/index.d.ts +0 -4
- package/dist/markdownEditor/index.js +0 -12
- package/dist/markdownEditor/index.js.map +0 -1
- package/dist/markdownEditor/style.d.ts +0 -1
- package/dist/markdownEditor/style.js +0 -186
- package/dist/markdownEditor/style.js.map +0 -1
- package/dist/markdownEditor/utils/index.d.ts +0 -9
- package/dist/markdownEditor/utils/index.js +0 -39
- package/dist/markdownEditor/utils/index.js.map +0 -1
- package/dist/model/AppBar.d.ts +0 -11
- package/dist/model/AppBar.js +0 -9
- package/dist/model/AppBar.js.map +0 -1
- package/dist/model/CommomObjects.d.ts +0 -5
- package/dist/model/CommomObjects.js +0 -2
- package/dist/model/CommomObjects.js.map +0 -1
- package/dist/model/CommonFunctions.d.ts +0 -8
- package/dist/model/CommonFunctions.js +0 -6
- package/dist/model/CommonFunctions.js.map +0 -1
- package/dist/model/Confirm.d.ts +0 -16
- package/dist/model/Confirm.js +0 -9
- package/dist/model/Confirm.js.map +0 -1
- package/dist/model/Fields.d.ts +0 -251
- package/dist/model/Fields.js +0 -9
- package/dist/model/Fields.js.map +0 -1
- package/dist/model/NestedEntity.d.ts +0 -9
- package/dist/model/NestedEntity.js +0 -6
- package/dist/model/NestedEntity.js.map +0 -1
- package/dist/model/Theme.d.ts +0 -34
- package/dist/model/Theme.js +0 -19
- package/dist/model/Theme.js.map +0 -1
- package/dist/model/index.d.ts +0 -7
- package/dist/model/index.js +0 -15
- package/dist/model/index.js.map +0 -1
- package/dist/styles/GlobalStylesProvider.d.ts +0 -3
- package/dist/styles/GlobalStylesProvider.js +0 -418
- package/dist/styles/GlobalStylesProvider.js.map +0 -1
- package/dist/styles/StylesProviderCustom.d.ts +0 -3
- package/dist/styles/StylesProviderCustom.js +0 -7
- package/dist/styles/StylesProviderCustom.js.map +0 -1
- package/dist/styles/animateStyles.d.ts +0 -3
- package/dist/styles/animateStyles.js +0 -34
- package/dist/styles/animateStyles.js.map +0 -1
- package/dist/styles/bootstrap.d.ts +0 -491
- package/dist/styles/bootstrap.js +0 -497
- package/dist/styles/bootstrap.js.map +0 -1
- package/dist/styles/hooks.d.ts +0 -6
- package/dist/styles/hooks.js +0 -39
- package/dist/styles/hooks.js.map +0 -1
- package/dist/styles/index.d.ts +0 -9
- package/dist/styles/index.js +0 -17
- package/dist/styles/index.js.map +0 -1
- package/dist/styles/makeStyles.d.ts +0 -3
- package/dist/styles/makeStyles.js +0 -10
- package/dist/styles/makeStyles.js.map +0 -1
- package/dist/styles/mixins/common.d.ts +0 -8
- package/dist/styles/mixins/common.js +0 -33
- package/dist/styles/mixins/common.js.map +0 -1
- package/dist/styles/mixins/keyframes.d.ts +0 -3
- package/dist/styles/mixins/keyframes.js +0 -10
- package/dist/styles/mixins/keyframes.js.map +0 -1
- package/dist/styles/mixins/prefixer.d.ts +0 -1
- package/dist/styles/mixins/prefixer.js +0 -24
- package/dist/styles/mixins/prefixer.js.map +0 -1
- package/dist/tagsInput/AddTagMenu.d.ts +0 -11
- package/dist/tagsInput/AddTagMenu.js +0 -37
- package/dist/tagsInput/AddTagMenu.js.map +0 -1
- package/dist/tagsInput/AddTagMenuItem.d.ts +0 -10
- package/dist/tagsInput/AddTagMenuItem.js +0 -27
- package/dist/tagsInput/AddTagMenuItem.js.map +0 -1
- package/dist/tagsInput/TagInputList.d.ts +0 -2
- package/dist/tagsInput/TagInputList.js +0 -279
- package/dist/tagsInput/TagInputList.js.map +0 -1
- package/dist/tagsInput/index.d.ts +0 -3
- package/dist/tagsInput/index.js +0 -4
- package/dist/tagsInput/index.js.map +0 -1
- package/dist/themes/appTheme.d.ts +0 -4
- package/dist/themes/appTheme.js +0 -323
- package/dist/themes/appTheme.js.map +0 -1
- package/dist/themes/index.d.ts +0 -2
- package/dist/themes/index.js +0 -10
- package/dist/themes/index.js.map +0 -1
- package/dist/themes/ishTheme.d.ts +0 -8
- package/dist/themes/ishTheme.js +0 -352
- package/dist/themes/ishTheme.js.map +0 -1
- package/dist/timetable/datePeriodFilter/DayPeriodIcons.d.ts +0 -8
- package/dist/timetable/datePeriodFilter/DayPeriodIcons.js +0 -28
- package/dist/timetable/datePeriodFilter/DayPeriodIcons.js.map +0 -1
- package/dist/timetable/datePeriodFilter/index.d.ts +0 -1
- package/dist/timetable/datePeriodFilter/index.js +0 -9
- package/dist/timetable/datePeriodFilter/index.js.map +0 -1
- package/dist/timetable/index.d.ts +0 -2
- package/dist/timetable/index.js +0 -10
- package/dist/timetable/index.js.map +0 -1
- package/dist/timetable/miniCalendar/CalendarDay.d.ts +0 -15
- package/dist/timetable/miniCalendar/CalendarDay.js +0 -65
- package/dist/timetable/miniCalendar/CalendarDay.js.map +0 -1
- package/dist/timetable/miniCalendar/CalendarHeader.d.ts +0 -10
- package/dist/timetable/miniCalendar/CalendarHeader.js +0 -23
- package/dist/timetable/miniCalendar/CalendarHeader.js.map +0 -1
- package/dist/timetable/miniCalendar/CalendarWeekPanel.d.ts +0 -8
- package/dist/timetable/miniCalendar/CalendarWeekPanel.js +0 -19
- package/dist/timetable/miniCalendar/CalendarWeekPanel.js.map +0 -1
- package/dist/timetable/miniCalendar/WeekDay.d.ts +0 -10
- package/dist/timetable/miniCalendar/WeekDay.js +0 -26
- package/dist/timetable/miniCalendar/WeekDay.js.map +0 -1
- package/dist/timetable/miniCalendar/index.d.ts +0 -4
- package/dist/timetable/miniCalendar/index.js +0 -12
- package/dist/timetable/miniCalendar/index.js.map +0 -1
- package/dist/utils/DOM/Links.d.ts +0 -1
- package/dist/utils/DOM/Links.js +0 -13
- package/dist/utils/DOM/Links.js.map +0 -1
- package/dist/utils/DOM/getCaretCoordinates.d.ts +0 -6
- package/dist/utils/DOM/getCaretCoordinates.js +0 -110
- package/dist/utils/DOM/getCaretCoordinates.js.map +0 -1
- package/dist/utils/DOM/getOS.d.ts +0 -2
- package/dist/utils/DOM/getOS.js +0 -33
- package/dist/utils/DOM/getOS.js.map +0 -1
- package/dist/utils/DOM/index.d.ts +0 -5
- package/dist/utils/DOM/index.js +0 -33
- package/dist/utils/DOM/index.js.map +0 -1
- package/dist/utils/dates/datesNormalizing.d.ts +0 -1
- package/dist/utils/dates/datesNormalizing.js +0 -4
- package/dist/utils/dates/datesNormalizing.js.map +0 -1
- package/dist/utils/dates/format.d.ts +0 -24
- package/dist/utils/dates/format.js +0 -29
- package/dist/utils/dates/format.js.map +0 -1
- package/dist/utils/dates/formatRelative.d.ts +0 -1
- package/dist/utils/dates/formatRelative.js +0 -15
- package/dist/utils/dates/formatRelative.js.map +0 -1
- package/dist/utils/dates/formatString.d.ts +0 -2
- package/dist/utils/dates/formatString.js +0 -196
- package/dist/utils/dates/formatString.js.map +0 -1
- package/dist/utils/dates/formatTimezone.d.ts +0 -2
- package/dist/utils/dates/formatTimezone.js +0 -36
- package/dist/utils/dates/formatTimezone.js.map +0 -1
- package/dist/utils/dates/index.d.ts +0 -6
- package/dist/utils/dates/index.js +0 -14
- package/dist/utils/dates/index.js.map +0 -1
- package/dist/utils/dates/timetable.d.ts +0 -5
- package/dist/utils/dates/timetable.js +0 -39
- package/dist/utils/dates/timetable.js.map +0 -1
- package/dist/utils/events/index.d.ts +0 -2
- package/dist/utils/events/index.js +0 -7
- package/dist/utils/events/index.js.map +0 -1
- package/dist/utils/fields/index.d.ts +0 -1
- package/dist/utils/fields/index.js +0 -21
- package/dist/utils/fields/index.js.map +0 -1
- package/dist/utils/formatting/PhoneMasks.d.ts +0 -304
- package/dist/utils/formatting/PhoneMasks.js +0 -319
- package/dist/utils/formatting/PhoneMasks.js.map +0 -1
- package/dist/utils/formatting/index.d.ts +0 -2
- package/dist/utils/formatting/index.js +0 -11
- package/dist/utils/formatting/index.js.map +0 -1
- package/dist/utils/hooks/index.d.ts +0 -1
- package/dist/utils/hooks/index.js +0 -16
- package/dist/utils/hooks/index.js.map +0 -1
- package/dist/utils/index.d.ts +0 -7
- package/dist/utils/index.js +0 -15
- package/dist/utils/index.js.map +0 -1
- package/dist/utils/numbers/decimalCalculation.d.ts +0 -4
- package/dist/utils/numbers/decimalCalculation.js +0 -22
- package/dist/utils/numbers/decimalCalculation.js.map +0 -1
- package/dist/utils/numbers/index.d.ts +0 -2
- package/dist/utils/numbers/index.js +0 -10
- package/dist/utils/numbers/index.js.map +0 -1
- package/dist/utils/numbers/numbersNormalizing.d.ts +0 -10
- package/dist/utils/numbers/numbersNormalizing.js +0 -45
- package/dist/utils/numbers/numbersNormalizing.js.map +0 -1
- package/dist/utils/stubs/index.d.ts +0 -3
- package/dist/utils/stubs/index.js +0 -11
- package/dist/utils/stubs/index.js.map +0 -1
- package/dist/utils/tags/index.d.ts +0 -3
- package/dist/utils/tags/index.js +0 -43
- package/dist/utils/tags/index.js.map +0 -1
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright ish group pty ltd 2023.
|
|
3
|
-
*
|
|
4
|
-
* This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
|
|
5
|
-
*
|
|
6
|
-
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
|
|
7
|
-
*/
|
|
8
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
9
|
-
var t = {};
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
13
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
14
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
15
|
-
t[p[i]] = s[p[i]];
|
|
16
|
-
}
|
|
17
|
-
return t;
|
|
18
|
-
};
|
|
19
|
-
import React, { useCallback, useEffect, useState } from "../../node_modules/@types/react";
|
|
20
|
-
import EditInPlaceField from "./EditInPlaceField";
|
|
21
|
-
import { formatDurationMinutes } from "../utils/dates/formatString";
|
|
22
|
-
const parseDurationString = (duration) => {
|
|
23
|
-
if (duration.indexOf('.') > -1) {
|
|
24
|
-
return Math.round(parseFloat(duration) * 60);
|
|
25
|
-
}
|
|
26
|
-
let min = 0;
|
|
27
|
-
const hoursMatch = duration.match(/(\d+)h/);
|
|
28
|
-
const minutesMatch = duration.match(/(\d+)m/);
|
|
29
|
-
const plainHours = parseFloat(duration);
|
|
30
|
-
if (hoursMatch) {
|
|
31
|
-
min += Number(hoursMatch[1]) * 60;
|
|
32
|
-
}
|
|
33
|
-
if (minutesMatch) {
|
|
34
|
-
min += Number(minutesMatch[1]);
|
|
35
|
-
}
|
|
36
|
-
if (!hoursMatch && !minutesMatch && !isNaN(plainHours)) {
|
|
37
|
-
min += Math.round(plainHours) * 60;
|
|
38
|
-
}
|
|
39
|
-
return min;
|
|
40
|
-
};
|
|
41
|
-
function EditInPlaceDurationField(_a) {
|
|
42
|
-
var { input } = _a, restProps = __rest(_a, ["input"]);
|
|
43
|
-
const [textValue, setTextValue] = useState(formatDurationMinutes(input.value || 0));
|
|
44
|
-
const onChange = useCallback(e => {
|
|
45
|
-
setTextValue(e.target.value);
|
|
46
|
-
}, [input.onChange]);
|
|
47
|
-
const onBlur = useCallback(value => {
|
|
48
|
-
const parsed = parseDurationString(value);
|
|
49
|
-
input.onBlur(parsed);
|
|
50
|
-
setTextValue(formatDurationMinutes(parsed || 0));
|
|
51
|
-
}, [input.onBlur]);
|
|
52
|
-
useEffect(() => {
|
|
53
|
-
setTextValue(formatDurationMinutes(input.value || 0));
|
|
54
|
-
}, [input.value]);
|
|
55
|
-
return (React.createElement(EditInPlaceField, Object.assign({}, restProps, { input: {
|
|
56
|
-
value: textValue,
|
|
57
|
-
onBlur,
|
|
58
|
-
onChange,
|
|
59
|
-
onFocus: input.onFocus,
|
|
60
|
-
name: input.name
|
|
61
|
-
} })));
|
|
62
|
-
}
|
|
63
|
-
export default EditInPlaceDurationField;
|
|
64
|
-
//# sourceMappingURL=EditInPlaceDurationField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditInPlaceDurationField.js","sourceRoot":"","sources":["../../src/formFields/EditInPlaceDurationField.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;;;;;;;;;;;;AAEH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,wCAAc;AAChE,OAAO,gBAAgB,2BAA2B;AAElD,OAAO,EAAE,qBAAqB,EAAE,oCAAsC;AAEtE,MAAM,mBAAmB,GAAG,CAAC,QAAgB,EAAU,EAAE;IACvD,IAAI,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAE;QAC9B,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;KAC9C;IAED,IAAI,GAAG,GAAG,CAAC,CAAC;IACZ,MAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,UAAU,GAAG,UAAU,CAAC,QAAQ,CAAC,CAAC;IAExC,IAAI,UAAU,EAAE;QACd,GAAG,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC;KACnC;IAED,IAAI,YAAY,EAAE;QAChB,GAAG,IAAI,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;KAChC;IAED,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;QACtD,GAAG,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC;KACpC;IAED,OAAO,GAAG,CAAC;AACb,CAAC,CAAC;AAEF,SAAS,wBAAwB,CACjC,EAEgC;QAFhC,EACC,KAAK,OAC0B,EADrB,SAAS,cADpB,SAEC,CADmB;IAElB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;IAEpF,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,CAAC,EAAE;QACF,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC/B,CAAC,EACD,CAAC,KAAK,CAAC,QAAQ,CAAC,CACjB,CAAC;IAEF,MAAM,MAAM,GAAG,WAAW,CACxB,KAAK,CAAC,EAAE;QACN,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAC1C,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QACrB,YAAY,CAAC,qBAAqB,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC;IACnD,CAAC,EACD,CAAC,KAAK,CAAC,MAAM,CAAC,CACf,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,qBAAqB,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,oBAAC,gBAAgB,oBACX,SAAS,IACb,KAAK,EAAE;YACL,KAAK,EAAE,SAAS;YAChB,MAAM;YACN,QAAQ;YACR,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,IAAI,EAAE,KAAK,CAAC,IAAI;SACjB,IACD,CACH,CAAC;AACJ,CAAC;AAED,eAAe,wBAAwB,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Wrapper component for Material Select and Text Field with edit in plaxce functional
|
|
3
|
-
* */
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { EditInPlaceFieldProps, FieldInputProps, FieldMetaProps } from '../model';
|
|
6
|
-
interface InputTypes {
|
|
7
|
-
type?: 'password' | 'number' | 'text';
|
|
8
|
-
}
|
|
9
|
-
declare function EditInPlaceField<IP extends FieldInputProps, MP extends FieldMetaProps>({ inputRef, input, label, maxLength, disabled, min, max, step, className, onKeyPress, labelAdornment, truncateLines, rightAligned, defaultValue, onKeyDown, multiline, inline, warning, preformatDisplayValue, type, meta: { error, invalid }, placeholder, fieldClasses, InputProps }: EditInPlaceFieldProps<IP, MP> & InputTypes): React.JSX.Element;
|
|
10
|
-
export default EditInPlaceField;
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright ish group pty ltd 2023.
|
|
3
|
-
*
|
|
4
|
-
* This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
|
|
5
|
-
*
|
|
6
|
-
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
|
|
7
|
-
*/
|
|
8
|
-
/**
|
|
9
|
-
* Wrapper component for Material Select and Text Field with edit in plaxce functional
|
|
10
|
-
* */
|
|
11
|
-
import React, { useMemo } from "../../node_modules/@types/react";
|
|
12
|
-
import clsx from "../../node_modules/clsx";
|
|
13
|
-
import { Edit } from "../../node_modules/@mui/icons-material";
|
|
14
|
-
import EditInPlaceFieldBase from "./EditInPlaceFieldBase";
|
|
15
|
-
import { makeAppStyles } from "../styles";
|
|
16
|
-
const useStyles = makeAppStyles(theme => ({
|
|
17
|
-
rightAligned: {
|
|
18
|
-
display: 'flex',
|
|
19
|
-
alignItems: 'center',
|
|
20
|
-
justifyContent: 'flex-end'
|
|
21
|
-
},
|
|
22
|
-
inlineContainer: {
|
|
23
|
-
display: 'inline-block',
|
|
24
|
-
},
|
|
25
|
-
editIcon: {
|
|
26
|
-
fontSize: '24px',
|
|
27
|
-
color: theme.palette.divider,
|
|
28
|
-
verticalAlign: 'middle',
|
|
29
|
-
},
|
|
30
|
-
endAdornment: {
|
|
31
|
-
opacity: 0.5
|
|
32
|
-
}
|
|
33
|
-
}));
|
|
34
|
-
function EditInPlaceField({ inputRef, input, label, maxLength, disabled, min, max, step, className, onKeyPress, labelAdornment, truncateLines, rightAligned, defaultValue, onKeyDown, multiline, inline, warning, preformatDisplayValue, type = 'text', meta: { error, invalid }, placeholder = 'No value', fieldClasses = {}, InputProps = {} }) {
|
|
35
|
-
const classes = useStyles();
|
|
36
|
-
const onBlur = () => {
|
|
37
|
-
(input === null || input === void 0 ? void 0 : input.onBlur) && input.onBlur(input.value);
|
|
38
|
-
};
|
|
39
|
-
const inputValue = useMemo(() => preformatDisplayValue
|
|
40
|
-
? preformatDisplayValue(input.value === 0 ? input.value : input.value || defaultValue)
|
|
41
|
-
: (input.value === 0 ? String(input.value) : input.value) || defaultValue || '', [preformatDisplayValue, input.value, defaultValue]);
|
|
42
|
-
return (React.createElement("div", { id: input.name, className: clsx(className, 'outline-none', {
|
|
43
|
-
[classes.rightAligned]: rightAligned,
|
|
44
|
-
[classes.inlineContainer]: inline
|
|
45
|
-
}) },
|
|
46
|
-
React.createElement(EditInPlaceFieldBase, { name: input.name, value: inputValue, error: error, invalid: invalid, inline: inline, label: label, warning: warning, fieldClasses: fieldClasses, endAdornmentClass: classes.endAdornment, rightAligned: rightAligned, shrink: Boolean(label || input.value), disabled: disabled, labelAdornment: labelAdornment, placeholder: placeholder, hideArrows: ['percentage', 'number'].includes(type), editIcon: React.createElement(Edit, { fontSize: "inherit" }), InputProps: Object.assign({ multiline,
|
|
47
|
-
onKeyPress,
|
|
48
|
-
onBlur, onFocus: input.onFocus, maxRows: truncateLines, inputProps: {
|
|
49
|
-
ref: inputRef,
|
|
50
|
-
maxLength,
|
|
51
|
-
step,
|
|
52
|
-
min,
|
|
53
|
-
max,
|
|
54
|
-
onKeyDown,
|
|
55
|
-
type,
|
|
56
|
-
}, value: inputValue, onChange: v => (type === 'number' && max && Number(v) > Number(max) ? null : input.onChange(v)) }, InputProps) })));
|
|
57
|
-
}
|
|
58
|
-
export default EditInPlaceField;
|
|
59
|
-
//# sourceMappingURL=EditInPlaceField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditInPlaceField.js","sourceRoot":"","sources":["../../src/formFields/EditInPlaceField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { InputProps } from '@mui/material/Input/Input';
|
|
3
|
-
import { FieldClasses } from '../model';
|
|
4
|
-
import { FormControlTypeMap } from '@mui/material/FormControl/FormControl';
|
|
5
|
-
interface Props {
|
|
6
|
-
name: string;
|
|
7
|
-
value: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
endAdornmentClass?: string;
|
|
10
|
-
label?: React.ReactNode;
|
|
11
|
-
labelAdornment?: React.ReactNode;
|
|
12
|
-
editIcon?: React.ReactNode;
|
|
13
|
-
CustomInput?: React.ReactNode;
|
|
14
|
-
InputProps?: Partial<InputProps>;
|
|
15
|
-
fieldClasses?: FieldClasses;
|
|
16
|
-
placeholder?: string;
|
|
17
|
-
warning?: string;
|
|
18
|
-
error?: string;
|
|
19
|
-
rightAligned?: boolean;
|
|
20
|
-
inline?: boolean;
|
|
21
|
-
invalid?: boolean;
|
|
22
|
-
shrink?: boolean;
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
hideArrows?: boolean;
|
|
25
|
-
variant?: FormControlTypeMap['props']['variant'];
|
|
26
|
-
}
|
|
27
|
-
declare const EditInPlaceFieldBase: ({ value, invalid, className, inline, label, fieldClasses, rightAligned, shrink, name, disabled, labelAdornment, editIcon, error, placeholder, hideArrows, warning, endAdornmentClass, CustomInput, InputProps, variant }: Props) => React.JSX.Element;
|
|
28
|
-
export default EditInPlaceFieldBase;
|
|
@@ -1,124 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright ish group pty ltd 2023.
|
|
3
|
-
*
|
|
4
|
-
* This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
|
|
5
|
-
*
|
|
6
|
-
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
|
|
7
|
-
*/
|
|
8
|
-
import React, { useEffect, useMemo, useRef, useState } from "../../node_modules/@types/react";
|
|
9
|
-
import clsx from "../../node_modules/clsx";
|
|
10
|
-
import { FilledInput, FormControl, FormHelperText, Input, InputAdornment, InputLabel, OutlinedInput } from "../../node_modules/@mui/material";
|
|
11
|
-
import { makeAppStyles } from "../styles";
|
|
12
|
-
import WarningMessage from "../fieldMessage/WarningMessage";
|
|
13
|
-
import { countWidth } from "../utils";
|
|
14
|
-
const useStyles = makeAppStyles(theme => ({
|
|
15
|
-
label: {
|
|
16
|
-
whiteSpace: 'nowrap',
|
|
17
|
-
overflow: 'hidden',
|
|
18
|
-
textOverflow: 'ellipsis',
|
|
19
|
-
maxWidth: '100%',
|
|
20
|
-
marginRight: theme.spacing(0.5)
|
|
21
|
-
},
|
|
22
|
-
rightLabel: {
|
|
23
|
-
left: 'unset',
|
|
24
|
-
right: theme.spacing(-2),
|
|
25
|
-
'& $label': {
|
|
26
|
-
marginRight: 0
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
inputWrapper: {
|
|
30
|
-
paddingBottom: 0,
|
|
31
|
-
'&:hover .d-none': {
|
|
32
|
-
display: 'flex',
|
|
33
|
-
},
|
|
34
|
-
'&:hover .invisible': {
|
|
35
|
-
visibility: 'visible',
|
|
36
|
-
},
|
|
37
|
-
'& .Mui-focused $inputEndAdornment': {
|
|
38
|
-
opacity: 1,
|
|
39
|
-
}
|
|
40
|
-
},
|
|
41
|
-
hideArrows: {
|
|
42
|
-
'&::-webkit-outer-spin-button': {
|
|
43
|
-
'-webkit-appearance': 'none',
|
|
44
|
-
margin: 0
|
|
45
|
-
},
|
|
46
|
-
'&::-webkit-inner-spin-button': {
|
|
47
|
-
'-webkit-appearance': 'none',
|
|
48
|
-
margin: 0
|
|
49
|
-
},
|
|
50
|
-
'-moz-appearance': 'textfield'
|
|
51
|
-
},
|
|
52
|
-
inlineInput: {
|
|
53
|
-
padding: 0,
|
|
54
|
-
fontSize: 'inherit',
|
|
55
|
-
},
|
|
56
|
-
readonly: {
|
|
57
|
-
fontWeight: 300,
|
|
58
|
-
pointerEvents: 'none'
|
|
59
|
-
},
|
|
60
|
-
inputEndAdornment: {
|
|
61
|
-
display: 'flex',
|
|
62
|
-
fontSize: '24px',
|
|
63
|
-
color: theme.palette.primary.main,
|
|
64
|
-
alignItems: 'flex-end',
|
|
65
|
-
alignSelf: 'flex-end',
|
|
66
|
-
marginBottom: '5px'
|
|
67
|
-
}
|
|
68
|
-
}));
|
|
69
|
-
const EditInPlaceFieldBase = ({ value, invalid, className, inline, label, fieldClasses = {}, rightAligned, shrink, name, disabled, labelAdornment, editIcon, error, placeholder, hideArrows, warning, endAdornmentClass, CustomInput, InputProps, variant = 'standard' }) => {
|
|
70
|
-
const [inputWidth, setInputWidth] = useState();
|
|
71
|
-
const classes = useStyles();
|
|
72
|
-
const inputNode = useRef();
|
|
73
|
-
const onAdornmentClick = () => {
|
|
74
|
-
inputNode.current.focus();
|
|
75
|
-
};
|
|
76
|
-
useEffect(() => {
|
|
77
|
-
if (inline && inputNode.current) {
|
|
78
|
-
setInputWidth(countWidth(value || placeholder, inputNode.current) + 1);
|
|
79
|
-
}
|
|
80
|
-
}, [value]);
|
|
81
|
-
const InputComp = useMemo(() => {
|
|
82
|
-
switch (variant) {
|
|
83
|
-
default:
|
|
84
|
-
case 'standard':
|
|
85
|
-
return Input;
|
|
86
|
-
case 'filled':
|
|
87
|
-
return FilledInput;
|
|
88
|
-
case 'outlined':
|
|
89
|
-
return OutlinedInput;
|
|
90
|
-
}
|
|
91
|
-
}, [variant]);
|
|
92
|
-
return (React.createElement(FormControl, { fullWidth: true, error: invalid, variant: variant, margin: "none", className: clsx(className, classes.inputWrapper) },
|
|
93
|
-
label && (React.createElement(InputLabel, { classes: {
|
|
94
|
-
root: clsx(fieldClasses.label, 'd-flex', 'overflow-visible', rightAligned && classes.rightLabel),
|
|
95
|
-
}, shrink: shrink, htmlFor: `input-${name}` },
|
|
96
|
-
React.createElement("span", { className: classes.label }, label),
|
|
97
|
-
labelAdornment)),
|
|
98
|
-
CustomInput ||
|
|
99
|
-
React.createElement(InputComp, Object.assign({}, InputProps || {}, { label: label, inputRef: inputNode, inputProps: Object.assign({ placeholder,
|
|
100
|
-
disabled, className: clsx(fieldClasses.text, {
|
|
101
|
-
[classes.inlineInput]: inline,
|
|
102
|
-
[classes.readonly]: disabled,
|
|
103
|
-
[classes.hideArrows]: hideArrows,
|
|
104
|
-
'text-end': rightAligned
|
|
105
|
-
}), style: {
|
|
106
|
-
width: inline && !invalid ? inputWidth : undefined
|
|
107
|
-
} }, (InputProps === null || InputProps === void 0 ? void 0 : InputProps.inputProps) || {}), classes: {
|
|
108
|
-
root: clsx(fieldClasses.text, inline && classes.inlineInput),
|
|
109
|
-
underline: fieldClasses.underline
|
|
110
|
-
}, disabled: disabled, endAdornment: !disabled &&
|
|
111
|
-
React.createElement(InputAdornment, { position: "end", onClick: onAdornmentClick, className: clsx(classes.inputEndAdornment, endAdornmentClass, {
|
|
112
|
-
['fsInherit']: inline,
|
|
113
|
-
['d-none']: (rightAligned || inline),
|
|
114
|
-
['invisible']: !(rightAligned || inline)
|
|
115
|
-
}) }, editIcon), id: `input-${name}`, name: name })),
|
|
116
|
-
React.createElement(FormHelperText, { classes: {
|
|
117
|
-
root: clsx(rightAligned && 'text-end'),
|
|
118
|
-
error: 'shakingError'
|
|
119
|
-
} },
|
|
120
|
-
error,
|
|
121
|
-
warning && React.createElement(WarningMessage, { warning: warning }))));
|
|
122
|
-
};
|
|
123
|
-
export default EditInPlaceFieldBase;
|
|
124
|
-
//# sourceMappingURL=EditInPlaceFieldBase.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditInPlaceFieldBase.js","sourceRoot":"","sources":["../../src/formFields/EditInPlaceFieldBase.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Wrapper component for Material Select and Text Field with edit in plaxce functional
|
|
3
|
-
* */
|
|
4
|
-
import React from 'react';
|
|
5
|
-
import { EditInPlaceFieldProps, FieldInputProps, FieldMetaProps } from '../model';
|
|
6
|
-
declare function EditInPlaceFileField<InputProps extends FieldInputProps, MetaProps extends FieldMetaProps>({ input, ...restProps }: EditInPlaceFieldProps<InputProps, MetaProps>): React.JSX.Element;
|
|
7
|
-
export default EditInPlaceFileField;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright ish group pty ltd 2023.
|
|
3
|
-
*
|
|
4
|
-
* This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
|
|
5
|
-
*
|
|
6
|
-
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
|
|
7
|
-
*/
|
|
8
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
9
|
-
var t = {};
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
13
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
14
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
15
|
-
t[p[i]] = s[p[i]];
|
|
16
|
-
}
|
|
17
|
-
return t;
|
|
18
|
-
};
|
|
19
|
-
/**
|
|
20
|
-
* Wrapper component for Material Select and Text Field with edit in plaxce functional
|
|
21
|
-
* */
|
|
22
|
-
import React, { useRef } from "../../node_modules/@types/react";
|
|
23
|
-
import AttachmentIcon from "../../node_modules/@mui/icons-material";
|
|
24
|
-
import InputAdornment from "../../node_modules/@mui/material/InputAdornment";
|
|
25
|
-
import EditInPlaceField from "./EditInPlaceField";
|
|
26
|
-
import { stubFunction } from "../utils";
|
|
27
|
-
function EditInPlaceFileField(_a) {
|
|
28
|
-
var { input } = _a, restProps = __rest(_a, ["input"]);
|
|
29
|
-
const inputRef = useRef();
|
|
30
|
-
const fileRef = useRef();
|
|
31
|
-
const handleFileSelect = e => {
|
|
32
|
-
if (e.target.files[0]) {
|
|
33
|
-
input.onChange(e.target.files[0]);
|
|
34
|
-
fileRef.current.value = null;
|
|
35
|
-
inputRef.current.blur();
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
const onFocus = () => {
|
|
39
|
-
fileRef.current.click();
|
|
40
|
-
setTimeout(() => {
|
|
41
|
-
inputRef.current.blur();
|
|
42
|
-
}, 200);
|
|
43
|
-
};
|
|
44
|
-
return (React.createElement(React.Fragment, null,
|
|
45
|
-
React.createElement("input", { type: "file", ref: fileRef, onChange: handleFileSelect, className: "d-none" }),
|
|
46
|
-
React.createElement(EditInPlaceField, Object.assign({}, restProps, { input: {
|
|
47
|
-
onChange: stubFunction,
|
|
48
|
-
onFocus: stubFunction,
|
|
49
|
-
onBlur: stubFunction
|
|
50
|
-
}, InputProps: {
|
|
51
|
-
startAdornment: React.createElement(InputAdornment, { position: "start" },
|
|
52
|
-
React.createElement(AttachmentIcon, null)),
|
|
53
|
-
onFocus,
|
|
54
|
-
inputProps: {
|
|
55
|
-
ref: inputRef
|
|
56
|
-
},
|
|
57
|
-
value: input.value ? input.value.name : '',
|
|
58
|
-
} }))));
|
|
59
|
-
}
|
|
60
|
-
export default EditInPlaceFileField;
|
|
61
|
-
//# sourceMappingURL=EditInPlaceFileField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditInPlaceFileField.js","sourceRoot":"","sources":["../../src/formFields/EditInPlaceFileField.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;;;;;;;;;;;;AAEH;;KAEK;AAEL,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,wCAAc;AACtC,OAAO,cAAc,+CAAuC;AAC5D,OAAO,cAAc,wDAAqC;AAC1D,OAAO,gBAAgB,2BAA2B;AAElD,OAAO,EAAE,YAAY,EAAE,iBAAmB;AAE1C,SAAS,oBAAoB,CAC3B,EAG+C;QAH/C,EACE,KAAK,OAEwC,EAD1C,SAAS,cAFd,SAGC,CADa;IAGd,MAAM,QAAQ,GAAG,MAAM,EAAoB,CAAC;IAC5C,MAAM,OAAO,GAAG,MAAM,EAAoB,CAAC;IAE3C,MAAM,gBAAgB,GAAG,CAAC,CAAC,EAAE;QAC3B,IAAI,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACrB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAClC,OAAO,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;YAC7B,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;SACzB;IACH,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QACxB,UAAU,CAAC,GAAG,EAAE;YACd,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC1B,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,OAAO,CACL;QACE,+BAAO,IAAI,EAAC,MAAM,EAAC,GAAG,EAAE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,SAAS,EAAC,QAAQ,GAAG;QAClF,oBAAC,gBAAgB,oBACX,SAAS,IACb,KAAK,EAAE;gBACL,QAAQ,EAAE,YAAY;gBACtB,OAAO,EAAE,YAAY;gBACrB,MAAM,EAAE,YAAY;aACrB,EACD,UAAU,EAAE;gBACV,cAAc,EAAE,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO;oBAAC,oBAAC,cAAc,OAAG,CAAiB;gBACpF,OAAO;gBACP,UAAU,EAAE;oBACV,GAAG,EAAE,QAAQ;iBACd;gBACD,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;aAC3C,IACD,CACD,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,oBAAoB,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { EditInPlaceFieldProps } from '../model';
|
|
3
|
-
import { Dispatch } from 'redux';
|
|
4
|
-
interface Props<InputProps, MetaProps> extends EditInPlaceFieldProps<InputProps, MetaProps> {
|
|
5
|
-
currencySymbol: string;
|
|
6
|
-
dispatch?: Dispatch;
|
|
7
|
-
}
|
|
8
|
-
declare function EditInPlaceMoneyField<IP, MP>({ InputProps, currencySymbol, dispatch, className, ...restProps }: Props<IP, MP>): React.JSX.Element;
|
|
9
|
-
export default EditInPlaceMoneyField;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright ish group pty ltd 2023.
|
|
3
|
-
*
|
|
4
|
-
* This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
|
|
5
|
-
*
|
|
6
|
-
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
|
|
7
|
-
*/
|
|
8
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
9
|
-
var t = {};
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
13
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
14
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
15
|
-
t[p[i]] = s[p[i]];
|
|
16
|
-
}
|
|
17
|
-
return t;
|
|
18
|
-
};
|
|
19
|
-
import React, { useCallback } from "../../node_modules/@types/react";
|
|
20
|
-
import { NumericFormat } from "../../node_modules/react-number-format";
|
|
21
|
-
import InputAdornment from "../../node_modules/@mui/material/InputAdornment";
|
|
22
|
-
import clsx from "../../node_modules/clsx";
|
|
23
|
-
import EditInPlaceField from "./EditInPlaceField";
|
|
24
|
-
import { formatCurrency, normalizeNumber } from "../utils";
|
|
25
|
-
const NumberFormatCustom = React.forwardRef((props, ref) => {
|
|
26
|
-
const { onChange, allowNegative = true } = props, other = __rest(props, ["onChange", "allowNegative"]);
|
|
27
|
-
const onValueChange = useCallback(values => {
|
|
28
|
-
onChange(normalizeNumber(values.value));
|
|
29
|
-
}, []);
|
|
30
|
-
return (React.createElement(NumericFormat, Object.assign({}, other, { getInputRef: ref, onValueChange: onValueChange, allowNegative: allowNegative, decimalScale: 2, thousandSeparator: true })));
|
|
31
|
-
});
|
|
32
|
-
const preformatDisplayValue = value => value || value === 0 ? formatCurrency(value, '') : value;
|
|
33
|
-
function EditInPlaceMoneyField(_a) {
|
|
34
|
-
var { InputProps, currencySymbol, dispatch, className } = _a, restProps = __rest(_a, ["InputProps", "currencySymbol", "dispatch", "className"]);
|
|
35
|
-
return (React.createElement(EditInPlaceField, Object.assign({}, restProps, { preformatDisplayValue: preformatDisplayValue, InputProps: Object.assign(Object.assign({}, InputProps), { startAdornment: React.createElement(InputAdornment, { position: "start" }, currencySymbol), inputComponent: NumberFormatCustom }), className: clsx('money', className) })));
|
|
36
|
-
}
|
|
37
|
-
export default EditInPlaceMoneyField;
|
|
38
|
-
//# sourceMappingURL=EditInPlaceMoneyField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditInPlaceMoneyField.js","sourceRoot":"","sources":["../../src/formFields/EditInPlaceMoneyField.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;;;;;;;;;;;;AAEH,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,wCAAc;AAC3C,OAAO,EAAE,aAAa,EAAE,+CAA4B;AACpD,OAAO,cAAc,wDAAqC;AAC1D,OAAO,IAAI,gCAAa;AACxB,OAAO,gBAAgB,2BAA2B;AAElD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,iBAAmB;AAS7D,MAAM,kBAAkB,GAAG,KAAK,CAAC,UAAU,CAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACvF,MAAM,EAAE,QAAQ,EAAE,aAAa,GAAG,IAAI,KAAe,KAAK,EAAf,KAAK,UAAK,KAAK,EAApD,6BAA4C,CAAQ,CAAC;IAE3D,MAAM,aAAa,GAAG,WAAW,CAAC,MAAM,CAAC,EAAE;QACzC,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,aAAa,oBACR,KAAK,IACT,WAAW,EAAE,GAAG,EAChB,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,CAAC,EACf,iBAAiB,UACjB,CACL,CAAC;AACF,CAAC,CAAC,CAAC;AAOH,MAAM,qBAAqB,GAAG,KAAK,CAAC,EAAE,CAAC,KAAK,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;AAEhG,SAAS,qBAAqB,CAAS,EAAgF;QAAhF,EAAE,UAAU,EAAE,cAAc,EAAE,QAAQ,EAAE,SAAS,OAA+B,EAA1B,SAAS,cAA/D,yDAAiE,CAAF;IACpG,OAAO,CACL,oBAAC,gBAAgB,oBACX,SAAS,IACb,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,kCACL,UAAU,KACb,cAAc,EAAE,oBAAC,cAAc,IAAC,QAAQ,EAAC,OAAO,IAAE,cAAc,CAAkB,EAClF,cAAc,EAAE,kBAAyB,KAE3C,SAAS,EAAE,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,IACnC,CACH,CAAC;AACJ,CAAC;AACD,eAAe,qBAAqB,CAAC"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { EditInPlaceFieldProps, FieldInputProps, FieldMetaProps } from '../model';
|
|
3
|
-
declare function EditInPlacePhoneField<FP extends FieldInputProps, MP extends FieldMetaProps>({ InputProps, className, ...restProps }: EditInPlaceFieldProps<FP, MP>): React.JSX.Element;
|
|
4
|
-
export default EditInPlacePhoneField;
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* Copyright ish group pty ltd 2023.
|
|
3
|
-
*
|
|
4
|
-
* This program is free software: you can redistribute it and/or modify it under the terms of the GNU Affero General Public License version 3 as published by the Free Software Foundation.
|
|
5
|
-
*
|
|
6
|
-
* This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details.
|
|
7
|
-
*/
|
|
8
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
9
|
-
var t = {};
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
13
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
14
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
15
|
-
t[p[i]] = s[p[i]];
|
|
16
|
-
}
|
|
17
|
-
return t;
|
|
18
|
-
};
|
|
19
|
-
import React, { useCallback, useEffect, useRef, useState } from "../../node_modules/@types/react";
|
|
20
|
-
import { PatternFormat } from "../../node_modules/react-number-format";
|
|
21
|
-
import InputAdornment from "../../node_modules/@mui/material/InputAdornment";
|
|
22
|
-
import PhoneIcon from "../../node_modules/@mui/icons-material";
|
|
23
|
-
import debounce from "../../node_modules/lodash.debounce";
|
|
24
|
-
import EditInPlaceField from "./EditInPlaceField";
|
|
25
|
-
import { getPhoneMask } from "../utils";
|
|
26
|
-
const NumberFormatCustom = React.forwardRef((props, ref) => {
|
|
27
|
-
const { onChange } = props, other = __rest(props, ["onChange"]);
|
|
28
|
-
const inputRef = useRef();
|
|
29
|
-
const [format, setFormat] = useState(null);
|
|
30
|
-
const [prefix, setPrefix] = useState(undefined);
|
|
31
|
-
const processFormat = useCallback(debounce(data => {
|
|
32
|
-
setFormat(getPhoneMask(data.value));
|
|
33
|
-
if (!data.value) {
|
|
34
|
-
setPrefix(undefined);
|
|
35
|
-
}
|
|
36
|
-
if (data.formattedValue.startsWith('+') && prefix !== '+') {
|
|
37
|
-
setPrefix('+');
|
|
38
|
-
}
|
|
39
|
-
}, 500), []);
|
|
40
|
-
const onValueChange = useCallback(data => {
|
|
41
|
-
var _a;
|
|
42
|
-
onChange(((_a = data.formattedValue) === null || _a === void 0 ? void 0 : _a.replace(/[^0-9+]/g, '')) || null);
|
|
43
|
-
processFormat(data);
|
|
44
|
-
}, []);
|
|
45
|
-
useEffect(() => {
|
|
46
|
-
if (other.value) {
|
|
47
|
-
setFormat(getPhoneMask(other.value));
|
|
48
|
-
}
|
|
49
|
-
}, []);
|
|
50
|
-
const onKeyPress = e => {
|
|
51
|
-
if (e.key === '+') {
|
|
52
|
-
inputRef.current._valueTracker.setValue('+');
|
|
53
|
-
if (prefix !== '+') {
|
|
54
|
-
setPrefix('+');
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
const getInputRef = input => {
|
|
59
|
-
ref = input;
|
|
60
|
-
inputRef.current = input;
|
|
61
|
-
};
|
|
62
|
-
return (React.createElement(PatternFormat, Object.assign({}, other, { getInputRef: getInputRef, onKeyPress: onKeyPress, prefix: prefix, onValueChange: onValueChange, format: format, type: "text" })));
|
|
63
|
-
});
|
|
64
|
-
function EditInPlacePhoneField(_a) {
|
|
65
|
-
var { InputProps, className } = _a, restProps = __rest(_a, ["InputProps", "className"]);
|
|
66
|
-
return (React.createElement(EditInPlaceField, Object.assign({}, restProps, { InputProps: Object.assign(Object.assign({}, InputProps), { startAdornment: React.createElement(InputAdornment, { position: "start" },
|
|
67
|
-
React.createElement(PhoneIcon, null)), inputComponent: NumberFormatCustom }), className: className })));
|
|
68
|
-
}
|
|
69
|
-
export default EditInPlacePhoneField;
|
|
70
|
-
//# sourceMappingURL=EditInPlacePhoneField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"EditInPlacePhoneField.js","sourceRoot":"","sources":["../../src/formFields/EditInPlacePhoneField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { EditInPlaceSearchSelectFieldProps, FieldInputProps, FieldMetaProps } from '../model';
|
|
3
|
-
declare function EditInPlaceSearchSelect<InputProps extends FieldInputProps, MetaProps extends FieldMetaProps>({ label, disabled, className, labelAdornment, inline, loading, creatable, allowEmpty, fieldClasses, selectAdornment, selectValueMark, selectLabelMark, selectLabelCondition, selectFilterCondition, defaultValue, disableUnderline, items, rowHeight, remoteRowCount, loadMoreRows, onCreateOption, itemRenderer, onInputChange, onClearRows, onInnerValueChange, hideMenuOnNoResults, hideEditIcon, remoteData, createLabel, returnType, alwaysDisplayDefault, valueRenderer, popperAnchor, input, meta: { error, invalid }, placeholder, sort, sortPropKey, inputRef, warning, multiple, rightAligned, hasError, categoryKey }: EditInPlaceSearchSelectFieldProps<InputProps, MetaProps>): React.JSX.Element;
|
|
4
|
-
export default EditInPlaceSearchSelect;
|