intelicoreact 1.8.10 → 1.8.12

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

@@ -1,37 +0,0 @@
-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,48 +0,0 @@
-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,62 +0,0 @@
-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,175 +0,0 @@
-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,65 +0,0 @@
-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,118 +0,0 @@
-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,126 +0,0 @@
-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;

package/dist/Atomic/FormElements/Textarea/Textarea.jsx

@@ -1,61 +0,0 @@
-import cn from 'classnames';
-
-import { useEffect, useRef } from 'react';
-
-import { formatToOnlyASCIICodeText } from '../../../Functions/fieldValueFormatters';
-
-import './Textarea.scss';
-
-const RC = 'textarea';
-
-function Textarea({ ref, id, value, onChange, onFocus, onBlur, placeholder, disabled, className, isNotValidateASCII = false, testId = RC, withAutoGrow, onKeyDown = () => {} }) {
-  const internalRef = useRef();
-  const textareaRef = ref || internalRef;
-
-  const handle = {
-    change: (val) => {
-      let inputValue = val;
-      if (!isNotValidateASCII)
-        inputValue = formatToOnlyASCIICodeText(inputValue);
-
-      onChange(inputValue);
-    },
-    focus: (e) => {
-      onFocus?.(e);
-    },
-    blur: (e) => {
-      onBlur?.(e);
-    },
-  };
-
-  const autoGrow = (el) => {
-    el.style.height = '5px';
-    el.style.height = `${el.scrollHeight}px`;
-  };
-
-  useEffect(() => {
-    if (withAutoGrow) {
-      autoGrow(textareaRef?.current);
-    }
-  }, [value, withAutoGrow]);
-
-  return (
-    <div data-testid={testId} className={cn(`${RC}`, className)}>
-      <textarea
-        id={id ?? Math.random().toString(16).slice(2)}
-        data-testid={`${testId}-textarea`}
-        className={`${RC}__textarea`}
-        value={value}
-        onChange={e => handle.change(e.target.value)}
-        placeholder={placeholder}
-        disabled={disabled}
-        onKeyDown={onKeyDown}
-        ref={textareaRef}
-        onFocus={handle.focus}
-        onBlur={handle.blur}
-      />
-    </div>
-  );
-}
-
-export default Textarea;