intelicoreact 1.6.20 → 1.6.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 +1 -102
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +1 -89
- package/dist/Atomic/FormElements/Calendar/Calendar.js +1 -232
- package/dist/Atomic/FormElements/Calendar/Calendar.props.js +1 -3
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +1 -101
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +1 -70
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +1 -350
- package/dist/Atomic/FormElements/Datepicker/Datepicker.props.js +1 -3
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.js +1 -177
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.props.js +1 -3
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +1 -561
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +1 -20
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +1 -405
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +1 -94
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +1 -105
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +1 -67
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +1 -247
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +1 -160
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +1 -193
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +1 -135
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js +1 -116
- package/dist/Atomic/FormElements/Input/Input.js +1 -467
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +1 -161
- package/dist/Atomic/FormElements/InputColor/InputColor.js +1 -64
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +1 -166
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +1 -354
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +1 -71
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +1 -693
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +1 -254
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +1 -32
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +1 -200
- package/dist/Atomic/FormElements/InputLink/InputLink.js +1 -99
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +1 -37
- package/dist/Atomic/FormElements/InputMask/InputMask.js +1 -1214
- package/dist/Atomic/FormElements/InputMask/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask/functions.js +1 -58
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +1 -674
- package/dist/Atomic/FormElements/InputMask2/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask2/functions.js +1 -58
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +1 -766
- package/dist/Atomic/FormElements/InputMask3/config.js +1 -15
- package/dist/Atomic/FormElements/InputMask3/functions.js +1 -58
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +1 -114
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +1 -140
- package/dist/Atomic/FormElements/Label/Label.js +1 -82
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +1 -506
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +1 -45
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +1 -331
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +1 -66
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +1 -80
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +1 -64
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +1 -54
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +1 -183
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +1 -209
- package/dist/Atomic/FormElements/RangeList/RangeList.js +1 -175
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +1 -43
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +1 -443
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +1 -858
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +1 -39
- package/dist/Atomic/FormElements/Switcher/Switcher.js +1 -59
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +1 -50
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +1 -47
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +1 -96
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +1 -40
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +1 -64
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +1 -170
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +1 -202
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +1 -67
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +1 -115
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +1 -826
- package/dist/Atomic/FormElements/Text/Text.js +1 -125
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +1 -45
- package/dist/Atomic/FormElements/Textarea/Textarea.js +1 -80
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +1 -176
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +1 -62
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +1 -127
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +1 -220
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +1 -83
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +1 -82
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +1 -101
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +1 -29
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +1 -113
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +1 -30
- package/dist/Atomic/Layout/Header/Header.js +1 -85
- package/dist/Atomic/Layout/Spinner/Spinner.js +1 -39
- package/dist/Atomic/UI/Accordion/Accordion.js +1 -118
- package/dist/Atomic/UI/Accordion/AccordionItem.js +1 -181
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +1 -238
- package/dist/Atomic/UI/AccordionText/AccordionText.js +1 -69
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +1 -207
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +1 -56
- package/dist/Atomic/UI/Alert/Alert.js +1 -72
- package/dist/Atomic/UI/Arrow/Arrow.js +1 -132
- package/dist/Atomic/UI/Box/Box.js +1 -52
- package/dist/Atomic/UI/Button/Button.js +1 -89
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +1 -72
- package/dist/Atomic/UI/Chart/Chart.js +1 -172
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +1 -95
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +1 -80
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +1 -188
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +1 -335
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +1 -43
- package/dist/Atomic/UI/Chart/partial/utils.js +1 -60
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +1 -109
- package/dist/Atomic/UI/DateTime/DateTime.js +1 -57
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +1 -44
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +1 -15
- package/dist/Atomic/UI/DoubleString/DoubleString.js +1 -102
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +1 -226
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +1 -221
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +1 -106
- package/dist/Atomic/UI/Hint/Hint.js +1 -193
- package/dist/Atomic/UI/Hint/partials/_utils.js +1 -51
- package/dist/Atomic/UI/Modal/Modal.js +1 -188
- package/dist/Atomic/UI/Modal/ModalHOC.js +1 -72
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +1 -46
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +1 -83
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +1 -200
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.js +1 -75
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +1 -80
- package/dist/Atomic/UI/NavLine/NavLine.js +1 -293
- package/dist/Atomic/UI/PageTitle/PageTitle.js +1 -75
- package/dist/Atomic/UI/PieChart/PieChart.js +1 -42
- package/dist/Atomic/UI/Price/Price.js +1 -22
- package/dist/Atomic/UI/PriceRange/PriceRange.js +1 -36
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +1 -71
- package/dist/Atomic/UI/Status/Status.js +1 -59
- package/dist/Atomic/UI/Table/Partials/TdCell.js +1 -87
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +1 -38
- package/dist/Atomic/UI/Table/Partials/TdRow.js +1 -99
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +1 -52
- package/dist/Atomic/UI/Table/Table.js +1 -63
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +1 -80
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +1 -28
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +1 -13
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +1 -53
- package/dist/Atomic/UI/Tag/Tag.js +1 -160
- package/dist/Atomic/UI/TagList/TagList.js +1 -251
- package/dist/Atomic/UI/UserBox/UserBox.js +1 -73
- package/dist/Atomic/UI/WizardStepper/constructor.js +1 -84
- package/dist/Atomic/UI/WizardStepper/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +1 -37
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +1 -61
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +1 -39
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +1 -3
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +1 -49
- package/dist/Atomic/UI/WizardStepper/ui/index.js +1 -3
- package/dist/Classes/AbortableFetch.js +1 -454
- package/dist/Classes/AnimatedHandler.js +1 -47
- package/dist/Classes/RESTAPI/index.js +1 -228
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +1 -457
- package/dist/Classes/RESTAPI/partials/ApiBase.js +1 -48
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +1 -112
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +1 -189
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +1 -252
- package/dist/Classes/RESTAPI/partials/Utils.js +1 -92
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +1 -3
- package/dist/Classes/RESTAPI/partials/_utils.js +1 -197
- package/dist/Constants/index.constants.js +1 -78
- package/dist/Functions/Portal.js +1 -22
- package/dist/Functions/customEventListener.js +1 -96
- package/dist/Functions/dateTime.js +1 -149
- package/dist/Functions/fieldValueFormatters.js +1 -405
- package/dist/Functions/guards/assertions.js +1 -66
- package/dist/Functions/guards/safeValue.js +1 -30
- package/dist/Functions/guards/typeGuards.js +1 -116
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +1 -95
- package/dist/Functions/locale/createTranslator.js +1 -32
- package/dist/Functions/operations.js +1 -130
- package/dist/Functions/presets/inputMaskPresets.js +1 -170
- package/dist/Functions/presets/inputPresets.js +1 -60
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +1 -45
- package/dist/Functions/schemas.js +1 -31
- package/dist/Functions/useBodyScrollLock.js +1 -17
- package/dist/Functions/useClickOutside.js +1 -15
- package/dist/Functions/useDebounce.js +1 -17
- package/dist/Functions/useFieldFocus.js +1 -84
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +1 -39
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +1 -159
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +1 -78
- package/dist/Functions/useFormTools/functions/General.js +1 -134
- package/dist/Functions/useFormTools/functions/RenderFields.js +1 -111
- package/dist/Functions/useFormTools/functions/usePrevious.js +1 -12
- package/dist/Functions/useFormTools/index.js +1 -778
- package/dist/Functions/useInputHighlightError.js +1 -67
- package/dist/Functions/useIsMobile/useIsMobile.js +1 -53
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +1 -21
- package/dist/Functions/useKeyPress/useKeyPress.js +1 -75
- package/dist/Functions/useLocalStorage.js +1 -34
- package/dist/Functions/useLocationParams.js +1 -27
- package/dist/Functions/useMediaQuery.js +1 -17
- package/dist/Functions/useMetaInfo.js +1 -43
- package/dist/Functions/useMouseUpOutside.js +1 -16
- package/dist/Functions/useOnlineStatus.js +1 -29
- package/dist/Functions/usePasswordChecker.js +1 -110
- package/dist/Functions/usePrevious.js +1 -12
- package/dist/Functions/useResize.js +1 -31
- package/dist/Functions/useScrollTo.js +1 -17
- package/dist/Functions/useToggle.js +1 -17
- package/dist/Functions/utils.js +1 -522
- package/dist/Langs.js +1 -168
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +1 -21
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +1 -23
- package/dist/Molecular/CustomIcons/components/AppStore.js +1 -29
- package/dist/Molecular/CustomIcons/components/Arrow.js +1 -32
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +1 -17
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +1 -22
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +1 -22
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +1 -17
- package/dist/Molecular/CustomIcons/components/Bell.js +1 -15
- package/dist/Molecular/CustomIcons/components/Button.js +1 -12
- package/dist/Molecular/CustomIcons/components/Campaigns.js +1 -16
- package/dist/Molecular/CustomIcons/components/Check.js +1 -14
- package/dist/Molecular/CustomIcons/components/Check2.js +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +1 -12
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +1 -11
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +1 -27
- package/dist/Molecular/CustomIcons/components/Close.js +1 -14
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +1 -17
- package/dist/Molecular/CustomIcons/components/Delete.js +1 -16
- package/dist/Molecular/CustomIcons/components/Edit.js +1 -15
- package/dist/Molecular/CustomIcons/components/Email.js +1 -31
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +1 -18
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +1 -35
- package/dist/Molecular/CustomIcons/components/Flows.js +1 -15
- package/dist/Molecular/CustomIcons/components/Gift.js +1 -25
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +1 -29
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +1 -29
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +1 -19
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +1 -20
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +1 -19
- package/dist/Molecular/CustomIcons/components/Home.js +1 -16
- package/dist/Molecular/CustomIcons/components/Home2.js +1 -22
- package/dist/Molecular/CustomIcons/components/Key.js +1 -23
- package/dist/Molecular/CustomIcons/components/Landers.js +1 -20
- package/dist/Molecular/CustomIcons/components/Lock.js +1 -15
- package/dist/Molecular/CustomIcons/components/Mail.js +1 -26
- package/dist/Molecular/CustomIcons/components/Mastercard.js +1 -73
- package/dist/Molecular/CustomIcons/components/Minus.js +1 -25
- package/dist/Molecular/CustomIcons/components/Offers.js +1 -16
- package/dist/Molecular/CustomIcons/components/Pause.js +1 -28
- package/dist/Molecular/CustomIcons/components/PayPal.js +1 -41
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +1 -28
- package/dist/Molecular/CustomIcons/components/Phone.js +1 -30
- package/dist/Molecular/CustomIcons/components/Play.js +1 -25
- package/dist/Molecular/CustomIcons/components/Plus.js +1 -25
- package/dist/Molecular/CustomIcons/components/Profile.js +1 -16
- package/dist/Molecular/CustomIcons/components/QRCode.js +1 -29
- package/dist/Molecular/CustomIcons/components/Rectangle.js +1 -12
- package/dist/Molecular/CustomIcons/components/Revert.js +1 -13
- package/dist/Molecular/CustomIcons/components/Star.js +1 -14
- package/dist/Molecular/CustomIcons/components/Star2.js +1 -16
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +1 -14
- package/dist/Molecular/CustomIcons/components/Trash.js +1 -15
- package/dist/Molecular/CustomIcons/components/TrashRed.js +1 -15
- package/dist/Molecular/CustomIcons/components/Triggers.js +1 -15
- package/dist/Molecular/CustomIcons/components/User.js +1 -25
- package/dist/Molecular/CustomIcons/components/Visa.js +1 -31
- package/dist/Molecular/CustomIcons/components/X.js +1 -12
- package/dist/Molecular/CustomIcons/index.js +1 -61
- package/dist/Molecular/FormElement/FormElement.js +1 -54
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +1 -184
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +1 -53
- package/dist/Molecular/InputAddress/InputAddress.js +1 -620
- package/dist/Molecular/InputPassword/InputPassword.js +1 -48
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,125 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import cn from "classnames";
|
|
3
|
-
|
|
4
|
-
import "./Text.scss";
|
|
5
|
-
|
|
6
|
-
const RC = "text";
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
*
|
|
10
|
-
* @param value
|
|
11
|
-
* @param className
|
|
12
|
-
* @param classesObj
|
|
13
|
-
* @param icon
|
|
14
|
-
* @param link
|
|
15
|
-
* @param align
|
|
16
|
-
* @param testId
|
|
17
|
-
* @return {JSX.Element|null}
|
|
18
|
-
* @constructor
|
|
19
|
-
*/
|
|
20
|
-
|
|
21
|
-
// ? Прототип лежит на проекте кабинета src\JS\Components\Atomic\FormElements\Text\Text.js
|
|
22
|
-
// ? Что поменял?
|
|
23
|
-
// ? - в верстке убрал дополнительную вложенность
|
|
24
|
-
// ? (теперь только 1 внешний контейнер, доп. классы назначаются рядом с className)
|
|
25
|
-
// ? - убрал пропы as и isTitle, они были для работы с предзаданными классами связанными с токенизацией
|
|
26
|
-
// ? возможность прокинуть доп. классы объектом с условиями оставил через пропу classesObj
|
|
27
|
-
// ? - заменил пропу text на value
|
|
28
|
-
// ? - заменил пропу iconMain на icon
|
|
29
|
-
// ? - переработал пропу link, может быть строкой или объектом
|
|
30
|
-
// ? если это объект, то у него могут быть свойства
|
|
31
|
-
// ? - path - значение для href
|
|
32
|
-
|
|
33
|
-
// ? - target - значение для атрибута target, имеет смысл передавать, если не передаются onClick или redirect
|
|
34
|
-
|
|
35
|
-
// ? - onClick - альтернативный обработчик нажатия, если он есть то он будет ипользован в приоритете,
|
|
36
|
-
// ? ф-я будет вызвана с 1 аргументом - props, в объекте props будет свойство ev (event) и все содержание link,
|
|
37
|
-
// ? по умолчанию до использования onClick будут вызваны e.preventDefault() и e.stopPropagation
|
|
38
|
-
|
|
39
|
-
// ? - redirect - альтернативный исполнитель редиректа (например history.push),
|
|
40
|
-
// ? если есть и нет onClick - будет вызван с одним аргументом (link.path)
|
|
41
|
-
|
|
42
|
-
// ? - isNoPreventDefault - отключает вызов e.preventDefault перед вызовом onClick или redirect
|
|
43
|
-
|
|
44
|
-
// ? - isNoStopPropagation - отключает вызов e.preventDefault перед вызовом onClick или redirect
|
|
45
|
-
|
|
46
|
-
const Text = ({
|
|
47
|
-
value,
|
|
48
|
-
className,
|
|
49
|
-
classesObj,
|
|
50
|
-
icon,
|
|
51
|
-
link,
|
|
52
|
-
align = "left",
|
|
53
|
-
testId = "text-lib-component",
|
|
54
|
-
}) => {
|
|
55
|
-
if (!value) return null;
|
|
56
|
-
const isLinkAsObj = link instanceof Object && !Array.isArray(link);
|
|
57
|
-
const isLinkAsString = typeof link === "string";
|
|
58
|
-
const isLink = isLinkAsObj || isLinkAsString;
|
|
59
|
-
|
|
60
|
-
const linkObj = isLinkAsObj ? link : {};
|
|
61
|
-
const {
|
|
62
|
-
path = "",
|
|
63
|
-
target,
|
|
64
|
-
redirect,
|
|
65
|
-
onClick: onClickInner,
|
|
66
|
-
isNoPreventDefault,
|
|
67
|
-
isNoStopPropagation,
|
|
68
|
-
} = linkObj;
|
|
69
|
-
|
|
70
|
-
const preparedPath = (() => {
|
|
71
|
-
if (!isLink) return "";
|
|
72
|
-
return isLinkAsObj ? path : link;
|
|
73
|
-
})();
|
|
74
|
-
|
|
75
|
-
const atributes = {};
|
|
76
|
-
|
|
77
|
-
if (typeof onClickInner === "function" || typeof redirect === "function") {
|
|
78
|
-
atributes.onClick = function onClick(ev) {
|
|
79
|
-
if (!isNoPreventDefault) ev.preventDefault();
|
|
80
|
-
if (!isNoStopPropagation) ev.stopPropagation();
|
|
81
|
-
|
|
82
|
-
// ? если переданы и onClick, и redirect, то onClick считается приоритетнее redirect
|
|
83
|
-
if (onClickInner) {
|
|
84
|
-
onClickInner({ ev, ...link });
|
|
85
|
-
return;
|
|
86
|
-
}
|
|
87
|
-
redirect(preparedPath);
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
const mainInner = (
|
|
92
|
-
<>
|
|
93
|
-
{icon && <div className={`${RC}__icon-container`}>{icon}</div>}
|
|
94
|
-
{value}
|
|
95
|
-
</>
|
|
96
|
-
);
|
|
97
|
-
|
|
98
|
-
return (
|
|
99
|
-
<div
|
|
100
|
-
data-testid={testId}
|
|
101
|
-
className={cn(RC, className, {
|
|
102
|
-
[`${RC}-left`]: align === "left",
|
|
103
|
-
[`${RC}-center`]: align === "center",
|
|
104
|
-
[`${RC}-right`]: align === "right",
|
|
105
|
-
[`${RC}-justify`]: align === "justify",
|
|
106
|
-
...classesObj,
|
|
107
|
-
})}
|
|
108
|
-
>
|
|
109
|
-
{isLink ? (
|
|
110
|
-
<a
|
|
111
|
-
{...atributes}
|
|
112
|
-
href={preparedPath}
|
|
113
|
-
target={target ?? "_self"}
|
|
114
|
-
rel="noreferrer"
|
|
115
|
-
>
|
|
116
|
-
{mainInner}
|
|
117
|
-
</a>
|
|
118
|
-
) : (
|
|
119
|
-
mainInner
|
|
120
|
-
)}
|
|
121
|
-
</div>
|
|
122
|
-
);
|
|
123
|
-
};
|
|
124
|
-
|
|
125
|
-
export default Text;
|
|
1
|
+
function e(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function t(t){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(r){e(t,r,n[r])})}return t}import{jsx as r,jsxs as n,Fragment as o}from"react/jsx-runtime";import"react";import c from"classnames";import"./Text.scss";var i="text";export default function(a){var s,l,f,p,u=a.value,y=a.className,b=a.classesObj,O=a.icon,m=a.link,j=a.align,d=void 0===j?"left":j,g=a.testId;if(!u)return null;var v=(null!=(s=Object)&&"undefined"!=typeof Symbol&&s[Symbol.hasInstance]?!!s[Symbol.hasInstance](m):m instanceof s)&&!Array.isArray(m),h="string"==typeof m,P=v||h,w=v?m:{},S=w.path,x=w.target,D=w.redirect,k=w.onClick,N=w.isNoPreventDefault,I=w.isNoStopPropagation,_=P?v?void 0===S?"":S:m:"",A={};("function"==typeof k||"function"==typeof D)&&(A.onClick=function(e){if(N||e.preventDefault(),I||e.stopPropagation(),k)return void k(t({ev:e},m));D(_)});var C=n(o,{children:[O&&r("div",{className:"".concat(i,"__icon-container"),children:O}),u]});return r("div",{"data-testid":void 0===g?"text-lib-component":g,className:c(i,y,t((e(p={},"".concat(i,"-left"),"left"===d),e(p,"".concat(i,"-center"),"center"===d),e(p,"".concat(i,"-right"),"right"===d),e(p,"".concat(i,"-justify"),"justify"===d),p),b)),children:P?r("a",(l=t({},A),f=f={href:_,target:null!=x?x:"_self",rel:"noreferrer",children:C},Object.getOwnPropertyDescriptors?Object.defineProperties(l,Object.getOwnPropertyDescriptors(f)):(function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r.push.apply(r,n)}return r})(Object(f)).forEach(function(e){Object.defineProperty(l,e,Object.getOwnPropertyDescriptor(f,e))}),l)):C})}
|
|
@@ -1,45 +1 @@
|
|
|
1
|
-
function e(e, t, a) {
|
|
2
|
-
return t in e ? Object.defineProperty(e, t, {
|
|
3
|
-
value: a,
|
|
4
|
-
enumerable: !0,
|
|
5
|
-
configurable: !0,
|
|
6
|
-
writable: !0
|
|
7
|
-
}) : e[t] = a, e;
|
|
8
|
-
}
|
|
9
|
-
Object.defineProperty(exports, "__esModule", {
|
|
10
|
-
value: !0
|
|
11
|
-
}), Object.defineProperty(exports, "default", {
|
|
12
|
-
enumerable: !0,
|
|
13
|
-
get: function() {
|
|
14
|
-
return i;
|
|
15
|
-
}
|
|
16
|
-
});
|
|
17
|
-
var t, a = require("react/jsx-runtime"), n = (t = require("classnames")) && t.__esModule ? t : {
|
|
18
|
-
default: t
|
|
19
|
-
};
|
|
20
|
-
require("react"), require("./TextSwitcher.scss");
|
|
21
|
-
var c = 'text-switcher', i = function(t) {
|
|
22
|
-
var i, r = t.isActive, s = t.onChange, l = t.className, d = t.disabled, o = t.activeText, u = t.inactiveText, _ = void 0 === u ? 'is not' : u, b = t.testId, f = void 0 === b ? c : b, v = null == r;
|
|
23
|
-
return (0, a.jsxs)("button", {
|
|
24
|
-
type: "button",
|
|
25
|
-
"data-testid": f,
|
|
26
|
-
className: (0, n.default)(c, (e(i = {}, "".concat(c, "_active"), r), e(i, "".concat(c, "_disabled"), d), i), l),
|
|
27
|
-
onClick: function() {
|
|
28
|
-
return s(!r);
|
|
29
|
-
},
|
|
30
|
-
disabled: d,
|
|
31
|
-
children: [
|
|
32
|
-
(0, a.jsx)("span", {
|
|
33
|
-
className: "".concat(c, "__btn"),
|
|
34
|
-
children: void 0 === o ? 'is' : o
|
|
35
|
-
}),
|
|
36
|
-
_ && (0, a.jsx)("span", {
|
|
37
|
-
className: (0, n.default)("".concat(c, "__btn"), "".concat(c, "__btn_off")),
|
|
38
|
-
children: _
|
|
39
|
-
}),
|
|
40
|
-
!v && (0, a.jsx)("div", {
|
|
41
|
-
className: (0, n.default)("".concat(c, "__slider"), e({}, "".concat(c, "__slider_inactive"), !r))
|
|
42
|
-
})
|
|
43
|
-
]
|
|
44
|
-
});
|
|
45
|
-
};
|
|
1
|
+
function e(e,t,a){return t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a,e}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return i}});var t,a=require("react/jsx-runtime"),n=(t=require("classnames"))&&t.__esModule?t:{default:t};require("react"),require("./TextSwitcher.scss");var c="text-switcher",i=function(t){var i,r=t.isActive,s=t.onChange,l=t.className,d=t.disabled,o=t.activeText,u=t.inactiveText,_=void 0===u?"is not":u,b=t.testId,f=void 0===b?c:b,v=null==r;return(0,a.jsxs)("button",{type:"button","data-testid":f,className:(0,n.default)(c,(e(i={},"".concat(c,"_active"),r),e(i,"".concat(c,"_disabled"),d),i),l),onClick:function(){return s(!r)},disabled:d,children:[(0,a.jsx)("span",{className:"".concat(c,"__btn"),children:void 0===o?"is":o}),_&&(0,a.jsx)("span",{className:(0,n.default)("".concat(c,"__btn"),"".concat(c,"__btn_off")),children:_}),!v&&(0,a.jsx)("div",{className:(0,n.default)("".concat(c,"__slider"),e({},"".concat(c,"__slider_inactive"),!r))})]})};
|
|
@@ -1,80 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
|
|
5
|
-
import { formatToOnlyASCIICodeText } from "../../../Functions/fieldValueFormatters";
|
|
6
|
-
|
|
7
|
-
import "./Textarea.scss";
|
|
8
|
-
|
|
9
|
-
const RC = "textarea";
|
|
10
|
-
|
|
11
|
-
const Textarea = forwardRef(
|
|
12
|
-
(
|
|
13
|
-
{
|
|
14
|
-
id,
|
|
15
|
-
value,
|
|
16
|
-
onChange,
|
|
17
|
-
onFocus,
|
|
18
|
-
onBlur,
|
|
19
|
-
placeholder,
|
|
20
|
-
disabled,
|
|
21
|
-
className,
|
|
22
|
-
isNotValidateASCII = false,
|
|
23
|
-
testId = RC,
|
|
24
|
-
withAutoGrow,
|
|
25
|
-
onKeyDown = () => {},
|
|
26
|
-
},
|
|
27
|
-
ref,
|
|
28
|
-
) => {
|
|
29
|
-
const internalRef = useRef();
|
|
30
|
-
const textareaRef = ref || internalRef;
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
const handle = {
|
|
34
|
-
change: (val) => {
|
|
35
|
-
let inputValue = val;
|
|
36
|
-
if (!isNotValidateASCII)
|
|
37
|
-
inputValue = formatToOnlyASCIICodeText(inputValue);
|
|
38
|
-
|
|
39
|
-
onChange(inputValue);
|
|
40
|
-
},
|
|
41
|
-
focus: (e) => {
|
|
42
|
-
onFocus?.(e);
|
|
43
|
-
},
|
|
44
|
-
blur: (e) => {
|
|
45
|
-
onBlur?.(e);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
const autoGrow = (el) => {
|
|
50
|
-
el.style.height = "5px";
|
|
51
|
-
el.style.height = el.scrollHeight + "px";
|
|
52
|
-
};
|
|
53
|
-
|
|
54
|
-
useEffect(() => {
|
|
55
|
-
if (withAutoGrow) {
|
|
56
|
-
autoGrow(textareaRef?.current);
|
|
57
|
-
}
|
|
58
|
-
}, [value, withAutoGrow]);
|
|
59
|
-
|
|
60
|
-
return (
|
|
61
|
-
<div data-testid={testId} className={cn(`${RC}`, className)}>
|
|
62
|
-
<textarea
|
|
63
|
-
id={id ?? Math.random().toString(16).slice(2)}
|
|
64
|
-
data-testid={`${testId}-textarea`}
|
|
65
|
-
className={`${RC}__textarea`}
|
|
66
|
-
value={value}
|
|
67
|
-
onChange={(e) => handle.change(e.target.value)}
|
|
68
|
-
placeholder={placeholder}
|
|
69
|
-
disabled={disabled}
|
|
70
|
-
onKeyDown={onKeyDown}
|
|
71
|
-
ref={textareaRef}
|
|
72
|
-
onFocus={handle.focus}
|
|
73
|
-
onBlur={handle.blur}
|
|
74
|
-
/>
|
|
75
|
-
</div>
|
|
76
|
-
);
|
|
77
|
-
},
|
|
78
|
-
);
|
|
79
|
-
|
|
80
|
-
export default Textarea;
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{forwardRef as e,useEffect as a,useRef as o}from"react";import n from"classnames";import{formatToOnlyASCIICodeText as r}from"../../../Functions/fieldValueFormatters";import"./Textarea.scss";var i="textarea",l=e(function(e,l){var c=e.id,s=e.value,u=e.onChange,d=e.onFocus,m=e.onBlur,f=e.placeholder,h=e.disabled,v=e.className,p=e.isNotValidateASCII,x=void 0!==p&&p,g=e.testId,w=void 0===g?i:g,y=e.withAutoGrow,F=e.onKeyDown,N=o(),C=l||N,I=function(t){var e=t;x||(e=r(e)),u(e)},b=function(t){t.style.height="5px",t.style.height=t.scrollHeight+"px"};return a(function(){y&&b(null==C?void 0:C.current)},[s,y]),t("div",{"data-testid":w,className:n("".concat(i),v),children:t("textarea",{id:null!=c?c:Math.random().toString(16).slice(2),"data-testid":"".concat(w,"-textarea"),className:"".concat(i,"__textarea"),value:s,onChange:function(t){return I(t.target.value)},placeholder:f,disabled:h,onKeyDown:void 0===F?function(){}:F,ref:C,onFocus:function(t){null==d||d(t)},onBlur:function(t){null==m||m(t)}})})});export default l;
|
|
@@ -1,176 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
|
|
5
|
-
import { compareAlphabetical } from "../../../Functions/utils";
|
|
6
|
-
import CheckboxInput from "../CheckboxInput/CheckboxInput";
|
|
7
|
-
|
|
8
|
-
import AccordionWithCheckbox from "./partial/AccordionWithCheckbox";
|
|
9
|
-
|
|
10
|
-
import "./TieredCheckboxes.scss";
|
|
11
|
-
|
|
12
|
-
const RC = "tiered-checkboxes";
|
|
13
|
-
|
|
14
|
-
const TieredCheckboxes = ({
|
|
15
|
-
items = {},
|
|
16
|
-
className,
|
|
17
|
-
onChange,
|
|
18
|
-
isUseParentsClassesAsDataset,
|
|
19
|
-
isUseAccordionForGroup,
|
|
20
|
-
accordionIcons,
|
|
21
|
-
isOnlyOne = false,
|
|
22
|
-
sortGroups = false,
|
|
23
|
-
sortGroupItems = false,
|
|
24
|
-
}) => {
|
|
25
|
-
const handle = {
|
|
26
|
-
changeParent: (value, key, prop) => {
|
|
27
|
-
const parent = items.find((item) => item.key === key);
|
|
28
|
-
if (prop) parent[prop] = value;
|
|
29
|
-
else parent.value = value;
|
|
30
|
-
|
|
31
|
-
if (!prop) {
|
|
32
|
-
if (value)
|
|
33
|
-
parent.children
|
|
34
|
-
.filter(({ disabled }) => !disabled)
|
|
35
|
-
.forEach((item) => (item.value = true));
|
|
36
|
-
else
|
|
37
|
-
parent.children
|
|
38
|
-
.filter(({ disabled }) => !disabled)
|
|
39
|
-
.forEach((item) => (item.value = false));
|
|
40
|
-
}
|
|
41
|
-
onChange([...items]);
|
|
42
|
-
},
|
|
43
|
-
changeChild: (value, key, parentKey) => {
|
|
44
|
-
if (isOnlyOne) {
|
|
45
|
-
const parent = items.find((item) => item.key === parentKey);
|
|
46
|
-
parent.children.find((item) => item.key === key).value = value;
|
|
47
|
-
|
|
48
|
-
parent.children.map((item) => {
|
|
49
|
-
if (item.key !== key && value === true) {
|
|
50
|
-
item.disabled = true;
|
|
51
|
-
parent.disabled = true;
|
|
52
|
-
} else if (item.key !== key && value === false) {
|
|
53
|
-
item.disabled = false;
|
|
54
|
-
parent.disabled = false;
|
|
55
|
-
} else item.disabled = false;
|
|
56
|
-
return item;
|
|
57
|
-
});
|
|
58
|
-
|
|
59
|
-
parent.disabled = true;
|
|
60
|
-
} else {
|
|
61
|
-
const parent = items.find((item) => item.key === parentKey);
|
|
62
|
-
parent.children.find((item) => item.key === key).value = value;
|
|
63
|
-
|
|
64
|
-
if (parent.children.every((item) => item.value)) parent.value = true;
|
|
65
|
-
else parent.value = false;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
onChange([...items]);
|
|
69
|
-
},
|
|
70
|
-
isAllChecked: (item) => {
|
|
71
|
-
return (
|
|
72
|
-
item?.children.some((item) => item.value) &&
|
|
73
|
-
!item?.children.every((item) => item.value)
|
|
74
|
-
);
|
|
75
|
-
},
|
|
76
|
-
};
|
|
77
|
-
|
|
78
|
-
const preparedItems = useMemo(() => {
|
|
79
|
-
let newItems = [...items];
|
|
80
|
-
|
|
81
|
-
if (sortGroups) {
|
|
82
|
-
newItems = newItems?.sort(compareAlphabetical);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
if (sortGroupItems) {
|
|
86
|
-
newItems = newItems?.map((parent) => {
|
|
87
|
-
if (parent?.children) {
|
|
88
|
-
parent.children = parent?.children?.sort(compareAlphabetical);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
return parent;
|
|
92
|
-
});
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
return newItems;
|
|
96
|
-
}, [items]);
|
|
97
|
-
|
|
98
|
-
const renderInner = (parent) => {
|
|
99
|
-
return (
|
|
100
|
-
parent.children &&
|
|
101
|
-
parent.children.map((child) => (
|
|
102
|
-
<div key={child.key} className={`${RC}__children`}>
|
|
103
|
-
<CheckboxInput
|
|
104
|
-
testId={child.key}
|
|
105
|
-
label={child.label}
|
|
106
|
-
value={child.value}
|
|
107
|
-
disabled={child?.disabled}
|
|
108
|
-
onChange={(value) =>
|
|
109
|
-
handle.changeChild(value, child.key, parent.key)
|
|
110
|
-
}
|
|
111
|
-
/>
|
|
112
|
-
</div>
|
|
113
|
-
))
|
|
114
|
-
);
|
|
115
|
-
};
|
|
116
|
-
|
|
117
|
-
return (
|
|
118
|
-
<div className={cn(RC, className)}>
|
|
119
|
-
{preparedItems.map((parent) => {
|
|
120
|
-
const datasetProp =
|
|
121
|
-
isUseParentsClassesAsDataset && parent?.className
|
|
122
|
-
? { "data-key": parent?.className }
|
|
123
|
-
: {};
|
|
124
|
-
if (isUseAccordionForGroup) {
|
|
125
|
-
return (
|
|
126
|
-
<AccordionWithCheckbox
|
|
127
|
-
key={parent.key}
|
|
128
|
-
RC={RC}
|
|
129
|
-
parent={parent}
|
|
130
|
-
datasetProp={datasetProp}
|
|
131
|
-
isUseParentsClassesAsDataset={isUseParentsClassesAsDataset}
|
|
132
|
-
className={`${RC}__mono-accordion`}
|
|
133
|
-
setIsOpen={() =>
|
|
134
|
-
handle.changeParent(!parent.isOpen, parent.key, "isOpen")
|
|
135
|
-
}
|
|
136
|
-
onChange={(value) => handle.changeParent(value, parent.key)}
|
|
137
|
-
icon={
|
|
138
|
-
!parent.isOpen
|
|
139
|
-
? accordionIcons?.[0] || null
|
|
140
|
-
: accordionIcons?.[1] || null
|
|
141
|
-
}
|
|
142
|
-
// disabled={parent.children?.every?.((child) => child.disabled)}
|
|
143
|
-
>
|
|
144
|
-
{renderInner(parent)}
|
|
145
|
-
</AccordionWithCheckbox>
|
|
146
|
-
);
|
|
147
|
-
}
|
|
148
|
-
return (
|
|
149
|
-
<div
|
|
150
|
-
{...datasetProp}
|
|
151
|
-
key={parent.key}
|
|
152
|
-
className={cn(`${RC}__parents`, {
|
|
153
|
-
[`${parent.className}`]: !isUseParentsClassesAsDataset,
|
|
154
|
-
})}
|
|
155
|
-
>
|
|
156
|
-
<CheckboxInput
|
|
157
|
-
isStark={handle.isAllChecked(parent)}
|
|
158
|
-
label={parent.label}
|
|
159
|
-
value={parent.value}
|
|
160
|
-
onChange={(value) => handle.changeParent(value, parent.key)}
|
|
161
|
-
disabled={
|
|
162
|
-
parent.children.every(({ disabled }) => disabled === true) ||
|
|
163
|
-
parent.disabled
|
|
164
|
-
}
|
|
165
|
-
/>
|
|
166
|
-
<div className={cn(`${RC}__parent__children`)}>
|
|
167
|
-
{renderInner(parent)}
|
|
168
|
-
</div>
|
|
169
|
-
</div>
|
|
170
|
-
);
|
|
171
|
-
})}
|
|
172
|
-
</div>
|
|
173
|
-
);
|
|
174
|
-
};
|
|
175
|
-
|
|
176
|
-
export default TieredCheckboxes;
|
|
1
|
+
function e(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=Array(n);r<n;r++)t[r]=e[r];return t}function n(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function r(n){return function(n){if(Array.isArray(n))return e(n)}(n)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(n,r){if(n){if("string"==typeof n)return e(n,void 0);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return e(n,r)}}(n)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as t}from"react/jsx-runtime";import{createElement as i}from"react";import{useMemo as o}from"react";import a from"classnames";import{compareAlphabetical as c}from"../../../Functions/utils";import l from"../CheckboxInput/CheckboxInput";import u from"./partial/AccordionWithCheckbox";import"./TieredCheckboxes.scss";var s="tiered-checkboxes";export default function(e){var d=e.items,f=void 0===d?{}:d,p=e.className,v=e.onChange,y=e.isUseParentsClassesAsDataset,b=e.isUseAccordionForGroup,h=e.accordionIcons,m=e.isOnlyOne,O=void 0!==m&&m,k=e.sortGroups,g=void 0!==k&&k,j=e.sortGroupItems,P=void 0!==j&&j,C={changeParent:function(e,n,t){var i=f.find(function(e){return e.key===n});t?i[t]=e:i.value=e,t||(e?i.children.filter(function(e){return!e.disabled}).forEach(function(e){return e.value=!0}):i.children.filter(function(e){return!e.disabled}).forEach(function(e){return e.value=!1})),v(r(f))},changeChild:function(e,n,t){if(O){var i=f.find(function(e){return e.key===t});i.children.find(function(e){return e.key===n}).value=e,i.children.map(function(r){return r.key!==n&&!0===e?(r.disabled=!0,i.disabled=!0):r.key!==n&&!1===e?(r.disabled=!1,i.disabled=!1):r.disabled=!1,r}),i.disabled=!0}else{var o=f.find(function(e){return e.key===t});o.children.find(function(e){return e.key===n}).value=e,o.children.every(function(e){return e.value})?o.value=!0:o.value=!1}v(r(f))},isAllChecked:function(e){return(null==e?void 0:e.children.some(function(e){return e.value}))&&!(null==e?void 0:e.children.every(function(e){return e.value}))}},A=o(function(){var e=r(f);return g&&(e=null==e?void 0:e.sort(c)),P&&(e=null==e?void 0:e.map(function(e){if(null==e?void 0:e.children){var n;e.children=null==e||null==(n=e.children)?void 0:n.sort(c)}return e})),e},[f]),w=function(e){return e.children&&e.children.map(function(n){return t("div",{className:"".concat(s,"__children"),children:t(l,{testId:n.key,label:n.label,value:n.value,disabled:null==n?void 0:n.disabled,onChange:function(r){return C.changeChild(r,n.key,e.key)}})},n.key)})};return t("div",{className:a(s,p),children:A.map(function(e){var r,o,c=y&&(null==e?void 0:e.className)?{"data-key":null==e?void 0:e.className}:{};return b?t(u,{RC:s,parent:e,datasetProp:c,isUseParentsClassesAsDataset:y,className:"".concat(s,"__mono-accordion"),setIsOpen:function(){return C.changeParent(!e.isOpen,e.key,"isOpen")},onChange:function(n){return C.changeParent(n,e.key)},icon:e.isOpen?(null==h?void 0:h[1])||null:(null==h?void 0:h[0])||null,children:w(e)},e.key):i("div",(r=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.forEach(function(r){n(e,r,t[r])})}return e}({},c),o=o={key:e.key,className:a("".concat(s,"__parents"),n({},"".concat(e.className),!y)),children:[t(l,{isStark:C.isAllChecked(e),label:e.label,value:e.value,onChange:function(n){return C.changeParent(n,e.key)},disabled:e.children.every(function(e){return!0===e.disabled})||e.disabled}),t("div",{className:a("".concat(s,"__parent__children")),children:w(e)})]},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):(function(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r})(Object(o)).forEach(function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}),r))})})}
|
|
@@ -1,62 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
import cn from "classnames";
|
|
4
|
-
|
|
5
|
-
import MonoAccordion from "../../../UI/MonoAccordion/MonoAccordion";
|
|
6
|
-
import CheckboxInput from "../../CheckboxInput/CheckboxInput";
|
|
7
|
-
|
|
8
|
-
import "../TieredCheckboxes.scss";
|
|
9
|
-
|
|
10
|
-
const AccordionWithCheckbox = ({
|
|
11
|
-
children,
|
|
12
|
-
parent,
|
|
13
|
-
onChange,
|
|
14
|
-
className,
|
|
15
|
-
RC,
|
|
16
|
-
setIsOpen,
|
|
17
|
-
icon,
|
|
18
|
-
disabled,
|
|
19
|
-
datasetProp,
|
|
20
|
-
isUseParentsClassesAsDataset,
|
|
21
|
-
}) => {
|
|
22
|
-
return (
|
|
23
|
-
<MonoAccordion
|
|
24
|
-
datasetProp={datasetProp}
|
|
25
|
-
className={cn(className, {
|
|
26
|
-
[`${parent.className}`]: !isUseParentsClassesAsDataset,
|
|
27
|
-
})}
|
|
28
|
-
isOpen={parent.isOpen}
|
|
29
|
-
onClick={setIsOpen}
|
|
30
|
-
icon={icon}
|
|
31
|
-
disabled={disabled}
|
|
32
|
-
// disabled={parent.children?.every?.((child) => child.disabled)}
|
|
33
|
-
titleJSX={
|
|
34
|
-
<>
|
|
35
|
-
<CheckboxInput
|
|
36
|
-
className={`${RC}__checkbox-input`}
|
|
37
|
-
isStark={
|
|
38
|
-
parent?.children?.some?.((item) => item.value) &&
|
|
39
|
-
!parent?.children?.every?.((item) => item.value)
|
|
40
|
-
}
|
|
41
|
-
label={parent.label}
|
|
42
|
-
value={parent.value}
|
|
43
|
-
onChange={onChange}
|
|
44
|
-
disabled={
|
|
45
|
-
parent.children.every(({ disabled }) => disabled === true) ||
|
|
46
|
-
parent.disabled
|
|
47
|
-
}
|
|
48
|
-
/>
|
|
49
|
-
<span className={`${RC}__description-checked`}>
|
|
50
|
-
{parent?.children?.length
|
|
51
|
-
? `Selected ${parent.children.filter((child) => child.value).length} from ${parent.children?.length}`
|
|
52
|
-
: null}
|
|
53
|
-
</span>
|
|
54
|
-
</>
|
|
55
|
-
}
|
|
56
|
-
>
|
|
57
|
-
{children}
|
|
58
|
-
</MonoAccordion>
|
|
59
|
-
);
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
export default AccordionWithCheckbox;
|
|
1
|
+
import{jsx as e,jsxs as n,Fragment as l}from"react/jsx-runtime";import"react";import a from"classnames";import c from"../../../UI/MonoAccordion/MonoAccordion";import r from"../../CheckboxInput/CheckboxInput";import"../TieredCheckboxes.scss";export default function(t){var i,o,s,d,u,m,h,p,b,f=t.children,v=t.parent,x=t.onChange,C=t.className,g=t.RC,k=t.setIsOpen,N=t.icon,j=t.disabled,I=t.datasetProp,O=t.isUseParentsClassesAsDataset;return e(c,{datasetProp:I,className:a(C,(i={},o="".concat(v.className),s=!O,o in i?Object.defineProperty(i,o,{value:s,enumerable:!0,configurable:!0,writable:!0}):i[o]=s,i)),isOpen:v.isOpen,onClick:k,icon:N,disabled:j,titleJSX:n(l,{children:[e(r,{className:"".concat(g,"__checkbox-input"),isStark:(null==v||null==(u=v.children)||null==(d=u.some)?void 0:d.call(u,function(e){return e.value}))&&!(null==v||null==(h=v.children)||null==(m=h.every)?void 0:m.call(h,function(e){return e.value})),label:v.label,value:v.value,onChange:x,disabled:v.children.every(function(e){return!0===e.disabled})||v.disabled}),e("span",{className:"".concat(g,"__description-checked"),children:(null==v||null==(p=v.children)?void 0:p.length)?"Selected ".concat(v.children.filter(function(e){return e.value}).length," from ").concat(null==(b=v.children)?void 0:b.length):null})]}),children:f})}
|
|
@@ -1,127 +1 @@
|
|
|
1
|
-
function e(e, t) {
|
|
2
|
-
(null == t || t > e.length) && (t = e.length);
|
|
3
|
-
for(var r = 0, n = Array(t); r < t; r++)n[r] = e[r];
|
|
4
|
-
return n;
|
|
5
|
-
}
|
|
6
|
-
function t(t, r) {
|
|
7
|
-
return function(e) {
|
|
8
|
-
if (Array.isArray(e)) return e;
|
|
9
|
-
}(t) || function(e, t) {
|
|
10
|
-
var r, n, u = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
|
|
11
|
-
if (null != u) {
|
|
12
|
-
var a = [], o = !0, i = !1;
|
|
13
|
-
try {
|
|
14
|
-
for(u = u.call(e); !(o = (r = u.next()).done) && (a.push(r.value), !t || a.length !== t); o = !0);
|
|
15
|
-
} catch (e) {
|
|
16
|
-
i = !0, n = e;
|
|
17
|
-
} finally{
|
|
18
|
-
try {
|
|
19
|
-
o || null == u.return || u.return();
|
|
20
|
-
} finally{
|
|
21
|
-
if (i) throw n;
|
|
22
|
-
}
|
|
23
|
-
}
|
|
24
|
-
return a;
|
|
25
|
-
}
|
|
26
|
-
}(t, r) || function(t, r) {
|
|
27
|
-
if (t) {
|
|
28
|
-
if ("string" == typeof t) return e(t, r);
|
|
29
|
-
var n = Object.prototype.toString.call(t).slice(8, -1);
|
|
30
|
-
if ("Object" === n && t.constructor && (n = t.constructor.name), "Map" === n || "Set" === n) return Array.from(n);
|
|
31
|
-
if ("Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return e(t, r);
|
|
32
|
-
}
|
|
33
|
-
}(t, r) || function() {
|
|
34
|
-
throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
35
|
-
}();
|
|
36
|
-
}
|
|
37
|
-
Object.defineProperty(exports, "__esModule", {
|
|
38
|
-
value: !0
|
|
39
|
-
}), Object.defineProperty(exports, "default", {
|
|
40
|
-
enumerable: !0,
|
|
41
|
-
get: function() {
|
|
42
|
-
return d;
|
|
43
|
-
}
|
|
44
|
-
});
|
|
45
|
-
var r = require("react/jsx-runtime"), n = f(require("classnames")), u = f(require("moment")), a = function(e, t) {
|
|
46
|
-
if (e && e.__esModule) return e;
|
|
47
|
-
if (null === e || (void 0 === e ? "undefined" : e && "undefined" != typeof Symbol && e.constructor === Symbol ? "symbol" : typeof e) != "object" && "function" != typeof e) return {
|
|
48
|
-
default: e
|
|
49
|
-
};
|
|
50
|
-
var r = s(t);
|
|
51
|
-
if (r && r.has(e)) return r.get(e);
|
|
52
|
-
var n = {
|
|
53
|
-
__proto__: null
|
|
54
|
-
}, u = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
55
|
-
for(var a in e)if ("default" !== a && Object.prototype.hasOwnProperty.call(e, a)) {
|
|
56
|
-
var o = u ? Object.getOwnPropertyDescriptor(e, a) : null;
|
|
57
|
-
o && (o.get || o.set) ? Object.defineProperty(n, a, o) : n[a] = e[a];
|
|
58
|
-
}
|
|
59
|
-
return n.default = e, r && r.set(e, n), n;
|
|
60
|
-
}(require("react")), o = f(require("../../../Functions/useToggle")), i = f(require("../Input/Input")), l = f(require("../Label"));
|
|
61
|
-
function f(e) {
|
|
62
|
-
return e && e.__esModule ? e : {
|
|
63
|
-
default: e
|
|
64
|
-
};
|
|
65
|
-
}
|
|
66
|
-
function s(e) {
|
|
67
|
-
if ("function" != typeof WeakMap) return null;
|
|
68
|
-
var t = new WeakMap(), r = new WeakMap();
|
|
69
|
-
return (s = function(e) {
|
|
70
|
-
return e ? r : t;
|
|
71
|
-
})(e);
|
|
72
|
-
}
|
|
73
|
-
require("./TimeRange.scss");
|
|
74
|
-
var c = 'time-range', d = function(e) {
|
|
75
|
-
var f = e.className, s = e.from, d = e.to, m = e.labelFrom, p = e.labelTo, y = e.testId, b = void 0 === y ? c : y, g = t((0, a.useState)(void 0 === s ? '' : s), 2), v = g[0], j = g[1], h = t((0, a.useState)(void 0 === d ? '' : d), 2), _ = h[0], M = h[1], H = (0, o.default)().isToggled, O = (0, o.default)().isToggled, x = (0, a.useMemo)(function() {
|
|
76
|
-
return (0, u.default)(v, 'HH:mm', !0).isValid();
|
|
77
|
-
}, [
|
|
78
|
-
v
|
|
79
|
-
]), S = (0, a.useMemo)(function() {
|
|
80
|
-
return (0, u.default)(_, 'HH:mm', !0).isValid();
|
|
81
|
-
}, [
|
|
82
|
-
_
|
|
83
|
-
]), q = function(e, t) {
|
|
84
|
-
t(e ? (0, u.default)(e, 'HH:mm').format('HH:mm') : '');
|
|
85
|
-
};
|
|
86
|
-
return (0, r.jsx)("div", {
|
|
87
|
-
"data-testid": b,
|
|
88
|
-
className: (0, n.default)(c, f),
|
|
89
|
-
children: (0, r.jsxs)("div", {
|
|
90
|
-
className: "time-range__range",
|
|
91
|
-
children: [
|
|
92
|
-
(0, r.jsx)(l.default, {
|
|
93
|
-
label: m || 'Between'
|
|
94
|
-
}),
|
|
95
|
-
(0, r.jsx)(i.default, {
|
|
96
|
-
className: "time-range__input",
|
|
97
|
-
value: v,
|
|
98
|
-
onChange: function(e) {
|
|
99
|
-
return j(e);
|
|
100
|
-
},
|
|
101
|
-
placeholder: "00:00",
|
|
102
|
-
onBlur: function() {
|
|
103
|
-
return q(v, j);
|
|
104
|
-
},
|
|
105
|
-
error: H || !x ? 'HH:MM format' : '',
|
|
106
|
-
testId: "start-time-input"
|
|
107
|
-
}),
|
|
108
|
-
(0, r.jsx)(l.default, {
|
|
109
|
-
label: p || 'and'
|
|
110
|
-
}),
|
|
111
|
-
(0, r.jsx)(i.default, {
|
|
112
|
-
className: "time-range__input",
|
|
113
|
-
value: _,
|
|
114
|
-
onChange: function(e) {
|
|
115
|
-
return M(e);
|
|
116
|
-
},
|
|
117
|
-
placeholder: "00:00",
|
|
118
|
-
onBlur: function() {
|
|
119
|
-
return q(_, M);
|
|
120
|
-
},
|
|
121
|
-
error: O || !S ? 'HH:MM format' : '',
|
|
122
|
-
testId: "end-time-input"
|
|
123
|
-
})
|
|
124
|
-
]
|
|
125
|
-
})
|
|
126
|
-
});
|
|
127
|
-
};
|
|
1
|
+
function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(t,r){return function(e){if(Array.isArray(e))return e}(t)||function(e,t){var r,n,u=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=u){var a=[],o=!0,i=!1;try{for(u=u.call(e);!(o=(r=u.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){i=!0,n=e}finally{try{o||null==u.return||u.return()}finally{if(i)throw n}}return a}}(t,r)||function(t,r){if(t){if("string"==typeof t)return e(t,r);var n=Object.prototype.toString.call(t).slice(8,-1);if("Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return e(t,r)}}(t,r)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return d}});var r=require("react/jsx-runtime"),n=f(require("classnames")),u=f(require("moment")),a=function(e,t){if(e&&e.__esModule)return e;if(null===e||(void 0===e?"undefined":e&&"undefined"!=typeof Symbol&&e.constructor===Symbol?"symbol":typeof e)!="object"&&"function"!=typeof e)return{default:e};var r=s(t);if(r&&r.has(e))return r.get(e);var n={__proto__:null},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var o=u?Object.getOwnPropertyDescriptor(e,a):null;o&&(o.get||o.set)?Object.defineProperty(n,a,o):n[a]=e[a]}return n.default=e,r&&r.set(e,n),n}(require("react")),o=f(require("../../../Functions/useToggle")),i=f(require("../Input/Input")),l=f(require("../Label"));function f(e){return e&&e.__esModule?e:{default:e}}function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(s=function(e){return e?r:t})(e)}require("./TimeRange.scss");var c="time-range",d=function(e){var f=e.className,s=e.from,d=e.to,m=e.labelFrom,p=e.labelTo,y=e.testId,b=void 0===y?c:y,g=t((0,a.useState)(void 0===s?"":s),2),v=g[0],j=g[1],h=t((0,a.useState)(void 0===d?"":d),2),_=h[0],M=h[1],H=(0,o.default)().isToggled,O=(0,o.default)().isToggled,x=(0,a.useMemo)(function(){return(0,u.default)(v,"HH:mm",!0).isValid()},[v]),S=(0,a.useMemo)(function(){return(0,u.default)(_,"HH:mm",!0).isValid()},[_]),q=function(e,t){t(e?(0,u.default)(e,"HH:mm").format("HH:mm"):"")};return(0,r.jsx)("div",{"data-testid":b,className:(0,n.default)(c,f),children:(0,r.jsxs)("div",{className:"time-range__range",children:[(0,r.jsx)(l.default,{label:m||"Between"}),(0,r.jsx)(i.default,{className:"time-range__input",value:v,onChange:function(e){return j(e)},placeholder:"00:00",onBlur:function(){return q(v,j)},error:H||!x?"HH:MM format":"",testId:"start-time-input"}),(0,r.jsx)(l.default,{label:p||"and"}),(0,r.jsx)(i.default,{className:"time-range__input",value:_,onChange:function(e){return M(e)},placeholder:"00:00",onBlur:function(){return q(_,M)},error:O||!S?"HH:MM format":"",testId:"end-time-input"})]})})};
|