intelicoreact 1.3.19 → 1.3.21
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/Atomic/FormElements/ActionAlert/ActionAlert.js +23 -15
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +23 -15
- package/dist/Atomic/FormElements/Calendar/Calendar.js +124 -69
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +36 -27
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +39 -23
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +246 -110
- package/dist/Atomic/FormElements/Datepicker/components/Calendar.js +85 -44
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +414 -246
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +9 -5
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +165 -93
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +64 -39
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +132 -51
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +73 -34
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +75 -54
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +110 -67
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +83 -33
- package/dist/Atomic/FormElements/Input/Input.js +253 -161
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +102 -48
- package/dist/Atomic/FormElements/InputColor/InputColor.js +40 -27
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +58 -28
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +176 -108
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +57 -32
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +302 -184
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +157 -85
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +16 -11
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +193 -76
- package/dist/Atomic/FormElements/InputLink/InputLink.js +58 -34
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +12 -8
- package/dist/Atomic/FormElements/InputMask/InputMask.js +964 -554
- package/dist/Atomic/FormElements/InputMask/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask/functions.js +43 -17
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +404 -268
- package/dist/Atomic/FormElements/InputMask2/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask2/functions.js +43 -17
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +459 -299
- package/dist/Atomic/FormElements/InputMask3/config.js +1 -1
- package/dist/Atomic/FormElements/InputMask3/functions.js +43 -17
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +113 -53
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +118 -64
- package/dist/Atomic/FormElements/Label/Label.js +23 -13
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +349 -217
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +47 -25
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +207 -133
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +61 -29
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +42 -20
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +33 -22
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +43 -20
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +101 -54
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +102 -59
- package/dist/Atomic/FormElements/RangeList/RangeList.js +150 -89
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +29 -23
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +300 -135
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +571 -381
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +24 -14
- package/dist/Atomic/FormElements/Switcher/Switcher.js +29 -24
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +47 -25
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +32 -20
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +55 -32
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +42 -22
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +33 -23
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +120 -51
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +3 -2
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +46 -23
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +417 -253
- package/dist/Atomic/FormElements/Text/Text.js +53 -47
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +31 -21
- package/dist/Atomic/FormElements/Textarea/Textarea.js +27 -16
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +128 -68
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +36 -25
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +70 -33
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +124 -58
- package/dist/Atomic/FormElements/UserContacts/partial/defaultIcons.js +91 -0
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +80 -48
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +42 -32
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +60 -40
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +3 -2
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +69 -50
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +3 -3
- package/dist/Atomic/Layout/Header/Header.js +48 -21
- package/dist/Atomic/Layout/MainMenu/MainMenu.js +79 -36
- package/dist/Atomic/Layout/Spinner/Spinner.js +14 -8
- package/dist/Atomic/UI/Accordion/Accordion.js +48 -18
- package/dist/Atomic/UI/Accordion/AccordionItem.js +60 -35
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +106 -49
- package/dist/Atomic/UI/AccordionText/AccordionText.js +37 -13
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +94 -48
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +50 -22
- package/dist/Atomic/UI/Alert/Alert.js +44 -20
- package/dist/Atomic/UI/Arrow/Arrow.js +35 -15
- package/dist/Atomic/UI/Box/Box.js +21 -14
- package/dist/Atomic/UI/Button/Button.js +35 -26
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +31 -22
- package/dist/Atomic/UI/Chart/Chart.js +86 -45
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +24 -14
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +22 -13
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +113 -68
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +140 -158
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +42 -26
- package/dist/Atomic/UI/Chart/partial/utils.js +48 -20
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +42 -22
- package/dist/Atomic/UI/DateTime/DateTime.js +38 -23
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +36 -12
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +21 -5
- package/dist/Atomic/UI/DoubleString/DoubleString.js +50 -27
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +63 -15
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +157 -62
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +110 -47
- package/dist/Atomic/UI/Hint/Hint.js +94 -49
- package/dist/Atomic/UI/Modal/Modal.js +179 -149
- package/dist/Atomic/UI/Modal/ModalHOC.js +21 -12
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +12 -7
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +21 -17
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +167 -94
- package/dist/Atomic/UI/ModalBackup/Modal.js +90 -65
- package/dist/Atomic/UI/ModalBackup/ModalHOC.js +21 -12
- package/dist/Atomic/UI/ModalBackup/partials/ModalFooter.js +11 -6
- package/dist/Atomic/UI/ModalBackup/partials/ModalTitle.js +19 -15
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +62 -32
- package/dist/Atomic/UI/NavLine/NavLine.js +211 -120
- package/dist/Atomic/UI/NavLine/Tabs.js +3 -2
- package/dist/Atomic/UI/PageTitle/PageTitle.js +17 -13
- package/dist/Atomic/UI/PieChart/PieChart.js +21 -11
- package/dist/Atomic/UI/Price/Price.js +13 -10
- package/dist/Atomic/UI/PriceRange/PriceRange.js +11 -7
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +56 -27
- package/dist/Atomic/UI/Status/Status.js +30 -19
- package/dist/Atomic/UI/Table/Partials/TdCell.js +71 -28
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +16 -7
- package/dist/Atomic/UI/Table/Partials/TdRow.js +65 -29
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +40 -16
- package/dist/Atomic/UI/Table/Table.js +47 -27
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +48 -18
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +19 -9
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +8 -5
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +47 -25
- package/dist/Atomic/UI/Tag/Tag.js +48 -20
- package/dist/Atomic/UI/TagList/TagList.js +150 -80
- package/dist/Atomic/UI/UserBox/UserBox.js +26 -14
- package/dist/Classes/AbortableFetch.js +422 -283
- package/dist/Classes/AnimatedHandler.js +56 -44
- package/dist/Classes/RESTAPI/index.js +433 -154
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +428 -290
- package/dist/Classes/RESTAPI/partials/ApiBase.js +67 -24
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +275 -57
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +377 -146
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +403 -155
- package/dist/Classes/RESTAPI/partials/Utils.js +135 -81
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +6 -2
- package/dist/Classes/RESTAPI/partials/_utils.js +395 -101
- package/dist/Constants/index.constants.js +15 -8
- package/dist/Functions/Portal.js +33 -14
- package/dist/Functions/customEventListener.js +20 -5
- package/dist/Functions/fieldValueFormatters.js +211 -148
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +137 -75
- package/dist/Functions/locale/createTranslator.js +27 -13
- package/dist/Functions/operations.js +49 -35
- package/dist/Functions/presets/inputMaskPresets.js +27 -25
- package/dist/Functions/presets/inputPresets.js +22 -19
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +9 -7
- package/dist/Functions/schemas.js +15 -6
- package/dist/Functions/useClickOutside.js +7 -3
- package/dist/Functions/useDebounce.js +25 -11
- package/dist/Functions/useFieldFocus.js +67 -42
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +54 -35
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +95 -74
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +91 -55
- package/dist/Functions/useFormTools/functions/General.js +99 -80
- package/dist/Functions/useFormTools/functions/RenderFields.js +72 -45
- package/dist/Functions/useFormTools/functions/usePrevious.js +7 -3
- package/dist/Functions/useFormTools/index.js +598 -382
- package/dist/Functions/useInputHighlightError.js +52 -27
- package/dist/Functions/useIsMobile.js +36 -13
- package/dist/Functions/useLocalStorage.js +22 -7
- package/dist/Functions/useLocationParams.js +27 -16
- package/dist/Functions/useMetaInfo.js +50 -19
- package/dist/Functions/useMouseUpOutside.js +5 -2
- package/dist/Functions/useOnlineStatus.js +26 -7
- package/dist/Functions/usePasswordChecker.js +77 -42
- package/dist/Functions/usePrevious.js +7 -3
- package/dist/Functions/useResize.js +32 -12
- package/dist/Functions/useScrollTo.js +20 -6
- package/dist/Functions/useToggle.js +30 -10
- package/dist/Functions/utils.js +366 -186
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +32 -21
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +32 -21
- package/dist/Molecular/CustomIcons/components/AppStore.js +36 -25
- package/dist/Molecular/CustomIcons/components/Arrow.js +42 -31
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +24 -13
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +27 -16
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +27 -16
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +24 -13
- package/dist/Molecular/CustomIcons/components/Bell.js +22 -11
- package/dist/Molecular/CustomIcons/components/Button.js +22 -11
- package/dist/Molecular/CustomIcons/components/Campaigns.js +23 -12
- package/dist/Molecular/CustomIcons/components/Check.js +23 -12
- package/dist/Molecular/CustomIcons/components/Check2.js +22 -11
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +22 -11
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +22 -11
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +22 -11
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +22 -11
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +22 -11
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +37 -26
- package/dist/Molecular/CustomIcons/components/Close.js +24 -13
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +49 -38
- package/dist/Molecular/CustomIcons/components/Delete.js +23 -12
- package/dist/Molecular/CustomIcons/components/Edit.js +22 -11
- package/dist/Molecular/CustomIcons/components/Email.js +40 -29
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +30 -19
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +38 -27
- package/dist/Molecular/CustomIcons/components/Flows.js +22 -11
- package/dist/Molecular/CustomIcons/components/Gift.js +27 -16
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +36 -25
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +36 -25
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +25 -14
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +26 -15
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +25 -14
- package/dist/Molecular/CustomIcons/components/Home.js +25 -14
- package/dist/Molecular/CustomIcons/components/Home2.js +28 -17
- package/dist/Molecular/CustomIcons/components/Key.js +30 -19
- package/dist/Molecular/CustomIcons/components/Landers.js +26 -15
- package/dist/Molecular/CustomIcons/components/Lock.js +22 -11
- package/dist/Molecular/CustomIcons/components/Mail.js +30 -19
- package/dist/Molecular/CustomIcons/components/Mastercard.js +72 -61
- package/dist/Molecular/CustomIcons/components/Minus.js +35 -24
- package/dist/Molecular/CustomIcons/components/Offers.js +23 -12
- package/dist/Molecular/CustomIcons/components/Pause.js +35 -24
- package/dist/Molecular/CustomIcons/components/PayPal.js +49 -38
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +36 -25
- package/dist/Molecular/CustomIcons/components/Phone.js +37 -26
- package/dist/Molecular/CustomIcons/components/Play.js +35 -24
- package/dist/Molecular/CustomIcons/components/Plus.js +35 -24
- package/dist/Molecular/CustomIcons/components/Profile.js +27 -16
- package/dist/Molecular/CustomIcons/components/QRCode.js +37 -26
- package/dist/Molecular/CustomIcons/components/Rectangle.js +22 -11
- package/dist/Molecular/CustomIcons/components/Revert.js +25 -14
- package/dist/Molecular/CustomIcons/components/Star.js +21 -10
- package/dist/Molecular/CustomIcons/components/Star2.js +23 -12
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +25 -14
- package/dist/Molecular/CustomIcons/components/Trash.js +22 -11
- package/dist/Molecular/CustomIcons/components/TrashRed.js +22 -11
- package/dist/Molecular/CustomIcons/components/Triggers.js +22 -11
- package/dist/Molecular/CustomIcons/components/User.js +27 -16
- package/dist/Molecular/CustomIcons/components/Visa.js +38 -27
- package/dist/Molecular/CustomIcons/components/X.js +22 -11
- package/dist/Molecular/CustomIcons/index.js +183 -61
- package/dist/Molecular/FormElement/FormElement.js +27 -18
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +108 -86
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +34 -29
- package/dist/Molecular/InputAddress/InputAddress.js +312 -176
- package/dist/Molecular/InputPassword/InputPassword.js +39 -15
- package/dist/index.js +3 -1
- package/package.json +1 -1
|
@@ -1,32 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
9
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
10
14
|
var _Button = _interopRequireDefault(require("../../UI/Button/Button"));
|
|
15
|
+
|
|
11
16
|
require("./ActionAlert.scss");
|
|
17
|
+
|
|
12
18
|
var _utils = require("../../../Functions/utils");
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
19
|
+
|
|
20
|
+
var ActionAlert = function ActionAlert(_ref) {
|
|
21
|
+
var onClick = _ref.onClick,
|
|
22
|
+
message = _ref.message,
|
|
23
|
+
className = _ref.className,
|
|
24
|
+
buttonColor = _ref.buttonColor,
|
|
25
|
+
buttonLabel = _ref.buttonLabel,
|
|
26
|
+
date = _ref.date,
|
|
27
|
+
noButton = _ref.noButton,
|
|
28
|
+
children = _ref.children,
|
|
29
|
+
_ref$variant = _ref.variant,
|
|
30
|
+
variant = _ref$variant === void 0 ? 'default' : _ref$variant,
|
|
31
|
+
testId = _ref.testId;
|
|
26
32
|
// const transformedTime = moment(date).format('MM.DD.YYYY HH:mm');
|
|
27
33
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
28
34
|
"data-testid": "actionAlert".concat((0, _utils.getCorrectTestId)({
|
|
29
|
-
testId
|
|
35
|
+
testId: testId
|
|
30
36
|
})),
|
|
31
37
|
className: (0, _classnames.default)("action-alert action-alert--".concat(variant), className)
|
|
32
38
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -46,4 +52,6 @@ const ActionAlert = _ref => {
|
|
|
46
52
|
noIcon: true
|
|
47
53
|
}));
|
|
48
54
|
};
|
|
49
|
-
|
|
55
|
+
|
|
56
|
+
var _default = ActionAlert;
|
|
57
|
+
exports.default = _default;
|
|
@@ -1,32 +1,38 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
+
|
|
9
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
|
+
|
|
10
14
|
var _TextSwitcher = _interopRequireDefault(require("../TextSwitcher/TextSwitcher"));
|
|
15
|
+
|
|
11
16
|
var _Status = _interopRequireDefault(require("../../UI/Status/Status"));
|
|
17
|
+
|
|
12
18
|
require("./AdvancedStatus.scss");
|
|
19
|
+
|
|
13
20
|
var _utils = require("../../../Functions/utils");
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
const isUndefined = value === undefined || value === null;
|
|
21
|
+
|
|
22
|
+
var AdvancedStatus = function AdvancedStatus(_ref) {
|
|
23
|
+
var onChange = _ref.onChange,
|
|
24
|
+
inactiveText = _ref.inactiveText,
|
|
25
|
+
activeText = _ref.activeText,
|
|
26
|
+
value = _ref.value,
|
|
27
|
+
disabled = _ref.disabled,
|
|
28
|
+
isPrimary = _ref.isPrimary,
|
|
29
|
+
primaryStatusText = _ref.primaryStatusText,
|
|
30
|
+
className = _ref.className,
|
|
31
|
+
testId = _ref.testId;
|
|
32
|
+
var isUndefined = value === undefined || value === null;
|
|
27
33
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
28
34
|
"data-testid": "advanced-status".concat((0, _utils.getCorrectTestId)({
|
|
29
|
-
testId
|
|
35
|
+
testId: testId
|
|
30
36
|
})),
|
|
31
37
|
className: (0, _classnames.default)('advanced-status', {
|
|
32
38
|
'advanced-status_undefined': isUndefined,
|
|
@@ -43,4 +49,6 @@ const AdvancedStatus = _ref => {
|
|
|
43
49
|
status: "warning"
|
|
44
50
|
}, primaryStatusText));
|
|
45
51
|
};
|
|
46
|
-
|
|
52
|
+
|
|
53
|
+
var _default = AdvancedStatus;
|
|
54
|
+
exports.default = _default;
|
|
@@ -1,76 +1,116 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
4
7
|
Object.defineProperty(exports, "__esModule", {
|
|
5
8
|
value: true
|
|
6
9
|
});
|
|
7
10
|
exports.default = _default;
|
|
11
|
+
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
+
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
|
+
|
|
8
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
|
+
|
|
9
18
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
19
|
+
|
|
10
20
|
var _moment = _interopRequireDefault(require("moment"));
|
|
21
|
+
|
|
11
22
|
var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
|
|
23
|
+
|
|
12
24
|
var _reactFeather = require("react-feather");
|
|
25
|
+
|
|
13
26
|
require("./Calendar.scss");
|
|
14
|
-
|
|
15
|
-
function
|
|
27
|
+
|
|
28
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
+
|
|
30
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
+
|
|
16
32
|
function _default(props) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
33
|
+
var date = props.date,
|
|
34
|
+
setDate = props.setDate,
|
|
35
|
+
setIsOpened = props.setIsOpened,
|
|
36
|
+
_props$allowPrev = props.allowPrev,
|
|
37
|
+
allowPrev = _props$allowPrev === void 0 ? true : _props$allowPrev,
|
|
38
|
+
_props$allowNext = props.allowNext,
|
|
39
|
+
allowNext = _props$allowNext === void 0 ? true : _props$allowNext,
|
|
40
|
+
params = props.params,
|
|
41
|
+
className = props.className,
|
|
42
|
+
isListTop = props.isListTop,
|
|
43
|
+
testId = props.testId; // const { minDate = '01/01/1900', maxDate = moment().format('MM/DD/YYYY') } = params;
|
|
44
|
+
|
|
45
|
+
var format = params.format,
|
|
46
|
+
minDate = params.minDate,
|
|
47
|
+
maxDate = params.maxDate,
|
|
48
|
+
momentMinDate = params.momentMinDate,
|
|
49
|
+
momentMaxDate = params.momentMaxDate,
|
|
50
|
+
isDontLimitFuture = params.isDontLimitFuture;
|
|
51
|
+
|
|
52
|
+
var _useState = (0, _react.useState)({}),
|
|
53
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
54
|
+
days = _useState2[0],
|
|
55
|
+
setDays = _useState2[1];
|
|
56
|
+
|
|
57
|
+
var _useState3 = (0, _react.useState)(date),
|
|
58
|
+
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
59
|
+
showDate = _useState4[0],
|
|
60
|
+
setShowDate = _useState4[1];
|
|
61
|
+
|
|
62
|
+
var _useState5 = (0, _react.useState)(false),
|
|
63
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
64
|
+
isChangeYear = _useState6[0],
|
|
65
|
+
setIsChangeYear = _useState6[1];
|
|
66
|
+
|
|
67
|
+
var _useState7 = (0, _react.useState)((0, _moment.default)(showDate).format('YYYY')),
|
|
68
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
69
|
+
inputYearValue = _useState8[0],
|
|
70
|
+
setInputYearValue = _useState8[1];
|
|
71
|
+
|
|
72
|
+
var yearInputRef = (0, _react.useRef)(null);
|
|
73
|
+
var selectedDay = (0, _moment.default)(showDate);
|
|
74
|
+
var isError = 'Invalid date';
|
|
75
|
+
var showMonth = (0, _react.useMemo)(function () {
|
|
76
|
+
return (0, _moment.default)(showDate).format('MMM');
|
|
77
|
+
}, [date, showDate]);
|
|
78
|
+
var showYear = (0, _react.useMemo)(function () {
|
|
79
|
+
return (0, _moment.default)(showDate).format('YYYY');
|
|
80
|
+
}, [date, showDate]);
|
|
81
|
+
var isShovPrevArrow = allowPrev && !(minDate && (0, _moment.default)(showDate).startOf('month').isSameOrBefore(momentMinDate, 'months'));
|
|
82
|
+
var isShovNextArrow = allowNext && (isDontLimitFuture || !(0, _moment.default)(showDate).startOf('month').isSameOrAfter(maxDate ? momentMaxDate : (0, _moment.default)().add(1, 'day').startOf('day'), 'months'));
|
|
83
|
+
(0, _react.useEffect)(function () {
|
|
84
|
+
var result = {};
|
|
85
|
+
var day = selectedDay.startOf('month');
|
|
86
|
+
var daysInMonth = day.daysInMonth();
|
|
87
|
+
|
|
88
|
+
for (var d = 0; d < daysInMonth; d += 1) {
|
|
89
|
+
var week = day.week();
|
|
54
90
|
if (day.month() === 11 && week === 1) week = 53;
|
|
55
91
|
if (day.month() === 0 && week === 53) week = 0;
|
|
92
|
+
|
|
56
93
|
if (!Object.prototype.hasOwnProperty.call(result, week)) {
|
|
57
94
|
result[week] = {};
|
|
58
95
|
}
|
|
96
|
+
|
|
59
97
|
result[week][day.weekday()] = {
|
|
60
98
|
date: day.toDate()
|
|
61
99
|
};
|
|
62
100
|
day.add(1, 'd');
|
|
63
101
|
}
|
|
102
|
+
|
|
64
103
|
setDays(result);
|
|
65
104
|
}, [showDate]);
|
|
66
|
-
|
|
67
|
-
|
|
105
|
+
|
|
106
|
+
var renderDay = function renderDay(week, dayOfWeek) {
|
|
107
|
+
var day = days[week][dayOfWeek];
|
|
68
108
|
if (!day) return /*#__PURE__*/_react.default.createElement("div", {
|
|
69
109
|
className: "calendar__day"
|
|
70
110
|
});
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
111
|
+
var isFutureDay = day && !isDontLimitFuture && maxDate ? (0, _moment.default)(day.date).isAfter(momentMaxDate || (0, _moment.default)().add(1, 'days'), 'day') : (0, _moment.default)(day.date).isAfter((0, _moment.default)(), 'day');
|
|
112
|
+
var isBeforeDay = day && (0, _moment.default)(day.date).isBefore(momentMinDate || '', 'day');
|
|
113
|
+
var classNames = (0, _classnames.default)('calendar__day', {
|
|
74
114
|
'calendar__day--clickable': day
|
|
75
115
|
}, {
|
|
76
116
|
'calendar__day--disabled': !isDontLimitFuture && isFutureDay
|
|
@@ -82,38 +122,43 @@ function _default(props) {
|
|
|
82
122
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
83
123
|
key: "".concat(week, "_").concat(dayOfWeek),
|
|
84
124
|
className: classNames,
|
|
85
|
-
onClick: day && (isDontLimitFuture || !isFutureDay) ? ()
|
|
125
|
+
onClick: day && (isDontLimitFuture || !isFutureDay) ? function () {
|
|
86
126
|
setDate((0, _moment.default)(day.date).format('L'));
|
|
87
127
|
setIsOpened(false);
|
|
88
|
-
} : null
|
|
89
|
-
// onMouseOver={day && !isFutureDay ? () => onHover(day.date) : null}
|
|
128
|
+
} : null // onMouseOver={day && !isFutureDay ? () => onHover(day.date) : null}
|
|
90
129
|
// onMouseLeave={() => onHover(null)}
|
|
130
|
+
|
|
91
131
|
}, day && day.date.getDate());
|
|
92
132
|
};
|
|
93
|
-
|
|
133
|
+
|
|
134
|
+
var handlePrev = function handlePrev() {
|
|
94
135
|
setShowDate((0, _moment.default)(showDate).subtract(1, 'month').format('L'));
|
|
95
136
|
};
|
|
96
|
-
|
|
137
|
+
|
|
138
|
+
var handleNext = function handleNext() {
|
|
97
139
|
setShowDate((0, _moment.default)(showDate).add(1, 'month').format('L'));
|
|
98
140
|
};
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
141
|
+
|
|
142
|
+
var closeYearInput = function closeYearInput() {
|
|
143
|
+
var newDate = function () {
|
|
144
|
+
var dateArr = showDate.split('/');
|
|
145
|
+
var oldYear = dateArr[2];
|
|
103
146
|
dateArr[2] = inputYearValue;
|
|
104
147
|
return (0, _moment.default)(dateArr.join('/')).format('MM/DD/YYYY') === isError ? showDate : (0, _moment.default)(dateArr.join('/')).format('MM/DD/YYYY');
|
|
105
|
-
}
|
|
106
|
-
|
|
148
|
+
}();
|
|
149
|
+
|
|
150
|
+
var resultDate = newDate;
|
|
107
151
|
if (minDate && (0, _moment.default)(minDate) > (0, _moment.default)(newDate)) resultDate = (0, _moment.default)(showDate).format('MM/DD/YYYY');else if (maxDate && (0, _moment.default)(maxDate) < (0, _moment.default)(newDate)) resultDate = (0, _moment.default)(showDate).format('MM/DD/YYYY');
|
|
108
152
|
setIsChangeYear(false);
|
|
109
153
|
setShowDate(resultDate);
|
|
110
154
|
setInputYearValue(resultDate);
|
|
111
155
|
};
|
|
112
|
-
|
|
156
|
+
|
|
157
|
+
(0, _react.useEffect)(function () {
|
|
113
158
|
if (isChangeYear && yearInputRef.current) {
|
|
114
|
-
|
|
159
|
+
var input = yearInputRef.current.getElementsByTagName('input')[0];
|
|
115
160
|
setInputYearValue(showYear);
|
|
116
|
-
setTimeout(()
|
|
161
|
+
setTimeout(function () {
|
|
117
162
|
input.focus();
|
|
118
163
|
input.select();
|
|
119
164
|
}, 0);
|
|
@@ -140,17 +185,23 @@ function _default(props) {
|
|
|
140
185
|
className: (0, _classnames.default)('calendar-header__title-year', {
|
|
141
186
|
'calendar-header__title-year_change-mode': isChangeYear
|
|
142
187
|
}),
|
|
143
|
-
onClick: ()
|
|
188
|
+
onClick: function onClick() {
|
|
189
|
+
return setIsChangeYear(true);
|
|
190
|
+
}
|
|
144
191
|
}, isChangeYear ? /*#__PURE__*/_react.default.createElement(_reactInputMask.default, {
|
|
145
192
|
className: "calendar-header__title-year-change-input",
|
|
146
193
|
value: inputYearValue,
|
|
147
194
|
mask: "9999",
|
|
148
|
-
onBlur:
|
|
149
|
-
|
|
195
|
+
onBlur: function onBlur(e) {
|
|
196
|
+
return closeYearInput();
|
|
197
|
+
},
|
|
198
|
+
onKeyUp: function onKeyUp(e) {
|
|
150
199
|
if (e.key === 'Escape') setIsChangeYear(false);
|
|
151
200
|
if (e.key === 'Enter') closeYearInput();
|
|
152
201
|
},
|
|
153
|
-
onChange:
|
|
202
|
+
onChange: function onChange(e) {
|
|
203
|
+
return setInputYearValue(e.target.value);
|
|
204
|
+
}
|
|
154
205
|
}) : "".concat(showYear))), /*#__PURE__*/_react.default.createElement("div", {
|
|
155
206
|
"data-testid": "calendar--key-".concat(testId, "--nextArrow"),
|
|
156
207
|
className: "calendar-header__next"
|
|
@@ -158,15 +209,19 @@ function _default(props) {
|
|
|
158
209
|
onClick: handleNext
|
|
159
210
|
}, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronRight, null)))), /*#__PURE__*/_react.default.createElement("div", {
|
|
160
211
|
className: "calendar__week"
|
|
161
|
-
},
|
|
212
|
+
}, (0, _toConsumableArray2.default)(Array(7).keys()).map(function (dayOfWeek) {
|
|
162
213
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
163
214
|
key: "day-of-week_".concat(dayOfWeek),
|
|
164
215
|
className: "calendar__day calendar__day--title"
|
|
165
216
|
}, (0, _moment.default)().weekday(dayOfWeek).format('dd'));
|
|
166
|
-
})), Object.keys(days).map((week, index)
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
217
|
+
})), Object.keys(days).map(function (week, index) {
|
|
218
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
219
|
+
key: "week_".concat(index),
|
|
220
|
+
className: "calendar__week"
|
|
221
|
+
}, (0, _toConsumableArray2.default)(Array(7).keys()).map(function (dayOfWeek) {
|
|
222
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
223
|
+
key: "calendar-day--".concat(dayOfWeek)
|
|
224
|
+
}, renderDay(week, dayOfWeek));
|
|
225
|
+
}));
|
|
226
|
+
}));
|
|
172
227
|
}
|
|
@@ -1,51 +1,58 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
+
|
|
12
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
+
|
|
9
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
10
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
+
|
|
11
18
|
require("./CheckboxInput.scss");
|
|
19
|
+
|
|
12
20
|
var _utils = require("../../../Functions/utils");
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
21
|
+
|
|
22
|
+
var CheckboxInput = function CheckboxInput(_ref) {
|
|
23
|
+
var _cn2;
|
|
24
|
+
|
|
25
|
+
var label = _ref.label,
|
|
26
|
+
fieldKey = _ref.fieldKey,
|
|
27
|
+
id = _ref.id,
|
|
28
|
+
value = _ref.value,
|
|
29
|
+
_onChange = _ref.onChange,
|
|
30
|
+
disabled = _ref.disabled,
|
|
31
|
+
className = _ref.className,
|
|
32
|
+
isStark = _ref.isStark,
|
|
33
|
+
_ref$testId = _ref.testId,
|
|
34
|
+
testId = _ref$testId === void 0 ? '' : _ref$testId,
|
|
35
|
+
_ref$attributesOfNati = _ref.attributesOfNativeInput,
|
|
36
|
+
attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
|
|
26
37
|
return /*#__PURE__*/_react.default.createElement("label", {
|
|
27
38
|
"data-testid": "checkbox--label-".concat((0, _utils.getCorrectTestId)({
|
|
28
39
|
testId: testId || id || fieldKey
|
|
29
40
|
})),
|
|
30
|
-
className: (0, _classnames.default)('checkbox-input', className, {
|
|
31
|
-
["checkbox-input_disabled"]: disabled
|
|
32
|
-
}),
|
|
41
|
+
className: (0, _classnames.default)('checkbox-input', className, (0, _defineProperty2.default)({}, "checkbox-input_disabled", disabled)),
|
|
33
42
|
htmlFor: id
|
|
34
43
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
35
|
-
className: (0, _classnames.default)("checkbox-input__input", {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
}, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, id ? {
|
|
40
|
-
id,
|
|
41
|
-
['data-id']: id
|
|
42
|
-
} : {}, {
|
|
44
|
+
className: (0, _classnames.default)("checkbox-input__input", (_cn2 = {}, (0, _defineProperty2.default)(_cn2, "checkbox-input__input_checked", value), (0, _defineProperty2.default)(_cn2, "checkbox-input__input_indeterminate", isStark), _cn2))
|
|
45
|
+
}, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, id ? (0, _defineProperty2.default)({
|
|
46
|
+
id: id
|
|
47
|
+
}, 'data-id', id) : {}, {
|
|
43
48
|
type: "checkbox",
|
|
44
49
|
className: "checkbox-input__checkbox",
|
|
45
|
-
onChange:
|
|
50
|
+
onChange: function onChange(e) {
|
|
51
|
+
return _onChange(!value, e);
|
|
52
|
+
},
|
|
46
53
|
checked: value !== null && value !== void 0 ? value : false,
|
|
47
54
|
disabled: disabled,
|
|
48
|
-
ref: elem
|
|
55
|
+
ref: function ref(elem) {
|
|
49
56
|
if (elem) elem.indeterminate = isStark;
|
|
50
57
|
},
|
|
51
58
|
"data-testid": "checkbox--input--".concat((0, _utils.getCorrectTestId)({
|
|
@@ -57,4 +64,6 @@ const CheckboxInput = _ref => {
|
|
|
57
64
|
className: "checkbox-input__label"
|
|
58
65
|
}, label));
|
|
59
66
|
};
|
|
60
|
-
|
|
67
|
+
|
|
68
|
+
var _default = CheckboxInput;
|
|
69
|
+
exports.default = _default;
|
|
@@ -1,47 +1,63 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
12
|
+
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
|
|
13
|
+
|
|
8
14
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
+
|
|
9
16
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
17
|
+
|
|
10
18
|
var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
|
|
19
|
+
|
|
11
20
|
require("./CheckboxesLine.scss");
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
21
|
+
|
|
22
|
+
var RC = 'checkboxes-line';
|
|
23
|
+
|
|
24
|
+
var CheckboxesLine = function CheckboxesLine(props) {
|
|
25
|
+
var field = props.field,
|
|
26
|
+
onChange = props.onChange;
|
|
27
|
+
|
|
28
|
+
var _ref = field !== null && field !== void 0 ? field : props || {},
|
|
29
|
+
items = _ref.items,
|
|
30
|
+
value = _ref.value,
|
|
31
|
+
disabled = _ref.disabled,
|
|
32
|
+
isPositionColumn = _ref.isPositionColumn,
|
|
33
|
+
className = _ref.className,
|
|
34
|
+
testId = _ref.testId;
|
|
35
|
+
|
|
36
|
+
var handleChange = function handleChange(val, id) {
|
|
37
|
+
onChange(val ? [].concat((0, _toConsumableArray2.default)(value), [id]) : (0, _toConsumableArray2.default)(value === null || value === void 0 ? void 0 : value.filter(function (el) {
|
|
38
|
+
return el !== id;
|
|
39
|
+
})));
|
|
28
40
|
};
|
|
41
|
+
|
|
29
42
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
30
|
-
className: (0, _classnames.default)(RC, {
|
|
31
|
-
|
|
32
|
-
}, className)
|
|
33
|
-
}, (items === null || items === void 0 ? void 0 : items.map(item => {
|
|
43
|
+
className: (0, _classnames.default)(RC, (0, _defineProperty2.default)({}, "".concat(RC, "_column"), isPositionColumn), className)
|
|
44
|
+
}, (items === null || items === void 0 ? void 0 : items.map(function (item) {
|
|
34
45
|
var _value$includes;
|
|
46
|
+
|
|
35
47
|
return /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
|
|
36
48
|
testId: (item === null || item === void 0 ? void 0 : item.testId) || testId,
|
|
37
49
|
id: item.id,
|
|
38
50
|
className: "".concat(RC, "__checkbox-input"),
|
|
39
51
|
key: item.label,
|
|
40
52
|
label: item.label,
|
|
41
|
-
value: (value === null || value === void 0
|
|
42
|
-
onChange: (val, e)
|
|
53
|
+
value: (value === null || value === void 0 ? void 0 : (_value$includes = value.includes) === null || _value$includes === void 0 ? void 0 : _value$includes.call(value, item.id)) || false,
|
|
54
|
+
onChange: function onChange(val, e) {
|
|
55
|
+
return handleChange(val, item.id, e);
|
|
56
|
+
},
|
|
43
57
|
disabled: disabled || item.disabled
|
|
44
58
|
});
|
|
45
59
|
})) || null);
|
|
46
60
|
};
|
|
47
|
-
|
|
61
|
+
|
|
62
|
+
var _default = CheckboxesLine;
|
|
63
|
+
exports.default = _default;
|