intelicoreact 1.8.8 → 1.8.10

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.jsx

@@ -1 +1,37 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import s from"classnames";import i from"../Switcher/Switcher";import"./SwitchableRow.scss";var a="switchable-row";export default function(c){var r=c||{},l=r.RC,o=void 0===l?a:l,d=r.className,m=r.children,n=r.isActive,h=r.setIsActive,v=r.switcherLabel,w=r.isSwitcherLabelBold,b=r.testId,f=void 0===b?a:b;return t("div",{className:s(o,d),"data-testid":f,children:[e("div",{className:s("".concat(o,"__cell")),children:e(i,{isActive:n,onChange:h,isLabelBold:w,label:v,"data-testid":"".concat(f,"-switcher")})}),m]})}
+import cn from 'classnames';
+
+import Switcher from '../Switcher/Switcher';
+
+import './SwitchableRow.scss';
+
+const RC_default = 'switchable-row';
+
+function SwitchableRow(props) {
+  const {
+    RC = RC_default,
+    className,
+    children,
+    isActive,
+    setIsActive,
+    switcherLabel,
+    isSwitcherLabelBold,
+    testId = RC_default,
+  } = props || {};
+
+  return (
+    <div className={cn(RC, className)} data-testid={testId}>
+      <div className={cn(`${RC}__cell`)}>
+        <Switcher
+          isActive={isActive}
+          onChange={setIsActive}
+          isLabelBold={isSwitcherLabelBold}
+          label={switcherLabel}
+          data-testid={`${testId}-switcher`}
+        />
+      </div>
+      {children}
+    </div>
+  );
+}
+
+export default SwitchableRow;

package/dist/Atomic/FormElements/SwitcherCheckbox/SwitcherCheckbox.jsx

@@ -1 +1,48 @@
-function e(e,i,n){return i in e?Object.defineProperty(e,i,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[i]=n,e}import{jsx as i,jsxs as n}from"react/jsx-runtime";import t from"classnames";import o from"../CheckboxesLine/CheckboxesLine";import r from"../Switcher/Switcher";import"./SwitcherCheckbox.scss";var a="switcher-hide";export default function(c){var s,l=c.label,d=c.hint,h=c.items,m=void 0===h?[]:h,u=c.value,b=void 0===u?[]:u,f=c.className,v=c.isLabelBold,C=c.isActive,p=c.hintSide,w=c.disabled,x=c.hideChildren,S=c.onSwitcherChange,g=void 0===S?function(){}:S,j=c.onChange,L=void 0===j?function(){}:j,_=function(){return i(o,{items:m,value:b,onChange:L})};return n("div",{className:t(a,f,(e(s={},"".concat(a,"_closed"),!C),e(s,"".concat(a,"_disabled"),w),s)),children:[i(r,{className:"".concat(a,"__switcher"),hintSide:p,label:l,isActive:C,onChange:function(e){return g(e)},isLabelBold:v,hint:d}),C?_():void 0===x||x?"":_()]})}
+import cn from 'classnames';
+
+import CheckboxesLine from '../CheckboxesLine/CheckboxesLine';
+import Switcher from '../Switcher/Switcher';
+
+import './SwitcherCheckbox.scss';
+
+const RC = 'switcher-hide';
+
+function SwitcherCheckbox({
+  label,
+  hint,
+  items = [],
+  value = [],
+  className,
+  isLabelBold,
+  isActive,
+  hintSide,
+  disabled,
+  hideChildren = true,
+  onSwitcherChange = () => {},
+  onChange = () => {},
+}) {
+  const renderCheckboxes = () => {
+    return <CheckboxesLine items={items} value={value} onChange={onChange} />;
+  };
+  return (
+    <div
+      className={cn(RC, className, {
+        [`${RC}_closed`]: !isActive,
+        [`${RC}_disabled`]: disabled,
+      })}
+    >
+      <Switcher
+        className={`${RC}__switcher`}
+        hintSide={hintSide}
+        label={label}
+        isActive={isActive}
+        onChange={value => onSwitcherChange(value)}
+        isLabelBold={isLabelBold}
+        hint={hint}
+      />
+      {isActive ? renderCheckboxes() : !hideChildren ? renderCheckboxes() : ''}
+    </div>
+  );
+}
+
+export default SwitcherCheckbox;

package/dist/Atomic/FormElements/SwitcherRangeList/SwitcherRangeList.jsx

@@ -1 +1,62 @@
-import{jsx as e}from"react/jsx-runtime";import i from"classnames";import a from"../RangeList/RangeList";import t from"../SwitcherHide/SwitcherHide";import"./SwitcherRangeList.scss";var r="switcher-range-list";export default function(s){var l=s.className,n=s.label,o=s.isLabelBold,c=s.hint,d=s.hintSide,m=s.disabled,u=s.isActive,h=s.value,v=s.validateErrors,f=s.isFloatValues,g=s.decimalPlaces,w=s.error,x=s.defaultErrorText,b=s.nullValueText,p=s.isOnlyOneRow,L=s.setIsActive,R=s.onChange,S=s.testId;return e(t,{isActive:u,onChange:void 0===L?function(){}:L,label:n,isLabelBold:o,hint:c,hintSide:d,className:i(r,l),disabled:m,children:e("div",{className:"switcher-range-list__row",children:e(a,{testId:S,className:"".concat(r,"__range-list"),value:h,isOnlyOneRow:p,onChange:void 0===R?function(){}:R,validateErrors:v,isFloatValues:f,decimalPlaces:g,error:w,defaultErrorText:x,nullValueText:b})})})}
+import cn from 'classnames';
+
+import RangeList from '../RangeList/RangeList';
+import SwitcherHide from '../SwitcherHide/SwitcherHide';
+
+import './SwitcherRangeList.scss';
+
+const RC = 'switcher-range-list';
+
+function SwitcherRangeList(props) {
+  const {
+    className,
+    label,
+    isLabelBold,
+    hint,
+    hintSide,
+    disabled,
+    isActive,
+    value,
+    validateErrors,
+    isFloatValues,
+    decimalPlaces,
+    error,
+    defaultErrorText,
+    nullValueText,
+    isOnlyOneRow,
+    setIsActive = () => {},
+    onChange = () => {},
+    testId,
+  } = props;
+
+  return (
+    <SwitcherHide
+      isActive={isActive}
+      onChange={setIsActive}
+      label={label}
+      isLabelBold={isLabelBold}
+      hint={hint}
+      hintSide={hintSide}
+      className={cn(RC, className)}
+      disabled={disabled}
+    >
+      <div className="switcher-range-list__row">
+        <RangeList
+          testId={testId}
+          className={`${RC}__range-list`}
+          value={value}
+          isOnlyOneRow={isOnlyOneRow}
+          onChange={onChange}
+          validateErrors={validateErrors}
+          isFloatValues={isFloatValues}
+          decimalPlaces={decimalPlaces}
+          error={error}
+          defaultErrorText={defaultErrorText}
+          nullValueText={nullValueText}
+        />
+      </div>
+    </SwitcherHide>
+  );
+}
+
+export default SwitcherRangeList;

package/dist/Atomic/FormElements/SwitcherTagsDropdown/SwitcherTagsDropdown.jsx

@@ -1 +1,175 @@
-function t(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,r=Array(n);e<n;e++)r[e]=t[e];return r}function n(t,n){return function(t){if(Array.isArray(t))return t}(t)||function(t,n){var e,r,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],a=!0,l=!1;try{for(o=o.call(t);!(a=(e=o.next()).done)&&(i.push(e.value),!n||i.length!==n);a=!0);}catch(t){l=!0,r=t}finally{try{a||null==o.return||o.return()}finally{if(l)throw r}}return i}}(t,n)||r(t,n)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function e(n){return function(n){if(Array.isArray(n))return t(n)}(n)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(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.")}()}function r(n,e){if(n){if("string"==typeof n)return t(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);if("Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return t(n,e)}}import{jsx as o,jsxs as i}from"react/jsx-runtime";import a from"classnames";import{useEffect as l,useMemo as c,useState as u}from"react";import s from"../../UI/Button/Button";import d from"../SwitcherHide/SwitcherHide";import f from"../TagsDropdown/TagsDropdown";import m from"../Textarea/Textarea";import v from"../TextSwitcher/TextSwitcher";import"./SwitcherTagsDropdown.scss";var p="switcher-tags-dropdown";export default function(t){var r,b,h,y=t.className,g=t.label,w=t.isLabelBold,_=t.isValuesInTags,C=t.isActive,S=t.isIncluded,A=t.isAdvancedLabelSearch,T=t.disabled,x=t.options,I=void 0===x?[]:x,L=t.chosenOptions,N=void 0===L?[]:L,j=t.setIsActive,O=t.setIsIncluded,k=t.onChange,B=void 0===k?function(){}:k,D=n(u(!1),2),E=D[0],H=D[1],P=n(u(),2),U=P[0],V=P[1],K=c(function(){return I.reduce(function(t,n){return e(t).concat(e(n.groupName?n.list:[n]))},[])},[I]),M=function(){var t,n=null==U||null==(t=U.split)?void 0:t.call(U,",").map(function(t){return t.toString().trim()}).filter(function(t){return!!t});B(I.filter(function(t){return n.find(function(n){var e=null==t?void 0:t.value.toString().toLowerCase(),r=(t.title||t.label||t.name||t.value).toString().toLowerCase(),o=n.toString().toLowerCase(),i=r.includes(o)&&!N.includes(t.value);return _?(o===e||o===r)&&!t.disabled:A?(o===r||o===e||i)&&!t.disabled:(o===r||o===e)&&!t.disabled})}).map(function(t){return t.value}),"chosenOptions"),H(!1)},$=function(t,n){if(13===t.keyCode){var r=null==I?void 0:I.find(function(t){var e;return(null==t||null==(e=t.title)?void 0:e.toLowerCase())===(null==n?void 0:n.toLowerCase())&&!t.disabled}),o=null==N?void 0:N.some(function(t){var n,e;return(null==t||null==(n=t.title)?void 0:n.toLowerCase())===(null==r||null==(e=r.title)?void 0:e.toLowerCase())});r&&!o&&B(e(N).concat([r]),"chosenOptions")}};return l(function(){V((null==N?void 0:N.map(function(t){var n;return _?t:(n=K.find(function(n){return n.value===t})).title||n.label||n.name||n.value})).join(", "))},[N,E]),i(d,{isActive:C,onChange:void 0===j?function(){}:j,label:g,className:a(p,y),isLabelBold:w,disabled:T,children:[i("div",{className:"".concat(p,"__wrap switcher-hide__content"),children:[o(v,{activeText:"is",inactiveText:"is not",isActive:null==S||S,onChange:void 0===O?function(){}:O,className:"".concat(p,"__text-switcher")}),i("div",{className:"filter-select__wrap--buttons",children:[o("button",{onClick:function(){return H(!E)},className:"".concat(p,"__btn"),children:E?"Close":"List view"}),E&&o(s,{label:"Apply",className:"".concat(p,"__apply"),onClick:function(){return M()}}),o("button",{onClick:function(){return B([],"chosenOptions")},className:"".concat(p,"__btn"),children:"Clear"})]})]}),E?o(m,{value:U,onChange:function(t){return V(t)}}):o(f,{options:I,chosenOptions:N,onChange:B,className:"".concat(p,"__tags-dropdown"),onKeyPress:function(t,n){return $(t,n)},tagClassname:a("".concat(p,"__tag"),(r={},b="".concat(p,"__tag_inactive"),h=!S,b in r?Object.defineProperty(r,b,{value:h,enumerable:!0,configurable:!0,writable:!0}):r[b]=h,r)),isValuesInTags:_})]})}
+import cn from 'classnames';
+
+import { useEffect, useMemo, useState } from 'react';
+
+import Button from '../../UI/Button/Button';
+import SwitcherHide from '../SwitcherHide/SwitcherHide';
+import TagsDropdown from '../TagsDropdown/TagsDropdown';
+import Textarea from '../Textarea/Textarea';
+import TextSwitcher from '../TextSwitcher/TextSwitcher';
+
+import './SwitcherTagsDropdown.scss';
+
+const RC = 'switcher-tags-dropdown';
+
+function 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 = () => {
+    // вернет функциюю сравнения для метода filter с замкнутым массивом listValuesArr
+    // (по логике listValuesArr - массив полученный из строки textaria).
+    const getFilterFunction = listValuesArr => (item) => {
+      return listValuesArr.find((el) => {
+        const itemValue = item?.value.toString().toLowerCase();
+        const itemLabel = (item.title || item.label || item.name || item.value)
+          .toString()
+          .toLowerCase();
+        const chosenOption = el.toString().toLowerCase();
+        const isChosenOptionIncludedInLabel
+          = itemLabel.includes(chosenOption)
+            && !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));
+    const newOptions = options
+      .filter(getFilterFunction(textToArray))
+      .map(option => option.value);
+
+    onChange(newOptions, '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 => item?.title?.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 (
+    <SwitcherHide
+      isActive={isActive}
+      onChange={setIsActive}
+      label={label}
+      className={cn(RC, className)}
+      isLabelBold={isLabelBold}
+      disabled={disabled}
+    >
+      <div className={`${RC}__wrap switcher-hide__content`}>
+        <TextSwitcher
+          activeText="is"
+          inactiveText="is not"
+          isActive={isIncluded ?? true}
+          onChange={setIsIncluded}
+          className={`${RC}__text-switcher`}
+        />
+        <div className="filter-select__wrap--buttons">
+          <button
+            onClick={() => setListView(!listView)}
+            className={`${RC}__btn`}
+          >
+            {listView ? 'Close' : 'List view'}
+          </button>
+          {listView && (
+            <Button
+              label="Apply"
+              className={`${RC}__apply`}
+              onClick={() => apply()}
+            />
+          )}
+          <button
+            onClick={() => onChange([], 'chosenOptions')}
+            className={`${RC}__btn`}
+          >
+            Clear
+          </button>
+        </div>
+      </div>
+      {listView
+        ? (
+            <Textarea value={textValue} onChange={value => setTextValue(value)} />
+          )
+        : (
+            <TagsDropdown
+              options={options}
+              chosenOptions={chosenOptions}
+              onChange={onChange}
+              className={`${RC}__tags-dropdown`}
+              onKeyPress={(e, value) => enterHandler(e, value)}
+              tagClassname={cn(`${RC}__tag`, {
+                [`${RC}__tag_inactive`]: !isIncluded,
+              })}
+              isValuesInTags={isValuesInTags}
+            />
+          )}
+    </SwitcherHide>
+  );
+}
+
+export default SwitcherTagsDropdown;

package/dist/Atomic/FormElements/SwitcherTextarea/SwitcherTextarea.jsx

@@ -1 +1,65 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import a from"classnames";import c from"../SwitcherHide/SwitcherHide";import n from"../Textarea/Textarea";import s from"../TextSwitcher/TextSwitcher";import"./SwitcherTextarea.scss";var r="switcher-textarea";export default function(o){var d=o.label,l=o.isLabelBold,h=o.hint,m=o.className,v=o.isActive,u=o.setIsActive,x=o.isIncluded,f=void 0===x||x,p=o.setIsIncluded,T=void 0===p?function(){}:p,_=o.text,w=o.setText,b=void 0===w?function(){}:w,I=o.activeText,N=o.inactiveText,C=o.placeholder,S=o.disabled,g=o.testId;return e(c,{testId:g,isActive:void 0===v||v,onChange:void 0===u?function(){}:u,label:d,isLabelBold:l,className:a(r,m),hint:h,disabled:S,children:t(i,{children:[t("div",{className:"".concat(r,"__wrap switcher-hide__content"),children:[e(s,{testId:g,activeText:void 0===I?"is":I,inactiveText:void 0===N?"is not":N,isActive:null==f||f,onChange:function(e){return T(e)},className:"".concat(r,"__text-switcher")}),e("button",{onClick:function(){return b("")},className:"".concat(r,"__btn"),children:"Clear"})]}),e(n,{testId:g,value:void 0===_?"":_,placeholder:C,onChange:function(e){return b(e)},className:"".concat(r,"__textarea")})]})})}
+import cn from 'classnames';
+
+import SwitcherHide from '../SwitcherHide/SwitcherHide';
+import Textarea from '../Textarea/Textarea';
+import TextSwitcher from '../TextSwitcher/TextSwitcher';
+
+import './SwitcherTextarea.scss';
+
+const RC = 'switcher-textarea';
+
+function SwitcherTextarea({
+  label,
+  isLabelBold,
+  hint,
+  className,
+  isActive = true,
+  setIsActive = () => {},
+  isIncluded = true,
+  setIsIncluded = () => {},
+  text = '',
+  setText = () => {},
+  activeText = 'is',
+  inactiveText = 'is not',
+  placeholder,
+  disabled,
+  testId,
+}) {
+  return (
+    <SwitcherHide
+      testId={testId}
+      isActive={isActive}
+      onChange={setIsActive}
+      label={label}
+      isLabelBold={isLabelBold}
+      className={cn(RC, className)}
+      hint={hint}
+      disabled={disabled}
+    >
+      <>
+        <div className={`${RC}__wrap switcher-hide__content`}>
+          <TextSwitcher
+            testId={testId}
+            activeText={activeText}
+            inactiveText={inactiveText}
+            isActive={isIncluded ?? true}
+            onChange={value => setIsIncluded(value)}
+            className={`${RC}__text-switcher`}
+          />
+          <button onClick={() => setText('')} className={`${RC}__btn`}>
+            Clear
+          </button>
+        </div>
+        <Textarea
+          testId={testId}
+          value={text}
+          placeholder={placeholder}
+          onChange={value => setText(value)}
+          className={`${RC}__textarea`}
+        />
+      </>
+    </SwitcherHide>
+  );
+}
+
+export default SwitcherTextarea;

package/dist/Atomic/FormElements/TagListToDropdown/TagListToDropdown.jsx

@@ -1 +1,118 @@
-function t(t,n){(null==n||n>t.length)&&(n=t.length);for(var e=0,r=Array(n);e<n;e++)r[e]=t[e];return r}function n(t){for(var n=1;n<arguments.length;n++){var e=null!=arguments[n]?arguments[n]:{},r=Object.keys(e);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(e).filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.forEach(function(n){var r;r=e[n],n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r})}return t}function e(t,n){return n=null!=n?n:{},Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):(function(t,n){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e.push.apply(e,r)}return e})(Object(n)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}),t}function r(n,e){return function(t){if(Array.isArray(t))return t}(n)||function(t,n){var e,r,o=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=o){var i=[],u=!0,c=!1;try{for(o=o.call(t);!(u=(e=o.next()).done)&&(i.push(e.value),!n||i.length!==n);u=!0);}catch(t){c=!0,r=t}finally{try{u||null==o.return||o.return()}finally{if(c)throw r}}return i}}(n,e)||function(n,e){if(n){if("string"==typeof n)return t(n,e);var r=Object.prototype.toString.call(n).slice(8,-1);if("Object"===r&&n.constructor&&(r=n.constructor.name),"Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return t(n,e)}}(n,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}import{jsx as o}from"react/jsx-runtime";import{useEffect as i,useRef as u,useState as c}from"react";import l from"../../UI/TagList/TagList";import a from"../TagsDropdown/TagsDropdown";export default function(t){var s=t.options,f=t.tagsFullList,p=t.value,y=void 0===p?[]:p,d=t.dropdownProps,m=void 0===d?{}:d,b=t.listProps,O=void 0===b?{}:b,g=t.onChange,v=t.useDropdownCompactMode,h=y.map(function(t){return t.value}),w=r(c(!1),2),j=w[0],C=w[1],P=r(c(!1),2),S=P[0],A=P[1],D=r(c(h),2),T=D[0],I=D[1],L=r(c(!1),2),E=L[0],k=L[1],x=r(c(!1),2),R=x[0],U=x[1],F=u(null),M=function(){if(E){var t;U(!0),k(!1),t=new Promise(function(t){var n,e=g(s.filter(function(t){var n=t.value;return T.includes(n)}));(null!=(n=Promise)&&"undefined"!=typeof Symbol&&n[Symbol.hasInstance]?!!n[Symbol.hasInstance](e):e instanceof n)?e.then(function(n){return t(n)}):t()}),t.finally(function(){C(!1),U(!1)})}else C(!1)};i(function(){I(h)},[j]);var $=function(t){return o(a,e(n(e(n({},m),{disabled:R,options:s,tagsFullList:f,chosenOptions:T,renderOptionsAsTags:!0,withCreateLogic:!0,isUseLocalOptionsStore:!1,onOptionEdit:null==m?void 0:m.onOptionEdit,onOptionDelete:null==m?void 0:m.onOptionDelete,onOptionCreate:null==m?void 0:m.onOptionCreate,onActionConfirmClick:M,onActionCancelClick:function(){return C(function(t){return!t})},onChange:function(t){I(t),k(!0)}}),t),{isDefaultOpened:j}))},q=function(t){return o(l,n(e(n({disabled:R,refProp:F},O),{items:y,onEditClick:function(){return C(function(t){return!t})}}),t))};return v?$({withActions:!1,withSearchInputInList:!0,customTriggerRef:F,recalculateListContainerStylesTrigger:S,onDropdownListClose:M,renderCustomTrigger:function(t){t.isOpen;var n=t.setIsOpen;return t.inputRef,q({onToggleRenderAll:function(t){return setTimeout(function(){return A(t)},1)},onEditClick:function(){n(!j),j?M():C(!0)}})}}):j?$({withActions:!0}):q()}
+import { useEffect, useRef, useState } from 'react';
+
+import TagList from '../../UI/TagList/TagList';
+import TagsDropdown from '../TagsDropdown/TagsDropdown';
+
+function TagListToDropdown({
+  options,
+  tagsFullList,
+  value = [],
+  dropdownProps = {},
+  listProps = {},
+  onChange,
+  useDropdownCompactMode,
+}) {
+  const preparedValue = value.map(({ value }) => value);
+  const [isEditMode, setIsEditMode] = useState(false);
+  const [isRenderAllTags, setIsRenderAllTags] = useState(false);
+  const [newValue, setNewValue] = useState(preparedValue);
+  const [isValueChanged, setIsValueChanged] = useState(false);
+
+  const [isLoading, setIsLoading] = useState(false);
+
+  const tagListRef = useRef(null);
+
+  const onConfirmChangesClick = () => {
+    if (isValueChanged) {
+      setIsLoading(true);
+      setIsValueChanged(false);
+      new Promise((r) => {
+        const onChangeResult = onChange(
+          options.filter(({ value }) => newValue.includes(value)),
+        );
+        if (onChangeResult instanceof Promise) {
+          onChangeResult.then(data => r(data));
+        }
+        else {
+          r();
+        }
+      })?.finally(() => {
+        setIsEditMode(false);
+        setIsLoading(false);
+      });
+    }
+    else {
+      setIsEditMode(false);
+    }
+  };
+
+  useEffect(() => {
+    setNewValue(preparedValue);
+  }, [isEditMode]);
+
+  const renderTagsDropdown = (props) => {
+    return (
+      <TagsDropdown
+        {...dropdownProps}
+        disabled={isLoading}
+        options={options}
+        tagsFullList={tagsFullList}
+        chosenOptions={newValue}
+        renderOptionsAsTags
+        withCreateLogic
+        isUseLocalOptionsStore={false}
+        onOptionEdit={dropdownProps?.onOptionEdit}
+        onOptionDelete={dropdownProps?.onOptionDelete}
+        onOptionCreate={dropdownProps?.onOptionCreate}
+        onActionConfirmClick={onConfirmChangesClick}
+        onActionCancelClick={() => setIsEditMode(v => !v)}
+        onChange={(data) => {
+          setNewValue(data);
+          setIsValueChanged(true);
+        }}
+        {...props}
+        isDefaultOpened={isEditMode}
+      />
+    );
+  };
+
+  const renderTagsList = (props) => {
+    return (
+      <TagList
+        disabled={isLoading}
+        refProp={tagListRef}
+        {...listProps}
+        items={value}
+        onEditClick={() => setIsEditMode(v => !v)}
+        {...props}
+      />
+    );
+  };
+
+  const renderCompactMode = () => {
+    return renderTagsDropdown({
+      withActions: false,
+      withSearchInputInList: true,
+      customTriggerRef: tagListRef,
+      recalculateListContainerStylesTrigger: isRenderAllTags,
+      onDropdownListClose: onConfirmChangesClick,
+      renderCustomTrigger: ({ isOpen, setIsOpen, inputRef }) =>
+        renderTagsList({
+          onToggleRenderAll: v => setTimeout(() => setIsRenderAllTags(v), 1),
+          onEditClick: () => {
+            setIsOpen(!isEditMode);
+            if (isEditMode) onConfirmChangesClick();
+            else setIsEditMode(true);
+          },
+        }),
+    });
+  };
+
+  return useDropdownCompactMode
+    ? renderCompactMode()
+    : isEditMode
+      ? renderTagsDropdown({ withActions: true })
+      : renderTagsList();
+}
+
+export default TagListToDropdown;

package/dist/Atomic/FormElements/Text/Text.jsx

@@ -1 +1,126 @@
-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 c from"classnames";import"./Text.scss";var i="text";export default function(a){var s,l,f,u,p=a.value,y=a.className,b=a.classesObj,O=a.icon,j=a.link,m=a.align,d=void 0===m?"left":m,g=a.testId;if(!p)return null;var v=(null!=(s=Object)&&"undefined"!=typeof Symbol&&s[Symbol.hasInstance]?!!s[Symbol.hasInstance](j):j instanceof s)&&!Array.isArray(j),h="string"==typeof j,P=v||h,w=v?j:{},S=w.path,x=w.target,D=w.redirect,k=w.onClick,N=w.isNoPreventDefault,I=w.isNoStopPropagation,_=P?v?void 0===S?"":S:j:"",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},j));D(_)});var C=n(o,{children:[O&&r("div",{className:"".concat(i,"__icon-container"),children:O}),p]});return r("div",{"data-testid":void 0===g?"text-lib-component":g,className:c(i,y,t((e(u={},"".concat(i,"-left"),"left"===d),e(u,"".concat(i,"-center"),"center"===d),e(u,"".concat(i,"-right"),"right"===d),e(u,"".concat(i,"-justify"),"justify"===d),u),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})}
+import cn from 'classnames';
+
+import './Text.scss';
+
+const RC = 'text';
+
+/**
+ *
+ * @param value
+ * @param className
+ * @param classesObj
+ * @param icon
+ * @param link
+ * @param align
+ * @param testId
+ * @return {JSX.Element|null}
+ * @constructor
+ */
+
+// ? Прототип лежит на проекте кабинета src\JS\Components\Atomic\FormElements\Text\Text.js
+// ? Что поменял?
+// ?   - в верстке убрал дополнительную вложенность
+// ?     (теперь только 1 внешний контейнер, доп. классы назначаются рядом с className)
+// ?   - убрал пропы as и isTitle, они были для работы с предзаданными классами связанными с токенизацией
+// ?     возможность прокинуть доп. классы объектом с условиями оставил через пропу classesObj
+// ?   - заменил пропу text на value
+// ?   - заменил пропу iconMain на icon
+// ?   - переработал пропу link, может быть строкой или объектом
+// ?     если это объект, то у него могут быть свойства
+// ?       - path - значение для href
+
+// ?       - target - значение для атрибута target, имеет смысл передавать, если не передаются onClick или redirect
+
+// ?       - onClick - альтернативный обработчик нажатия, если он есть то он будет ипользован в приоритете,
+// ?         ф-я будет вызвана с 1 аргументом - props, в объекте props будет свойство ev (event) и все содержание link,
+// ?         по умолчанию до использования onClick будут вызваны e.preventDefault() и e.stopPropagation
+
+// ?       - redirect - альтернативный исполнитель редиректа (например history.push),
+// ?         если есть и нет onClick - будет вызван с одним аргументом (link.path)
+
+// ?       - isNoPreventDefault - отключает вызов e.preventDefault перед вызовом onClick или redirect
+
+// ?       - isNoStopPropagation - отключает вызов e.preventDefault перед вызовом onClick или redirect
+
+function Text({
+  value,
+  className,
+  classesObj,
+  icon,
+  link,
+  align = 'left',
+  testId = 'text-lib-component',
+}) {
+  if (!value) return null;
+  const isLinkAsObj = link instanceof Object && !Array.isArray(link);
+  const isLinkAsString = typeof link === 'string';
+  const isLink = isLinkAsObj || isLinkAsString;
+
+  const linkObj = isLinkAsObj ? link : {};
+  const {
+    path = '',
+    target,
+    redirect,
+    onClick: onClickInner,
+    isNoPreventDefault,
+    isNoStopPropagation,
+  } = linkObj;
+
+  const preparedPath = (() => {
+    if (!isLink) return '';
+    return isLinkAsObj ? path : link;
+  })();
+
+  const atributes = {};
+
+  if (typeof onClickInner === 'function' || typeof redirect === 'function') {
+    atributes.onClick = function onClick(ev) {
+      if (!isNoPreventDefault) ev.preventDefault();
+      if (!isNoStopPropagation) ev.stopPropagation();
+
+      // ? если переданы и onClick, и redirect, то onClick считается приоритетнее redirect
+      if (onClickInner) {
+        onClickInner({ ev, ...link });
+        return;
+      }
+      redirect(preparedPath);
+    };
+  }
+
+  const mainInner = (
+    <>
+      {icon && <div className={`${RC}__icon-container`}>{icon}</div>}
+      {value}
+    </>
+  );
+
+  return (
+    <div
+      data-testid={testId}
+      className={cn(RC, className, {
+        [`${RC}-left`]: align === 'left',
+        [`${RC}-center`]: align === 'center',
+        [`${RC}-right`]: align === 'right',
+        [`${RC}-justify`]: align === 'justify',
+        ...classesObj,
+      })}
+    >
+      {isLink
+        ? (
+            <a
+              {...atributes}
+              href={preparedPath}
+              target={target ?? '_self'}
+              rel="noreferrer"
+            >
+              {mainInner}
+            </a>
+          )
+        : (
+            mainInner
+          )}
+    </div>
+  );
+}
+
+export default Text;