intelicoreact 1.8.5 → 1.8.7

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

@@ -1,37 +1 @@
-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;
+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]})}

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

@@ -1,48 +1 @@
-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;
+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?"":_()]})}

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

@@ -1,62 +1 @@
-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;
+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})})})}

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

@@ -1,175 +1 @@
-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;
+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:_})]})}

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

@@ -1,65 +1 @@
-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;
+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")})]})})}

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

@@ -1,118 +1 @@
-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;
+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()}

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

@@ -1,126 +1 @@
-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;
+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})}