intelicoreact 1.6.19 → 1.6.20
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 +102 -1
- package/dist/Atomic/FormElements/AdvancedStatus/AdvancedStatus.js +89 -1
- package/dist/Atomic/FormElements/Calendar/Calendar.js +232 -1
- package/dist/Atomic/FormElements/Calendar/Calendar.props.js +3 -1
- package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js +101 -1
- package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js +70 -1
- package/dist/Atomic/FormElements/Datepicker/Datepicker.js +350 -1
- package/dist/Atomic/FormElements/Datepicker/Datepicker.props.js +3 -1
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.js +177 -1
- package/dist/Atomic/FormElements/Datepicker/components/DatepickerCalendar.props.js +3 -1
- package/dist/Atomic/FormElements/Dropdown/Dropdown.js +561 -1
- package/dist/Atomic/FormElements/Dropdown/components/DropdownLoader.js +20 -1
- package/dist/Atomic/FormElements/DropdownLiveSearch/DropdownLiveSearch.js +405 -1
- package/dist/Atomic/FormElements/FileLoader/FileLoader.js +94 -1
- package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js +105 -1
- package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js +67 -1
- package/dist/Atomic/FormElements/FileLoaderDescription/FileLoaderDescription.js +247 -1
- package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js +160 -1
- package/dist/Atomic/FormElements/FileLoaderLocalGroup/FileLoaderLocalGroup.js +193 -1
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN.js +135 -1
- package/dist/Atomic/FormElements/FormattedRawSSN/FormattedRawSSN_old.js +116 -1
- package/dist/Atomic/FormElements/Input/Input.js +467 -1
- package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js +161 -1
- package/dist/Atomic/FormElements/InputColor/InputColor.js +64 -1
- package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js +166 -1
- package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js +354 -1
- package/dist/Atomic/FormElements/InputDateRange/components/DateInput.js +71 -1
- package/dist/Atomic/FormElements/InputDateRange/components/Datepicker.js +693 -1
- package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js +254 -1
- package/dist/Atomic/FormElements/InputDateRange/components/SelectItem.js +32 -1
- package/dist/Atomic/FormElements/InputDateRange/dependencies.js +200 -1
- package/dist/Atomic/FormElements/InputLink/InputLink.js +99 -1
- package/dist/Atomic/FormElements/InputMask/InputCarretPosition.js +37 -1
- package/dist/Atomic/FormElements/InputMask/InputMask.js +1214 -1
- package/dist/Atomic/FormElements/InputMask/config.js +15 -1
- package/dist/Atomic/FormElements/InputMask/functions.js +58 -1
- package/dist/Atomic/FormElements/InputMask2/InputMask2.js +674 -1
- package/dist/Atomic/FormElements/InputMask2/config.js +15 -1
- package/dist/Atomic/FormElements/InputMask2/functions.js +58 -1
- package/dist/Atomic/FormElements/InputMask3/InputMask3.js +766 -1
- package/dist/Atomic/FormElements/InputMask3/config.js +15 -1
- package/dist/Atomic/FormElements/InputMask3/functions.js +58 -1
- package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js +114 -1
- package/dist/Atomic/FormElements/InputsRow/InputsRow.js +140 -1
- package/dist/Atomic/FormElements/Label/Label.js +82 -1
- package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js +506 -1
- package/dist/Atomic/FormElements/MultiSelect/MultiSelect.js +45 -1
- package/dist/Atomic/FormElements/NumericInput/NumericInput.js +331 -1
- package/dist/Atomic/FormElements/RadioGroup/RadioGroup.js +66 -1
- package/dist/Atomic/FormElements/RadioGroupWithInput/RadioGroupWithInput.js +80 -1
- package/dist/Atomic/FormElements/RadioInput/RadioInput.js +64 -1
- package/dist/Atomic/FormElements/RadioRowSwitcher/RadioRowSwitcher.js +54 -1
- package/dist/Atomic/FormElements/RangeCalendar/RangeCalendar.js +183 -1
- package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js +209 -1
- package/dist/Atomic/FormElements/RangeList/RangeList.js +175 -1
- package/dist/Atomic/FormElements/RangeList/partial/RangeListRow.js +43 -1
- package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js +443 -1
- package/dist/Atomic/FormElements/RangeSlider2/RangeSlider2.js +858 -1
- package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js +39 -1
- package/dist/Atomic/FormElements/Switcher/Switcher.js +59 -1
- package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js +50 -1
- package/dist/Atomic/FormElements/SwitcherHide/SwitcherHide.js +47 -1
- package/dist/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js +96 -1
- package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js +40 -1
- package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js +64 -1
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js +170 -1
- package/dist/Atomic/FormElements/SwitcherTagsDropdown/partial/States.js +202 -1
- package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js +67 -1
- package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.js +115 -1
- package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js +826 -1
- package/dist/Atomic/FormElements/Text/Text.js +125 -1
- package/dist/Atomic/FormElements/TextSwitcher/TextSwitcher.js +45 -1
- package/dist/Atomic/FormElements/Textarea/Textarea.js +80 -1
- package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js +176 -1
- package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js +62 -1
- package/dist/Atomic/FormElements/TimeRange/TimeRange.js +127 -1
- package/dist/Atomic/FormElements/UserContacts/UserContacts.js +220 -1
- package/dist/Atomic/FormElements/VariantsListRadio/VariantsListRadio.js +83 -1
- package/dist/Atomic/FormElements/VariantsListRadio/partials/VariantsListRadioItem.js +82 -1
- package/dist/Atomic/FormElements/WidgetPseudoTable/WidgetPseudoTable.js +101 -1
- package/dist/Atomic/FormElements/WidgetPseudoTable/partial/constructor.js +29 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/WidgetWithSwitchableRows.js +113 -1
- package/dist/Atomic/FormElements/WidgetWithSwitchableRows/partial/constructor.js +30 -1
- package/dist/Atomic/Layout/Header/Header.js +85 -1
- package/dist/Atomic/Layout/Spinner/Spinner.js +39 -1
- package/dist/Atomic/UI/Accordion/Accordion.js +118 -1
- package/dist/Atomic/UI/Accordion/AccordionItem.js +181 -1
- package/dist/Atomic/UI/AccordionTable/AccordionTable.js +238 -1
- package/dist/Atomic/UI/AccordionText/AccordionText.js +69 -1
- package/dist/Atomic/UI/AdvancedTag/AdvTag.js +207 -1
- package/dist/Atomic/UI/AdvancedTag/AdvancedTags.js +56 -1
- package/dist/Atomic/UI/Alert/Alert.js +72 -1
- package/dist/Atomic/UI/Arrow/Arrow.js +132 -1
- package/dist/Atomic/UI/Box/Box.js +52 -1
- package/dist/Atomic/UI/Button/Button.js +89 -1
- package/dist/Atomic/UI/ButtonsBar/ButtonsBar.js +72 -1
- package/dist/Atomic/UI/Chart/Chart.js +172 -1
- package/dist/Atomic/UI/Chart/partial/Chart.constants.js +95 -1
- package/dist/Atomic/UI/Chart/partial/ChartTypeSwitcherIcon/ChartTypeSwitcherIcon.js +80 -1
- package/dist/Atomic/UI/Chart/partial/datasetSetters.js +188 -1
- package/dist/Atomic/UI/Chart/partial/optionsConstructor.js +335 -1
- package/dist/Atomic/UI/Chart/partial/optionsSetters.js +43 -1
- package/dist/Atomic/UI/Chart/partial/utils.js +60 -1
- package/dist/Atomic/UI/CircleProgressBar/CircleProgressBar.js +109 -1
- package/dist/Atomic/UI/DateTime/DateTime.js +57 -1
- package/dist/Atomic/UI/DebugContainer/DebugContainer.js +44 -1
- package/dist/Atomic/UI/DebugContainer/useDebugContainer.js +15 -1
- package/dist/Atomic/UI/DoubleString/DoubleString.js +102 -1
- package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js +226 -1
- package/dist/Atomic/UI/ExampleChartIntegration/ExampleChartIntegration.js +221 -1
- package/dist/Atomic/UI/ExampleChartIntegration/partial/utils.js +106 -1
- package/dist/Atomic/UI/Hint/Hint.js +193 -1
- package/dist/Atomic/UI/Hint/partials/_utils.js +51 -1
- package/dist/Atomic/UI/Modal/Modal.js +188 -1
- package/dist/Atomic/UI/Modal/ModalHOC.js +72 -1
- package/dist/Atomic/UI/Modal/partials/ModalFooter.js +46 -1
- package/dist/Atomic/UI/Modal/partials/ModalTitle.js +83 -1
- package/dist/Atomic/UI/Modal/partials/useMobileModal.js +200 -1
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.js +75 -1
- package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js +80 -1
- package/dist/Atomic/UI/NavLine/NavLine.js +293 -1
- package/dist/Atomic/UI/PageTitle/PageTitle.js +75 -1
- package/dist/Atomic/UI/PieChart/PieChart.js +42 -1
- package/dist/Atomic/UI/Price/Price.js +22 -1
- package/dist/Atomic/UI/PriceRange/PriceRange.js +36 -1
- package/dist/Atomic/UI/ProgressLine/ProgressLine.js +71 -1
- package/dist/Atomic/UI/Status/Status.js +59 -1
- package/dist/Atomic/UI/Table/Partials/TdCell.js +87 -1
- package/dist/Atomic/UI/Table/Partials/TdHeader.js +38 -1
- package/dist/Atomic/UI/Table/Partials/TdRow.js +99 -1
- package/dist/Atomic/UI/Table/Partials/TdTitle.js +52 -1
- package/dist/Atomic/UI/Table/Table.js +63 -1
- package/dist/Atomic/UI/Table/TdTypes/TdActions.js +80 -1
- package/dist/Atomic/UI/Table/TdTypes/TdPriority.js +28 -1
- package/dist/Atomic/UI/Table/TdTypes/TdRange.js +13 -1
- package/dist/Atomic/UI/Table/TdTypes/TdWeight.js +53 -1
- package/dist/Atomic/UI/Tag/Tag.js +160 -1
- package/dist/Atomic/UI/TagList/TagList.js +251 -1
- package/dist/Atomic/UI/UserBox/UserBox.js +73 -1
- package/dist/Atomic/UI/WizardStepper/constructor.js +84 -1
- package/dist/Atomic/UI/WizardStepper/index.js +3 -1
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/StateIcon.js +37 -1
- package/dist/Atomic/UI/WizardStepper/ui/StateIcon/index.js +3 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/StepRow.js +61 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepRow/index.js +3 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/StepWrapper.js +39 -1
- package/dist/Atomic/UI/WizardStepper/ui/StepWrapper/index.js +3 -1
- package/dist/Atomic/UI/WizardStepper/ui/icons.js +49 -1
- package/dist/Atomic/UI/WizardStepper/ui/index.js +3 -1
- package/dist/Classes/AbortableFetch.js +454 -1
- package/dist/Classes/AnimatedHandler.js +47 -1
- package/dist/Classes/RESTAPI/index.js +228 -1
- package/dist/Classes/RESTAPI/partials/AbortableFetch.js +457 -1
- package/dist/Classes/RESTAPI/partials/ApiBase.js +48 -1
- package/dist/Classes/RESTAPI/partials/ApiRequestCreators.js +112 -1
- package/dist/Classes/RESTAPI/partials/ApiUtils.js +189 -1
- package/dist/Classes/RESTAPI/partials/CredentialsProcessing.js +252 -1
- package/dist/Classes/RESTAPI/partials/Utils.js +92 -1
- package/dist/Classes/RESTAPI/partials/_outerDependencies.js +3 -1
- package/dist/Classes/RESTAPI/partials/_utils.js +197 -1
- package/dist/Constants/index.constants.js +78 -1
- package/dist/Functions/Portal.js +22 -1
- package/dist/Functions/customEventListener.js +96 -1
- package/dist/Functions/dateTime.js +149 -1
- package/dist/Functions/fieldValueFormatters.js +405 -1
- package/dist/Functions/guards/assertions.js +66 -1
- package/dist/Functions/guards/safeValue.js +30 -1
- package/dist/Functions/guards/typeGuards.js +116 -1
- package/dist/Functions/hooks/useFormFieldsChangesManager.js +95 -1
- package/dist/Functions/locale/createTranslator.js +32 -1
- package/dist/Functions/operations.js +130 -1
- package/dist/Functions/presets/inputMaskPresets.js +170 -1
- package/dist/Functions/presets/inputPresets.js +60 -1
- package/dist/Functions/presets/mobileKeyboardTypesPresets.js +45 -1
- package/dist/Functions/schemas.js +31 -1
- package/dist/Functions/useBodyScrollLock.js +17 -1
- package/dist/Functions/useClickOutside.js +15 -1
- package/dist/Functions/useDebounce.js +17 -1
- package/dist/Functions/useFieldFocus.js +84 -1
- package/dist/Functions/useFormTools/form-drivers/ArrayWithObjects.js +39 -1
- package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js +159 -1
- package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js +78 -1
- package/dist/Functions/useFormTools/functions/General.js +134 -1
- package/dist/Functions/useFormTools/functions/RenderFields.js +111 -1
- package/dist/Functions/useFormTools/functions/usePrevious.js +12 -1
- package/dist/Functions/useFormTools/index.js +778 -1
- package/dist/Functions/useInputHighlightError.js +67 -1
- package/dist/Functions/useIsMobile/useIsMobile.js +53 -1
- package/dist/Functions/useKeyPress/useHandleKeyPress.js +21 -1
- package/dist/Functions/useKeyPress/useKeyPress.js +75 -1
- package/dist/Functions/useLocalStorage.js +34 -1
- package/dist/Functions/useLocationParams.js +27 -1
- package/dist/Functions/useMediaQuery.js +17 -1
- package/dist/Functions/useMetaInfo.js +43 -1
- package/dist/Functions/useMouseUpOutside.js +16 -1
- package/dist/Functions/useOnlineStatus.js +29 -1
- package/dist/Functions/usePasswordChecker.js +110 -1
- package/dist/Functions/usePrevious.js +12 -1
- package/dist/Functions/useResize.js +31 -1
- package/dist/Functions/useScrollTo.js +17 -1
- package/dist/Functions/useToggle.js +17 -1
- package/dist/Functions/utils.js +522 -1
- package/dist/Langs.js +168 -1
- package/dist/Molecular/CustomIcons/components/AffiliateNetworks.js +21 -1
- package/dist/Molecular/CustomIcons/components/AlertCircle.js +23 -1
- package/dist/Molecular/CustomIcons/components/AppStore.js +29 -1
- package/dist/Molecular/CustomIcons/components/Arrow.js +32 -1
- package/dist/Molecular/CustomIcons/components/ArrowDown.js +17 -1
- package/dist/Molecular/CustomIcons/components/ArrowLeft.js +22 -1
- package/dist/Molecular/CustomIcons/components/ArrowRight.js +22 -1
- package/dist/Molecular/CustomIcons/components/ArrowUp.js +17 -1
- package/dist/Molecular/CustomIcons/components/Bell.js +15 -1
- package/dist/Molecular/CustomIcons/components/Button.js +12 -1
- package/dist/Molecular/CustomIcons/components/Campaigns.js +16 -1
- package/dist/Molecular/CustomIcons/components/Check.js +14 -1
- package/dist/Molecular/CustomIcons/components/Check2.js +12 -1
- package/dist/Molecular/CustomIcons/components/ChevronDown.js +12 -1
- package/dist/Molecular/CustomIcons/components/ChevronDownDisabled.js +11 -1
- package/dist/Molecular/CustomIcons/components/ChevronLeft.js +11 -1
- package/dist/Molecular/CustomIcons/components/ChevronRight.js +11 -1
- package/dist/Molecular/CustomIcons/components/ChevronUp.js +11 -1
- package/dist/Molecular/CustomIcons/components/ChevronUpDown.js +27 -1
- package/dist/Molecular/CustomIcons/components/Close.js +14 -1
- package/dist/Molecular/CustomIcons/components/ColumnsOrder.js +17 -1
- package/dist/Molecular/CustomIcons/components/Delete.js +16 -1
- package/dist/Molecular/CustomIcons/components/Edit.js +15 -1
- package/dist/Molecular/CustomIcons/components/Email.js +31 -1
- package/dist/Molecular/CustomIcons/components/FinturfLogo.js +18 -1
- package/dist/Molecular/CustomIcons/components/FinturfLogo2.js +35 -1
- package/dist/Molecular/CustomIcons/components/Flows.js +15 -1
- package/dist/Molecular/CustomIcons/components/Gift.js +25 -1
- package/dist/Molecular/CustomIcons/components/GoogleAuth.js +29 -1
- package/dist/Molecular/CustomIcons/components/GooglePlay.js +29 -1
- package/dist/Molecular/CustomIcons/components/HelpCircle.js +19 -1
- package/dist/Molecular/CustomIcons/components/HelpCircle2.js +20 -1
- package/dist/Molecular/CustomIcons/components/HelpCircleFilled.js +19 -1
- package/dist/Molecular/CustomIcons/components/Home.js +16 -1
- package/dist/Molecular/CustomIcons/components/Home2.js +22 -1
- package/dist/Molecular/CustomIcons/components/Key.js +23 -1
- package/dist/Molecular/CustomIcons/components/Landers.js +20 -1
- package/dist/Molecular/CustomIcons/components/Lock.js +15 -1
- package/dist/Molecular/CustomIcons/components/Mail.js +26 -1
- package/dist/Molecular/CustomIcons/components/Mastercard.js +73 -1
- package/dist/Molecular/CustomIcons/components/Minus.js +25 -1
- package/dist/Molecular/CustomIcons/components/Offers.js +16 -1
- package/dist/Molecular/CustomIcons/components/Pause.js +28 -1
- package/dist/Molecular/CustomIcons/components/PayPal.js +41 -1
- package/dist/Molecular/CustomIcons/components/PayPalLightLarge.js +28 -1
- package/dist/Molecular/CustomIcons/components/Phone.js +30 -1
- package/dist/Molecular/CustomIcons/components/Play.js +25 -1
- package/dist/Molecular/CustomIcons/components/Plus.js +25 -1
- package/dist/Molecular/CustomIcons/components/Profile.js +16 -1
- package/dist/Molecular/CustomIcons/components/QRCode.js +29 -1
- package/dist/Molecular/CustomIcons/components/Rectangle.js +12 -1
- package/dist/Molecular/CustomIcons/components/Revert.js +13 -1
- package/dist/Molecular/CustomIcons/components/Star.js +14 -1
- package/dist/Molecular/CustomIcons/components/Star2.js +16 -1
- package/dist/Molecular/CustomIcons/components/TrafficSources.js +14 -1
- package/dist/Molecular/CustomIcons/components/Trash.js +15 -1
- package/dist/Molecular/CustomIcons/components/TrashRed.js +15 -1
- package/dist/Molecular/CustomIcons/components/Triggers.js +15 -1
- package/dist/Molecular/CustomIcons/components/User.js +25 -1
- package/dist/Molecular/CustomIcons/components/Visa.js +31 -1
- package/dist/Molecular/CustomIcons/components/X.js +12 -1
- package/dist/Molecular/CustomIcons/index.js +61 -1
- package/dist/Molecular/FormElement/FormElement.js +54 -1
- package/dist/Molecular/FormWithDependOn/FormWithDependOn.js +184 -1
- package/dist/Molecular/FormWithDependOn/partials/_utils.js +53 -1
- package/dist/Molecular/InputAddress/InputAddress.js +620 -1
- package/dist/Molecular/InputPassword/InputPassword.js +48 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1,39 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
import cn from "classnames";
|
|
4
|
+
|
|
5
|
+
import Switcher from "../Switcher/Switcher";
|
|
6
|
+
|
|
7
|
+
import "./SwitchableRow.scss";
|
|
8
|
+
|
|
9
|
+
const RC_default = "switchable-row";
|
|
10
|
+
|
|
11
|
+
const SwitchableRow = (props) => {
|
|
12
|
+
const {
|
|
13
|
+
RC = RC_default,
|
|
14
|
+
className,
|
|
15
|
+
children,
|
|
16
|
+
isActive,
|
|
17
|
+
setIsActive,
|
|
18
|
+
switcherLabel,
|
|
19
|
+
isSwitcherLabelBold,
|
|
20
|
+
testId = RC_default,
|
|
21
|
+
} = props || {};
|
|
22
|
+
|
|
23
|
+
return (
|
|
24
|
+
<div className={cn(RC, className)} data-testid={testId}>
|
|
25
|
+
<div className={cn(`${RC}__cell`)}>
|
|
26
|
+
<Switcher
|
|
27
|
+
isActive={isActive}
|
|
28
|
+
onChange={setIsActive}
|
|
29
|
+
isLabelBold={isSwitcherLabelBold}
|
|
30
|
+
label={switcherLabel}
|
|
31
|
+
data-testid={`${testId}-switcher`}
|
|
32
|
+
/>
|
|
33
|
+
</div>
|
|
34
|
+
{children}
|
|
35
|
+
</div>
|
|
36
|
+
);
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
export default SwitchableRow;
|
|
@@ -1 +1,59 @@
|
|
|
1
|
-
function e(e,
|
|
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 r;
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
var t = require("react/jsx-runtime"), a = c(require("classnames"));
|
|
18
|
+
require("react");
|
|
19
|
+
var n = c(require("../../UI/Hint/Hint"));
|
|
20
|
+
function c(e) {
|
|
21
|
+
return e && e.__esModule ? e : {
|
|
22
|
+
default: e
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
require("./Switcher.scss");
|
|
26
|
+
var i = 'switcher', r = function(c) {
|
|
27
|
+
var r = c.label, s = c.className, l = c.isActive, d = c.disabled, u = c.onChange, o = c.isLabelBold, b = c.hint, _ = c.hintSide, f = c.testId, h = void 0 === f ? 'switcher' : f;
|
|
28
|
+
return (0, t.jsxs)("div", {
|
|
29
|
+
"data-testid": h,
|
|
30
|
+
className: (0, a.default)(i, s, e({}, "".concat(i, "_disabled"), d)),
|
|
31
|
+
children: [
|
|
32
|
+
(0, t.jsxs)("button", {
|
|
33
|
+
"data-testid": "".concat(h, "-button"),
|
|
34
|
+
className: (0, a.default)("".concat(i, "__button")),
|
|
35
|
+
disabled: d,
|
|
36
|
+
onClick: function(e) {
|
|
37
|
+
return u(!l, e);
|
|
38
|
+
},
|
|
39
|
+
children: [
|
|
40
|
+
(0, t.jsx)("div", {
|
|
41
|
+
className: (0, a.default)("".concat(i, "__button-content"), e({}, "".concat(i, "__button-content_active"), l)),
|
|
42
|
+
children: (0, t.jsx)("div", {
|
|
43
|
+
className: "".concat(i, "__ball")
|
|
44
|
+
})
|
|
45
|
+
}),
|
|
46
|
+
r && (0, t.jsx)("span", {
|
|
47
|
+
className: (0, a.default)("".concat(i, "__label"), e({}, "".concat(i, "__label_bold"), o)),
|
|
48
|
+
children: r
|
|
49
|
+
})
|
|
50
|
+
]
|
|
51
|
+
}),
|
|
52
|
+
b && (0, t.jsx)(n.default, {
|
|
53
|
+
className: "".concat(i, "__hint"),
|
|
54
|
+
hint: b,
|
|
55
|
+
side: _
|
|
56
|
+
})
|
|
57
|
+
]
|
|
58
|
+
});
|
|
59
|
+
};
|
|
@@ -1 +1,50 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
import cn from "classnames";
|
|
4
|
+
|
|
5
|
+
import CheckboxesLine from "../CheckboxesLine/CheckboxesLine";
|
|
6
|
+
import Switcher from "../Switcher/Switcher";
|
|
7
|
+
|
|
8
|
+
import "./SwitcherCheckbox.scss";
|
|
9
|
+
|
|
10
|
+
const RC = "switcher-hide";
|
|
11
|
+
|
|
12
|
+
const SwitcherCheckbox = ({
|
|
13
|
+
label,
|
|
14
|
+
hint,
|
|
15
|
+
items = [],
|
|
16
|
+
value = [],
|
|
17
|
+
className,
|
|
18
|
+
isLabelBold,
|
|
19
|
+
isActive,
|
|
20
|
+
hintSide,
|
|
21
|
+
disabled,
|
|
22
|
+
hideChildren = true,
|
|
23
|
+
onSwitcherChange = () => {},
|
|
24
|
+
onChange = () => {},
|
|
25
|
+
}) => {
|
|
26
|
+
const renderCheckboxes = () => {
|
|
27
|
+
return <CheckboxesLine items={items} value={value} onChange={onChange} />;
|
|
28
|
+
};
|
|
29
|
+
return (
|
|
30
|
+
<div
|
|
31
|
+
className={cn(RC, className, {
|
|
32
|
+
[`${RC}_closed`]: !isActive,
|
|
33
|
+
[`${RC}_disabled`]: disabled,
|
|
34
|
+
})}
|
|
35
|
+
>
|
|
36
|
+
<Switcher
|
|
37
|
+
className={`${RC}__switcher`}
|
|
38
|
+
hintSide={hintSide}
|
|
39
|
+
label={label}
|
|
40
|
+
isActive={isActive}
|
|
41
|
+
onChange={(value) => onSwitcherChange(value)}
|
|
42
|
+
isLabelBold={isLabelBold}
|
|
43
|
+
hint={hint}
|
|
44
|
+
/>
|
|
45
|
+
{isActive ? renderCheckboxes() : !hideChildren ? renderCheckboxes() : ""}
|
|
46
|
+
</div>
|
|
47
|
+
);
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export default SwitcherCheckbox;
|
|
@@ -1 +1,47 @@
|
|
|
1
|
-
function e(e,
|
|
1
|
+
function e(e, t, r) {
|
|
2
|
+
return t in e ? Object.defineProperty(e, t, {
|
|
3
|
+
value: r,
|
|
4
|
+
enumerable: !0,
|
|
5
|
+
configurable: !0,
|
|
6
|
+
writable: !0
|
|
7
|
+
}) : e[t] = r, e;
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(exports, "__esModule", {
|
|
10
|
+
value: !0
|
|
11
|
+
}), Object.defineProperty(exports, "default", {
|
|
12
|
+
enumerable: !0,
|
|
13
|
+
get: function() {
|
|
14
|
+
return c;
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
var t = require("react/jsx-runtime"), r = n(require("classnames"));
|
|
18
|
+
require("react");
|
|
19
|
+
var i = n(require("../Switcher/Switcher"));
|
|
20
|
+
function n(e) {
|
|
21
|
+
return e && e.__esModule ? e : {
|
|
22
|
+
default: e
|
|
23
|
+
};
|
|
24
|
+
}
|
|
25
|
+
require("./SwitcherHide.scss");
|
|
26
|
+
var a = 'switcher-hide', c = function(n) {
|
|
27
|
+
var c, s = n.children, d = n.label, l = n.hint, u = n.className, o = n.isLabelBold, h = n.isActive, f = n.hintSide, b = n.disabled, v = n.onChange, _ = void 0 === v ? function() {} : v, m = n.testId, w = void 0 === m ? a : m;
|
|
28
|
+
return (0, t.jsxs)("div", {
|
|
29
|
+
"data-testid": w,
|
|
30
|
+
className: (0, r.default)(a, u, (e(c = {}, "".concat(a, "_closed"), !h), e(c, "".concat(a, "_disabled"), b), c)),
|
|
31
|
+
children: [
|
|
32
|
+
(0, t.jsx)(i.default, {
|
|
33
|
+
testId: "".concat(w, "-switcher"),
|
|
34
|
+
className: "".concat(a, "__switcher"),
|
|
35
|
+
hintSide: f,
|
|
36
|
+
label: d,
|
|
37
|
+
isActive: h,
|
|
38
|
+
onChange: function(e, t) {
|
|
39
|
+
return _(e, t);
|
|
40
|
+
},
|
|
41
|
+
isLabelBold: o,
|
|
42
|
+
hint: l
|
|
43
|
+
}),
|
|
44
|
+
h && s
|
|
45
|
+
]
|
|
46
|
+
});
|
|
47
|
+
};
|
|
@@ -1 +1,96 @@
|
|
|
1
|
-
function e(e,
|
|
1
|
+
function e(e, t, r) {
|
|
2
|
+
return t in e ? Object.defineProperty(e, t, {
|
|
3
|
+
value: r,
|
|
4
|
+
enumerable: !0,
|
|
5
|
+
configurable: !0,
|
|
6
|
+
writable: !0
|
|
7
|
+
}) : e[t] = r, e;
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(exports, "__esModule", {
|
|
10
|
+
value: !0
|
|
11
|
+
}), Object.defineProperty(exports, "default", {
|
|
12
|
+
enumerable: !0,
|
|
13
|
+
get: function() {
|
|
14
|
+
return l;
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
var t = require("react/jsx-runtime"), r = function(e, t) {
|
|
18
|
+
if (e && e.__esModule) return e;
|
|
19
|
+
if (null === e || (void 0 === e ? "undefined" : e && "undefined" != typeof Symbol && e.constructor === Symbol ? "symbol" : typeof e) != "object" && "function" != typeof e) return {
|
|
20
|
+
default: e
|
|
21
|
+
};
|
|
22
|
+
var r = a(t);
|
|
23
|
+
if (r && r.has(e)) return r.get(e);
|
|
24
|
+
var n = {
|
|
25
|
+
__proto__: null
|
|
26
|
+
}, i = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
27
|
+
for(var o in e)if ("default" !== o && Object.prototype.hasOwnProperty.call(e, o)) {
|
|
28
|
+
var c = i ? Object.getOwnPropertyDescriptor(e, o) : null;
|
|
29
|
+
c && (c.get || c.set) ? Object.defineProperty(n, o, c) : n[o] = e[o];
|
|
30
|
+
}
|
|
31
|
+
return n.default = e, r && r.set(e, n), n;
|
|
32
|
+
}(require("react")), n = c(require("classnames")), i = c(require("../RadioInput/RadioInput")), o = c(require("../SwitcherHide/SwitcherHide"));
|
|
33
|
+
function c(e) {
|
|
34
|
+
return e && e.__esModule ? e : {
|
|
35
|
+
default: e
|
|
36
|
+
};
|
|
37
|
+
}
|
|
38
|
+
function a(e) {
|
|
39
|
+
if ("function" != typeof WeakMap) return null;
|
|
40
|
+
var t = new WeakMap(), r = new WeakMap();
|
|
41
|
+
return (a = function(e) {
|
|
42
|
+
return e ? r : t;
|
|
43
|
+
})(e);
|
|
44
|
+
}
|
|
45
|
+
require("./SwitcherRadio.scss");
|
|
46
|
+
var u = 'switcher-radio', l = function(c) {
|
|
47
|
+
var a, l, s = c.options, d = c.label, f = c.hint, p = c.hintSide, b = c.isLabelBold, y = c.direction, O = c.className, v = c.value, j = c.disabled, h = c.isHideSwitcher, w = c.onChange, g = void 0 === w ? function() {} : w, m = c.isActive, P = c.setIsActive, _ = c.testId, S = v || (null == s || null == (l = s[0]) ? void 0 : l.value) || '', k = function() {
|
|
48
|
+
return (0, t.jsx)("div", {
|
|
49
|
+
className: (0, n.default)("".concat(u, "__wrap"), e({}, "switcher-radio_".concat(y), y), {
|
|
50
|
+
disabled: j
|
|
51
|
+
}, O),
|
|
52
|
+
children: null == s ? void 0 : s.map(function(t, n) {
|
|
53
|
+
var o, c;
|
|
54
|
+
return (0, r.createElement)(i.default, (o = function(t) {
|
|
55
|
+
for(var r = 1; r < arguments.length; r++){
|
|
56
|
+
var n = null != arguments[r] ? arguments[r] : {}, i = Object.keys(n);
|
|
57
|
+
"function" == typeof Object.getOwnPropertySymbols && (i = i.concat(Object.getOwnPropertySymbols(n).filter(function(e) {
|
|
58
|
+
return Object.getOwnPropertyDescriptor(n, e).enumerable;
|
|
59
|
+
}))), i.forEach(function(r) {
|
|
60
|
+
e(t, r, n[r]);
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
return t;
|
|
64
|
+
}({}, t), c = c = {
|
|
65
|
+
key: t.id || n,
|
|
66
|
+
className: "switcher-radio__radio",
|
|
67
|
+
checked: S,
|
|
68
|
+
onChange: function(e) {
|
|
69
|
+
return g(e);
|
|
70
|
+
}
|
|
71
|
+
}, Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(c)) : (function(e, t) {
|
|
72
|
+
var r = Object.keys(e);
|
|
73
|
+
if (Object.getOwnPropertySymbols) {
|
|
74
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
75
|
+
r.push.apply(r, n);
|
|
76
|
+
}
|
|
77
|
+
return r;
|
|
78
|
+
})(Object(c)).forEach(function(e) {
|
|
79
|
+
Object.defineProperty(o, e, Object.getOwnPropertyDescriptor(c, e));
|
|
80
|
+
}), o));
|
|
81
|
+
})
|
|
82
|
+
});
|
|
83
|
+
};
|
|
84
|
+
return void 0 !== h && h ? k() : (a = k(), (0, t.jsx)(o.default, {
|
|
85
|
+
testId: "switcher-radio--".concat(void 0 === _ ? '' : _),
|
|
86
|
+
isActive: void 0 === m || m,
|
|
87
|
+
label: d,
|
|
88
|
+
hint: f,
|
|
89
|
+
hintSide: p,
|
|
90
|
+
onChange: void 0 === P ? function() {} : P,
|
|
91
|
+
isLabelBold: b,
|
|
92
|
+
className: (0, n.default)(u, O),
|
|
93
|
+
disabled: j,
|
|
94
|
+
children: a
|
|
95
|
+
}));
|
|
96
|
+
};
|
|
@@ -1 +1,40 @@
|
|
|
1
|
-
Object.defineProperty(exports,
|
|
1
|
+
Object.defineProperty(exports, "__esModule", {
|
|
2
|
+
value: !0
|
|
3
|
+
}), Object.defineProperty(exports, "default", {
|
|
4
|
+
enumerable: !0,
|
|
5
|
+
get: function() {
|
|
6
|
+
return s;
|
|
7
|
+
}
|
|
8
|
+
});
|
|
9
|
+
var e = require("react/jsx-runtime");
|
|
10
|
+
require("react");
|
|
11
|
+
var r = i(require("../RangeInputs/RangeInputs")), t = i(require("../SwitcherHide/SwitcherHide"));
|
|
12
|
+
function i(e) {
|
|
13
|
+
return e && e.__esModule ? e : {
|
|
14
|
+
default: e
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
var n = 'switcher-range', s = function(i) {
|
|
18
|
+
var s = i.label, a = i.isLabelBold, u = i.hint, l = i.isActive, o = i.setIsActive, c = i.value, d = i.onChange, v = i.isInputsColumn, h = i.validateErrors, p = i.withZero, f = i.isPrice, g = i.inputsType, b = i.testId, I = void 0 === b ? n : b;
|
|
19
|
+
return (0, e.jsx)(t.default, {
|
|
20
|
+
testId: I,
|
|
21
|
+
label: s,
|
|
22
|
+
hint: u,
|
|
23
|
+
className: n,
|
|
24
|
+
isActive: l,
|
|
25
|
+
onChange: o,
|
|
26
|
+
isLabelBold: a,
|
|
27
|
+
children: (0, e.jsx)(r.default, {
|
|
28
|
+
testId: I,
|
|
29
|
+
className: "switcher-range__range-inputs",
|
|
30
|
+
type: g,
|
|
31
|
+
onChange: d,
|
|
32
|
+
value: c,
|
|
33
|
+
setError: function() {},
|
|
34
|
+
isColumnPosition: v,
|
|
35
|
+
validateErrors: h,
|
|
36
|
+
withZero: p,
|
|
37
|
+
isPrice: f
|
|
38
|
+
})
|
|
39
|
+
});
|
|
40
|
+
};
|
|
@@ -1 +1,64 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
|
+
|
|
3
|
+
import cn from "classnames";
|
|
4
|
+
|
|
5
|
+
import RangeList from "../RangeList/RangeList";
|
|
6
|
+
import SwitcherHide from "../SwitcherHide/SwitcherHide";
|
|
7
|
+
|
|
8
|
+
import "./SwitcherRangeList.scss";
|
|
9
|
+
|
|
10
|
+
const RC = "switcher-range-list";
|
|
11
|
+
|
|
12
|
+
const SwitcherRangeList = (props) => {
|
|
13
|
+
const {
|
|
14
|
+
className,
|
|
15
|
+
label,
|
|
16
|
+
isLabelBold,
|
|
17
|
+
hint,
|
|
18
|
+
hintSide,
|
|
19
|
+
disabled,
|
|
20
|
+
isActive,
|
|
21
|
+
value,
|
|
22
|
+
validateErrors,
|
|
23
|
+
isFloatValues,
|
|
24
|
+
decimalPlaces,
|
|
25
|
+
error,
|
|
26
|
+
defaultErrorText,
|
|
27
|
+
nullValueText,
|
|
28
|
+
isOnlyOneRow,
|
|
29
|
+
setIsActive = () => {},
|
|
30
|
+
onChange = () => {},
|
|
31
|
+
testId,
|
|
32
|
+
} = props;
|
|
33
|
+
|
|
34
|
+
return (
|
|
35
|
+
<SwitcherHide
|
|
36
|
+
isActive={isActive}
|
|
37
|
+
onChange={setIsActive}
|
|
38
|
+
label={label}
|
|
39
|
+
isLabelBold={isLabelBold}
|
|
40
|
+
hint={hint}
|
|
41
|
+
hintSide={hintSide}
|
|
42
|
+
className={cn(RC, className)}
|
|
43
|
+
disabled={disabled}
|
|
44
|
+
>
|
|
45
|
+
<div className="switcher-range-list__row">
|
|
46
|
+
<RangeList
|
|
47
|
+
testId={testId}
|
|
48
|
+
className={`${RC}__range-list`}
|
|
49
|
+
value={value}
|
|
50
|
+
isOnlyOneRow={isOnlyOneRow}
|
|
51
|
+
onChange={onChange}
|
|
52
|
+
validateErrors={validateErrors}
|
|
53
|
+
isFloatValues={isFloatValues}
|
|
54
|
+
decimalPlaces={decimalPlaces}
|
|
55
|
+
error={error}
|
|
56
|
+
defaultErrorText={defaultErrorText}
|
|
57
|
+
nullValueText={nullValueText}
|
|
58
|
+
/>
|
|
59
|
+
</div>
|
|
60
|
+
</SwitcherHide>
|
|
61
|
+
);
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
export default SwitcherRangeList;
|
|
@@ -1 +1,170 @@
|
|
|
1
|
-
|
|
1
|
+
import React, { useEffect, useMemo, useState } from "react";
|
|
2
|
+
|
|
3
|
+
import cn from "classnames";
|
|
4
|
+
|
|
5
|
+
import Button from "../../UI/Button/Button";
|
|
6
|
+
import SwitcherHide from "../SwitcherHide/SwitcherHide";
|
|
7
|
+
import TagsDropdown from "../TagsDropdown/TagsDropdown";
|
|
8
|
+
import TextSwitcher from "../TextSwitcher/TextSwitcher";
|
|
9
|
+
import Textarea from "../Textarea/Textarea";
|
|
10
|
+
|
|
11
|
+
import "./SwitcherTagsDropdown.scss";
|
|
12
|
+
|
|
13
|
+
const RC = "switcher-tags-dropdown";
|
|
14
|
+
|
|
15
|
+
const SwitcherTagsDropdown = ({
|
|
16
|
+
className,
|
|
17
|
+
label,
|
|
18
|
+
isLabelBold,
|
|
19
|
+
isValuesInTags,
|
|
20
|
+
isActive,
|
|
21
|
+
isIncluded,
|
|
22
|
+
isAdvancedLabelSearch,
|
|
23
|
+
disabled,
|
|
24
|
+
options = [],
|
|
25
|
+
chosenOptions = [],
|
|
26
|
+
setIsActive = () => {},
|
|
27
|
+
setIsIncluded = () => {},
|
|
28
|
+
onChange = () => {},
|
|
29
|
+
}) => {
|
|
30
|
+
const [listView, setListView] = useState(false);
|
|
31
|
+
const [textValue, setTextValue] = useState();
|
|
32
|
+
|
|
33
|
+
const singleLevelOptions = useMemo(
|
|
34
|
+
() =>
|
|
35
|
+
options.reduce(
|
|
36
|
+
(acc, item) => [...acc, ...(item.groupName ? item.list : [item])],
|
|
37
|
+
[],
|
|
38
|
+
),
|
|
39
|
+
[options],
|
|
40
|
+
);
|
|
41
|
+
|
|
42
|
+
const apply = () => {
|
|
43
|
+
// вернет функциюю сравнения для метода filter с замкнутым массивом listValuesArr
|
|
44
|
+
// (по логике listValuesArr - массив полученный из строки textaria).
|
|
45
|
+
const getFilterFunction = (listValuesArr) => (item) => {
|
|
46
|
+
return listValuesArr.find((el) => {
|
|
47
|
+
const itemValue = item?.value.toString().toLowerCase();
|
|
48
|
+
const itemLabel = (item.title || item.label || item.name || item.value)
|
|
49
|
+
.toString()
|
|
50
|
+
.toLowerCase();
|
|
51
|
+
const chosenOption = el.toString().toLowerCase();
|
|
52
|
+
const isChosenOptionIncludedInLabel =
|
|
53
|
+
itemLabel.includes(chosenOption) &&
|
|
54
|
+
!chosenOptions.includes(item.value);
|
|
55
|
+
|
|
56
|
+
if (isValuesInTags)
|
|
57
|
+
return (
|
|
58
|
+
(chosenOption === itemValue || chosenOption === itemLabel) &&
|
|
59
|
+
!item.disabled
|
|
60
|
+
);
|
|
61
|
+
else if (isAdvancedLabelSearch)
|
|
62
|
+
return (
|
|
63
|
+
(chosenOption === itemLabel ||
|
|
64
|
+
chosenOption === itemValue ||
|
|
65
|
+
isChosenOptionIncludedInLabel) &&
|
|
66
|
+
!item.disabled
|
|
67
|
+
);
|
|
68
|
+
else
|
|
69
|
+
return (
|
|
70
|
+
(chosenOption === itemLabel || chosenOption === itemValue) &&
|
|
71
|
+
!item.disabled
|
|
72
|
+
);
|
|
73
|
+
});
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
const textToArray = textValue
|
|
77
|
+
?.split?.(",")
|
|
78
|
+
.map((item) => item.toString().trim())
|
|
79
|
+
.filter((item) => Boolean(item));
|
|
80
|
+
const newOptions = options
|
|
81
|
+
.filter(getFilterFunction(textToArray))
|
|
82
|
+
.map((option) => option.value);
|
|
83
|
+
|
|
84
|
+
onChange(newOptions, "chosenOptions");
|
|
85
|
+
setListView(false);
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
const enterHandler = (e, value) => {
|
|
89
|
+
if (e.keyCode === 13) {
|
|
90
|
+
const option = options?.find(
|
|
91
|
+
(item) =>
|
|
92
|
+
item?.title?.toLowerCase() === value?.toLowerCase() && !item.disabled,
|
|
93
|
+
);
|
|
94
|
+
const isOptionChecked = chosenOptions?.some(
|
|
95
|
+
(item) => item?.title?.toLowerCase() === option?.title?.toLowerCase(),
|
|
96
|
+
);
|
|
97
|
+
if (option && !isOptionChecked)
|
|
98
|
+
onChange([...chosenOptions, option], "chosenOptions");
|
|
99
|
+
}
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
useEffect(() => {
|
|
103
|
+
const getLabel = (el) => el.title || el.label || el.name || el.value;
|
|
104
|
+
const valuesArr = chosenOptions?.map((item) =>
|
|
105
|
+
isValuesInTags
|
|
106
|
+
? item
|
|
107
|
+
: getLabel(singleLevelOptions.find((option) => option.value === item)),
|
|
108
|
+
);
|
|
109
|
+
setTextValue(valuesArr.join(", "));
|
|
110
|
+
}, [chosenOptions, listView]);
|
|
111
|
+
|
|
112
|
+
return (
|
|
113
|
+
<SwitcherHide
|
|
114
|
+
isActive={isActive}
|
|
115
|
+
onChange={setIsActive}
|
|
116
|
+
label={label}
|
|
117
|
+
className={cn(RC, className)}
|
|
118
|
+
isLabelBold={isLabelBold}
|
|
119
|
+
disabled={disabled}
|
|
120
|
+
>
|
|
121
|
+
<div className={`${RC}__wrap switcher-hide__content`}>
|
|
122
|
+
<TextSwitcher
|
|
123
|
+
activeText="is"
|
|
124
|
+
inactiveText="is not"
|
|
125
|
+
isActive={isIncluded ?? true}
|
|
126
|
+
onChange={setIsIncluded}
|
|
127
|
+
className={`${RC}__text-switcher`}
|
|
128
|
+
/>
|
|
129
|
+
<div className="filter-select__wrap--buttons">
|
|
130
|
+
<button
|
|
131
|
+
onClick={() => setListView(!listView)}
|
|
132
|
+
className={`${RC}__btn`}
|
|
133
|
+
>
|
|
134
|
+
{listView ? "Close" : "List view"}
|
|
135
|
+
</button>
|
|
136
|
+
{listView && (
|
|
137
|
+
<Button
|
|
138
|
+
label="Apply"
|
|
139
|
+
className={`${RC}__apply`}
|
|
140
|
+
onClick={() => apply()}
|
|
141
|
+
/>
|
|
142
|
+
)}
|
|
143
|
+
<button
|
|
144
|
+
onClick={() => onChange([], "chosenOptions")}
|
|
145
|
+
className={`${RC}__btn`}
|
|
146
|
+
>
|
|
147
|
+
Clear
|
|
148
|
+
</button>
|
|
149
|
+
</div>
|
|
150
|
+
</div>
|
|
151
|
+
{listView ? (
|
|
152
|
+
<Textarea value={textValue} onChange={(value) => setTextValue(value)} />
|
|
153
|
+
) : (
|
|
154
|
+
<TagsDropdown
|
|
155
|
+
options={options}
|
|
156
|
+
chosenOptions={chosenOptions}
|
|
157
|
+
onChange={onChange}
|
|
158
|
+
className={`${RC}__tags-dropdown`}
|
|
159
|
+
onKeyPress={(e, value) => enterHandler(e, value)}
|
|
160
|
+
tagClassname={cn(`${RC}__tag`, {
|
|
161
|
+
[`${RC}__tag_inactive`]: !isIncluded,
|
|
162
|
+
})}
|
|
163
|
+
isValuesInTags={isValuesInTags}
|
|
164
|
+
/>
|
|
165
|
+
)}
|
|
166
|
+
</SwitcherHide>
|
|
167
|
+
);
|
|
168
|
+
};
|
|
169
|
+
|
|
170
|
+
export default SwitcherTagsDropdown;
|