intelicoreact 2.0.18 → 2.0.19

package/dist/es/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js

@@ -0,0 +1,36 @@
+import '../../../styles/base.css';
+import CheckboxesLine from "../CheckboxesLine/CheckboxesLine.js";
+import Switcher from "../Switcher/Switcher.js";
+import './SwitcherCheckbox.styles.css';/* empty css                      */
+import cn from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.tsx
+var RC = "switcher-hide";
+function SwitcherCheckbox({ label, hint, items = [], value = [], className, isLabelBold, isActive, hintSide, disabled, hideChildren = true, onSwitcherChange = () => {}, onChange = () => {} }) {
+	const renderCheckboxes = () => {
+		return /* @__PURE__ */ jsx(CheckboxesLine, {
+			items,
+			value,
+			onChange
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(RC, className, {
+			[`${RC}_closed`]: !isActive,
+			[`${RC}_disabled`]: disabled
+		}),
+		children: [/* @__PURE__ */ jsx(Switcher, {
+			className: `${RC}__switcher`,
+			hintSide,
+			label,
+			isActive,
+			onChange: (value) => onSwitcherChange(value),
+			isLabelBold,
+			hint
+		}), isActive ? renderCheckboxes() : !hideChildren ? renderCheckboxes() : ""]
+	});
+}
+//#endregion
+export { SwitcherCheckbox as default };
+
+//# sourceMappingURL=SwitcherCheckbox.js.map

package/dist/es/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherCheckbox.js","names":[],"sources":["../../../../../src/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport type { ISwitcherCheckboxProps } from './SwitcherCheckbox.interface';\n\nimport cn from 'classnames';\nimport CheckboxesLine from '../CheckboxesLine/CheckboxesLine';\n\nimport Switcher from '../Switcher/Switcher';\nimport './SwitcherCheckbox.scss';\n\nconst RC = 'switcher-hide';\n\nfunction SwitcherCheckbox({\n  label,\n  hint,\n  items = [],\n  value = [],\n  className,\n  isLabelBold,\n  isActive,\n  hintSide,\n  disabled,\n  hideChildren = true,\n  onSwitcherChange = () => {},\n  onChange = () => {},\n}: ISwitcherCheckboxProps): ReactElement {\n  const renderCheckboxes: () => ReactElement = () => {\n    return <CheckboxesLine items={items} value={value} onChange={onChange} />;\n  };\n  return (\n    <div\n      className={cn(RC, className, {\n        [`${RC}_closed`]: !isActive,\n        [`${RC}_disabled`]: disabled,\n      })}\n    >\n      <Switcher\n        className={`${RC}__switcher`}\n        hintSide={hintSide}\n        label={label}\n        isActive={isActive}\n        onChange={value => onSwitcherChange(value)}\n        isLabelBold={isLabelBold}\n        hint={hint}\n      />\n      {isActive ? renderCheckboxes() : !hideChildren ? renderCheckboxes() : ''}\n    </div>\n  );\n}\n\nexport default SwitcherCheckbox;\n"],"mappings":";;;;;;AAUA,IAAM,KAAK;AAEX,SAAS,iBAAiB,EACxB,OACA,MACA,QAAQ,CAAC,GACT,QAAQ,CAAC,GACT,WACA,aACA,UACA,UACA,UACA,eAAe,MACf,yBAAyB,CAAC,GAC1B,iBAAiB,CAAC,KACqB;CACvC,MAAM,yBAA6C;EACjD,OAAO,oBAAC,gBAAD;GAAuB;GAAc;GAAiB;EAAW,CAAA;CAC1E;CACA,OACE,qBAAC,OAAD;EACE,WAAW,GAAG,IAAI,WAAW;IAC1B,GAAG,GAAG,WAAW,CAAC;IAClB,GAAG,GAAG,aAAa;EACtB,CAAC;YAJH,CAME,oBAAC,UAAD;GACE,WAAW,GAAG,GAAG;GACP;GACH;GACG;GACV,WAAU,UAAS,iBAAiB,KAAK;GAC5B;GACP;EACP,CAAA,GACA,WAAW,iBAAiB,IAAI,CAAC,eAAe,iBAAiB,IAAI,EACnE;;AAET"}

package/dist/es/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.styles.css

@@ -0,0 +1,21 @@
+.switcher-hide {
+  display: inline-block;
+  width: 100%;
+}
+.switcher-hide__switcher, .switcher-hide__content {
+  margin-bottom: 8px;
+}
+.switcher-hide__switcher {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  font-style: inherit;
+  line-height: inherit;
+}
+.switcher-hide_closed {
+  height: 16px !important;
+}
+.switcher-hide_disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}

package/dist/es/Atomic/FormElements/SwitcherHide/SwitcherHide.js

@@ -0,0 +1,31 @@
+import '../../../styles/base.css';
+import Switcher from "../Switcher/Switcher.js";
+import '../SwitcherCheckbox/SwitcherCheckbox.styles.css';/* empty css                  */
+import cn from "classnames";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/SwitcherHide/SwitcherHide.tsx
+var RC = "switcher-hide";
+var SwitcherHide = ({ children, label, hint, className, isLabelBold, isActive, hintSide, disabled, onChange, testId = RC }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": testId,
+		className: cn(RC, className, {
+			[`${RC}_closed`]: !isActive,
+			[`${RC}_disabled`]: disabled
+		}),
+		children: [/* @__PURE__ */ jsx(Switcher, {
+			testId: `${testId}-switcher`,
+			className: `${RC}__switcher`,
+			hintSide,
+			label,
+			isActive,
+			onChange: (value, e) => onChange(value, e),
+			isLabelBold,
+			hint
+		}), isActive && children]
+	});
+};
+//#endregion
+export { SwitcherHide as default };
+
+//# sourceMappingURL=SwitcherHide.js.map

package/dist/es/Atomic/FormElements/SwitcherHide/SwitcherHide.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherHide.js","names":[],"sources":["../../../../../src/Atomic/FormElements/SwitcherHide/SwitcherHide.tsx"],"sourcesContent":["import type { ISwitcherHideProps } from './SwitcherHide.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport Switcher from '../Switcher/Switcher';\n\nimport './SwitcherHide.scss';\n\nconst RC = 'switcher-hide';\n\nconst SwitcherHide: React.FC<ISwitcherHideProps> = ({\n  children,\n  label,\n  hint,\n  className,\n  isLabelBold,\n  isActive,\n  hintSide,\n  disabled,\n  onChange,\n  testId = RC,\n}) => {\n  return (\n    <div\n      data-testid={testId}\n      className={cn(RC, className, {\n        [`${RC}_closed`]: !isActive,\n        [`${RC}_disabled`]: disabled,\n      })}\n    >\n      <Switcher\n        testId={`${testId}-switcher`}\n        className={`${RC}__switcher`}\n        hintSide={hintSide}\n        label={label}\n        isActive={isActive}\n        onChange={(value, e) => onChange(value, e)}\n        isLabelBold={isLabelBold}\n        hint={hint}\n      />\n      {isActive && children}\n    </div>\n  );\n};\n\nexport default SwitcherHide;\n"],"mappings":";;;;;;AASA,IAAM,KAAK;AAEX,IAAM,gBAA8C,EAClD,UACA,OACA,MACA,WACA,aACA,UACA,UACA,UACA,UACA,SAAS,SACL;CACJ,OACE,qBAAC,OAAD;EACE,eAAa;EACb,WAAW,GAAG,IAAI,WAAW;IAC1B,GAAG,GAAG,WAAW,CAAC;IAClB,GAAG,GAAG,aAAa;EACtB,CAAC;YALH,CAOE,oBAAC,UAAD;GACE,QAAQ,GAAG,OAAO;GAClB,WAAW,GAAG,GAAG;GACP;GACH;GACG;GACV,WAAW,OAAO,MAAM,SAAS,OAAO,CAAC;GAC5B;GACP;EACP,CAAA,GACA,YAAY,QACV;;AAET"}

package/dist/es/Atomic/FormElements/SwitcherHide/index.js

@@ -0,0 +1,7 @@
+import SwitcherHide from "./SwitcherHide.js";
+//#region src/Atomic/FormElements/SwitcherHide/index.ts
+var SwitcherHide_default = SwitcherHide;
+//#endregion
+export { SwitcherHide_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/es/Atomic/FormElements/SwitcherHide/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/Atomic/FormElements/SwitcherHide/index.ts"],"sourcesContent":["import type { ISwitcherHideProps } from './SwitcherHide.interface';\nimport SwitcherHide from './SwitcherHide';\n\nexport type { ISwitcherHideProps };\nexport default SwitcherHide;\n"],"mappings":";;AAIA,IAAA,uBAAe"}

package/dist/es/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js

@@ -0,0 +1,43 @@
+import '../../../styles/base.css';
+import RadioInput from "../RadioInput/RadioInput.js";
+import SwitcherHide from "../SwitcherHide/SwitcherHide.js";
+import './SwitcherRadio.styles.css';/* empty css                   */
+import cn from "classnames";
+import { createElement } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/SwitcherRadio/SwitcherRadio.tsx
+var RC = "switcher-radio";
+var SwitcherRadio = ({ options, label, hint, hintSide, isLabelBold, direction, className, value, disabled, isHideSwitcher = false, onChange = () => {}, isActive = true, setIsActive = () => {}, testId = "" }) => {
+	const safelyValue = value || options?.[0]?.value || "";
+	const renderRadioGroup = () => {
+		return /* @__PURE__ */ jsx("div", {
+			className: cn(`${RC}__wrap`, { [`switcher-radio_${direction}`]: direction }, { disabled }, className),
+			children: options?.map((option, index) => /* @__PURE__ */ createElement(RadioInput, {
+				...option,
+				key: option.id || index,
+				className: "switcher-radio__radio",
+				checked: safelyValue,
+				onChange: (val) => onChange(val)
+			}))
+		});
+	};
+	const renderSwitcher = (body) => {
+		return /* @__PURE__ */ jsx(SwitcherHide, {
+			testId: `switcher-radio--${testId}`,
+			isActive,
+			label,
+			hint,
+			hintSide,
+			onChange: setIsActive,
+			isLabelBold,
+			className: cn(RC, className),
+			disabled,
+			children: body
+		});
+	};
+	return !isHideSwitcher ? renderSwitcher(renderRadioGroup()) : renderRadioGroup();
+};
+//#endregion
+export { SwitcherRadio as default };
+
+//# sourceMappingURL=SwitcherRadio.js.map

package/dist/es/Atomic/FormElements/SwitcherRadio/SwitcherRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherRadio.js","names":[],"sources":["../../../../../src/Atomic/FormElements/SwitcherRadio/SwitcherRadio.tsx"],"sourcesContent":["import type { ISwitcherRadioProps } from './SwitcherRadio.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\n\nimport RadioInput from '../RadioInput/RadioInput';\nimport SwitcherHide from '../SwitcherHide/SwitcherHide';\n\nimport './SwitcherRadio.scss';\n\nconst RC = 'switcher-radio';\n\nconst SwitcherRadio: React.FC<ISwitcherRadioProps> = ({\n  options,\n  label,\n  hint,\n  hintSide,\n  isLabelBold,\n  direction,\n  className,\n  value,\n  disabled,\n  isHideSwitcher = false,\n  onChange = () => {},\n  isActive = true,\n  setIsActive = () => {},\n  testId = '',\n}) => {\n  const safelyValue = value || options?.[0]?.value || '';\n\n  const renderRadioGroup = (): JSX.Element => {\n    return (\n      <div\n        className={cn(\n          `${RC}__wrap`,\n          { [`switcher-radio_${direction}`]: direction },\n          { disabled },\n          className,\n        )}\n      >\n        {options?.map((option, index) => (\n          // @ts-ignore\n          <RadioInput\n            {...option}\n            key={option.id || index}\n            className=\"switcher-radio__radio\"\n            checked={safelyValue}\n            onChange={val => onChange(val)}\n          />\n        ))}\n      </div>\n    );\n  };\n\n  const renderSwitcher = (body: any): JSX.Element => {\n    return (\n      <SwitcherHide\n        testId={`switcher-radio--${testId}`}\n        isActive={isActive}\n        label={label}\n        hint={hint}\n        hintSide={hintSide}\n        onChange={setIsActive}\n        isLabelBold={isLabelBold}\n        className={cn(RC, className)}\n        disabled={disabled}\n      >\n        {body}\n      </SwitcherHide>\n    );\n  };\n\n  return !isHideSwitcher\n    ? renderSwitcher(renderRadioGroup())\n    : renderRadioGroup();\n};\n\nexport default SwitcherRadio;\n"],"mappings":";;;;;;;AAUA,IAAM,KAAK;AAEX,IAAM,iBAAgD,EACpD,SACA,OACA,MACA,UACA,aACA,WACA,WACA,OACA,UACA,iBAAiB,OACjB,iBAAiB,CAAC,GAClB,WAAW,MACX,oBAAoB,CAAC,GACrB,SAAS,SACL;CACJ,MAAM,cAAc,SAAS,UAAU,EAAE,EAAE,SAAS;CAEpD,MAAM,yBAAsC;EAC1C,OACE,oBAAC,OAAD;GACE,WAAW,GACT,GAAG,GAAG,SACN,GAAG,kBAAkB,cAAc,UAAU,GAC7C,EAAE,SAAS,GACX,SACF;aAEC,SAAS,KAAK,QAAQ,UAErB,8BAAC,YAAD;IACE,GAAI;IACJ,KAAK,OAAO,MAAM;IAClB,WAAU;IACV,SAAS;IACT,WAAU,QAAO,SAAS,GAAG;GAC9B,CAAA,CACF;EACE,CAAA;CAET;CAEA,MAAM,kBAAkB,SAA2B;EACjD,OACE,oBAAC,cAAD;GACE,QAAQ,mBAAmB;GACjB;GACH;GACD;GACI;GACV,UAAU;GACG;GACb,WAAW,GAAG,IAAI,SAAS;GACjB;aAET;EACW,CAAA;CAElB;CAEA,OAAO,CAAC,iBACJ,eAAe,iBAAiB,CAAC,IACjC,iBAAiB;AACvB"}

package/dist/es/Atomic/FormElements/SwitcherRadio/SwitcherRadio.styles.css

@@ -0,0 +1,22 @@
+.switcher-radio__wrap {
+  display: flex;
+}
+.switcher-radio__radio {
+  margin-bottom: 10px;
+}
+.switcher-radio__radio:not(:last-child) {
+  margin-right: 29px;
+}
+.switcher-radio_row {
+  flex-wrap: wrap;
+  align-items: center;
+}
+.switcher-radio_col {
+  flex-direction: column;
+}
+.switcher-radio_col .radio-input {
+  margin-bottom: 8px;
+}
+.switcher-radio_col .switcher-radio__radio {
+  margin-right: 0;
+}

package/dist/es/Atomic/FormElements/SwitcherRadio/index.js

@@ -0,0 +1,7 @@
+import SwitcherRadio from "./SwitcherRadio.js";
+//#region src/Atomic/FormElements/SwitcherRadio/index.ts
+var SwitcherRadio_default = SwitcherRadio;
+//#endregion
+export { SwitcherRadio_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/es/Atomic/FormElements/SwitcherRadio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/Atomic/FormElements/SwitcherRadio/index.ts"],"sourcesContent":["import type { ISwitcherRadioProps } from './SwitcherRadio.interface';\nimport SwitcherRadio from './SwitcherRadio';\n\nexport type { ISwitcherRadioProps };\nexport default SwitcherRadio;\n"],"mappings":";;AAIA,IAAA,wBAAe"}

package/dist/es/Atomic/FormElements/SwitcherRange/SwitcherRange.js

@@ -0,0 +1,33 @@
+import RangeInputs from "../RangeInputs/RangeInputs.js";
+import SwitcherHide from "../SwitcherHide/SwitcherHide.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/SwitcherRange/SwitcherRange.tsx
+var RC = "switcher-range";
+var SwitcherRange = ({ label, isLabelBold, hint, isActive, setIsActive, value, onChange, isInputsColumn, validateErrors, withZero, isPrice, inputsType, testId = RC }) => {
+	return /* @__PURE__ */ jsx(SwitcherHide, {
+		testId,
+		label,
+		hint,
+		className: RC,
+		isActive,
+		onChange: setIsActive,
+		isLabelBold,
+		children: /* @__PURE__ */ jsx(RangeInputs, {
+			testId,
+			className: "switcher-range__range-inputs",
+			type: inputsType,
+			onChange,
+			value,
+			setError: () => {},
+			isColumnPosition: isInputsColumn,
+			validateErrors,
+			withZero,
+			isPrice
+		})
+	});
+};
+//#endregion
+export { SwitcherRange as default };
+
+//# sourceMappingURL=SwitcherRange.js.map

package/dist/es/Atomic/FormElements/SwitcherRange/SwitcherRange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherRange.js","names":[],"sources":["../../../../../src/Atomic/FormElements/SwitcherRange/SwitcherRange.tsx"],"sourcesContent":["import type { ISwitcherRangeProps } from './SwitcherRange.interface';\nimport React from 'react';\n\nimport RangeInputs from '../RangeInputs/RangeInputs';\nimport SwitcherHide from '../SwitcherHide/SwitcherHide';\n\nconst RC = 'switcher-range';\n\nconst SwitcherRange: React.FC<ISwitcherRangeProps> = ({\n  label,\n  isLabelBold,\n  hint,\n  isActive,\n  setIsActive,\n  value,\n  onChange,\n  isInputsColumn,\n  validateErrors,\n  withZero,\n  isPrice,\n  inputsType,\n  testId = RC,\n}) => {\n  // const [error, setError] = useState(\"\");\n\n  // const rangeValidation = () => {\n  //   if (inputFrom && inputTo && inputFrom > inputTo) {\n  //     setError(\"Invalid range\");\n  //   } else {\n  //     setError(\"\");\n  //   }\n  // };\n\n  return (\n    <SwitcherHide\n      testId={testId}\n      label={label}\n      hint={hint}\n      className={RC}\n      isActive={isActive}\n      onChange={setIsActive}\n      isLabelBold={isLabelBold}\n    >\n      <RangeInputs\n        testId={testId}\n        className=\"switcher-range__range-inputs\"\n        type={inputsType}\n        onChange={onChange}\n        value={value}\n        setError={() => {}}\n        isColumnPosition={isInputsColumn}\n        validateErrors={validateErrors}\n        withZero={withZero}\n        isPrice={isPrice}\n      />\n    </SwitcherHide>\n  );\n};\n\nexport default SwitcherRange;\n"],"mappings":";;;;;AAMA,IAAM,KAAK;AAEX,IAAM,iBAAgD,EACpD,OACA,aACA,MACA,UACA,aACA,OACA,UACA,gBACA,gBACA,UACA,SACA,YACA,SAAS,SACL;CAWJ,OACE,oBAAC,cAAD;EACU;EACD;EACD;EACN,WAAW;EACD;EACV,UAAU;EACG;YAEb,oBAAC,aAAD;GACU;GACR,WAAU;GACV,MAAM;GACI;GACH;GACP,gBAAgB,CAAC;GACjB,kBAAkB;GACF;GACN;GACD;EACV,CAAA;CACW,CAAA;AAElB"}

package/dist/es/Atomic/FormElements/SwitcherRange/index.js

@@ -0,0 +1,7 @@
+import SwitcherRange from "./SwitcherRange.js";
+//#region src/Atomic/FormElements/SwitcherRange/index.ts
+var SwitcherRange_default = SwitcherRange;
+//#endregion
+export { SwitcherRange_default as default };
+
+//# sourceMappingURL=index.js.map

package/dist/es/Atomic/FormElements/SwitcherRange/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/Atomic/FormElements/SwitcherRange/index.ts"],"sourcesContent":["import type { ISwitcherRangeProps } from './SwitcherRange.interface';\nimport SwitcherRange from './SwitcherRange';\n\nexport type { ISwitcherRangeProps };\nexport default SwitcherRange;\n"],"mappings":";;AAIA,IAAA,wBAAe"}

package/dist/es/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js

@@ -0,0 +1,56 @@
+import '../../../styles/base.css';
+import RangeList from "../RangeList/RangeList.js";
+import SwitcherHide from "../SwitcherHide/SwitcherHide.js";
+import './SwitcherRangeList.styles.css';/* empty css                       */
+import cn from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.tsx
+var RC = "switcher-range-list";
+function noop() {}
+function SwitcherRangeList(props) {
+	const { className, label, isLabelBold, hint, hintSide, disabled, isActive, value, validateErrors, isFloatValues, decimalPlaces, error, defaultErrorText, nullValueText, isOnlyOneRow, setIsActive = noop, onChange = noop, testId } = props;
+	const valueAdapter = value?.map((v) => ({
+		from: v.from,
+		to: v.to
+	})) ?? [];
+	const onChangeAdapter = (vals) => {
+		const mapped = vals.map((v) => ({
+			from: typeof v.from === "string" ? Number(v.from) : v.from,
+			to: typeof v.to === "string" ? Number(v.to) : v.to
+		}));
+		onChange(mapped);
+	};
+	const validateErrorsAdapter = validateErrors ? (from, to) => {
+		return validateErrors(String(from), String(to)) ? void 0 : defaultErrorText ?? "Invalid range";
+	} : void 0;
+	return /* @__PURE__ */ jsx(SwitcherHide, {
+		isActive,
+		onChange: setIsActive,
+		label,
+		isLabelBold,
+		hint,
+		hintSide,
+		className: cn(RC, className),
+		disabled,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "switcher-range-list__row",
+			children: /* @__PURE__ */ jsx(RangeList, {
+				testId,
+				className: `${RC}__range-list`,
+				value: valueAdapter,
+				isOnlyOneRow,
+				onChange: onChangeAdapter,
+				validateErrors: validateErrorsAdapter,
+				isFloatValues,
+				decimalPlaces,
+				error,
+				defaultErrorText,
+				nullValueText
+			})
+		})
+	});
+}
+//#endregion
+export { SwitcherRangeList as default };
+
+//# sourceMappingURL=SwitcherRangeList.js.map

package/dist/es/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherRangeList.js","names":[],"sources":["../../../../../src/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\n\nimport type { ISwitcherRangeListProps } from './SwitcherRangeList.interface';\n\nimport cn from 'classnames';\nimport RangeList from '../RangeList/RangeList';\n\nimport SwitcherHide from '../SwitcherHide/SwitcherHide';\nimport './SwitcherRangeList.scss';\n\nconst RC = 'switcher-range-list';\nfunction noop(): void {}\n\nfunction SwitcherRangeList(props: ISwitcherRangeListProps): ReactElement {\n  const {\n    className,\n    label,\n    isLabelBold,\n    hint,\n    hintSide,\n    disabled,\n    isActive,\n    value,\n    validateErrors,\n    isFloatValues,\n    decimalPlaces,\n    error,\n    defaultErrorText,\n    nullValueText,\n    isOnlyOneRow,\n    setIsActive = noop,\n    onChange = noop,\n    testId,\n  } = props;\n\n  // Adapter: ISwitcherRangeListValues[] <-> RangeValue[]\n  const valueAdapter = value?.map(v => ({ from: v.from, to: v.to })) ?? [];\n  const onChangeAdapter = (vals: { from: number | string; to: number | string }[]): void => {\n    const mapped = vals.map(v => ({\n      from: typeof v.from === 'string' ? Number(v.from) : v.from,\n      to: typeof v.to === 'string' ? Number(v.to) : v.to,\n    }));\n    onChange(mapped);\n  };\n\n  const validateErrorsAdapter = validateErrors\n    ? (from: string | number, to: string | number) => {\n        // Call original validateErrors with string values\n        const valid = validateErrors(String(from), String(to));\n        return valid ? undefined : defaultErrorText ?? 'Invalid range';\n      }\n    : undefined;\n\n  return (\n    <SwitcherHide\n      isActive={isActive}\n      onChange={setIsActive}\n      label={label}\n      isLabelBold={isLabelBold}\n      hint={hint}\n      hintSide={hintSide}\n      className={cn(RC, className)}\n      disabled={disabled}\n    >\n      <div className=\"switcher-range-list__row\">\n        <RangeList\n          testId={testId}\n          className={`${RC}__range-list`}\n          value={valueAdapter}\n          isOnlyOneRow={isOnlyOneRow}\n          onChange={onChangeAdapter}\n          validateErrors={validateErrorsAdapter}\n          isFloatValues={isFloatValues}\n          decimalPlaces={decimalPlaces}\n          error={error}\n          defaultErrorText={defaultErrorText}\n          nullValueText={nullValueText}\n        />\n      </div>\n    </SwitcherHide>\n  );\n}\n\nexport default SwitcherRangeList;\n"],"mappings":";;;;;;AAUA,IAAM,KAAK;AACX,SAAS,OAAa,CAAC;AAEvB,SAAS,kBAAkB,OAA8C;CACvE,MAAM,EACJ,WACA,OACA,aACA,MACA,UACA,UACA,UACA,OACA,gBACA,eACA,eACA,OACA,kBACA,eACA,cACA,cAAc,MACd,WAAW,MACX,WACE;CAGJ,MAAM,eAAe,OAAO,KAAI,OAAM;EAAE,MAAM,EAAE;EAAM,IAAI,EAAE;CAAG,EAAE,KAAK,CAAC;CACvE,MAAM,mBAAmB,SAAiE;EACxF,MAAM,SAAS,KAAK,KAAI,OAAM;GAC5B,MAAM,OAAO,EAAE,SAAS,WAAW,OAAO,EAAE,IAAI,IAAI,EAAE;GACtD,IAAI,OAAO,EAAE,OAAO,WAAW,OAAO,EAAE,EAAE,IAAI,EAAE;EAClD,EAAE;EACF,SAAS,MAAM;CACjB;CAEA,MAAM,wBAAwB,kBACzB,MAAuB,OAAwB;EAG9C,OADc,eAAe,OAAO,IAAI,GAAG,OAAO,EAAE,CAC7C,IAAQ,KAAA,IAAY,oBAAoB;CACjD,IACA,KAAA;CAEJ,OACE,oBAAC,cAAD;EACY;EACV,UAAU;EACH;EACM;EACP;EACI;EACV,WAAW,GAAG,IAAI,SAAS;EACjB;YAEV,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,WAAD;IACU;IACR,WAAW,GAAG,GAAG;IACjB,OAAO;IACO;IACd,UAAU;IACV,gBAAgB;IACD;IACA;IACR;IACW;IACH;GAChB,CAAA;EACE,CAAA;CACO,CAAA;AAElB"}

package/dist/es/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js

@@ -0,0 +1,99 @@
+import '../../../styles/base.css';
+import Button from "../../UI/Button/Button.js";
+import TextSwitcher from "../TextSwitcher/TextSwitcher.js";
+import SwitcherHide from "../SwitcherHide/SwitcherHide.js";
+import TagsDropdown from "../TagsDropdown/TagsDropdown.js";
+import Textarea from "../Textarea/Textarea.js";
+import './SwitcherTagsDropdown.styles.css';/* empty css                          */
+import cn from "classnames";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.tsx
+var RC = "switcher-tags-dropdown";
+var SwitcherTagsDropdown = ({ className, label, isLabelBold, isValuesInTags, isActive, isIncluded, isAdvancedLabelSearch, disabled, options = [], chosenOptions = [], setIsActive = () => {}, setIsIncluded = () => {}, onChange = () => {} }) => {
+	const [listView, setListView] = useState(false);
+	const [textValue, setTextValue] = useState("");
+	const singleLevelOptions = useMemo(() => options.reduce((acc, item) => [...acc, ...item.groupName ? item.list ?? [] : [item]], []), [options]);
+	const apply = () => {
+		const getFilterFunction = (listValuesArr) => (item) => {
+			return listValuesArr.find((el) => {
+				const itemValue = item?.value ? item?.value.toString().toLowerCase() : void 0;
+				const itemLabel = (item.title || item.label || item.name || item.value || "").toString().toLowerCase();
+				const chosenOption = el.toString().toLowerCase();
+				const isChosenOptionIncludedInLabel = itemLabel.includes(chosenOption) && item.value && !chosenOptions.includes(item.value);
+				if (isValuesInTags) return (chosenOption === itemValue || chosenOption === itemLabel) && !item.disabled;
+				else if (isAdvancedLabelSearch) return (chosenOption === itemLabel || chosenOption === itemValue || isChosenOptionIncludedInLabel) && !item.disabled;
+				else return (chosenOption === itemLabel || chosenOption === itemValue) && !item.disabled;
+			});
+		};
+		const textToArray = textValue?.split?.(",").map((item) => item.toString().trim()).filter((item) => Boolean(item));
+		onChange(options.filter(getFilterFunction(textToArray)).map((option) => option.value ?? ""), "chosenOptions");
+		setListView(false);
+	};
+	const enterHandler = (e, value) => {
+		if (e?.keyCode === 13) {
+			const option = options?.find((item) => item?.title?.toLowerCase() === value?.toLowerCase() && !item.disabled);
+			const isOptionChecked = chosenOptions?.some((item) => typeof item !== "string" && typeof item !== "number" ? item?.title?.toLowerCase() === option?.title?.toLowerCase() : item?.toString().toLowerCase() === option?.title?.toLowerCase());
+			if (option && !isOptionChecked) onChange([...chosenOptions, option], "chosenOptions");
+		}
+	};
+	useEffect(() => {
+		const getLabel = (el) => el.title || el.label || el.name || el.value;
+		const valuesArr = chosenOptions?.map((item) => isValuesInTags ? item : getLabel(singleLevelOptions.find((option) => option.value === item) ?? {}));
+		setTextValue(valuesArr.join(", "));
+	}, [chosenOptions, listView]);
+	return /* @__PURE__ */ jsxs(SwitcherHide, {
+		isActive,
+		onChange: setIsActive,
+		label,
+		className: cn(RC, className),
+		isLabelBold,
+		disabled,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: `${RC}__wrap switcher-hide__content`,
+			children: [/* @__PURE__ */ jsx(TextSwitcher, {
+				activeText: "is",
+				inactiveText: "is not",
+				isActive: isIncluded ?? true,
+				onChange: setIsIncluded,
+				className: `${RC}__text-switcher`
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "filter-select__wrap--buttons",
+				children: [
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => setListView(!listView),
+						className: `${RC}__btn`,
+						children: listView ? "Close" : "List view"
+					}),
+					listView && /* @__PURE__ */ jsx(Button, {
+						label: "Apply",
+						className: `${RC}__apply`,
+						onClick: () => apply()
+					}),
+					/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => onChange([], "chosenOptions"),
+						className: `${RC}__btn`,
+						children: "Clear"
+					})
+				]
+			})]
+		}), listView ? /* @__PURE__ */ jsx(Textarea, {
+			value: textValue,
+			onChange: (value) => setTextValue(value)
+		}) : /* @__PURE__ */ jsx(TagsDropdown, {
+			options,
+			chosenOptions,
+			onChange,
+			className: `${RC}__tags-dropdown`,
+			onKeyPress: (e, value) => enterHandler(e, value),
+			tagClassname: cn(`${RC}__tag`, { [`${RC}__tag_inactive`]: !isIncluded }),
+			isValuesInTags
+		})]
+	});
+};
+//#endregion
+export { SwitcherTagsDropdown as default };
+
+//# sourceMappingURL=SwitcherTagsDropdown.js.map

package/dist/es/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherTagsDropdown.js","names":[],"sources":["../../../../../src/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.tsx"],"sourcesContent":["import type { ITagsDropdownOption, ITagsDropdownProps } from '../TagsDropdown/TagsDropdown.interface';\n\nimport type { ISwitcherTagsDropdownProps } from './SwitcherTagsDropdown.interface';\n\nimport cn from 'classnames';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport Button from '../../UI/Button/Button';\nimport SwitcherHide from '../SwitcherHide/SwitcherHide';\nimport TagsDropdown from '../TagsDropdown/TagsDropdown';\n\nimport Textarea from '../Textarea/Textarea';\nimport TextSwitcher from '../TextSwitcher/TextSwitcher';\nimport './SwitcherTagsDropdown.scss';\n\nconst RC = 'switcher-tags-dropdown';\n\nconst SwitcherTagsDropdown: React.FC<ISwitcherTagsDropdownProps> = ({\n  className,\n  label,\n  isLabelBold,\n  isValuesInTags,\n  isActive,\n  isIncluded,\n  isAdvancedLabelSearch,\n  disabled,\n  options = [],\n  chosenOptions = [],\n  setIsActive = () => {},\n  setIsIncluded = () => {},\n  onChange = () => {},\n}) => {\n  const [listView, setListView] = useState<boolean>(false);\n  const [textValue, setTextValue] = useState<string>('');\n\n  const singleLevelOptions = useMemo(\n    () =>\n      options.reduce<ITagsDropdownOption[]>(\n        (acc, item) => [...acc, ...(item.groupName ? item.list ?? [] : [item])],\n        [],\n      ),\n    [options],\n  );\n\n  const apply = (): void => {\n    // вернет функциюю сравнения для метода filter с замкнутым массивом listValuesArr\n    // (по логике listValuesArr - массив полученный из строки textaria).\n    const getFilterFunction = (listValuesArr: string[]) => (item: ITagsDropdownOption) => {\n      return listValuesArr.find((el) => {\n        const itemValue = item?.value ? item?.value.toString().toLowerCase() : undefined;\n        const itemLabel = (item.title || item.label || item.name || item.value || '')\n          .toString()\n          .toLowerCase();\n        const chosenOption = el.toString().toLowerCase();\n        const isChosenOptionIncludedInLabel\n          = itemLabel.includes(chosenOption)\n            && item.value && !chosenOptions.includes(item.value);\n\n        if (isValuesInTags) {\n          return (\n            (chosenOption === itemValue || chosenOption === itemLabel)\n            && !item.disabled\n          );\n        }\n        else if (isAdvancedLabelSearch) {\n          return (\n            (chosenOption === itemLabel\n              || chosenOption === itemValue\n              || isChosenOptionIncludedInLabel)\n            && !item.disabled\n          );\n        }\n        else {\n          return (\n            (chosenOption === itemLabel || chosenOption === itemValue)\n            && !item.disabled\n          );\n        }\n      });\n    };\n\n    const textToArray = textValue\n      ?.split?.(',')\n      .map(item => item.toString().trim())\n      .filter(item => Boolean(item));\n    const newOptions = options\n      .filter(getFilterFunction(textToArray))\n      .map(option => option.value ?? '');\n\n    onChange(newOptions, 'chosenOptions');\n    setListView(false);\n  };\n\n  const enterHandler = (e?: KeyboardEventInit, value?: string): void => {\n    if (e?.keyCode === 13) {\n      const option = options?.find(\n        item =>\n          item?.title?.toLowerCase() === value?.toLowerCase() && !item.disabled,\n      );\n      const isOptionChecked = chosenOptions?.some(\n        item => typeof item !== 'string' && typeof item !== 'number' ? item?.title?.toLowerCase() === option?.title?.toLowerCase() : item?.toString().toLowerCase() === option?.title?.toLowerCase(),\n      );\n      if (option && !isOptionChecked)\n        onChange([...chosenOptions, option], 'chosenOptions');\n    }\n  };\n\n  useEffect(() => {\n    const getLabel = (el: ITagsDropdownOption): string | number | undefined => el.title || el.label || el.name || el.value;\n    const valuesArr = chosenOptions?.map(item =>\n      isValuesInTags\n        ? item\n        : getLabel(singleLevelOptions.find(option => option.value === item) ?? {} as ITagsDropdownOption),\n    );\n    setTextValue(valuesArr.join(', '));\n  }, [chosenOptions, listView]);\n\n  return (\n    <SwitcherHide\n      isActive={isActive}\n      onChange={setIsActive}\n      label={label}\n      className={cn(RC, className)}\n      isLabelBold={isLabelBold}\n      disabled={disabled}\n    >\n      <div className={`${RC}__wrap switcher-hide__content`}>\n        <TextSwitcher\n          activeText=\"is\"\n          inactiveText=\"is not\"\n          isActive={isIncluded ?? true}\n          onChange={setIsIncluded}\n          className={`${RC}__text-switcher`}\n        />\n        <div className=\"filter-select__wrap--buttons\">\n          <button\n            type=\"button\"\n            onClick={() => setListView(!listView)}\n            className={`${RC}__btn`}\n          >\n            {listView ? 'Close' : 'List view'}\n          </button>\n          {listView && (\n            <Button\n              label=\"Apply\"\n              className={`${RC}__apply`}\n              onClick={() => apply()}\n            />\n          )}\n          <button\n            type=\"button\"\n            onClick={() => onChange([], 'chosenOptions')}\n            className={`${RC}__btn`}\n          >\n            Clear\n          </button>\n        </div>\n      </div>\n      {listView\n        ? (\n            // @ts-ignore\n            <Textarea value={textValue} onChange={value => setTextValue(value)} />\n          )\n        : (\n            <TagsDropdown\n              options={options}\n              chosenOptions={chosenOptions as ITagsDropdownProps['chosenOptions']}\n              onChange={onChange}\n              className={`${RC}__tags-dropdown`}\n              onKeyPress={(e, value) => enterHandler(e, value)}\n              tagClassname={cn(`${RC}__tag`, {\n                [`${RC}__tag_inactive`]: !isIncluded,\n              })}\n              isValuesInTags={isValuesInTags}\n            />\n          )}\n    </SwitcherHide>\n  );\n};\n\nexport default SwitcherTagsDropdown;\n"],"mappings":"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"}

package/dist/es/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.styles.css

@@ -0,0 +1,55 @@
+/* COLORS*/
+/*GRID*/
+/*FONTS*/
+/*Z-INDEX*/
+/*OTHER*/
+/* THEME COLORS */
+/* COLORS */
+/* GRID */
+/* FONTS */
+:export {
+  primaryColor: #3f51b5;
+  secondaryColor: #f50057;
+  successColor: #4caf50;
+  warningColor: #ff9800;
+  errorColor: #f44336;
+  infoColor: #2196f3;
+  backgroundColor: #ffffff;
+  textColor: #212121;
+  textSecondaryColor: #757575;
+}
+
+.switcher-tags-dropdown__wrap {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+}
+.switcher-tags-dropdown__btn {
+  font-size: 12px;
+  cursor: pointer;
+  color: #6b81dd;
+}
+.switcher-tags-dropdown__btn:not(:last-child) {
+  margin-right: 8px;
+}
+.switcher-tags-dropdown__tags-dropdown {
+  width: 100%;
+}
+.switcher-tags-dropdown__tags-dropdown .tags-dropdown__trigger {
+  position: static;
+}
+.switcher-tags-dropdown__tags-dropdown .switcher-tags-dropdown__tag {
+  background-color: #e4f3e8;
+}
+.switcher-tags-dropdown__tags-dropdown .switcher-tags-dropdown__tag_inactive {
+  background-color: #fce2e8;
+}
+.switcher-tags-dropdown__tags-dropdown .tags-dropdown__arrow {
+  top: 6px;
+  right: 5px;
+}
+.switcher-tags-dropdown__apply {
+  height: 20px;
+  margin-right: 8px;
+}

package/dist/es/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js

@@ -0,0 +1,49 @@
+import '../../../styles/base.css';
+import TextSwitcher from "../TextSwitcher/TextSwitcher.js";
+import SwitcherHide from "../SwitcherHide/SwitcherHide.js";
+import Textarea from "../Textarea/Textarea.js";
+import './SwitcherTextarea.styles.css';/* empty css                      */
+import cn from "classnames";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.tsx
+var RC = "switcher-textarea";
+var SwitcherTextarea = ({ label, isLabelBold, hint, className, isActive = true, setIsActive, isIncluded = true, setIsIncluded, text = "", setText, activeText = "is", inactiveText = "is not", placeholder, disabled, testId = RC }) => {
+	return /* @__PURE__ */ jsx(SwitcherHide, {
+		testId,
+		isActive,
+		onChange: (v) => setIsActive?.(v),
+		label,
+		isLabelBold,
+		className: cn(RC, className),
+		hint,
+		disabled,
+		children: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+			className: `${RC}__wrap switcher-hide__content`,
+			children: [/* @__PURE__ */ jsx(TextSwitcher, {
+				testId,
+				activeText,
+				inactiveText,
+				isActive: isIncluded ?? true,
+				onChange: (value) => setIsIncluded?.(value),
+				className: `${RC}__text-switcher`
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => setText?.(""),
+				className: `${RC}__btn`,
+				"data-testid": `${testId}-clear-btn`,
+				children: "Clear"
+			})]
+		}), /* @__PURE__ */ jsx(Textarea, {
+			testId,
+			value: text,
+			placeholder,
+			onChange: (value) => setText?.(value),
+			className: `${RC}__textarea`
+		})] })
+	});
+};
+//#endregion
+export { SwitcherTextarea as default };
+
+//# sourceMappingURL=SwitcherTextarea.js.map

package/dist/es/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitcherTextarea.js","names":[],"sources":["../../../../../src/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.tsx"],"sourcesContent":["import type { ISwitcherTextareaProps } from './SwitcherTextarea.interface';\nimport cn from 'classnames';\n\nimport React from 'react';\nimport SwitcherHide from '../SwitcherHide/SwitcherHide';\nimport Textarea from '../Textarea/Textarea';\n\nimport TextSwitcher from '../TextSwitcher/TextSwitcher';\nimport './SwitcherTextarea.scss';\n\nconst RC = 'switcher-textarea';\n\nconst SwitcherTextarea: React.FC<ISwitcherTextareaProps> = ({\n  label,\n  isLabelBold,\n  hint,\n  className,\n  isActive = true,\n  setIsActive,\n  isIncluded = true,\n  setIsIncluded,\n  text = '',\n  setText,\n  activeText = 'is',\n  inactiveText = 'is not',\n  placeholder,\n  disabled,\n  testId = RC,\n}) => {\n  return (\n    <SwitcherHide\n      testId={testId}\n      isActive={isActive}\n      onChange={v => setIsActive?.(v)}\n      label={label}\n      isLabelBold={isLabelBold}\n      className={cn(RC, className)}\n      hint={hint}\n      disabled={disabled}\n    >\n      <>\n        <div className={`${RC}__wrap switcher-hide__content`}>\n          <TextSwitcher\n            testId={testId}\n            activeText={activeText}\n            inactiveText={inactiveText}\n            isActive={isIncluded ?? true}\n            onChange={value => setIsIncluded?.(value)}\n            className={`${RC}__text-switcher`}\n          />\n          <button\n            type=\"button\"\n            onClick={() => setText?.('')}\n            className={`${RC}__btn`}\n            data-testid={`${testId}-clear-btn`}\n          >\n            Clear\n          </button>\n        </div>\n        <Textarea\n          testId={testId}\n          value={text}\n          placeholder={placeholder}\n          onChange={value => setText?.(value)}\n          className={`${RC}__textarea`}\n        />\n      </>\n    </SwitcherHide>\n  );\n};\n\nexport default SwitcherTextarea;\n"],"mappings":";;;;;;;;AAUA,IAAM,KAAK;AAEX,IAAM,oBAAsD,EAC1D,OACA,aACA,MACA,WACA,WAAW,MACX,aACA,aAAa,MACb,eACA,OAAO,IACP,SACA,aAAa,MACb,eAAe,UACf,aACA,UACA,SAAS,SACL;CACJ,OACE,oBAAC,cAAD;EACU;EACE;EACV,WAAU,MAAK,cAAc,CAAC;EACvB;EACM;EACb,WAAW,GAAG,IAAI,SAAS;EACrB;EACI;YAEV,qBAAA,UAAA,EAAA,UAAA,CACE,qBAAC,OAAD;GAAK,WAAW,GAAG,GAAG;aAAtB,CACE,oBAAC,cAAD;IACU;IACI;IACE;IACd,UAAU,cAAc;IACxB,WAAU,UAAS,gBAAgB,KAAK;IACxC,WAAW,GAAG,GAAG;GAClB,CAAA,GACD,oBAAC,UAAD;IACE,MAAK;IACL,eAAe,UAAU,EAAE;IAC3B,WAAW,GAAG,GAAG;IACjB,eAAa,GAAG,OAAO;cACxB;GAEO,CAAA,CACL;MACL,oBAAC,UAAD;GACU;GACR,OAAO;GACM;GACb,WAAU,UAAS,UAAU,KAAK;GAClC,WAAW,GAAG,GAAG;EAClB,CAAA,CACD,EAAA,CAAA;CACU,CAAA;AAElB"}

package/dist/es/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.styles.css

@@ -0,0 +1,38 @@
+/* COLORS*/
+/*GRID*/
+/*FONTS*/
+/*Z-INDEX*/
+/*OTHER*/
+/* THEME COLORS */
+/* COLORS */
+/* GRID */
+/* FONTS */
+:export {
+  primaryColor: #3f51b5;
+  secondaryColor: #f50057;
+  successColor: #4caf50;
+  warningColor: #ff9800;
+  errorColor: #f44336;
+  infoColor: #2196f3;
+  backgroundColor: #ffffff;
+  textColor: #212121;
+  textSecondaryColor: #757575;
+}
+
+.switcher-textarea__wrap {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
+}
+.switcher-textarea__text-switcher {
+  height: 20px;
+}
+.switcher-textarea__btn {
+  font-size: 12px;
+  cursor: pointer;
+  color: #6b81dd;
+}
+.switcher-textarea__btn:not(:last-child) {
+  margin-right: 8px;
+}